/* Header */
#HeaderZone {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	transition: .2s ease .7s;
}

.down-scroll #HeaderZone {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.down-scroll .mm-open #HeaderZone {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.down-scroll.at-top #HeaderZone {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.header-panel {
	transition: .4s ease 0s;
	background-color: transparent;
	position: relative;
}

.down-scroll .header-panel {
}

.header-panel:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 6.278rem);
	transition: .4s ease 0s;
	background-image: linear-gradient(to bottom,#FFFFFF 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
	z-index: -1;
	pointer-events: none;
}

.fixed .header-panel, .sub .header-panel, .search-open.header-panel {
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000; /* $dark */
	padding-bottom: 0;
}

.fixed .header-panel:before, .sub .header-panel:before, .search-open.header-panel:before {
	height: 100%;
}

.cms-admin #HeaderZone {
	position: relative;
}
/* End Header */

/* Top Bar */
.top-bar {
	position: relative;
	padding-right: 0;
	background-color: #00729D; /* $primary */
}
/* End Top Bar */

/* Masthead Social Media */
.top-bar-social li {
	padding: 0 .5em;
}

.top-bar-social li a {
	display: block;
}

.top-bar-social li a icon {
	font-size: 1.278em;
	color: #FFFFFF; /* $white */
	transition: color .4s ease 0s;
}

.no-touch .top-bar-social li a:hover icon, .top-bar-social li a:focus icon {
	color: #E7B314; /* $secondary */
}
/* End Masthead Social Media */

/* Top Nav */
.top-nav {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 77em;
	width: 80%;
}

.top-nav > div, .top-nav .top .desktop {
	width: 100%;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.search-open .search .icon-search {
	z-index: -1;
	opacity: 0 !important;
}

.top-nav > div.top .desktop {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #000000; /* $dark */
}

.top-nav > div.top .mobile {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF; /* $white */
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.top-nav > div.bottom {
}

.top-nav > ul > li {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.top-nav .desktop-nav > li:first-child {
	padding-left: 0;
}

.top-nav .desktop-nav li.dd-close {
	display: none;
}

.top-nav .desktop-nav li .panel-btn {
	display: none;
}

.top-nav > ul > li.iflyOver div.iflylist {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.top-nav .quick-nav {
	width: 90%;
}

.top-nav .top .phone-link {
	font-weight: 900;
	font-size: 1.333em;
	margin-right: 1.222rem;
	position: relative;
	color: #00729D; /* $primary */
}

.no-touch .top-nav .top .phone-link:hover, .top-nav .top .phone-link:focus {
	color: #00729D; /* $primary */
}

.top-nav .quick-nav li {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	transition: .4s ease 0s;
	padding: 0 1.61rem;
}

.fixed .top-nav .quick-nav li {
	padding: 0 1.61rem;
}

.top-nav .quick-nav li.item1 {
	padding-left: 0;
}

.top-nav .desktop-nav {
	width: 90%;
}

.top-nav .desktop-nav > li {
	padding: 0 2.5em;
}

.top-nav .desktop-nav > li > a, .top-nav .desktop-nav > li > button {
	position: relative;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0.88em 0;
	overflow: hidden;
	font-size: .889em;
	font-weight: 800;
	line-height: 1.6;
	letter-spacing: .12em;
	color: #00729D;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	background-color: transparent;
	opacity: 1;
	transition: color .4s ease 0s, opacity .4s ease 0s, background-color .4s ease 0s;
}

.top-nav .quick-nav li a {
	font-size: .88em;
	font-weight: 400;
	display: block;
	position: relative;
	text-transform: uppercase;
	padding: 0.722rem 0;
	transition: .4s ease 0s;
}

.fixed .top-nav .quick-nav li a, .sub .top-nav .quick-nav li a {
	padding: 0.944rem 0 1rem;
}

.no-touch .top-nav .quick-nav li a:hover, .top-nav .quick-nav li a:focus {
	background-color: transparent;
	color: #454545; /* $text */
}

.top-nav .quick-nav li a:before {
	opacity: 0;
	position: absolute;
	content: '';
	background-color: #E7B314; /* $secondary */
	top: 80%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 0.167em;
	width: 0;
	transition: .4s ease 0s;
}

.no-touch .top-nav .quick-nav li a:hover:before, .top-nav .quick-nav li a:focus:before {
	opacity: 1;
	width: 100%;
}

.no-touch .desktop-nav:hover > li:not(:hover):not(.selected) > a, .no-touch .desktop-nav:hover > li:not(:hover):not(.selected) > button, .desktop-nav:focus > li:not(:focus):not(.selected) > a, .desktop-nav:focus > li:not(:focus):not(.selected) > button {
	opacity: .7;
}

.no-touch .desktop-nav > li:hover > a, .no-touch .desktop-nav > li:hover > button, .desktop-nav > li.selected > a, .desktop-nav > li.selected > button, .desktop-nav > li:focus > a, .desktop-nav > li:focus > button {
}

.top-nav .desktop-nav > li > a:before {
	opacity: 0;
	position: absolute;
	content: '';
	background-color: #E7B314; /* $secondary */
	top: 85%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 0.444rem;
	width: 0;
	transition: .4s ease 0s;
}

.no-touch .bottom-menu-holder ul li:hover a, .bottom-menu-holder ul li:focus a {
	color: #454545; /* $text */
}

.no-touch .top-nav .desktop-nav > li > a:hover:before, .top-nav .desktop-nav > li > a:focus:before {
	opacity: 1;
	width: 100%;
}

.top-nav > div.top .mobile .mobile-logo {
	width: 72%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-nav > div.top .mobile .mobile-phone {
	width: 28%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-nav > div.top .mobile .mobile-logo a {
	display: inline-block;
	padding: 1em 1.722em;
}

.top-nav > div.top .mobile .mobile-phone a {
	display: block;
	position: relative;
	padding: 1em 1.556em;
	text-transform: uppercase;
	color: #00729D; /* $primary */
	text-align: center;
	font-size: 0.889em;
	letter-spacing: .1rem;
	width: 100%;
}

.no-touch .top-nav > div.top .mobile .mobile-phone a:hover, .top-nav > div.top .mobile .mobile-phone a:focus {
	color: #454545; /* $text */
}

.top-nav > div.top .mobile .mobile-phone a icon {
	color: #00729D; /* $primary */
	display: block;
	padding-bottom: 0.389rem;
	font-size: 1.9rem;
}

.no-touch .top-nav > div.top .mobile .mobile-phone a:hover icon, .top-nav > div.top .mobile .mobile-phone a:focus icon {
	color: #454545; /* $text */
}

.top-nav > div.top .mobile .mobile-phone a:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 66%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-color: #DDDDDD;
}

.top-nav > div > ul {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.top-nav > div.top {
	z-index: 1;
}
/* End Top Nav */

/* Top Bar Right */
.top-bar .right-side {
	max-width: 50%;
}

.top-bar .right-side li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.top-bar .right-side a {
	padding: .5em;
	color: #FFFFFF; /* $white */
	background-color: transparent;
	transition: .5s ease 0s;
}

.no-touch .top-bar .right-side a:hover, .top-bar .right-side a:focus {
	color: #FFFFFF; /* $white */
	background-color: #E7B314; /* $secondary */
}

.top-bar .right-side .phone-link {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1.167em;
	font-size: 1.111em;
	font-weight: 800;
	letter-spacing: .100em;
	color: #FFFFFF; /* $white */
	text-align: center;
}
/* End Top Bar Right */

/* Flyout Menu */
nav.top-nav div.iflylist {
	left: 0 !important;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100% !important;
	padding: 2em 4em;
	text-align: left;
	background-color: #98CAEC; /* $lighterblue */
	border: none;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: flyout .5s ease;
	animation: flyout .5s ease;
}

@-webkit-keyframes flyout {
	0% { opacity: 0; -webkit-transform: rotateX(-90deg); }
	100% { opacity: 1; -webkit-transform: rotateX(0); }
}

@-moz-keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

@-o-keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

@keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

nav.top-nav .iflyOver div.iflylist {
	-webkit-animation: flyout .5s ease;
	animation: flyout .5s ease;
}

.top-nav > ul > li.iflyOver div.iflylist div.iflylist {
	display: none !important;
}

nav.top-nav div.ifly {
	position: relative;
	display: block !important;
	width: 23%;
	margin-right: 2%;
	background-color: transparent;
	border: none;
	transition: .5s;
}

nav.top-nav div.ifly a {
	display: block;
	padding: .7em 1em .7em 0;
	margin-bottom: 0;
	color: #454545; /* $text */
	border-bottom: solid 1px #00729D; /* $primary */
	transition: .4s ease 0s;
}

.no-touch nav.top-nav div.ifly a:hover, nav.top-nav div.ifly a:focus {
	text-decoration: none;
}

nav.top-nav div.iflyOver {
	background-color: #E7B314; /* $secondary */
}

nav.top-nav div.ifly a.iflyOver {
	padding: .7em 1em .7em 1em;
	color: #FFFFFF; /* $white */
}

nav.top-nav div.iflyRight {
	position: relative;
	background-image: none;
}

_nav.top-nav div.iflyRight:after {
	position: absolute;
	top: 10px;
	right: 0;
	font-family: icomoon-ult;
	color: #fff;
	content: '\e0ea';
}

div.iflylist div.ui-more-items {
	position: relative;
	display: none !important;
	background-color: #4592d8;
	border-top: solid 1px #ddd;
}

div.iflylist div.ui-more-items:before {
	position: absolute;
	top: 0;
	left: 5px;
	width: 70px;
	height: 100%;
	font-family: icomoon-ult;
	color: #fff;
	text-align: center;
	background-color: rgba(255,255,255,.2);
	content: '\e0e9';
}

div.iflylist div.ui-more-items:after {
	position: absolute;
	top: 0;
	right: 5px;
	width: 70px;
	height: 100%;
	font-family: icomoon-ult;
	color: #fff;
	text-align: center;
	background-color: rgba(255,255,255,.2);
	content: '\e0eb';
}

div.iflylist div.ui-more-items img.more-up {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	background: none;
}

div.iflylist div.ui-more-items img.more-down {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	cursor: pointer;
	background: none;
}
/* End Flyout Menu */

/* Custom Drop Down Navigation */
.cdd {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.cdd-item {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	width: 100%;
	padding: 1em 5%;
	overflow: hidden;
	pointer-events: none;
	background-size: cover;
	opacity: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	transition: .5s ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
	background-color: #5CABD4; /* $tertiary */
}

.no-csstransitions  .cdd-item {
	display: none;
}

.no-cdd {
	display: none !important;
}

.cdd-item.active {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	z-index: 3;
}

.cdd-item[class*='flex'] {
	padding: 0 5% 0 0;
}

.cdd-item .img-con {
	width: 30%;
	height: 17.667em;
	background-image: url(/images/design/cdd-drop.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cdd-item .img-con + nav {
	width: 70%;
	padding-left: 1.5em;
}

.cdd-item .description {
	border-bottom: 0.15rem solid #024965;
	padding-bottom: 1.2rem;
	margin-bottom: .8rem;
	-webkit-align-items: baseline;
	-ms-flex-align: end;
	align-items: baseline;
}

.cdd-item .description strong {
	color: #FFFFFF; /* $white */
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 500;
	letter-spacing: .3rem;
	padding-right: 1.5em;
	line-height: 1;
}

.cdd-item .description .btn, .cdd-item .description .btn:after {
	color: #FFFFFF !important;
}

.cdd-item nav {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: auto;
	width: 100%;
}

.cdd-item1 nav fieldset {
	width: 100%;
}

.cdd-item1 nav fieldset ul li {
	width: 50%;
}

.cdd-item nav::-webkit-scrollbar {
	width: 8px;
	background-color: #00729D; /* $primary */
	border-radius: .5em;
}

.cdd-item nav::-webkit-scrollbar-thumb {
	border-radius: .5em;
	background-color: #E7B314; /* $secondary */
}

.cdd-item nav h4 {
	color: #FFFFFF; /* $white */
	text-transform: uppercase;
	width: 100%;
	padding-left: .6rem;
	font-size: 2em;
}

.no-csstransitions  .cdd-item.active {
	display: block;
}

.cdd-nav h2 {
	margin-bottom: .5em;
	font-size: 1.438em;
	color: #fff;
}

.cdd-nav h2 a {
	color: #454545; /* $text */
}

.no-touch .cdd-nav h2 a:hover, .cdd-nav h2 a:focus {
	color: #454545; /* $text */
}

.cdd-nav ul {
	width: 100%;
	margin-right: 3%;
	display: flex;
	flex-wrap: wrap;
}

.cdd-item1 .cdd-nav ul {
	width: 100%;
	margin-right: 0;
}

.cdd-item3 .cdd-nav ul {
}

.cdd-nav ul:last-child {
}

.cdd-nav ul li {
	width: 33.3%;
}

.cdd-item1 .cdd-nav ul li {
	border-bottom: none;
}

.cdd-nav ul .input-text label {
	color: #FFFFFF;
	width: 100%;
}

.cdd-nav ul .input-text input,.cdd-nav ul .input-text select {
	width: 78%;
	margin-right: 1%;
}

.cdd-nav ul .input-text .btn {
	width: 20%;
	margin-top: 0;
}

.cdd-nav.halves ul {
	width: 26%;
	margin: 0 0 0 5%;
}

.cdd-nav.thirds ul {
	width: 25%;
	font-size: .8em;
	margin: 0 4%;
}

.cdd-nav.thirds ul:last-child {
	border-right: none;
}

.cdd-nav.thirds ul li a {
	display: block;
	width: 100%;
}

.cdd-nav.thirds ul li a:after {
	right: 2em;
}

.cdd-nav.fourths ul {
	width: 24%;
	font-size: .8em;
	margin: 0 0 0 1%;
}

.cdd-nav.fourths ul:last-child {
	border-right: none;
}

.cdd-nav.fourths ul li a {
	display: block;
	width: 100%;
}

.cdd-nav.fourths ul li a:after {
	right: 2em;
}

.cdd-nav li.level2,  .cdd-nav li.level3,  .cdd-nav li.level4 {
	display: none;
}

.cdd-nav li a:not(.btn) {
	position: relative;
	display: block;
	padding: 0.825em 2.2em .825em 1.5em;
	font-size: 1em;
	line-height: 1.25em;
	color: #024965;
	transition: .35s ease 0s;
	text-align: left;
	text-transform: uppercase;
	box-shadow: none;
}

.cdd-nav li a:not(.btn):after {
	position: absolute;
	top: 1.9em;
	font-family: 'icomoon-ult';
	font-size: .6em;
	line-height: 1;
	content: '\e915';
	transition: .35s ease 0s;
	color: #FFFFFF;
	left: 0.1em;
}

_.cdd-nav li a:before {
	position: absolute;
	bottom: 0;
	left: 1em;
	content: '';
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 0;
	height: 2px;
	background-color: #4FA2AD;
	transition: width .5s ease 0s;
}

.no-touch .cdd-nav li:hover, .cdd-nav li:focus {
}

.no-touch .cdd-nav li:hover a:not(.btn), .cdd-nav li:focus a:not(.btn) {
	color: #024965;
	padding-left: 2em;
	background-color: #E7B314;
	box-shadow: 7px 7px 21px -6px rgba(0,0,0,0.75);
}

.no-touch .cdd-nav li:hover a:not(.btn):after, .cdd-nav li:focus a:not(.btn):after {
	color: #FFFFFF; /* $white */
	left: 0.6rem;
}

.cdd-item .cdd-nav .content-style {
	color: #FFFFFF; /* $white */
}

.cdd-item .cdd-nav .content-style p {
	color: #FFFFFF; /* $white */
}

.cdd-item .cdd-nav .content-style a {
	color: #00729D; /* $primary */
}

.no-touch .cdd-item .cdd-nav .content-style a:hover, .cdd-item .cdd-nav .content-style a:focus {
	color: #FFFFFF; /* $white */
}
/* End Custom Drop Down Navigation */

/* Logo Area */
.header .left-side {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 17em;
	transition: .4s ease 0s;
}

.fixed .header .left-side, .sub .header .left-side {
	max-width: 12%;
}

.top-logo {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	transition: padding .4s ease 0s;
	padding: 1em 4.667em;
}

.fixed .top-logo, .sub .top-logo {
}

.top-logo img {
	transition: opacity .4s ease 0s;
	display: block;
}

.fixed .top-logo img.fixed-logo {
	opacity: 1;
}

.top-logo img.non-fixed-logo {
	opacity: 1;
}

.fixed .top-logo img.non-fixed-logo, .sub .top-logo img.non-fixed-logo {
	opacity: 0;
}

.quick-nav-logo {
	display: none;
}

.quick-nav-logo a {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.quick-nav-logo a:before {
	display: none;
}

.quick-nav-logo a img {
	width: 95%;
}

.header-panel .right-side {
	font-size: 1.15em;
	color: #00729D; /* $primary */
	text-align: right;
}

.header-panel .contact-info {
	padding-top: .25em;
	padding-right: 1em;
	text-align: right;
	border-right: solid 1px #00729D; /* $primary */
}

.header-panel .phone-number {
	color: #00729D; /* $primary */
}

.header-panel .contact-info .address {
	font-size: .6em;
}

.header-panel .search {
	position: relative;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0.789em 1.278em;
	text-transform: uppercase;
	box-shadow: none;
	height: 100%;
}

.header-panel.search-open .search {
	background-color: #D7A303;
}

.header-panel.search-open .search:before {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	margin: 2px;
}

.header-panel .search.btn:after {
	display: none;
}

.fixed .header-panel .search, .sub .header-panel .search {
	padding: 0.97em 1.278em;
}

.header-panel .search > span {
	padding-right: 1.278em;
	overflow: hidden;
	transition: .3s ease 0s;
	width: 100%;
}

.header-panel .search icon {
	transition: .4s ease 0s;
	padding: 0 0.111em;
}

.header-panel .search .icon-search {
	opacity: 1;
	font-weight: .95em;
}

.header-panel .search .close {
	position: absolute;
	top: 50%;
	left: 79%;
	z-index: -1;
	opacity: 0;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

_.search-open .search > span {
	width: 0;
	opacity: 0;
}

.search-open .search .close {
	z-index: 1;
	opacity: 1;
}

.sec-nav {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sec-nav li {
	padding: 0 1em;
	border-right: solid 2px #FFFFFF; /* $white */
}

.fixed .sec-nav li, .sub .sec-nav li {
	border-color: #98caec;
}

.sec-nav li:last-child {
	border-right: none;
}

.sec-nav a {
	display: block;
	font-size: .889em;
	font-weight: 800;
	color: #FFFFFF; /* $white */
	text-transform: uppercase;
}

.fixed .sec-nav a, .sub .sec-nav a {
	color: #00729D; /* $primary */
}

.no-touch .sec-nav a:hover {
	color: #E7B314; /* $secondary */
}
/* End Logo Area */

/* Masthead Search */
.search-btn {
	position: relative;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.no-touch .search-btn:hover {
	cursor: pointer;
}

.site-search icon {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.222em;
	line-height: 1;
	color: #FFFFFF; /* $white */
	transition: opacity .4s ease 0s, color .4s ease 0s;
}

.fixed .site-search icon, .sub .site-search icon {
	color: #FFFFFF; /* $white */
}

.site-search icon.search-14 {
	z-index: 1;
	opacity: 1;
}

.search-open.site-search icon.search-14 {
	z-index: -1;
	opacity: 0;
}

.slide-search {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 0;
	overflow: hidden;
	visibility: hidden;
	transition: width .4s ease 0s, visibility 0s ease .5s;
}

.slide-search input {
	padding: .75em 1em;
	font-size: .889em;
	background-color: #98CAEC; /* $lighterblue */
	border: none;
}

.search-open .slide-search {
	position: relative;
	width: 20em;
	visibility: visible;
	transition: .4s ease 0s;
}

.search-open .slide-search > div {
	width: 100%;
}

.search-open .slide-search input {
	width: 100%;
}

.search-flyout {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	width: 100%;
	padding: .5em 0;
	background-color: #00729D; /* $primary */
	opacity: 0;
	transition: .4s ease 0s;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.search-open .search-flyout {
	z-index: 1;
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.search-flyout input {
	width: 75%;
	padding: .889em;
	font-family: inherit;
	font-size: 16px;
	color: #FFFFFF; /* $white */
	background-color: rgba(0,114,157,0.102); /* alpha($primary,10%) */
	border: solid 1px #FFFFFF; /* $white */
	outline: none;
	line-height: 1;
}

.search-flyout .btn {
	width: 20% !important;
	line-height: 1;
}

.no-touch .search-flyout .btn:hover, .search-flyout .btn:focus {
	width: 20% !important;
}

.search-flyout ::-webkit-input-placeholder {
	color: #FFFFFF; /* $white */
}

.search-flyout ::-moz-placeholder {
	color: #FFFFFF; /* $white */
}

.search-flyout :-ms-input-placeholder {
	color: #FFFFFF; /* $white */
}

.search-flyout :-moz-placeholder {
	color: #FFFFFF; /* $white */
}

.header-panel .top-search .main {
    padding-top: .5em;
    padding-bottom: .5em;
    max-width: 100%;
    padding-left: 2em;
    padding-right: 2em;
}
/* End Masthead Search */

/* Mobile Menu */
.header-panel .mobile-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	display: none;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #FFFFFF; /* $white */
	opacity: 0;
	transition: transform 0s ease .4s, opacity .4s ease 0s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mm-open .header-panel .mobile-menu {
	opacity: 1;
	transition: transform 0s ease 0s, opacity .4s ease 0s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.mobile-menu .close-btn {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 3.25em;
	height: 3.25em;
	cursor: pointer;
}

.mobile-menu .close-btn:before, .mobile-menu .close-btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #00729D; /* $primary */
	content: '';
	transition: width .175s ease .35s, transform .175s ease 0s;
	-webkit-transform: translate(-50%,-50%) rotate(0deg);
	-ms-transform: translate(-50%,-50%) rotate(0deg);
	transform: translate(-50%,-50%) rotate(0deg);
}

.mm-open .mobile-menu .close-btn:before {
	width: 2.25em;
	transition: width .35s ease .35s, transform .35s ease .7s;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.mm-open .mobile-menu .close-btn:after {
	width: 2.25em;
	transition: width .35s ease .35s, transform .35s ease .7s;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

.mobile-menu  .mobile-nav {
	position: relative;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 3.7em .5em 1.5em 2em;
}

.mobile-nav ul.level-uno {
	width: 100%;
	height: calc(100vh - 9.5em);
	padding: 0;
	padding-right: 1em;
	overflow: auto;
}

.mobile-nav > ul.level-uno > li {
	position: relative;
	text-align: left;
	border-bottom: solid 2px #A4A4A4; /* $light */
	opacity: 0;
	transition: transform .35s ease .4s, opacity .35s ease .4s;
	-webkit-transform: translate(0, -1.250em);
	-ms-transform: translate(0, -1.250em);
	transform: translate(0, -1.250em);
}

.mm-open .mobile-nav > ul.level-uno > li {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.mm-open .mobile-nav > ul.level-uno > li:first-child {
	transition-delay: 1s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(2) {
	transition-delay: 1.05s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(3) {
	transition-delay: 1.1s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(4) {
	transition-delay: 1.15s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(5) {
	transition-delay: 1.2s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(6) {
	transition-delay: 1.25s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(7) {
	transition-delay: 1.3s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(8) {
	transition-delay: 1.35s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(9) {
	transition-delay: 1.4s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(10) {
	transition-delay: 1.45s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(11) {
	transition-delay: 1.5s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(12) {
	transition-delay: 1.55s;
}

.mobile-nav ul.level-uno > li > a {
	display: block;
	max-width: calc(100% - 2em);
	padding: 0;
	font-size: 1.55em;
	line-height: 2em;
	color: #000000; /* $dark */
}

.no-touch .mobile-nav ul.level-uno > li > a:hover, .mobile-nav ul.level-uno > li > a:focus {
	color: #000000; /* $dark */
}

.mobile-nav ul.level-uno .see-more-babies {
	position: absolute;
	top: .667em;
	right: 0;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1.667em;
	height: 1.667em;
}

.see-more-babies:before, .see-more-babies:after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	height: 3px;
	background-color: #00729D; /* $primary */
	content: '';
	transition: transform .3s ease 0s;
}

.see-more-babies:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.see-more-babies.active:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.mobile-nav ul.level-dos {
	display: none;
	padding: 1em 0;
	border-top: solid 2px #A4A4A4; /* $light */
}

ul.level-dos li a {
	position: relative;
	display: block;
	padding: .35em 0 .35em 1.333em;
	font-size: 1.222em;
	font-weight: 700;
	line-height: 1.154em;
	color: #00729D; /* $primary */
	text-transform: capitalize;
}

ul.level-dos li a:before {
	position: absolute;
	top: .85em;
	left: 0;
	width: .889em;
	height: 3px;
	background-color: #777; /* $darkgrey */
	content: '';
}

.no-touch ul.level-dos li a:hover, ul.level-dos li a:focus {
	color: #00729D; /* $primary */
}

.mobile-nav .mobile-search {
	opacity: 0;
	transition: .35s ease 1.05s;
	-webkit-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
}

.mm-open .mobile-nav .mobile-search {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.mobile-nav .mobile-search input {
	padding-left: 1em;
}
/* End Mobile Menu */

/* Mobile Menu Button */
.right-side .menu-trigger {
	position: relative;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
}

.right-side .menu-btn {
	position: relative;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: none;
	width: 3.25em;
	height: 3.25em;
	cursor: pointer;
	transition: .35s ease;
}

.right-side .menu-btn:before {
	position: absolute;
	top: -100vh;
	left: -100vh;
	display: none;
	width: 1000vh;
	height: 1000vh;
	background-color: rgba(0,0,0,.7);
	content: '';
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease 0s, visibility 0s ease .5s;
}

.mm-open .right-side .menu-btn:before {
	opacity: 1;
	visibility: visible;
	transition: opacity .5s ease 0s, visibility 0s ease 0s;
}

.right-side .menu-btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.25em;
	height: 3px;
	background-color: #00729D; /* $primary */
	transition: margin .3s ease .3s, opacity 0s .3s, transform .3s ease, background-color .3s ease 0s;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.mm-open .right-side .menu-btn span {
	background-color: #5CABD4; /* $tertiary */
	opacity: 0;
	transition: margin .3s ease, opacity 0s .3s, transform .3s ease .3s, background-color .3s ease 0s;
}

.fixed .right-side .menu-btn span, .sub .right-side .menu-btn span {
	background-color: #ff7d00;
}

.right-side .menu-btn span:first-of-type {
	margin-top: 10px;
}

.mm-open .right-side .menu-btn span:first-of-type {
	margin-top: 0;
	opacity: 1;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.right-side .menu-btn span:last-of-type {
	margin-top: -10px;
}

.mm-open .right-side .menu-btn span:last-of-type {
	margin-top: 0;
	opacity: 1;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
/* End Mobile Menu Button */

/* Bottom Menu Controls */
.bottom-menu-holder {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 52;
	transition: .2s ease .7s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background-color: #FFFFFF; /* $white */
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
	width: 100%;
}

.cms-admin .bottom-menu-holder {
	display: block;
	position: initial;
}

.down-scroll .bottom-menu-holder {
	-webkit-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

.bottom-menu-holder ul {
	width: 100%;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-transform: uppercase;
}

.bottom-menu-holder ul li {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 33.33%;
	position: relative;
	height: 5.278em;
}

.bottom-menu-holder ul li:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 90%;
	top: 50%;
	right: 0;
	background-color: #454545; /* $text */
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.bottom-menu-holder ul li:last-child:before {
	content: none;
}

.bottom-menu-holder ul li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 0;
	background-color: #E7B314; /* $secondary */
	transition: .4s ease 0s;
	height: .44em;
	width: 0;
}

.no-touch .bottom-menu-holder ul li:hover:after, .bottom-menu-holder ul li:focus:after {
	opacity: 1;
	width: 100%;
}

.bottom-menu-holder ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #00729D; /* $primary */
}

.bottom-menu-holder ul li a span {
	display: block;
	position: relative;
	top: 70%;
	transition: .2s ease 0s;
	color: #00729D; /* $primary */
}

.no-touch .bottom-menu-holder ul li:hover a span, .bottom-menu-holder ul li:focus a span {
	top: 65%;
	color: #454545; /* $text */
}

.bottom-menu-holder ul li a icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -70%);
	-ms-transform: translate(-50%, -70%);
	transform: translate(-50%, -70%);
	color: #00729D; /* $primary */
	font-size: 1.6em;
	transition: .2s ease 0s;
}

.no-touch .bottom-menu-holder ul li:hover a icon, .bottom-menu-holder ul li:focus a icon {
	color: #454545; /* $text */
	top: 45%;
}
/* End Bottom Menu Controls */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.top-logo {
		display: block;
		max-width: 23%;
		padding: 1em;
	}
}

/* 1530px Responsive */
@media screen and (max-width:1530px) {
	.top-bar .right-side  .btn span {
		font-size: .789em;
	}
}
/* End 1530px Responsive */

/* 1440px Responsive */
@media screen and (max-width:1440px) {
	.top-nav .desktop-nav > li {
		padding: 0 2em;
	}
}
/* End 1440px Responsive */

/* 1200px Responsive */
@media screen and (max-width:1200px) {
	.header-panel .full {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.top-nav {
		max-width: 100%;
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5;
		width: 100%;
	}

	.top-nav .quick-nav li {
		padding: 0.8rem 1.41rem;
	}

	.top-nav .desktop-nav > li {
		padding: 0 0.71em;
	}

	.top-logo {
		padding: 1em 1.5em;
	}
}
/* End 1200px Responsive */

/* 1000px Responsive */
@media screen and (max-width:1000px) {
	.top-bar {
		padding-right: 4%;
	}

	.top-bar > div {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.top-bar .top-bar-social {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}

	.top-bar .right-side {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		width: 45%;
	}

	.top-bar .right-side  .btn {
		padding: .75em 1.167em;
	}

	.top-bar .top-nav {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		max-width: 100%;
	}

	.header .left-side {
		max-width: 13em;
	}

	.quick-nav-logo {
		display: block;
	}

	.top-logo {
		display: none;
	}

	.top-nav .quick-nav li:first-child {
		padding: .6rem .8rem;
		width: 35vw;
	}

	.top-nav .quick-nav li {
		padding: .8rem;
	}

	.top-nav .desktop-nav > li:first-child {
		padding-left: 1.01em;
	}

	.cdd-item .img-con {
		display: none;
	}

	.cdd-item .img-con + nav {
		width: 100%;
	}

	.cdd-item[class*='flex'] {
		padding: 1em 4%;
	}

	.header-panel .search > span {
		padding-right: .478em;
	}

	.top-nav .desktop-nav > li {
		padding: 0 0.51em;
	}
}
/* End 1000px Responsive */

/* 800px Responsive (Mobile) */
@media screen and (max-width:800px) {
	.header {
		position: relative;
		background-color: #FFFFFF; /* $white */
	}

	.header-panel:before {
		display: none;
	}

	.top-bar {
		display: none;
	}

	.top-nav {
	}

	.fixed .top-logo, .sub .top-logo {
		margin: 0 auto;
	}

	.header .left-side {
		max-width: 11em;
	}

	.fixed .header .left-side, .sub .header .left-side {
		max-width: 9em;
	}

	.header-panel .right-side {
		display: none;
	}

	.top-logo img.non-fixed-logo {
		opacity: 0;
	}

	.mob-phone, .menu-btn {
		display: block;
	}

	.sec-nav li {
		display: none;
	}

	.sec-nav a, .sec-nav button {
		padding: .75em;
		font-size: 1.222em;
		color: #00729D; /* $primary */
	}

	.sec-nav button {
		margin-left: 1em;
		background-color: transparent;
		border: none;
		outline: none;
	}

	.header-panel .mobile-menu, .right-side .menu-trigger, .right-side .menu-btn {
		display: block;
	}

	.top-nav > div.top .desktop {
		display: none;
	}

	.top-nav > div.top .mobile {
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.top-nav .desktop-nav {
		display: none;
	}

	.bottom-menu-holder {
		display: block !important;
	}

	.fixed .header-panel, .sub .header-panel, .search-open.header-panel {
		border-bottom: none;
		box-shadow: 0px 0px -20px 0px rgba(0,0,0,0.4);
	}
}
/* End 800px Responsive (Mobile) */

/* 550px Responsive (Mobile) */
@media screen and (max-width:550px) {
	.top-nav > div.top .mobile .mobile-phone {
		width: 35%;
	}

	.top-nav > div.top .mobile .mobile-logo {
		width: 65%;
	}

	.top-nav > div.top .mobile .mobile-logo a {
		padding: 1em;
	}

	.top-nav > div.top .mobile .mobile-phone a:before {
		height: 100%;
	}

	.top-nav > div.top .mobile {
		max-height: 4.167em;
	}

	.top-nav > div.top .mobile .mobile-phone a {
		padding: .2em;
	}

	.top-nav > div.top .mobile .mobile-phone a icon {
		font-size: 1.5em;
	}

	.top-nav > div.top {
		border-bottom: none;
	}
}
/* End 550px Responsive (Mobile) */
