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

.cms-admin #HeaderZone, .cms-edit-layout #HeaderZone {
	top: auto;
	width: auto;
	left: auto;
}

.cms-admin #HeaderZone {
	position: relative;
}

.cms-edit-layout #HeaderZone {
	position: static;
}

.header-panel {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1em 2%;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	box-shadow: 0 0 8px rgba(0,0,0,0.25);
	transition: transform .4s ease 0s, background-color .4s ease;
}

.header-panel .box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

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

.overlap .header-panel {
}

.overlap:not(.fixed) .header-panel {
	box-shadow: none;
}

.fixed.overlap .header-panel, .cms-admin.overlap .header-panel {
}

.header-panel .top-logo {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	transition: .5s ease;
	display: block;
	max-width: 25%;
}

.header-panel .top-logo img {
	display: block;
	margin: auto;
}

.header-panel .top-logo.inner {
	display: none;
}
/* End Header Panel Styles */

/* Top Nav */
.header-panel .top-nav {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: auto;
}

.top-nav .ui-scroll {
	overflow: visible !important;
}

.top-nav h4 {
	margin: 0;
	padding: .25em 1em .25em .35em;
	text-align: center;
	text-transform: uppercase;
}

.header-panel ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-panel ul li {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.header-panel ul.mobile-nav {
	display: none;
}

.header-panel .top-nav .mobile-nav li {
	display: none;
}

.header-panel .top-nav .mobile-nav li icon {
	vertical-align: middle;
	display: inline-block;
	margin-right: .5em;
	pointer-events: none;
}

.header-panel .top-nav .mobile-nav li span {
	pointer-events: none;
}

.header-panel .top-nav .mobile-nav li > span {
	vertical-align: middle;
}

.header-panel .top-nav .mobile-nav li.mobile-menu {
	display: block;
}

.header-panel .top-nav .mobile-menu button {
	display: block;
	margin: auto;
}

.header-panel .top-nav .mobile-menu button icon {
	display: block;
	font-size: 2em;
	line-height: 1;
	margin: 0;
}

.header-panel .top-nav a, .header-panel .mobile-nav a, .header-panel .mobile-nav button {
	display: block;
	text-align: center;
	font-size: 1em;
	padding: .8em 1em;
	border: none;
	transition: .25s ease 0s;
	background-color: transparent;
	line-height: 1.2em;
}

.header-panel .top-nav li:hover > a {
}
/* End Top Nav */

/* Right Info Styles */
.header-panel .right-info {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	text-align: center;
}

.header-panel .right-info a {
	display: block;
	font-size: 1.111em;
}

.header-panel .right-info .tagline {
	font-size: 1.05em;
	line-height: 1em;
}

.header-panel .right-info .phone-number {
	font-size: 2em;
	line-height: 1.2em;
	font-family: 'Cabin', sans-serif;
	letter-spacing: 0.025em;
}
/* End Right Info Styles */

/* Header Panel IE Fallbacks */
.no-flexbox .header-panel, .no-flexbox .header-panel ul, .no-flexbox .header-panel .social-nav ul {
	display: table;
}

.no-flexbox .header-panel ul.mobile-nav {
	display: none;
}

.no-flexbox .header-panel .top-logo, .no-flexbox .header-panel .right-info, .no-flexbox .header-panel .top-nav li, .no-flexbox .header-panel .social-nav, .no-flexbox .header-panel .social-nav ul li, .no-flexbox .header-panel .right-info {
	display: table-cell;
}
/* End Header Panel IE Fallbacks */

/* Min Responsive */
@media screen and (min-width:451px) {
}

@media screen and (min-width:801px) {
	.header-panel .mobile-only {
		display: none;
	}
}

@media screen and (min-width:1501px) {
}
/* End Min Responsive */

/* Header Panel Responsive */
@media screen and (max-width:1500px) {
	.header-panel {
		padding: .75em 2%;
	}

	.header-panel .box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding-left: 5%;
	}

	.header-panel .top-logo {
		max-width: 50%;
		padding: .5em 0;
	}

	.header-panel .top-nav {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		margin-top: .75em;
	}

	.header-panel .right-info {
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		text-align: right;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.header-panel .right-info .phone-number {
		margin-left: .75rem;
	}
}

@media screen and (max-width:1150px) {
	.header-panel {
		display: block;
	}

	.header-panel .box {
		padding-left: 0;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.header-panel .top-logo.outer {
		display: none;
	}

	.header-panel .top-logo.inner {
		display: block;
	}

	.header-panel .top-logo img {
		max-height: 6rem;
	}

	.header-panel .top-nav {
		clear: both;
		padding: 1em 0 0;
		margin: auto;
	}

	.header-panel .right-info {
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		display: block;
	}

	.header-panel .right-info .phone-number {
		margin-top: .3rem;
	}
}

@media screen and (max-width:800px) {
	.header-panel {
		padding: .75em 2% .5em;
	}

	.header-panel .top-logo {
		padding-right: 0;
		max-width: 55%;
	}

	.header-panel .top-logo img {
		max-height: 5em;
	}

	.header-panel .top-nav {
		display: block;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		padding-top: .5rem;
	}

	.top-nav h4 {
		padding: .75em .35em;
		border-right: none;
	}

	.header-panel ul li {
		line-height: 1.2em;
	}

	.header-panel .top-nav a, .header-panel .mobile-nav a, .header-panel .mobile-nav button {
		padding: .8em .5em;
	}

	.header-panel ul.mobile-nav {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.header-panel .top-nav .mobile-nav li icon {
		display: block;
		margin: 0 0 .2em;
	}

	.header-panel .top-nav .mobile-nav li li {
		display: block;
	}

	.header-panel .top-nav .mobile-nav li {
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		display: block;
	}

	.header-panel .top-nav .mobile-menu button icon {
		font-size: 1em;
	}

	.header-panel .right-info {
		border-left: none;
		padding-left: 0;
		padding-right: 1em;
		border-right: solid 1px rgba(0,0,0,0.2); /* alpha($dark,20%) */
		padding: 0;
		border: none;
		max-width: 45%;
	}

	.header-panel .right-info a.phone-number {
		padding-left: 0;
	}

	.header-panel .page-nav {
		display: block;
		position: fixed;
		width: calc(100% - 2em);
		height: auto;
		top: auto;
		background-color: #2A6091;
		transition: .5s;
		left: 1em;
		font-size: 1.125em;
		z-index: 10;
		overflow-y: auto;
		overflow-x: hidden;
		overflow: visible;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		bottom: 100%;
		border: solid 2px #FFFFFF; /* $light */
		max-height: 100vh;
		box-shadow: 0 0 0 1em #2A6091;
	}

	.header-panel.active .page-nav {
		-webkit-transform: translateY(calc( 100% + 1em ));
		-ms-transform: translateY(calc( 100% + 1em ));
		transform: translateY(calc( 100% + 1em ));
	}

	.header-panel .close-btn {
		position: absolute;
		left: .5em;
		margin-bottom: .5em;
		top: .5em;
	}

	.header-panel .close-btn icon {
		color: #FFFFFF; /* $light */
		font-size: 1.5em;
		line-height: 1;
	}

	.header-panel .page-nav li {
		border-bottom: solid 2px rgba(255,255,255,0.15);
	}

	.header-panel .page-nav li a {
		color: #FFFFFF; /* $light */
	}

	.header-panel .page-nav li:last-child {
		border: none;
	}

	.top-nav .mobile-nav li a {
		display: block;
		color: #2A6091 !important;
		padding: 0.5em;
		text-align: center !important;
		background-color: transparent !important;
	}

	.down-scroll .fixed .header-panel .page-nav {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@media screen and (orientation: landscape) and (max-height: 550px) {
	#HeaderZone {
		position: absolute;
	}
}

@media screen and (max-width:550px) {
	.header-panel {
		padding-top: .7em;
		padding-bottom: .2em;
	}

	.header-panel .box {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.header-panel .top-logo {
		max-width: 50%;
	}

	.header-panel .top-logo img {
		margin: auto;
		max-height: 4.5em;
	}

	.header-panel .right-info {
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		max-width: 50%;
	}

	.header-panel .right-info a.phone-number {
		font-size: 1.5em;
	}
}

@media screen and (max-width:450px) {
	.header-panel {
	}

	.header-panel .top-logo {
		padding: 0;
	}

	.header-panel .top-logo img {
	}

	.header-panel .right-info {
		padding: .5em 0;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.header-panel .right-info .tagline {
		display: none;
	}

	.header-panel .top-nav {
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		width: 100%;
	}

	.header-panel .top-nav a {
		padding: .5em;
	}

	.header-panel .top-nav a span span {
		display: none;
	}
}
/* End Header Panel Responsive */