/*
    Note that this file is not actually being referenced in the public site.  To include this file, upload it as the CSS file at SV > Marketing > Public View > Configuration.

/* START OF THEME */

/*
  A customized version of the Bootswatch Spacelab theme (http://bootswatch.com).
*/
@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.custom.css");

/*!
  You can change the theme to a non-customized version by replacing the above import statement
  with the following statement.

@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");
*/

/* END OF THEME */


/* --------------------------------------------------------------------------------------------------------------------------  */

/* Get Started Styles.  These styles are intended for helping users to get started for branding their public sites.
   Users may want to override one or more of the following css styles. */

/* HEADER START */

#headerWrapper {
	background-color: #fff;
	color: #222;
}


.offscreen {
	width: 1px;
	height: 1px;
	position: absolute;
	left: -999px;
	overflow: hidden;
	z-index: -999
}


.header-row {
	width: 100%;
	max-width: 1900px;
	height: 150px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto
}

.header-row::after {
	content: "";
	display: table;
	clear: both
}

.header-row .header-row {
	height: auto;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (min-width:1220px) and (max-width:1619px) {
	.header-row .header-row {
			display: inline
	}
}

.scrolling .header-row {
	height: 80px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-row {
			height: 80px;
			width: 100%;
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: flex-start;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end;
			align-items: center;
	}
}

@media only screen and (min-width:1220px) {
	.header-row {
			position: relative
	}
}

.header-logo {
	background: url(/srs/upload/icons-1.png) no-repeat 0 -240px;
	background-size: 500px 400px;
	width: 305px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	display: block;
	margin-top: .625em;
	/* margin-left: 1.875em; */
	margin-right: 0;
	float: left
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-logo {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-logo {
	background-image: url(/srs/upload/icons.svg)
}

@media only screen and (min-width:500px) {
	.header-logo {
			margin-right: 1.875em
	}
}

@media only screen and (min-width:500px) and (max-width:991px) {
	.header-logo {
			margin-right: .938em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-logo {
			margin-left: .938em
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.header-logo {
			background: url(/srs/upload/icons-1.png) no-repeat -240px 0;
			background-size: 500px 400px;
			width: 60px;
			height: 60px;
			margin-left: .938em;
			margin-top: .625em;
			float: left
	}
}

@media only screen and (min-width:0px) and (max-width:767px) and (-o-min-device-pixel-ratio:5/4),
only screen and (min-width:0px) and (max-width:767px) and (-o-min-device-pixel-ratio:13/10),
only screen and (min-width:0px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.3),
only screen and (min-width:0px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-width:0px) and (max-width:767px) and (min-resolution:120dpi) {
	.header-logo {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.svg .header-logo {
			background-image: url(/srs/upload/icons.svg)
	}
}

@media only screen and (min-width:740px) and (max-width:1219px) {
	.header-logo {
			background-size: 252px 202px;
			background-position: 0 -122px;
			width: 154px;
			height: 50px
	}
}

@media (min-width:1220px) and (max-width:1619px) {
	.header-logo {
			background-size: 287px 229px;
			background-position: 0 -138px;
			width: 175px;
			height: 57px
	}
}

@media (min-width:1620px) {
	.header-logo {
			margin-top: 1.875em;
			margin-right: 0
	}
}

.scrolling .header-logo {
	background: url(/srs/upload/icons-1.png) no-repeat -240px 0;
	background-size: 500px 400px;
	width: 60px;
	height: 60px;
	margin-left: .938em;
	margin-top: .625em;
	float: left
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.scrolling .header-logo {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .scrolling .header-logo {
	background-image: url(/srs/upload/icons.svg)
}

.scrolling .header-logo-container {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}


.header-navigation {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	float: left;
	white-space: nowrap
}

@media (min-width:0) and (max-width:1600px) {
	.header-navigation {
			clear: left
	}
}

.scrolling .header-navigation {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	float: none
}

@media only screen and (min-width:992px) {
	.header-main-container {
			-webkit-box-align: end;
			-ms-flex-align: end;
			align-items: flex-end;
			clear: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
			float: right;
			margin-top: 4.25em;
			align-items: center;
	}
}

@media (min-width:1620px) {
	.header-main-container {
			margin-top: 4em
	}
}

.scrolling .header-main-container {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	float: none
}

@media only screen and (min-width:992px) {
	.scrolling .header-main-container {
			margin-top: 0
	}
}

.header-secondary-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-secondary-container {
			float: right
	}
}

@media only screen and (min-width:992px) {
	.header-secondary-container {
			position: absolute;
			top: 0;
			right: 0
	}
}

@media (min-width:992px) and (max-width:1619px) {
	.header-secondary-container {
			height: 68px
	}
}

@media (min-width:1620px) {
	.header-secondary-container {
			height: 64px
	}
}

.scrolling .header-secondary-container {
	height: auto;
	position: static;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.scrolling .header-secondary-container {
			float: right
	}
}

.header-call-link {
	position: relative;
	color: #222;
	display: inline-block;
	letter-spacing: .5px;
	margin-right: 1.25em;
	padding: 12px 10px 12px 45px;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.header-call-link::before {
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	content: "";
	margin-top: auto;
	margin-bottom: auto;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	background: url(/srs/upload/icons-1.png) no-repeat -400px -20px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-call-link::before {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-call-link::before {
	background-image: url(/srs/upload/icons.svg)
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-call-link {
			line-height: 42px;
			overflow: hidden;
			text-indent: 100%;
			width: 45px;
			margin-right: 0;
			padding-right: 0;
			padding-top: 0;
			padding-bottom: 0
	}
}

.header-search-container>* {
	vertical-align: middle
}

.header-search-container::before {
	width: 1px;
	height: 40px;
	background-color: #d8d8d8;
	content: "";
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-search-container::before {
			content: none
	}
}

.header-search-link {
	position: relative;
	color: #222;
	display: inline-block;
	letter-spacing: .5px;
	padding: 12px 10px 12px 45px;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.header-search-link::after,
.header-search-link::before {
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	content: "";
	margin-top: auto;
	margin-bottom: auto;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.header-search-link::before {
	background: url(/srs/upload/icons-1.png) no-repeat -370px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-link::before {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-link::before {
	background-image: url(/srs/upload/icons.svg)
}

.header-search-link::after {
	background: url(/srs/upload/icons-1.png) no-repeat -340px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px;
	opacity: 0
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-link::after {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-link::after {
	background-image: url(/srs/upload/icons.svg)
}

.header-search-link:hover {
	color: #05519a
}

.header-search-link:hover::before {
	opacity: 0
}

.header-search-link:hover::after {
	opacity: 1
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-search-link {
			line-height: 42px;
			overflow: hidden;
			text-indent: 100%;
			width: 45px;
			padding-right: 0;
			padding-top: 0;
			padding-bottom: 0
	}
}

@media (min-width:992px) and (max-width:1099px) {
	.scrolling .header-search-link {
			line-height: 42px;
			overflow: hidden;
			text-indent: 100%;
			width: 45px;
			padding-right: 0;
			padding-top: 0;
			padding-bottom: 0
	}
}

.header-search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: opacity .2s ease, visibility .2s ease;
	transition: opacity .2s ease, visibility .2s ease;
	visibility: hidden
}

.header-search.active {
	opacity: 1;
	pointer-events: all;
	visibility: visible
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-search {
			left: 75px
	}
}

.search-submit {
	width: 50px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-indent: 100%;
	position: relative;
	cursor: pointer;
}

.fieldset-search .search-submit {
	position: absolute;
	bottom: 0;
	left: 0;

	background: transparent;
    border: none;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
}

.header-search-form .fieldset-search .search-submit {
	top: 0;
	margin-top: auto;
	margin-bottom: auto;
	/* margin-top: 15px;
	margin-bottom: 15px; */
}

input[type=search].search-input {
	padding: 16px;
	padding-left: 50px
}

.search-submit::before {
	background: url(/srs/upload/icons-1.png) no-repeat -430px -50px;
	background-size: 500px 400px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
}

fieldset.fieldset-search {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

fieldset.fieldset-search:first-child {
	margin-top: 0;
}

.header-search-form .fieldset-search .search-submit::before {
	background: url(/srs/upload/icons-1.png) no-repeat -370px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px;
	opacity: .3;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-form .fieldset-search .search-submit::before {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-form .fieldset-search .search-submit::before {
	background-image: url(/srs/upload/icons.svg)
}

.header-search-form .fieldset-search .search-submit:hover::before {
	opacity: 1
}

input.header-search-input {
	width: 100%;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	font-size: 1.75rem;
	height: 150px;
	border: none
}

@media only screen and (min-width:740px) {
	input.header-search-input {
			font-size: 36px;
			font-size: 2.25rem
	}
}

@media only screen and (min-width:992px) {
	input.header-search-input {
			font-size: 52px;
			font-size: 3.25rem
	}
}

.scrolling input.header-search-input {
	font-size: 36px;
	font-size: 2.25rem;
	height: 80px
}

@media only screen and (min-width:0px) and (max-width:991px) {
	input.header-search-input {
			font-size: 36px;
			font-size: 2.25rem;
			height: 80px
	}
}

.header-search-close {
	width: 50px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-indent: 100%;
    font-size: 50px;
    font-size: 3.125rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #222;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.header-search-close::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "\00d7";
	text-indent: 0;
}

/* Language bar
   Default Position on definitionsConfig.jsp: Header0
   Corresponding jsp file - languageBar.jsp */
#header0Wrapper {
	/* background-color: <Insert Color Code> !important; */
	/* background-color: #FFF !important; */
	background-color: #0d2444 !important;
	color: #000;
}

/* Top Header
   Default Position on definitionsConfig.jsp: Header1
   Corresponding jsp file - topHeader.jsp

   Header 1 - center (logo, cart icon, login link) */
#header1Container {
	background-color: #FFF !important;
	color: #222;
	/* height: 42px; */
}

/* Cart properties */
.glyphicon-shopping-cart {
	/* color: #ECAA20; */
	/* color: #0D2444; */
	/* color: #58565A; */
	color: #fff;
}

/* Cart counter properties */
#cartCount {
	/* background-color: <Insert Color Code>; */
	/* background-color: #222; */
	background-color: #C05300;
}

/* Login dropdown properties */
#loginDropdownMenuLink {
	/* color: <Insert Color Code>; */
	/* font-size: 1rem; */
	color: #222;
}

/* Header 1 full length */
.navbar-dark {
	/* background-image: none; */
	background-color: #FFF !important;
	border: 0;
	color: #222;
	text-shadow: none;
}


.weather-alert-container .alert {
  color: white;
  width: 100%;
	background-color: #0d2444;
	padding: unset;
  margin-bottom: unset;
  border: unset;
  border-radius: unset;
}

.weather-alert-container .alert-row {
	border-bottom: 4px solid #ecaa20;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1em
}

.weather-alert-container .alert-icon {
	width: 30px;
	height: 30px;
	position: relative;
	border: 1px solid #ecaa20;
	border-radius: 50%;
	display: inline-block
}

.weather-alert-container .alert-icon:before {
	background: url(/srs/upload/icons.png) no-repeat -300px -120px;
	background-size: 500px 400px;
	width: 3px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	display: block
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.weather-alert-container .alert-icon:before {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .weather-alert-container .alert-icon:before {
	background-image: url(/srs/upload/icons.svg)
}

.weather-alert-container .alert-content {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 2em
}

.weather-alert-container .alert-heading {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	color: #000;
	letter-spacing: .7px;
	font-size: 24px;
	font-size: 1.5rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

@media only screen and (min-width:740px) {
	.weather-alert-container .alert-heading {
			font-size: 30px;
			font-size: 1.875rem
	}
}

.weather-alert-container .alert-text {
	margin-top: .25em
}

.weather-alert-container .alert-text p,
.weather-alert-container .alert-button {
	font-size: 16px;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.weather-alert-container .alert-button {
	display: inline-block;
	line-height: 1.2;
	margin-top: .25em;
	border-bottom-color: hsla(0, 0%, 100%, .5)
}

.weather-alert-container .alert-button:hover {
	border-bottom-color: #fff
}

.weather-alert-container .alert-close {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.weather-alert-container .alert-close-button {
	width: 20px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-indent: 100%;
	background: transparent;
	border: none;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	position: relative;
	cursor: pointer;
	display: block
}

.weather-alert-container .alert-close-button:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 36px;
	font-size: 2.25rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	content: "\00d7";
	text-indent: 0;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.weather-alert-container .alert-close-button:hover:before {
	color: #ecaa20
}


/*----------------------------------------------------------*/

/* Global Nav
   Default Position on definitionsConfig.jsp: header3Sub1
   Corresponding jsp file - globalNavigationEmbeddable.jsp and globalNavigation.jsp */

/* Global nav center properties */
#globalNavigationBar {
	/* background-color: <Insert Color Code> !important; */
}

/* Nav item properties */
.nav-item {
	/* font-size: 1rem; */
}

/* Nav link properties */
.navbar-light .navbar-nav .nav-link {
	/* color: <Insert Color Code> !important; */
}

/* Header 3 global navigation drop down menu */
.navbar-nav>li>.dropdown-menu {
	/* background-color: <Insert Color Code>; */
}

/* Header 3 global navigation drop down menu label */
.dropdown-menu>li>a,
.dropdown-menu .subMenu>li>a {
	/* color: <Insert Color Code>; */
}

#header0Container.container {
	border-left: 0;
	border-right: 0;
}

#loginInfo {
	color: #fff;
	text-shadow: none;
	/* display: block !important; */
}

#loginNameWrapper {
	width: auto;
}

#logoutLinkWrapper {
	max-width: none;
}

#loginInfo #collapseLoginMenuOptions a {
	color: #2d2d2d;
}

#variableContentBlockCM000002 {
	margin-bottom: 0;	
}

.scrolling .header-main-container {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	float: none
}

@media only screen and (min-width:992px) {
	.scrolling .header-main-container {
		margin-top: 0
	}
}


.header-buttons-item {
	margin: 1em .625em
}

@media only screen and (min-width:1220px) {
	.header-buttons-item {
		margin: 1em .938em
	}
}

@media (min-width:1620px) {
	.header-buttons-item {
		margin: 1em .938em 1.25em
	}
}

.scrolling .header-buttons-item {
	margin: .938em
}

@media (min-width:0px) and (max-width:1399px) {
	.scrolling .header-buttons-item {
		margin: 1.4em .5em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-buttons-item {
		margin: 1.4em .5em
	}
}

.header-buttons-button {
	max-width: 160px;
	min-width: 160px
}

@media (min-width:1620px) {
	.header-buttons-button {
		max-width: 240px;
		min-width: 240px
	}
}

@media (min-width:992px) and (max-width:1399px) {
	.scrolling .header-buttons-button {
		height: 2.5em;
		padding: .75em 20px;
		max-width: 140px;
		min-width: 140px
	}

	.scrolling .header-buttons-button.button-secondary {
		padding-top: .607em;
		padding-bottom: .607em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-buttons-button {
		height: 2.5em;
		max-width: 130px;
		min-width: 130px;
		padding: .75em 15px
	}

	.header-buttons-button.button-secondary {
		padding-top: .607em;
		padding-bottom: .607em
	}
}



.menu {
	list-style-type: none;
	margin: 0;
	padding: 0
}


.navigation-menu {
	margin-left: -1.25em;
	white-space: nowrap
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.navigation-menu {
		display: none
	}
}

.navigation-item {
	display: inline-block;
	vertical-align: middle;
	padding: 0 1em
}

.navigation-item>a {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	font-size: 1.25rem;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 4px solid transparent;
	color: #222;
	/* display: block; */
	letter-spacing: .94px;
	/* padding: 1em 0; */
	padding: 0;
	white-space: nowrap
}

@media only screen and (min-width:1220px) {
	.navigation-item>a {
		font-size: 24px;
		font-size: 1.5rem
	}
}

.navigation-item.focus>a,
.navigation-item:focus>a,
.navigation-item:hover>a,
.navigation-item>a.active {
	border-bottom-color: #ecaa20;
	color: #05519a;
	text-decoration: none;
}

@media only screen and (min-width:1220px) {
	.navigation-item {
		padding: 0 1.25em
	}
}

@media (min-width:992px) and (max-width:1399px) {
	.navigation-item {
		padding-right: .875em;
		padding-left: .875em
	}
}

@media (min-width:992px) and (max-width:1399px) {
	.scrolling .navigation-item>a {
		font-size: 16px;
		font-size: 1rem;
		padding: 1.72em 0
	}
}

@media (min-width:992px) and (max-width:1049px) {
	.scrolling .navigation-item {
		padding: 0 .4em
	}

	.scrolling .navigation-item>a {
		font-size: 15px;
		font-size: .9375rem
	}
}

@media (min-width:1100px) and (max-width:1219px) {
	.scrolling .navigation-item {
		padding: 0 .875em
	}
}

.navigation-children-container {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	display: none
}

.navigation-item.focus>.navigation-children-container,
.navigation-item:hover>.navigation-children-container {
	display: block
}

.navigation-children {
	position: relative;
	z-index: 1;
	background-color: #fff;
	overflow: hidden;
	padding: 1em 1.25em 1.75em
}

.navigation-children::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	top: 0;
	right: -7px;
	bottom: -7px;
	left: -7px;
	z-index: -1;
	-webkit-box-shadow: inset 0 2px 7px rgba(0, 0, 0, .1);
	box-shadow: inset 0 2px 7px rgba(0, 0, 0, .1);
	content: "";
	pointer-events: none
}

@media only screen and (min-width:992px) {
	.navigation-children {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.navigation-child-list {
	margin-top: 1.75em
}

@media only screen and (min-width:992px) {
	.navigation-child-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: auto
	}
}

.navigation-child-item {
	margin-bottom: 2em
}

@media only screen and (min-width:992px) {
	.navigation-child-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		margin-bottom: 3em
	}
}

.navigation-child-item a {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	color: #000;
	letter-spacing: .7px;
	font-size: 24px;
	font-size: 1.5rem;
	border-bottom: 1px solid #d8d8d8;
	display: block
}

@media only screen and (min-width:740px) {
	.navigation-child-item a {
		font-size: 30px;
		font-size: 1.875rem
	}
}

@media only screen and (min-width:992px) {
	.navigation-child-item a {
		font-size: 24px;
		font-size: 1.5rem
	}
}

@media only screen and (min-width:1220px) {
	.navigation-child-item a {
		font-size: 28px;
		font-size: 1.75rem
	}
}

.navigation-child-item a:hover {
	color: #05519a;
	border-bottom-color: #05519a
}

.navigation-resources {
	background-color: #f3f3f3;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	margin-left: 1.875em;
	padding: 1.625em 1.25em 2em
}

@media only screen and (min-width:1220px) {
	.navigation-resources {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 350px;
		flex: 0 0 350px
	}
}

.navigation-resources-link a {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	color: #000;
	letter-spacing: .7px;
	font-size: 24px;
	font-size: 1.5rem;
	border-bottom: 1px solid transparent
}

@media only screen and (min-width:740px) {
	.navigation-resources-link a {
		font-size: 30px;
		font-size: 1.875rem
	}
}

.navigation-resources-link a:hover {
	border-bottom-color: #05519a;
	color: #05519a
}

.navigation-resources-item {
	margin-top: 1.25em
}

.navigation-resources-item a {
	font-size: 14px;
	font-size: .875rem;
	border-bottom: 1px solid transparent;
	color: #222;
	letter-spacing: .33px
}

.navigation-resources-item a:hover {
	border-bottom-color: #05519a;
	color: #05519a
}

.header-buttons {
	padding: 0 1em;
	padding-right: 0;
}

@media only screen and (min-width:740px) {
	.header-buttons {
		padding: 0 .5em;
		padding-right: 0;
	}
}

@media only screen and (min-width:1220px) {
	.header-buttons {
		padding: 0 1.25em;
		padding-right: 0;
	}
}

.header-buttons-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: 0 -.938em
}

@media only screen and (min-width:0px) and (max-width:1219px) {
	.header-buttons-list {
		margin: 0 -.625em
	}
}

.header-buttons-item {
	margin: 1em .625em
}

@media only screen and (min-width:1220px) {
	.header-buttons-item {
		margin: 1em .938em
	}
}

@media (min-width:1620px) {
	.header-buttons-item {
		margin: 1em .938em 1.25em
	}
}

.scrolling .header-buttons-item {
	margin: .938em
}

@media (min-width:0px) and (max-width:1399px) {
	.scrolling .header-buttons-item {
		margin: 1.4em .5em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-buttons-item {
		margin: 1.4em .5em
	}
}

.header-buttons-button {
	max-width: 160px;
	min-width: 160px
}

@media (min-width:1620px) {
	.header-buttons-button {
		max-width: 240px;
		min-width: 240px
	}
}

@media (min-width:992px) and (max-width:1399px) {
	.scrolling .header-buttons-button {
		height: 2.5em;
		padding: .75em 20px;
		max-width: 140px;
		min-width: 140px
	}

	.scrolling .header-buttons-button.button-secondary {
		padding-top: .607em;
		padding-bottom: .607em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-buttons-button {
		height: 2.5em;
		max-width: 130px;
		min-width: 130px;
		padding: .75em 15px
	}

	.header-buttons-button.button-secondary {
		padding-top: .607em;
		padding-bottom: .607em
	}
}


.button-secondary-small {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	border-radius: 3px;
	display: inline-block;
	letter-spacing: .031em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: 2px solid #05519a;
	color: #0d2444;
	height: 2.5em;
	padding: .607em 20px
}

.button-secondary-small:active,
.button-secondary-small:focus,
.button-secondary-small:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-color: #0d2444;
	background-color: #0d2444;
	color: #fff
}

.button-secondary-medium {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	border-radius: 3px;
	display: inline-block;
	letter-spacing: .031em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: 2px solid #05519a;
	color: #0d2444;
	height: 3.572em;
	padding: 1.143em 30px
}

.button-secondary-medium:active,
.button-secondary-medium:focus,
.button-secondary-medium:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-color: #0d2444;
	background-color: #0d2444;
	color: #fff
}

.button-secondary,
.button-secondary-large {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	border-radius: 3px;
	display: inline-block;
	letter-spacing: .031em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: 2px solid #05519a;
	color: #0d2444;
	height: 3.572em;
	padding: 1.143em 30px
}

.button-secondary-large:active,
.button-secondary-large:focus,
.button-secondary-large:hover,
.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-color: #0d2444;
	background-color: #0d2444;
	color: #fff;
	text-decoration: none;
}

@media only screen and (min-width:500px) {

	/* .button-secondary, */
	.button-secondary-large {
		min-width: 300px
	}
}

.button-secondary-xlarge {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	border-radius: 3px;
	display: inline-block;
	letter-spacing: .031em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: 2px solid #05519a;
	color: #0d2444;
	height: 4.643em;
	padding: 1.679em 30px
}

.button-secondary-xlarge:active,
.button-secondary-xlarge:focus,
.button-secondary-xlarge:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-color: #0d2444;
	background-color: #0d2444;
	color: #fff
}

@media only screen and (min-width:500px) {
	.button-secondary-xlarge {
		min-width: 300px
	}
}

.button-secondary-wide {
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	border-radius: 3px;
	display: inline-block;
	letter-spacing: .031em;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: 2px solid #05519a;
	color: #0d2444;
	width: 100%;
	height: 4.643em;
	padding: 1.679em 30px
}

.button-secondary-wide:active,
.button-secondary-wide:focus,
.button-secondary-wide:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-color: #0d2444;
	background-color: #0d2444;
	color: #fff
}

.header-secondary-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-secondary-container {
		/* float: right */
		float: left;
	}
}

@media only screen and (min-width:992px) {
	.header-secondary-container {
		position: absolute;
		top: 0;
		right: 0
	}
}

@media (min-width:992px) and (max-width:1619px) {
	.header-secondary-container {
		height: 68px
	}
}

@media (min-width:1620px) {
	.header-secondary-container {
		height: 64px
	}
}

.scrolling .header-secondary-container {
	height: auto;
	position: static;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.scrolling .header-secondary-container {
		float: right
	}
}

.secondary-navigation {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: .875em 1em .75em;
	padding-top: 0;
	white-space: nowrap
}

.scrolling .secondary-navigation {
	padding: 1.25em 1em 1.125em
}

#header3Wrapper {
	display: none;
}


@media only screen and (min-width:0px) and (max-width:1219px) {
	.secondary-navigation {
		padding: 1.25em 1em 1.125em
	}
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.secondary-navigation {
		padding-left: 0
	}

	#header3Wrapper {
		/* display: flex; */
	}
}

/* For the secondary navigation. */
.secondary-navigation-list {
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.scrolling .secondary-navigation-list {
	display: none
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.secondary-navigation-list {
		display: none
	}
}

.secondary-navigation-item {
	font-size: 16px;
	font-size: 1rem;
	text-shadow: none;
}

.secondary-navigation-item::after {
	color: #05519a;
	content: "\2022";
	margin: 0 .875em 0 .75em
}

.secondary-navigation-item:last-child {
	margin-right: .75em
}

.secondary-navigation-item:last-child::after {
	content: none
}

@media only screen and (min-width:1220px) {
	.secondary-navigation-item::after {
		margin: 0 1em 0 .938em
	}

	.secondary-navigation-item:last-child {
		margin-right: .938em
	}
}

.secondary-navigation-link {
	border-bottom: 1px solid transparent;
	font-weight: inherit;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.66667;
	color: #05519a;
	letter-spacing: 1.07px
}

.secondary-navigation-link:active,
.secondary-navigation-link:focus,
.secondary-navigation-link:hover {
	border-bottom-color: #05519a;
	text-decoration: none;
}


.header-search-container>* {
	vertical-align: middle
}

.header-search-container::before {
	width: 1px;
	height: 40px;
	background-color: #d8d8d8;
	content: "";
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-search-container::before {
		content: none
	}
}

.header-search-link {
	position: relative;
	color: #222;
	display: inline-block;
	letter-spacing: .5px;
	padding: 12px 10px 12px 45px;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.header-search-link::after,
.header-search-link::before {
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	content: "";
	margin-top: auto;
	margin-bottom: auto;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.header-search-link::before {
	background: url(/srs/upload/icons-1.png) no-repeat -370px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-link::before {
		background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-link::before {
	background-image: url(/srs/upload/icons-1.png)
}

.header-search-link::after {
	background: url(/srs/upload/icons-1.png) no-repeat -340px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px;
	opacity: 0
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-link::after {
		background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-link::after {
	background-image: url(/srs/upload/icons-1.png)
}

.header-search-link:hover {
	color: #05519a
}

.header-search-link:hover::before {
	opacity: 0
}

.header-search-link:hover::after {
	opacity: 1
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-search-link {
		line-height: 42px;
		overflow: hidden;
		text-indent: 100%;
		width: 45px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0
	}
}

@media (min-width:992px) and (max-width:1099px) {
	.scrolling .header-search-link {
		line-height: 42px;
		overflow: hidden;
		text-indent: 100%;
		width: 45px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0
	}
}

.header-search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: opacity .2s ease, visibility .2s ease;
	transition: opacity .2s ease, visibility .2s ease;
	visibility: hidden
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-search {
		left: 75px
	}
}

.header-search-form .fieldset-search .search-submit::before {
	background: url(/srs/upload/icons-1.png) no-repeat -370px -50px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px;
	opacity: .3;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-search-form .fieldset-search .search-submit::before {
		background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-search-form .fieldset-search .search-submit::before {
	background-image: url(/srs/upload/icons-1.png)
}

.header-search-form .fieldset-search .search-submit:hover::before {
	opacity: 1
}

input.header-search-input {
	width: 100%;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	font-size: 1.75rem;
	height: 150px;
	border: none
}

@media only screen and (min-width:740px) {
	input.header-search-input {
		font-size: 36px;
		font-size: 2.25rem
	}
}

@media only screen and (min-width:992px) {
	input.header-search-input {
		font-size: 52px;
		font-size: 3.25rem
	}
}

.scrolling input.header-search-input {
	font-size: 36px;
	font-size: 2.25rem;
	height: 80px
}

@media only screen and (min-width:0px) and (max-width:991px) {
	input.header-search-input {
		font-size: 36px;
		font-size: 2.25rem;
		height: 80px
	}
}

@media only screen and (min-width:992px) {
	.header-button-container {
			float: right
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.header-button-container {
			display: none
	}
}

.header-call-container {
	display: none
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-call-container {
			display: block
	}
}

.header-call-link {
	position: relative;
	color: #222;
	display: inline-block;
	letter-spacing: .5px;
	margin-right: 1.25em;
	padding: 12px 10px 12px 45px;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease
}

.header-call-link::before {
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	content: "";
	margin-top: auto;
	margin-bottom: auto;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	background: url(/srs/upload/icons-1.png) no-repeat -400px -20px;
	background-size: 500px 400px;
	width: 25px;
	height: 25px
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.header-call-link::before {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .header-call-link::before {
	background-image: url(/srs/upload/icons-1.png)
}

@media only screen and (min-width:0px) and (max-width:499px) {
	.header-call-link {
			line-height: 42px;
			overflow: hidden;
			text-indent: 100%;
			width: 45px;
			margin-right: 0;
			padding-right: 0;
			padding-top: 0;
			padding-bottom: 0
	}
}

/* HEADER END */

/* BODY START */

/* Main page background */
#pageContainer {
	/* background-color: <Insert Color Code>; */
}

#mainContentWrapper {
	/* border-left: 7px solid white; */
	/* border-right: 7px solid white; */
	/* border-top: 7px solid white; */
	/* border-bottom: 7px solid white; */
	background: #FFF;
}

#mainContentContainer .container {
	/* border: 0; */

}

#mainContentWrapper .container {
	padding-bottom: 1.75em;
	border: 0;
}

a {
	color: #05519a;
}

body, table, .table {
	color: #222;
}

#courseProfileCatalogNote {
	margin-bottom: 1.25rem;
}

#studentInfoSalutation {
	visibility: hidden !important;
	display: none !important;
}

#courseProfileSections .sectionHeaderTitle {
	color: #2d2d2d;
}

#courseProfileActions button {
  padding-top: .575rem;
}

#courseProfileActions .sr-only {
  display: block;
  position: static;
  width: auto;
  height: auto;
  padding: initial;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border: initial;
}

#programAreaDescription p,
#programStreamDescription p,
#courseProfileOfficialCourseDescription p,
#programAreaDescription li,
#programStreamDescription li,
#courseProfileOfficialCourseDescription li {
	font-size: 1.09375rem;
}

#searchResultsFilter .panelHeadingToggle {
	cursor: default;
}

.sidebarScrollSpy .nav-link,
.sidebarScrollSpy .nav-item.active> a,
.sidebarScrollSpy .nav-pills .nav-link.active {
	color: #000;
}

#portalNativeLoginPanel > div:first-of-type p {
	display: none;
}

#portalExternalLogonLinkPanel h3,
#portalNativeLoginPanel h3 {
	margin: 0;
}

#portalExternalLogonLinkPanel button,
#portalNativeLoginPanel button,
#newStudentDiv button {
	float: none;
}

#portalNativeLoginPanel button {
	margin-top: 1rem;
}

#existingStudentDiv .card, 
#newStudentDiv .card, 
#pageCheckoutLogin  .card.card-body.sectionHeader {
	background-color: #f3f3f3;
	border: 1px solid rgba(0,0,0,.125)
}

.card .card-img {
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-info>.card-header {
  color: #05517b;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.courseProfileSectionAvailability, .programOfferingAvailability {
	color: #91231d;
	font-weight: bold;
}

.courseProfileSectionAvailability_available, .programOfferingAvailability_available {
	color: #008000;
}

.courseProfileSectionAvailability_waitlist_available,
.courseProfileSectionAvailability_late_enrollment {
	color: #58565A;
}

.btn-primary {
	background-color: #05519a;
	background-image: none;
	border: none;
}

.btn-primary:focus,
.btn-primary:not(.disabled):focus,
.btn-primary:hover, 
.btn-primary:not(.disabled):hover {
	background-color: #0d2444;
	background-image: none;
	border: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #446E9B;
	background-image: none;
	border: none;
}

.btn-secondary {
	background: transparent;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #05519a;
  color: #0d2444;
}

.btn-secondary {
	-webkit-transition: background-color .25s linear, border-color .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear;
  transition: background-color .25s linear, border-color .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear;
  -o-transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear;
  transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear;
  transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear;
	background: transparent;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #05519a;
  color: #0d2444;
}

.btn-secondary:active, 
.btn-secondary:focus, 
.btn-secondary:hover,
.btn-secondary:not(.disabled):active, 
.btn-secondary:not(.disabled):focus, 
.btn-secondary:not(.disabled):hover {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #0d2444;
  background-color: #0d2444;
  color: #fff;
  text-decoration: none;
	background-image: none;
	border-width: 2px;
}

/* Hide Announcements from the sidemenu for students. */
/* Hide Announcements from the sidemenu for instructors. */
/* #studentMenu > ul > li:nth-child(12), 
#instructorMenu > ul > li:nth-child(6) {*/
#studentMenu > ul > li:nth-last-child(2),
#instructorMenu > ul > li:nth-last-child(2) {
	display: none
}

/* Hide Request Assistance from the sidemenu for instructors. */
/* Hide Forms and Policies (now Scholarships) for instructors. */
/* Hide Grading Sheet from the sidemenu for instructors. */
#instructorMenu > ul > li:last-child,
#instructorMenu > ul > li:nth-last-child(3),
#instructorMenu #coursesSubmenu > li:nth-last-child(2) {
	display: none;
}

.custom-control-input:disabled ~ .custom-control-label,
.form-text {
	color: #595959;
}

.courseSectionDescription .courseSectionSchedule .sectionSchedule {
	display: none;
}

/* For Proof of Concept - this modifies the Request Info page to have icons beside each heading. Icons will need to be selected and the css further expanded to include all request types. */
/* #studentInquirySelectionType4 p {
    margin-left: 35px;
}

#studentInquirySelectionType4 a::before {
    background: url(https://surry.edu/assets/images/site/icons-1.png) no-repeat -325px -200px;
    background-size: 500px 400px;
    width: 25px;
    height: 25px;
    display: inline-block;
    content: "";
    margin-right: 10px;
    margin-bottom: -19px; /* for centering between heading/paragraph */
/* margin-bottom: -8px; /* for lowering to be in-line with heading */
/* } */

/* BODY END */

/* FOOTER START */

/* Footer
   Default Position on definitionsConfig.jsp: footer1Sub1
   Corresponding jsp file- bottomNavigation.jsp */

footer {
	background-color: #0d2444 !important;
	/* height: 185px; */
}

footer .footerNav {
	padding: 3.5em 0 4em;
}

@media only screen and (min-width: 740px) {
	footer .footerNav {
		padding-top: 4.5em;
	}
}

@media only screen and (min-width: 992px) {
	footer .footerNav {
		padding-top: 6.25em;
	}
}



footer #footerNav h5,
footer #footer1 .footerAbout,
footer #footer1 .footerContact,
footer #footer1 .footerSiteMap footer a {
	color: #FFF;
}

footer h2 {
	margin-top: inherit;
}

/*----------------------------------------------------------*/

/* Copyright
   Default Position on definitionsConfig.jsp: footer2Sub2
   Corresponding jsp file- copyright.jsp */

/* Footer2Sub2 center */
#footer2Sub2 {
	/* background-color: <Insert Color Code> !important; */
	/* height: 100px; */

}

/* Footer 1 */
#footer1Wrapper .container {
	background-color: #0d2444;
	border: 0;
}

.footer1 .footerAbout img {
	width: 163px;
	height: 70px;
}

.footer-logo {
	background: url(/srs/upload/icons-1.png) no-repeat 0 -160px;
	background-size: 500px 400px;
	width: 163px;
	height: 70px;
	color: transparent !important;
	display: block
}

.footer-address,
.footer-phone {
	margin-top: 1.75em;
}


/* Footer2Sub2 full length */
#footer2Wrapper {
	background-color: #0d2444 !important;
	/* height: 100px; */
	padding-top: 1.75em;
	padding-bottom: 1em;
}

/* Footer 2 */
#footer2Wrapper .container {
	background-color: #0d2444 !important;
	border: 0;
}

/* FOOTER END */

/* SECTION PROFILE START */

/* Section Header */
.sectionHeader {
	/* background-image: none; */
	/* background-color: <Insert Color Code>; */
	/* border-color: <Insert Color Code>; */
}

.sectionHeader h2,
.sectionHeader h3 {
	color: #000;
}

/* Secondary Section Header */
.sectionHeaderSecondary {
	/* background-image: none; */
	/* background-color: <Insert Color Code>; */
	/* border-color: <Insert Color Code>; */
}

/* SECTION PROFILE END */

/* -------------------------------------------------------------------------------------------------------------------*/

/* From Surry.edu website */
.reset-list {
	list-style-type: none;
	margin: 0;
	padding: 0
}

a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
	-webkit-transition: background-color .25s linear, border-color .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear;
	transition: background-color .25s linear, border-color .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear;
	-o-transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear;
	transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear;
	transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, -webkit-box-shadow .25s linear
}

#footer1 a {
	color: #d8d8d8;
	font-size: 1rem;
	font-family: Arial, sans-serif;
}

.footer-navigation-list {
	margin-top: 1.25em
}

.footer-navigation-item {
	margin-top: 1.5em
}

.footer-navigation-link {
	color: #05519a;
	border-bottom: 1px solid transparent;
	font-weight: inherit;
	color: #d8d8d8
}

.footer-navigation-link:active,
.footer-navigation-link:focus,
.footer-navigation-link:hover {
	border-bottom-color: #05519a;
	text-decoration: none;
}

.footer-navigation-link:hover {
	border-bottom-color: #d8d8d8;
	text-decoration: none;
}

.footer-phone a {
	color: #05519a;
	border-bottom: 1px solid transparent;
	font-weight: inherit;
	color: #d8d8d8;
}

.footer-directory-link-container {
	margin-top: 2em;
}

.footer-info {
	line-height: 1.75
}

@media only screen and (min-width:740px) {
	.footer-info {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		padding-right: 3.75em
	}
}

.footer-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 5em;
}

.footer-navigation>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

@media only screen and (min-width:740px) {
	.footer-navigation {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		margin-top: 0
	}

	.footer-navigation>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
	}
}



@media only screen and (min-width:740px) {
	.footer-navigation-section {
		padding: 0 1.25em 2.5em
	}
}

.footer-navigation-section-heading {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .7px;
	font-size: 24px;
	font-size: 1.5rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

@media only screen and (min-width:740px) {
	.footer-navigation-section-heading {
		font-size: 30px;
		font-size: 1.875rem
	}
}

@media only screen and (min-width:500px) {
	.footer-navigation-section-heading {
		font-family: Perpetua, Georgia, Times New Roman, Times, serif;
		font-style: normal;
		font-weight: 400;
		letter-spacing: .7px;
		font-size: 28px;
		font-size: 1.75rem;
		color: #fff
	}
}

@media only screen and (min-width:500px) and (min-width:740px) {
	.footer-navigation-section-heading {
		font-size: 36px;
		font-size: 2.25rem
	}
}

.footer-row+.footer-row {
	border-top: 1px solid #d8d8d8;
	margin-top: 1.5em;
	padding-top: 1.5em;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (min-width:740px) {
	.footer-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media only screen and (min-width:740px) {
	.footer-social-media {
		margin-bottom: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
}

@media only screen and (min-width:740px) {
	.footer-copyright {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		text-align: left
	}
}

.bottom-footer {
	border-top: 1px solid #d8d8d8;
	margin-top: 1.5em;
	padding-top: 1.5em;
}

/* Social Media Icons */
.social-media-accounts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 1em;
	margin-left: -8px;
	margin-right: -8px
}

.social-media-item {
	width: 40px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	margin: 0 8px
}

.social-media-link {
	line-height: 40px;
	overflow: hidden;
	text-indent: 100%;
	color: #222;
	display: block
}

.social-media-link.social-icon-facebook {
	width: 40px;
	height: 40px;
	background: url(/srs/upload/icons-1.png) no-repeat -300px -150px;
	background-size: 500px 400px
}

.social-media-link.social-icon-twitter {
	width: 40px;
	height: 40px;
	background: url(/srs/upload/icons-1.png) no-repeat -340px -150px;
	background-size: 500px 400px
}

.social-media-link.social-icon-instagram {
	width: 40px;
	height: 40px;
	background: url(/srs/upload/icons-1.png) no-repeat -380px -150px;
	background-size: 500px 400px
}

.social-media-link.social-icon-youtube {
	width: 40px;
	height: 40px;
	background: url(/srs/upload/icons-1.png) no-repeat -420px -150px;
	background-size: 500px 400px
}

.social-media-link.social-icon-linkedin {
	width: 40px;
	height: 40px;
	background: url(/srs/upload/icons-1.png) no-repeat -460px -150px;
	background-size: 500px 400px
}

.footer .social-media-link {
	color: #fff
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {

	.header-logo,
	.footer-logo,
	.social-media-link.social-icon-facebook,
	.social-media-link.social-icon-twitter,
	.social-media-link.social-icon-instagram,
	.social-media-link.social-icon-youtube,
	.social-media-link.social-icon-linkedin {
		background-image: url(/srs/upload/icons-2x-1.png)
	}
}



.svg .header-logo {
	background-image: url(/srs/upload/icons-1.png)
}

@media only screen and (min-width:500px) {
	.header-logo {
			margin-right: 1.875em
	}
}

@media only screen and (min-width:500px) and (max-width:991px) {
	.header-logo {
			margin-right: .938em
	}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.header-logo {
			margin-left: .938em
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.header-logo {
			background: url(/srs/upload/icons-1.png) no-repeat -240px 0;
			background-size: 500px 400px;
			width: 60px;
			height: 60px;
			margin-left: .938em;
			margin-top: .625em;
			float: left
	}
}

@media only screen and (min-width:0px) and (max-width:767px) and (-o-min-device-pixel-ratio:5/4),
only screen and (min-width:0px) and (max-width:767px) and (-o-min-device-pixel-ratio:13/10),
only screen and (min-width:0px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.3),
only screen and (min-width:0px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-width:0px) and (max-width:767px) and (min-resolution:120dpi) {
	.header-logo {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.svg .header-logo {
			background-image: url(/srs/upload/icons-1.png)
	}
}

@media only screen and (min-width:740px) and (max-width:1219px) {
	.header-logo {
			background-size: 252px 202px;
			background-position: 0 -122px;
			width: 154px;
			height: 50px
	}
}

@media (min-width:1220px) and (max-width:1619px) {
	.header-logo {
			background-size: 287px 229px;
			background-position: 0 -138px;
			width: 175px;
			height: 57px
	}
}

@media (min-width:1620px) {
	.header-logo {
			margin-top: 1.875em;
			margin-right: 0
	}
}

.scrolling .header-logo {
	background: url(/srs/upload/icons-1.png) no-repeat -240px 0;
	background-size: 500px 400px;
	width: 60px;
	height: 60px;
	margin-left: .938em;
	margin-top: .625em;
	float: left
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.scrolling .header-logo {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .scrolling .header-logo {
	background-image: url(/srs/upload/icons-1.png)
}



/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

 .hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:hover {
	opacity: 0.7;
}

.hamburger.is-active:hover {
	opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #000;
}

.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}


/*
 * 3DX
 */

.hamburger--3dx .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * 3DX Reverse
 */

.hamburger--3dx-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * 3DY
 */

.hamburger--3dy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * 3DY Reverse
 */

.hamburger--3dy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * 3DXY
 */

.hamburger--3dxy .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * 3DXY Reverse
 */

.hamburger--3dxy-r .hamburger-box {
	perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
 * Arrow
 */

.hamburger--arrow.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}


/*
 * Arrow Right
 */

.hamburger--arrow-r.is-active .hamburger-inner::before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}


/*
 * Arrow Alt
 */

.hamburger--arrowalt .hamburger-inner::before {
	transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
	transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


/*
 * Arrow Alt Right
 */

.hamburger--arrowalt-r .hamburger-inner::before {
	transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
	transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
	top: 0;
	transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
	transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


/*
 * Arrow Turn
 */

.hamburger--arrowturn.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}


/*
 * Arrow Turn Right
 */

.hamburger--arrowturn-r.is-active .hamburger-inner {
	transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}


/*
 * Boring
 */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
	transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
	transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}


/*
 * Collapse
 */

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Collapse Reverse
 */

.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Elastic
 */

.hamburger--elastic .hamburger-inner {
	top: 2px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
	top: 10px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(-270deg);
	transition-delay: 0.075s;
}


/*
 * Elastic Reverse
 */

.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	transition-duration: 0.275s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
	top: 10px;
	transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
	top: 20px;
	transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-135deg);
	transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
	transition-delay: 0s;
	opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(270deg);
	transition-delay: 0.075s;
}


/*
 * Emphatic
 */

.hamburger--emphatic {
	overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
	top: 10px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
	left: -80px;
	top: -80px;
	transform: translate3d(80px, 80px, 0) rotate(45deg);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
	right: -80px;
	top: -80px;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}


/*
 * Emphatic Reverse
 */

.hamburger--emphatic-r {
	overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
	top: 10px;
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
	left: -80px;
	top: 80px;
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
	right: -80px;
	top: 80px;
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}


/*
 * Minus
 */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
	transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
	opacity: 0;
	transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
	top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
	bottom: 0;
}


/*
 * Slider
 */

.hamburger--slider .hamburger-inner {
	top: 2px;
}

.hamburger--slider .hamburger-inner::before {
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
	top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(-90deg);
}


/*
 * Slider Reverse
 */

.hamburger--slider-r .hamburger-inner {
	top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
	top: 10px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
	top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
	transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
	opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -20px, 0) rotate(90deg);
}


/*
 * Spin
 */

.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Spin Reverse
 */

.hamburger--spin-r .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
	transform: rotate(-225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Spring
 */

.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
	top: 10px;
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
	top: 20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: 0.22s;
	background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
	top: 0;
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}


/*
 * Spring Reverse
 */

.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Stand
 */

.hamburger--stand .hamburger-inner {
	transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
	transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
	transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
	transform: rotate(90deg);
	background-color: transparent !important;
	transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Stand Reverse
 */

.hamburger--stand-r .hamburger-inner {
	transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
	transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
	transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
	transform: rotate(-90deg);
	background-color: transparent !important;
	transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Squeeze
 */

.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*
 * Vortex
 */

.hamburger--vortex .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
	transform: rotate(765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(90deg);
}


/*
 * Vortex Reverse
 */

.hamburger--vortex-r .hamburger-inner {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
	transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
	transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transform: rotate(-765deg);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
	transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
}


.mobile-secondary-navigation-item {
	margin-top: 1.25em
}


.mobile-navigation-handle {
	/* float: right; */
	float: left;
	cursor: pointer
}

.mobile-navigation-handle::before {
	width: 1px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #d8d8d8;
	content: "";
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto
}

@media only screen and (min-width:992px) {
	.mobile-navigation-handle {
			display: none
	}
}

.scrolling .mobile-navigation-handle {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

.mobile-navigation-handle.hamburger {
	position: relative;
	padding: 31px 20px 31px 67px
}

.mobile-navigation-handle .hamburger-box {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.mobile-navigation-handle .hamburger-inner,
.mobile-navigation-handle .hamburger-inner::after,
.mobile-navigation-handle .hamburger-inner::before {
    width: 22px;
    height: 2px;
    border-radius: 0
}

.mobile-navigation-handle .hamburger-inner {
    margin-top: -1px
}

.mobile-navigation-handle .hamburger-inner::before {
    top: -6px
}

.mobile-navigation-handle .hamburger-inner::after {
    bottom: -6px
}

.mobile-navigation-handle .hamburger-label {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000;
}

.mobile-secondary-navigation {
	padding: .5em 1em 1em
}

.mobile-button-container {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #05519a
}

.mobile-buttons-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mobile-buttons-item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	text-align: center
}

.mobile-buttons-button {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	border-bottom: 4px solid transparent;
	display: inline-block;
	padding: 1.375em 1em;
	text-align: center
}

.mobile-buttons-button:hover {
	border-bottom-color: #fff
}



.navigation-lock {
	overflow: hidden !important;
}

.mobile-navigation {
	width: 0;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 2147483700 !important;
	opacity: 0;
	outline: none;
	overflow: hidden;
	/* padding-top: 80px; */
	padding-top: 0;
	margin-top: 140px;
	pointer-events: none;
	visibility: hidden;
	-webkit-transition: opacity .15s ease, visibility .15s ease;
	-o-transition: opacity .15s ease, visibility .15s ease;
	transition: opacity .15s ease, visibility .15s ease
}

.mobile-navigation.is-active {
	width: 100%;
	opacity: 1;
	pointer-events: all;
	visibility: visible
}

.mobile-navigation {
	background-color: #fff
}

@media only screen and (min-width:992px) {
	.mobile-navigation {
			display: none
	}
}

.mobile-navigation-wrapper {
	height: 100%;
	border-top: 1px solid rgba(89, 89, 89, .2);
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 75px
}

.mobile-navigation-menu {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.mobile-navigation-item {
	position: relative
}

.mobile-navigation-item .mobile-navigation-expand {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid rgba(89, 89, 89, .2);
	color: #05519a;
	cursor: pointer
}

.mobile-navigation-item .mobile-navigation-expand::after {
	background: url(/srs/upload/icons-1.png) no-repeat -340px -80px;
	background-size: 500px 400px;
	width: 16px;
	height: 9px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
	content: "";
	margin: auto
}

@media only screen and (-o-min-device-pixel-ratio:5/4),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (min-resolution:120dpi) {
	.mobile-navigation-item .mobile-navigation-expand::after {
			background-image: url(/srs/upload/icons-2x-1.png)
	}
}

.svg .mobile-navigation-item .mobile-navigation-expand::after {
	background-image: url(/srs/upload/icons-1.png)
}

.mobile-navigation-item .mobile-navigation-expand.open::after {
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.mobile-navigation-link {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	font-size: 1.25rem;
	border-bottom: 1px solid rgba(89, 89, 89, .2);
	color: #222;
	display: block;
	line-height: 1;
	padding: 1em
}

.mobile-navigation-link:hover {
	color: #05519a
}

.mobile-main-navigation .mobile-main-navigation-item:last-child .mobile-navigation-link {
	border-bottom-color: transparent
}

.mobile-navigation-children-container {
	display: none
}

.mobile-navigation-children-container.open {
	display: block
}

.mobile-navigation-child-link {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.125rem;
	background-color: #f3f3f3;
	border-bottom: 1px solid rgba(89, 89, 89, .2);
	color: #222;
	display: block;
	line-height: 1;
	padding: 1.375em 1.111em 1.375em 1.889em
}

.mobile-navigation-child-link:hover {
	color: #05519a
}

.navigation .mobile-navigation-wrapper .menu .mobile-navigation-item .mobile-navigation-children-container .mobile-navigation-children .mobile-navigation-child-list .mobile-navigation-child-item ul {
	padding-left: 0;
}

.navigation .mobile-navigation-wrapper .menu .mobile-navigation-item .mobile-navigation-children-container .mobile-navigation-children .mobile-navigation-child-list .mobile-navigation-child-item .mobile-navigation-child-item a.mobile-navigation-child-link {
	padding-left: 2.889em;
}

.navigation .mobile-navigation-wrapper .menu .mobile-navigation-item .mobile-navigation-children-container .mobile-navigation-children .mobile-navigation-child-list .mobile-navigation-child-item .mobile-navigation-child-item .mobile-navigation-child-item a.mobile-navigation-child-link {
	padding-left: 3.889em;
}

.mobile-navigation-resources-link a {
	font-family: Perpetua, Georgia, Times New Roman, Times, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	font-size: 1.25rem;
	color: #222;
	display: block;
	padding: .5em 1em .5em 1.7em
}

.mobile-navigation-resources-link a:hover {
	color: #05519a
}

.mobile-navigation-resources {
	background-color: #fff;
	border-bottom: 1px solid rgba(89, 89, 89, .2);
	padding: .5em 0
}

.mobile-navigation-resources-child-link {
	font-weight: 400;
	font-size: 15px;
	font-size: .9375rem;
	line-height: 1.66667;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	font-size: .875rem;
	background-color: #fff;
	color: #222;
	display: block;
	padding: .5em 1.429em .5em 2.429em
}

.mobile-navigation-resources-child-link:hover {
	color: #05519a
}