*, *:after, *:before { box-sizing: border-box; }
html, body { background: #eaeaea; margin: 0; padding: 0; color: #01172F; font-size: 18px; font-family: 'Karla', sans-serif; line-height: 1.5em; }
html.nav-active, html.nav-active form, html.nav-active body { height: 100% !important; overflow: hidden; overflow-y: hidden; -webkit-overflow-scrolling: hidden; }

/* Variable Grid System (Fluid Version). Learn more ~ http://www.spry-soft.com/grids/. Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/. Licensed under GPL and MIT. */
.grid-container { max-width: 980px; margin-left: auto; margin-right: auto; }.grid-container.wide { max-width: inherit; }.grid-container.thin { max-width: 960px; }html .gap { padding-right: 1em; padding-left: 1em; }.grid-5 { float: left; width: 5%; }.grid-10 { float: left; width: 10%; }.grid-15 { float: left; width: 15%; }.grid-20 { float: left; width: 20%; }.grid-25 { float: left; width: 25%; }.grid-30 { float: left; width: 30%; }.grid-35 { float: left; width: 35%; }.grid-40 { float: left; width: 40%; }.grid-45 { float: left; width: 45%; }.grid-50 { float: left; width: 50%; }.grid-55 { float: left; width: 55%; }.grid-60 { float: left; width: 60%; }.grid-65 { float: left; width: 65%; }.grid-70 { float: left; width: 70%; }.grid-75 { float: left; width: 75%; }.grid-80 { float: left; width: 80%; }.grid-85 { float: left; width: 85%; }.grid-90 { float: left; width: 90%; }.grid-95 { float: left; width: 95%; }.grid-33 { float: left; width: 33.33333%; }.grid-66 { float: left; width: 66.66667%; }.grid-100 { clear: both; width: 100%; }.leeway { padding: 0 2%; }.leeway.alpha { padding-left: 0; }.leeway.omega { padding-right: 0; }.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }.clearfix:after { content: ""; display: table; clear: both; }.grid-container:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .clearfix:after { clear: both; }
.pad { padding: 1em; }

@font-face { font-family: 'icon-dlenm'; src: url('/Themes/DefaultClean/Content/font/icon-dlenm.eot?70018458'); src: url('/Themes/DefaultClean/Content/font/icon-dlenm.eot?70018458#iefix') format('embedded-opentype'), url('/Themes/DefaultClean/Content/font/icon-dlenm.woff?70018458') format('woff'), url('/Themes/DefaultClean/Content/font/icon-dlenm.ttf?70018458') format('truetype'), url('/Themes/DefaultClean/Content/font/icon-dlenm.svg?70018458#icon-dlenm') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:after, [class*=" icon-"]:after { display: inline-block; margin: 0 0 0 8px; font-family: "icon-dlenm"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hide { position: absolute; top: -1000em; left: -1000em; } .no-push:after { margin: 0; } .icon-down:after { content: '\e800'; } .icon-left:after { content: '\e801'; } .icon-right:after { content: '\e802'; } .icon-up:after { content: '\e803'; } .icon-+ :after { content: '\e804'; } .icon-x:after { content: '\e805'; } .icon-nav:after { content: '\e806'; } .icon-cart:after { content: '\e807'; } .icon-play:after { content: '\e808'; } .icon-heart:after { content: '\e809'; } .icon-facebook:after { content: '\e80a'; } .icon-twitter:after { content: '\e80b'; } .icon-instagram:after { content: '\e80c'; } .icon-linkedin:after { content: '\e80d'; }

h1, h2, h3, h4 { margin: 0 0 0.6em; font-family: 'Cantata One', serif; font-weight: 400; line-height: 1.2em; }
p + h2, p + h3, p + h4 { margin: 1em 0 0.6em; }
	p img { max-width: 100%; height: auto !important; }
h1 { margin: 0 0 0.2em; color: #fff; font-size: 2.6em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }

p { margin: 0 0 1em; }
b, strong { font-weight: 700; }
a, button { background: none; padding: 0; border: 0; color: #eb5e55; font-weight: 700; font-family: 'Karla', sans-serif; text-decoration: none; cursor: pointer; transition: all 0.2s ease 0s; }
.button a, a.button { display: inline-block; background: #eb5e55; margin: 0.4em 0; padding: 0.6em 1.4em; color: #fff; font-size: 0.9em; font-weight: 400; }
	a:hover, button:hover { color: #eb5e55; text-decoration: none; outline: none; }
	.button a:hover, a.button:hover { background: #eb5e55; color: #fff; }
	a:focus, button:focus { outline: 1px dotted #ddd; }
hr { background: #eaeaea; display: inline-block; width: 100%; height: 3px; margin: 10px 0; border: 0; }

.vert-center-holder:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
	.vert-center { display: inline-block; vertical-align: middle; }
.relative { position: relative; }
.transform-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.transform-center-y { position: absolute; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.nav-toggle, .nav-hide, .nav-sub-toggle, .nav-sub-toggle:hover, .nav-sub { display: none; }

.header-menu { display: none; }

/* Header */

#regionAdminHeader { position: fixed; z-index: 9000; bottom: 0; left: 0; width: 100%; }
	#regionAdminHeader .AdminHeader_Container { height: 36px; padding: 0 20px; text-align: right; }
		#regionAdminHeader .AdminHeader_Container span, #regionAdminHeader .AdminHeader_Container a { float: inherit; margin: 0; margin-left: 30px; padding: 0; border: 0; color: #fff; font-size: 14px; line-height: 22px; }
		#regionAdminHeader .AdminHeader_Container .AdminHeader_Title { float: left; margin: 6px 0; font-size: 18px; }

.skip { background: #333; display: inline-block; position: fixed; z-index: 9000; top: -46px; left: 0; height: 46px; padding: 10px 20px; border: 0; color: #fff; text-decoration: none; font-weight: 600; }
	.skip:focus { top: 0; color: #fff; }

.warning { display: none; }
#ie7 .warning { background: #fff; position: fixed !important; z-index: 9500; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 40px 3%; overflow: auto; }
	#ie7 .warning a { background: #333; padding: 10px; color: #fff; line-height: 3em; }

.join-cover { display: none; position: fixed; background: #fff; background: rgba(255, 255, 255, 0.9); z-index: 9000; top: 0; left: 0; width: 100%; height: 100%; padding: 150px 10%; text-align: center; }
	.join { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 720px; max-width: 80%; height: 560px; max-height: 80%; border-radius: 8px; }
		.join h3:before { content: ''; display: inline-block; background: #fec13e; width: 40%; height: 1px; margin: 0 30%; vertical-align: top; }

.header { padding: 0 2em; background: #fff; overflow: hidden; }
	
	.logo { display: inline-block; width: 420px; margin: 1em 0; }
		.logo img { max-width: 100%; vertical-align: top; }

	.nav-secondary { margin: 0.9em 0; }
		.nav-secondary a, .nav-secondary a:hover { display: inline-block; padding: 1.2em 10px; color: rgba(49,59,114,0.7); font-size: 14px; font-weight: 400; }
			.nav-secondary .highlight, .nav-secondary .highlight:hover { position: relative; z-index: 10; margin-left: 2em; color: #fff !important; font-weight: bold; }
		.social { display: inline-block; vertical-align: middle; }
			.social a, .social a:hover { display: inline-block; width: 28px; height: 28px; padding: 6px 0; border: 1px solid #EFF0F2; border-radius: 30px; vertical-align: top; color: #5482ab; text-align: center; }
				.social a::after { vertical-align: top; }
	
	.nav-holder { padding: 0.6em 0; border-top: 1px solid #eff0f2; background: #fff; text-align: right; }

/* Content */

.title-holder { position: relative; background: #2C3773; text-align: right; }
	#spread { display: inline-block; position: relative; width: 50%; max-width: 1000px; height: 400px; background: no-repeat center top; background-size: cover; vertical-align: top; -webkit-filter: saturate(1.1); filter: saturate(1.1); -webkit-filter: contrast(1.1); filter: contrast(1.1); }
		#pageTitle { text-align: left; }
			#pageTitle h1 { margin: 0 0 1em; }
	#spread .fade { display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(84,130,171,0.8); background: linear-gradient(90deg,rgba(49, 59, 114, 1) 0%,rgba(84,130,171,0.2) 100%); }

/* Footer */

.footer { background: #01172F; padding: 2em 0; color: #fff; font-size: 0.7em; line-height: 1.6em; }
	.footer a { color: #fff; }
	.footer .logo { display: inline-block; margin: 0 0 1em; }
		.footer .logo img { max-width: 100%; }

/* > 1240 */

@media only screen and (min-width: 1400px) {
	
	html .gap { padding-right: 0; padding-left: 0; }
	
	/* Content */
	
	#spread { height: 380px; }
	
}

/* > 960 */

@media only screen and (min-width: 960px) {
	
	a[href^="tel:"], a[href^="tel:"]:hover { color: inherit; cursor: pointer; text-decoration: none; font-weight: inherit; cursor: default; }

	/* Header */
	
	.nav-secondary { float: right; margin: 0.9em 0; }
		.nav-secondary .highlight::before { content: ''; position: absolute; z-index: -1; bottom: -2em; left: -3.5em; width: 300px; height: 300px; border-radius: 300px; background: #EB5E55; }
	
}

/* 960 */

@media only screen and (max-width: 960px) {
	
	html, body { font-size: 18px; }
	html .gap { padding-right: 1em; padding-left: 1em; }
	
	.hide-s { position: absolute; top: -1000em; left: -1000em; }
	.no-push-s:after { margin: 0; }
	
	h1 { font-size: 2.4em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.3em; }
	
	/* Header */
	
	.logo { margin: 0.6em 0; }
	.nav-toggle, .nav-toggle:hover { float: right; position: relative; display: inline-block; padding: 1.6em 1em; font-size: 18px; text-transform: uppercase; cursor: pointer; }
	
	.social { width: 100%; margin: 0; border-top: 1px solid #eb5e55; font-size: 0.8em; text-align: center; }
		.social a, .social a:hover { margin: 0; }
	
	.nav-holder {
		background: #01172F; background-size: cover; position: fixed; z-index: 6000; left: 0; top: 0; width: 100%; max-width: 100%; height: 100%; margin: 0; padding: 0 0 40px; text-align: center; overflow-y: scroll; -webkit-overflow-scrolling: touch;
		-webkit-transform: translateX(100%); transform: translateX(100%); transition:-webkit-transform 300ms ease 0s; transition:transform 300ms ease 0s; transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s; will-change: transform; }
		.nav-hide, .nav-hide:hover { display: inline-block; background: #eb5e55; background-size: cover; width: 100%; padding: 0.8em 0; color: #fff; font-size: 0.9em; text-transform: uppercase; }
		.nav-active .nav-holder { -webkit-transform: none; transform: none; transition:-webkit-transform 300ms ease 0s; transition:transform 300ms ease 0s; transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s; }

	.nav-secondary { margin: 0.6em 0; text-align: center; }
		.nav-secondary a, .nav-secondary a:hover { padding: 10px; }
		.nav-secondary .highlight, .nav-secondary .highlight:hover { margin: 0; padding: 2px 6px; border-radius: 6px; background: #eb5e55; }
		.social { padding: 1em 0; }
			.social a, .social a:hover { padding: 6px 0; }
	
	/* Content */
	
	#spread { height: 300px; max-height: 50vh; }
	
	.main-pad { padding: 1em; }
	
	/* Footer */
	
	.footer { text-align: center; }
		.footer .leeway { float: inherit; width: 100%; padding: 1em 0 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
		.footer .leeway.logo { margin: 0; padding: 1em 0; }
			.footer .logo img { max-width: 260px; }
	
}

/* 680 */

@media only screen and (max-width: 680px) {
	
	html, body { font-size: 16px; }
	
	.hide-xs { position: absolute; top: -1000em; left: -1000em; }
	.no-push-xs:after { margin: 0; }
	
	h1 { font-size: 2em; }
	h2 { font-size: 1.6em; }
	
	/* Header */
	
	.header .logo { width: 240px; }
	.nav-toggle, .nav-toggle:hover { padding: 1.2em 0.6em; }
	
}