@font-face {
	font-family: "Trade Gothic W01 Light"; 
	src: url("fontscom/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix"); src: url("fontscom/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"), url("fontscom/5414f75e-5cb8-4357-88e5-5a294424c859.woff2") format("woff2"), url("fontscom/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"), url("fontscom/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"), url("fontscom/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg") }

@font-face { 
	font-family: "Trade Gothic W01 Roman"; 
	src: url("fontscom/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix"); src: url("fontscom/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"), url("fontscom/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"), url("fontscom/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("fontscom/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("fontscom/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg") }

@font-face {
	font-family: "Trade Gothic W01 Bold";
	src: url("fontscom/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix"); src: url("fontscom/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"), url("fontscom/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"), url("fontscom/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"), url("fontscom/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"), url("fontscom/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg") }

@font-face {
    font-family: "Trade Gothic W01 Bold 2";
    src: url("fontscom/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix");
    src: url("fontscom/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"), url("fontscom/7bb1c0cb-e6e9-44ea-ae0c-1984ad7e3339.woff2") format("woff2"), url("fontscom/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"), url("fontscom/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"), url("fontscom/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg")
}

@font-face {
	font-family: "Trade Gothic W01 Cn_18";
	src: url("fontscom/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix"); src: url("fontscom/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix") format("eot"), url("fontscom/30ebcbfa-d651-4ecd-a0a2-2bb110def1d4.woff2") format("woff2"), url("fontscom/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"), url("fontscom/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"), url("fontscom/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg") }

@font-face {
	font-family: "TradeGothicW01-BoldCn20_675334";
	src: url("fontscom/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix"); src: url("fontscom/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("fontscom/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"), url("fontscom/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("fontscom/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("fontscom/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg") }



*:focus { outline: none }
body { font-family:'Trade Gothic W01 Roman',sans-serif; color: #3E3E3E }
body.f-topbar-fixed { padding-top:0 }
h1,h2,h3,h4,h5,h6 { color:#444; font-family:'Trade Gothic W01 Bold',sans-serif; font-style:normal; font-weight:400; line-height:1.4; text-rendering:optimizeLegibility }
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { color:#6f6f6f; font-size:60%; line-height:0 }
u { color:#467C3B; text-decoration:none; font-family:'TradeGothicW01-BoldCn20_675334',sans-serif }
.row,.contain-to-grid .top-bar { max-width:70rem }
.row.fullWidth { max-width:100% }
.valign-middle { display:table; width:100% }
.valign-middle .columns { display:table-cell; vertical-align:middle }
.valign-middle .columns,.valign-middle [class*="column"] + [class*="column"]:last-child { float:none }
table tr th,table tr td { padding:0 }
ol, ul { margin-left: 40px;  }
.imgLeft { float: left; margin-right: 15px; margin-bottom: 20px }



/*
********** NAV **********
*/

#headerWrap { background: rgba(65, 65, 65, .92); height: 66px; z-index: 998 }
#headerWrap .logo a { background: url('../img/header-logo.png') no-repeat; background-size: 195px 70px; width: 195px; height: 70px; text-indent: -9999px; display: block }
#headerWrap .top-bar { background: none; height: 66px; overflow: visible }
.top-bar .title-area { margin-right: 20px }
.top-bar-section ul li > a { font-family: 'Trade Gothic W01 Cn_18', sans-serif; font-size: 0.875em; color: white; line-height: 66px !important; letter-spacing: 2px; text-transform: uppercase }
#drawerNav, #headerWrap, #headerWrap .logo a, #headerWrap .top-bar { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out }
body.basic-page.miniNav #headerWrap .logo a { background: url('../img/header-logo.png') no-repeat; background-size: 195px 70px; width: 195px; height: 70px }
.top-bar-section ul li { background: none }
body.basic-page .top-bar-section ul li > a { color: #222 }
.top-bar-section ul li.tuck a span { color: white; background-color: #467C3B; padding: 6px 10px }
.top-bar-section ul li.tuck a span:hover { background-color: #222 }
.top-bar-section ul li.tuck a:hover { color: white !important; background-color: transparent !important }
#mainNav { display: none }
#mainNav ul li a { padding: 0 8px }
#mainNav ul li ul { display: none }
.top-bar-section ul li ul li { float: none }



/*
********** NAV DRAWER **********
*/

a#menuBtn { position: relative; display: inline-table; float: right; top: 23px; right: 25px; margin-left: 37px; z-index: 999; display: block }

#doubledouble { background: transparent; width: 30px; text-indent: -9999px;  }
#doubledouble:hover .line, #doubledouble:focus .line { background-color: rgba(255, 255, 255, 1) }
#doubledouble .line { height: 4px; background-color: rgba(255,255,255,.75); display: block; margin-bottom: 4px }
body.drawer #doubledouble .line { background: #DDD !important; height: 2px !important;}
body.drawer #doubledouble .line.one { width: 100%; -ms-transform: translate(0,7px) rotate(-45deg); -webkit-transform: translate(0,7px) rotate(-45deg); transform: translate(0,7px) rotate(-45deg); height: 4px }
body.drawer #doubledouble .line.three { width: 100%; -ms-transform: translate(0,-5px) rotate(45deg); -webkit-transform: translate(0,-5px) rotate(45deg); transform: translate(0,-5px) rotate(45deg); height: 4px }
body.drawer #doubledouble .line.two { width: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 }

#drawerNav { width: 100%; height: 100%; background: rgba(0,0,0,.95); position: fixed; padding-top: 80px !important; z-index: 998; overflow-y: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform .3s; transition: transform .3s }
body.drawer #drawerNav { display: block; padding-top: 110px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
#drawerNav .mobileSearch { padding-left: 30px; padding-right: 30px }
#drawerNav .mobileSearch input[type="text"] { color: #e6e6e6; border: none; background: #555 url('../../img/2015/icon-drawernav-search.png') no-repeat right 8px center; background-size: 20px; padding-right: 36px }
#drawerNav ul { list-style: none; text-align: left; margin: 0 }
#drawerNav ul li a { line-height: 50px; color: white; text-transform: uppercase; font-family:'Trade Gothic W01 Cn_18', sans-serif; font-size: 1em; letter-spacing: .05em; display: block; border-bottom: solid 1px #262626; padding-left: 30px; padding-right: 30px }
#drawerNav ul li a:hover { color: #BBB }
#drawerNav ul li ul { padding-left: 20px }
#drawerNav ul li ul li a { color: #AAA }



/*
********** TOP FEATURE **********
*/

/*#homeFeature { position: relative }*/
#homeFeature .slider { margin-bottom: 0 }
#homeFeature .slide { height: 340px }
#homeFeature .slider .slick-next { right: 36px; z-index: 990; top: 40% }
#homeFeature .slider .slick-prev { left: 36px; z-index: 980; top: 40% }
#homeFeature .slick-prev,#homeFeature .slick-next { width: 32px; height: 32px }
#homeFeature .slick-prev:before,#homeFeature .slick-next:before { font-size: 2em }
#homeFeature .row { position: relative; top: 200px; transform: translateY(-50%) }
#homeFeature h1 { font-family: 'Trade Gothic W01 Cn_18', sans-serif; color: #fff; font-size: 2.5em; line-height: 1em; text-transform: uppercase; margin: 0; margin-bottom: 10px }
#homeFeature p { color: #fff; font-size: 1.2em; line-height: 1.1em; text-align: center; margin: 0 auto }
/*
#homeFeature .button { padding: 6px 10px; color: #116540; background-color: rgba(255,255,255,1); border: 1px solid #fff; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 1.2em; margin-top: 20px; margin-bottom: 0 }
#homeFeature .button:hover { color: #222 }
*/
#homeFeature .slick-dots li{display: none;}
#feature { padding: 110px 0 }
#feature h1 { color: white; font-size: 1.6em; letter-spacing: .25em; text-transform: uppercase; margin: 0 0 8px }
#feature hr { width: 76px; border: solid white; border-width: 5px 0 0; margin: 0 auto }



/*
********** HOME (NEW) **********
*/


#homeFeature .infobar { background-color: #467C3B; padding: 20px 0 }
#homeFeature .infobar .row { top: auto; transform: none }
#homeFeature .infobar p { font-size: 1.4em; padding: 4px 0 }
#homeFeature .infobar p span { text-transform: uppercase }
#homeFeature .infobar .medium-2 { text-align: center !important }
#homeFeature .infobar .button { margin-top: 12px; background-color: transparent; text-transform: uppercase; color: white; padding: 4px 10px; border-radius: 3px }
#homeFeature .infobar .button:hover { background-color: rgba(255, 255, 255, .2) }
body.overview-new #homeFeature ul.slick-dots { bottom: 64px }
.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-button { display: none !important }



#homeFeature .homeOverlay .row { top: inherit; transform: none }
#homeFeature .button {
padding: 20px;
color: white;
font-family: "Trade Gothic W01 Bold", sans-serif;
font-size: 1.2em;
text-transform: uppercase;
margin: 0;
-webkit-font-smoothing: antialiased
}
#homeFeature .button.green {
	background-color: rgba(70, 124, 59, 0.85);
}

#homeFeature .button.green:hover {
	background-color: rgba(70, 124, 59, 1);
}

#homeFeature .button.red {
	background-color: rgba(216, 72, 47, 0.7);
}

#homeFeature .button.red:hover {
	background-color: rgba(216, 72, 47, 1);
}

#homeFeature .button:hover {
	background-color: white;
}
#homeBoxes .columns {
	padding: 50px 15px 170px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

#homeBoxes .columns:last-child {
	border-bottom: none;
}

#homeBoxes .columns h4 {
	color: #467C3B;
	font-family: "Trade Gothic W01 Bold", sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 30px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	padding-bottom: 6px;
}

#homeBoxes .columns h3 {
	color: #3e3e3e;
	font-family: "Trade Gothic W01 Roman", sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0 0 30px;
}

#homeBoxes .columns p {
	color: #3e3e3e;
	font-family: "Trade Gothic W01 Roman", sans-serif;
	font-size: 1em;
	margin: 0 0 20px;
}
#homeBoxes .columns p strong, #homeBoxes .columns p b{ font-family: "Trade Gothic W01 Bold 2"; font-weight: normal; }

#homeBoxes .columns a { color: #d8482f }
#homeBoxes .columns a.boxLink {
	position: absolute;
	bottom: 44px;
	left: 0;
	height: 114px;
	padding-left: 66px;
	color: #d8482f;
	font-family: "Trade Gothic W01 Bold", sans-serif;
	font-size: 1em;
	line-height: 114px;
	background: url('../img/home-arrow.png') no-repeat;
}

#homeBoxes .columns:hover {
	background-color: #f9f9f9;
}

#homeBoxes .columns:hover a {
	background: url('../img/home-arrow-hover.png') no-repeat;
}







#homeHeadline { padding: 30px }
#homeHeadline h2 { color: #555; font-size: 1.6em; text-transform: uppercase; margin: 0 }

#homeTestimonials { background-color: #467C3B; margin-bottom: 100px }
body.home #homeTestimonials { margin-bottom: 0 }
#homeTestimonials .slick-slider { margin-bottom: 0 }
#homeTestimonials .quote { padding: 30px; min-height: 520px }
#homeTestimonials .photo { height: 300px }
#homeTestimonials blockquote { color: white; font-family: Bitter, serif; font-size: 1.2em; background: url(../../tuck/img/2015/icon-brand-quote.png) left top no-repeat; background-size: 40px 28px; border: none; padding: 50px 0 0 0; margin-bottom: 40px }
#homeTestimonials .quote h5 { color: white; font-family: Bitter, serif }
#homeTestimonials .quote h6 { color: white; font-family: Bitter, serif }
#homeTestimonials .slick-prev, #homeTestimonials .slick-next { display: none !important }

#homeContent { background-color: #f4f3ec; padding: 30px }
#homeContent .large-3 { text-align: center }
#homeContent h3 { color: #777; font-family: 'Trade Gothic W01 Cn_18', sans-serif; font-size: 2.4em; line-height: 1em; text-transform: uppercase; margin: 0 0 10px; border-bottom: 3px solid #d8482f; padding-bottom: 10px }
#homeContent p { color: #777; font-size: 1.2em; margin-bottom: 0; line-height: 1.4em }
#homeContent .arrow { border: none; padding: 0; display: none }
#homeContent a { margin: 20px 0; display: block }
#homeContent .container { padding-top: 0.9375rem; padding-bottom: 0.9375rem; background-color: white; border-radius: 20px; box-shadow: 4px 4px 0 #ddd }
#homeContent h5 { font-size: 1.4em; margin: 0; color: #d8482f; display: none }

@media only screen and (min-width: 40.063em) {
	
	#homeFeature { position: relative }
	#homeFeature .homeOverlay {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	#homeBoxes .columns {
		padding: 50px 40px 170px;
		border-left: 1px solid #e5e5e5;
		border-bottom: none;
	}
	#homeBoxes .columns:last-child {
		border-right: 1px solid #e5e5e5;
	}
	#homeBoxes .columns h3 {
		font-size: 2.2em;
	}
	
	#homeTestimonials .slick-dots { right: 30px }
	#homeTestimonials .quote { min-height: inherit }
	
    body.overview-new #homeFeature p { text-align: center }
    #homeFeature .infobar { /*position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 106, 61, 0.85);*/ background-color: #467C3B; padding: 12px 0 }
    #homeFeature .infobar .button { margin-top: 0 }
    #homeHeadline { padding: 100px }
    #homeHeadline h2 { font-size: 2em }
    #homeTestimonials .quote { padding: 40px 50px }
    #homeTestimonials blockquote { font-size: 1.4em; padding: 40px 0 0 50px }
    #homeTestimonials .slick-prev, #homeTestimonials .slick-next { display: block; margin-top: -30px; margin-bottom: 0; width: 60px; height: 60px; z-index: 9999 }
	#homeTestimonials .slick-prev { left: 30px }
	#homeTestimonials .slick-prev:before { font-family: 'FontAwesome'; font-size: 60px; content: "\f104" }
	#homeTestimonials .slick-next { right: 30px }
	#homeTestimonials .slick-next:before { font-family: 'FontAwesome'; font-size: 60px; content: "\f105" }
	#homeContent .align-middle { display: table }
	#homeContent .align-middle > .columns { display: table-cell; vertical-align: middle; float: none }
	#homeContent .large-3 { text-align: right }
	#homeContent h3 { font-size: 2.8em; border: none; padding-bottom: 0 }
	#homeContent p { border-left: 3px solid #d8482f; padding-left: 20px }
	#homeContent a { margin: 10px 0 }
	#homeContent .container { background: transparent;  border-radius: 0; box-shadow: none }
	#homeContent a:hover .container, #homeContent a.active .container { background-color: white; border-top-right-radius: 60px; border-bottom-right-radius: 60px; box-shadow: 4px 4px 0 #ddd }
	#homeContent a:hover .arrow, #homeContent a:hover h5, #homeContent a.active .arrow, #homeContent a.active h5 { display: block }
}

@media only screen and (min-width: 48.0625em) {
}

@media only screen and (min-width: 64.063em) {
	body.overview-new #homeFeature h1 { font-size: 3.5em }
	#homeTestimonials .quote { height: 480px }
	#homeTestimonials .photo { height: 480px }
	#homeContent { padding: 100px }
	#homeContent h3 { font-size: 3.2em }
	#homeContent p { font-size: 1.4em }
}



/*
********** TESTIMONIALS **********
*/

.testimonials img { width: 100%; height: auto }
/*.testimonials a:hover img { opacity: 0.75 }*/
.testimonials a { display: block; position: relative }
.testimonials a span { width: 100%; height: 100%; position: absolute; background: url(../img/play-btn.png) center center no-repeat; background-size: 200%; opacity: 0.75 }
.testimonials a:hover span { opacity: 1 }
.testimonials .panel { background-color: #F3F3F3; border: none; margin-bottom: 1.875rem }
.testimonials blockquote { border: none; padding: 0; font-family: 'Trade Gothic W01 Roman', 'Arial', sans-serif; font-size: .95em; color: #000 }
.testimonials h5 { font-size: 1.2em; text-transform: uppercase; margin: 0 0 4px 0 }
.testimonials p { font-size: 1.1em !important; margin: 0 }



/*#logos { padding-bottom: 80px }*/
#logos p { font-size: 1.375em }
#logos .logo { display: inline-block; padding: 10px; width: 50%; color: #999; position: relative }
#logos .logo.star::after { content: '*'; position: absolute; right: 12px; top: 5px }
#logos .logo img.grayscale {
	max-width: 150px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	opacity: 0.5;
}

#logos .logo img.grayscale:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
	opacity: 1;
}

@media only screen and (min-width: 40.063em) {
	#logos .logo { width: auto }
}



/*
********** COMMUNITY **********

a.brick img { margin-bottom: 0; position: relative }
a.brick p { color: white; font-size: 1.1em; line-height: 1.1em }
.row.content a.brick div.text p { margin-bottom: 0 }
div.packery.grid .item, div.packery.grid .brick { background: none; background-size: auto; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; margin-bottom: 0; display: block; text-align: left; padding-bottom: 0 }
a.brick div.text { position: absolute; top: 0; background: rgba(0,0,0,.4); width: 100%; height: 100%; padding: 40px 20px; transition: all .4s } 
a.brick:hover div.text { opacity: 1 }
a.brick div.text span { font-size: .6em; text-transform: uppercase; display: inline-block; margin-top: 10px }
.brick:hover img { opacity: 1 }
.packery { padding: 0 .7% }
.gutter-sizer { width: .7% }
.brick { width: 98.5% }
*/

/* In the media */
.packery { padding: 0 2% }
.packery:after { content: ''; display: block; clear: both }
.gutter-sizer { width: 2% }
.brick { background: #F3F3F3; text-align: left; width: 97%; float: left }
.brick .text {
    padding: 15px 20px;
    position: relative
}
.brick .itemImg { height: 200px }
.brick h3 { font-size: 1.2em !important; margin-bottom: 10px !important; color: #000; letter-spacing: .03em; margin-top: 15px; text-transform: uppercase }
.brick .itemImg, .brick img { opacity: 1 }
.brick .itemImg { height: 200px }
.brick, .brick img { -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease }
#content .brick p { font-size: 15px; font-family: 'Trade Gothic W01 Roman', sans-serif }
.brick h3, .brick p { line-height: 1.3em; color: #000 }
.brick:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3); background: #FFF }
.brick:hover .itemImg, .brick:hover img { opacity: .9 }
div.packery a:hover { text-decoration: none !important }
span.date { font-style: normal; color: #BBB; font-size: .8em; line-height: 1.2em; margin-bottom: 10px }
i.icon {
    background: #ee1b4b;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: -40px
}

i.icon.offsite {
    background: url('../../tuck/img/2015/icon-offsite.png') center center no-repeat #ee1b4b;
    background-size: 70%
}

@media only screen and (min-width: 30em) {
	.brick { width: 47% }
}

@media only screen and (min-width: 48em) {
	.brick { width: 30.5% }
}

@media only screen and (min-width: 60em) {
	.brick { width: 22.5% !important }
}


/*
********** HOME SPLASH **********
*/

#homeSplash { padding: 50px 0 }
#homeSplash p, #homeSplash ul li { font-size: 1.2em; color: #777 }
#homeSplash h2, #homeSplash h3 { font-family: 'Trade Gothic W01 Light', sans-serif }
#homeSplash img { margin-bottom: 30px }
#splash { padding: 50px 0 }
#splash h1 { color: #555555; font-size: 1.6em; line-height: 1.2em; letter-spacing: -0.025em; text-transform: uppercase }
#splash p { font-size: 1.2em; margin-bottom: 0 }
div.details { border: 4px solid #DFDFDF; padding: 20px 15px; margin-bottom: 30px }
div.details h4 { color: #467C3E; text-transform: uppercase; margin-bottom: 0; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif !important; font-size: 1.4em !important; margin-bottom: 5px !important }
div.details p { line-height: 1.4em !important; font-size: .9em !important; color: #777 }
div.details p.moreinfo { font-size: 1em !important }
div.details .button { padding: 10px 20px; color: #467C3E !important; background-color: transparent !important; border: 1px solid; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 1.2em; margin-top: 20px; margin-bottom: 0; text-transform: none }
div.details .button:hover { color: #d8482f !important }



/*
********** HOME LOWER FEATURE **********
*/

#lowerFeature .row { background: #EFEFEF }
#lowerFeature .columns.green { padding: 80px 6% }
#lowerFeature .columns.green * { text-align: left }
#lowerFeature .columns.green h2, #lowerFeature .columns.green h3 { font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 2em; line-height: 1em; margin-bottom: 30px }

#lowerFeature label.home.lower { font-family: 'Trade Gothic W01 Bold', sans-serif;
text-transform: uppercase;
padding: 10px 20px;
position: absolute;
z-index: 997;
width: 300px;
background: white;
color: #222;
font-size: 1.4em;
letter-spacing: .05em;
line-height: 1.6em;
left: 50%;
margin: 30px auto 0 -150px }
#lowerFeature .slide { height: 300px }
#lowerFeature .slick-slider { margin-bottom: 50px }
#lowerFeature button.slick-arrow { display: none !important }
ul.slick-dots { bottom: 10px; width: auto }
#homeFeature ul.slick-dots { /*bottom: 114px;*/ width: 100%; margin-left: 0 }
.slick-dots li { margin: 0 8px !important }
.slick-dots li button:before { font-size: 18px !important; /*line-height: 36px !important;*/ color: white !important; opacity: .40 }
#lowerFeature .button { padding: 10px 20px; color: #d8482f; background-color: rgba(255,255,255,0); border: 1px solid #CCC; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 1.2em; margin-top: 20px; margin-bottom: 0; float: left }
#lowerFeature .button:hover { background-color: #FFF; border: 1px solid #999 }

div.reveal.large.ppl.video { top: 110px !important; overflow: visible; background: transparent }
div.reveal.large.ppl.video .close-button { position: absolute; color: white; background: #467C3B; right: 0; top: 0; line-height: 20px; cursor: pointer; padding: 9px 10px 20px 10px; font-size: 50px; width: 51px; height: 51px }
div.reveal.large.ppl.video .close-button:hover { background: black }
.flex-video { margin-bottom: 0 }



/*
********** CTA GRID **********
*/

#grid a { position:relative; display:table; width:100%; color:#fff; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; height:300px }
#grid a label { display: table-cell; vertical-align: middle; font-family: 'Trade Gothic W01 Bold', sans-serif; text-transform: uppercase; font-size: 2.1em; line-height: 1em; color: white; padding: 0 15px }
#grid a:hover { opacity: 0.7 }
#grid a:hover label { color: black }



/*
********** CONTENT **********
*/

#content { padding-bottom:100px }
body.blog #content { padding-top:50px }
body.basic-page #content { padding-top:120px }
body.basic-page-feature-image #content { padding-top:50px }
.breadcrumbs { font-family:'Trade Gothic W01 Roman',sans-serif; background:none; border:none; border-radius:0; padding:0; margin-bottom:30px }
.breadcrumbs > * { color:#222; font-size:.9em; line-height:normal; text-transform:none }
.breadcrumbs > * a { color:#d8482f }
#content h1.title { color:#d8482f; text-transform:uppercase; margin-bottom:30px }
#content h2 { line-height:1em; margin-bottom:30px; font-size: 1.7em }
#content h3 { font-family:'Trade Gothic W01 Bold',sans-serif; font-size:1.4em }
#content h4 { font-size:1.7em; line-height:1em; color:#467C3E; margin-bottom:20px }
#content p,#content li { font-family:'Trade Gothic W01 Roman',sans-serif; font-size:1.2em }
#content p strong,#content li strong { font-family:'Trade Gothic W01 Bold 2',sans-serif; font-weight:400 }
body.testimonials #content p strong { color:#467C3B }
#content ul.faculty li { margin-bottom:8px }
#content a { color:#d8482f }
#content a:hover { text-decoration:underline }
#content .button, #cta .button { color:#fff; background-color:#d8482f; font-family:'TradeGothicW01-BoldCn20_675334',sans-serif; text-transform:uppercase }
#content .button:hover, #cta .button:hover { background-color:#222; text-decoration:none }
#cta .button { width: 100%; padding: 18px; font-size: 1.2em }
#cta { margin-bottom: 50px }



/*
********** FORM STYLING **********
*/

div.dform_fieldset { margin-bottom: 50px !important }
fieldset legend { font-size: 2em; color: #467C3E; font-weight: normal !important }
input.submit { padding: 10px 20px; color: white; background: #467C3E; border: 1px solid; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 1.2em; margin-top: 20px; margin-bottom: 0; cursor: pointer }
input.submit:hover { background: #d8482f }
.dftop_label .dform_label { font-size: 1.4em; line-height: 1em !important; margin-bottom: 15px !important }
input, .dform_address .address_country select, .dform_container select { margin-bottom: 5px !important }
.dform_container .dfinput_left, .dform_container .dfinput_right, .dform_container .dfinput_full { margin-bottom: 20px !important }
div.box .dform_container input.text { font-family: serif !important }
.dform_container textarea, .dform_container input.text, .dform_container select { font-family: 'Arial', sans-serif !important; padding: 10px !important }
#forms_field_365 { margin-bottom: 10px !important }
.dform_element .dform_label { font-weight: normal !important }
.dform_container select { width: 40% }
.dform_container p { line-height: 1.2em }

.dform_element .dform_error { background: #cd6666; color: white !important; border-radius: 5px; font-family: 'Arial', sans-serif !important; padding: 5px 10px !important; display: inline-block; margin-left: 20px }

#apply { padding-bottom: 50px; background: #f4f3ec; margin-bottom: 50px }
#apply .box { border: 2px solid #999; padding: 50px 25px; text-align: center }
#apply .box h2 { font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 2.5em; line-height: 1.2em; color: #555; text-transform: uppercase; margin: 0 0 30px }
/*#apply .box p { text-transform:uppercase }
#apply .box .dfcolumns { margin:0 -.9375rem }
#apply .box .dfcolumns .column { min-height:inherit }
#apply .box input.text { color:#363636; padding:.5rem; border:0; border-bottom:1px solid #bbb; font-family:serif; font-style:italic; font-size:1.5em; box-shadow:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; margin-bottom:15px!important }
#apply .box input.submit { display:inline-block; color:#d8482f; border:1px solid #d8482f; padding:10px 18px; text-transform:uppercase; margin:1em auto; font-family:'TradeGothicW01-BoldCn20_675334',sans-serif; font-size:1em; line-height:inherit; background-color:transparent; cursor:pointer; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out }
#apply .box input.submit:hover { color:#fff; background-color:#222; border-color:#fff }
.field_first_name, .field_last_name, .field_email, .field_phone_number{font-size: .75em;}*/
#apply .box .button { color:#fff; background-color:#467C3B; font-family:'TradeGothicW01-BoldCn20_675334',sans-serif; text-transform:uppercase; margin: 0 }
#apply .box .button:hover { background-color:#222; text-decoration:none }

.hs-form.stacked .field { margin-bottom: 0 !important }
.hs-form .hs-input[type="text"], .hs-form .hs-input[type="tel"], .hs-form .hs-input[type="email"], .hs-form textarea.hs-input { box-sizing: border-box !important; width: 100% !important; height: auto !important; margin-bottom: 1em !important }
.hs-form .inputs-list { margin-bottom: 1em !important }
.hs-form.stacked .actions { margin: 0 !important }
.hs-form .hs-button { color: #d8482f !important; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif !important; font-size: 1.125em !important; font-weight: normal !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; background: transparent !important; border: 2px solid #d8482f !important; text-shadow: none !important; padding: 12px !important; width: 75% !important }
.hs-form .hs-button:hover { box-shadow: none !important }
.hs-form.stacked .actions { padding-left: 0 !important }
input.hs-button.primary.large { width: 200px !important }


/*
********** PROGRESS BAR **********
*/

div.progressContainer { padding: 25px 0 30px; border-top: 2px solid #DDD }
div.progressContainer p { margin: 4px 0 15px 4px; font-size: .8em !important; text-transform: uppercase; font-family: 'Arial', sans-serif !important; font-weight: bold; color: rgb(15, 179, 233) }
div.progressContainer p span { color: #999 }
div.progressBar { height: 10px; width: 100%; background: #DDD; border-radius: 8px; -webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2); box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2); position: relative }

span.dot { width: 30px; height: 30px; position: absolute; top: -10px; display: inline-block; border-radius: 30px; text-align: center; font-size: .9em; text-transform: uppercase; font-family: 'Arial', sans-serif; font-weight: bold; color: #222; background: #DDD; line-height: 30px; -webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2); box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2) }
span.active span.dot { color: white; background: rgb(15, 179, 233); line-height: 30px; -webkit-box-shadow: none; box-shadow: none }
span#one span.dot { left: 10% }
span#two span.dot { left: 47% }
span#three span.dot { right: 11% }

span.bar { height: 100%; background: transparent; display: inline-block; border-radius: 8px; float: left }
span.active span.bar { background: rgba(15, 179, 233, 0.77) }
span#one span.bar { width: 12% } 
span#two span.bar { width: 38% } 
span#three span.bar { width: 38% }
span#three.complete span.bar { width: 50% } 


/*
********** FOOTER **********
*/

#footer { text-align:center }
#footer .row { max-width:72rem }
#footer h4 { font-family:'TradeGothicW01-BoldCn20_675334',sans-serif; font-size:1.125em; color:#2d292a }
#footer h5 { font-family:'Trade Gothic W01 Roman',sans-serif; font-size: 1em; line-height: 1em; letter-spacing: .04em }
#footer h5 a { color: #777 }
#footer h5 a span { font-size: .8em }
#footer h5 a:hover { color:#d8482f }
#footer p { font-family:'Trade Gothic W01 Cn_18',sans-serif; font-size:1.125em; color:#a09e9e }
#footer p a { color:#a09e9e }
#footer p a:hover { color:#222 }
#footer hr.line { border-top:6px solid #dfdfdf; margin:30px auto 50px }
#footer p.fa-social-stacks { font-size:.75em }
#footer p.fa-social-stacks a { color:#c2c2c2; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out }
#footer p.fa-social-stacks a:hover { color:#222 }
#footer .foot { padding:50px; text-transform:uppercase }
.footerLogo div, .footerLogo img { margin-bottom: 30px }


/*
********** TEAM & FACULTY **********
*/

body.meet-our-faculty #content h3 { margin-bottom: 30px }
.team .columns { margin-bottom: 30px }
.team .container { position: relative }
.team .container:hover { opacity: .7 }
.team .overlay { position: absolute; bottom: 0; left: 0; background-color: rgba(255, 255, 255, .75); padding: 12px 20px; width: 100% }
.team h4, #content .team h4 { font-size: 1.3em; line-height: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; color: #467C3E }
.team p { color: #d8482f; font-size: 1.2em; line-height: 1.2em; text-transform: uppercase; margin: 0 }



/*
********** RESPONSIVE ADJUSTMENTS **********
*/

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	#drawerNav { width: 50% }
	/*#lowerFeature .slide { height: 1000px }
	#lowerFeature .columns { height: 1000px }*/
	#homeFeature .slide { height: 600px }
	#homeFeature .row { top: 55% }
	/*#homeFeature h1 { font-size: 3em }*/
    #homeFeature p { font-size: 1.4em; text-align: left }
    body.overview-new #homeFeature p { text-align: center }
/* 	#homeFeature .button { padding: 10px 20px } */
	.team h4, #content .team h4 { font-size: 1.6em }
	#apply { padding: 60px }
	#grid a { height:400px }
	#feature { padding:140px 0 }
	#feature h1 { font-size: 4.5em; margin-bottom:32px }
	#splash { padding: 120px 0 }
	#splash h1 { font-size:2.5em }
	#splash p { font-size:1.375em }
	.feature h1 { font-size:2.5em }
	body.about #content .boxes { margin-top:120px }
	#content .heading { padding:120px 0 }
	#content .curriculum { margin-bottom:120px }
	#content p,#content li { font-size:1em }
	body.apply-to-bridge #content h3 { margin-top:120px }
	body.basic-page #content { padding-top:160px }
	.breadcrumbs { margin-bottom:60px }
	#content h1.title { margin-bottom:40px }
	body.basic-page-feature-image #content { padding-top:80px }
	#content .post .intro img { margin-bottom:0 }
	#lowerFeature label.home.lower { display: inline-block; margin-left: -150px }
	#lowerFeature .columns.video { padding: 80px 6% 80px 0 }
	.footerLogo div { text-align: left }
}

/* 769px */
@media only screen and (min-width: 48.0625em) {
}

/* 800px */
@media only screen and (min-width: 50.001em) {
	.show-for-800-up { display: block }
	.hide-for-800-up { display: none }
}

/* 900px */
@media only screen and (min-width: 56.251em) {
	#mainNav ul li a { padding: 0 15px }
	.show-for-900-up { display: block }
	.hide-for-900-up { display: none }
}

/* 1000px */
@media only screen and (min-width: 62.501em) {
	.show-for-1000-up { display: block }
	.hide-for-1000-up { display: none }
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.0625em) {
	a#menuBtn, body.drawer #drawerNav { display: none }
	#mainNav { display: block }
	
	/* Nav */
	#headerWrap { height: 85px; background: none }
	#headerWrap .logo a { background-size: 239px 91px; width: 239px; height: 91px }
	#headerWrap .top-bar { height: 85px }
	.top-bar-section ul li > a { line-height: 85px !important }
	.top-bar-section li:not(.has-form) a:not(.button) { background: transparent }
	body.basic-page #headerWrap { border-bottom: 1px solid #cdcdcd }
	body.basic-page #headerWrap .logo a { background: url('../img/header-logo-dark.png') no-repeat; background-size: 239px 91px }
	
	/* miniNav */
	body.miniNav #headerWrap { background: rgba(65, 65, 65, .92); height: 66px; border-bottom: none }
	body.miniNav #headerWrap .logo a { background-size: 195px 70px; width: 195px; height: 70px }
	body.miniNav #headerWrap .top-bar { height: 66px }
	body.miniNav .top-bar-section ul li > a, body.miniNav .top-bar-section ul li > a:hover { color: white; line-height: 66px !important }
	body.basic-page.miniNav #headerWrap .logo a { background: url('../img/header-logo.png') no-repeat; background-size: 195px 70px; width: 195px; height: 70px }
	
	#mainNav ul li:hover ul { display: block }
	#mainNav ul li ul { position: absolute; background-color: #e5e5e5 }
	.top-bar-section ul li:hover:not(.has-form) > a { background-color: #e5e5e5; color: #d8482f }
	.top-bar-section li:not(.has-form) a:not(.button):hover { color: #d8482f; background-color: #e5e5e5 }
	.top-bar-section ul li ul li > a, body.miniNav .top-bar-section ul li ul li > a, body.miniNav .top-bar-section ul li ul li > a, body.miniNav .top-bar-section ul li ul li > a:hover { line-height: 30px !important; color: #222 }
	.top-bar-section ul li ul { padding: 20px 0 }
	
	#homeFeature .slide { height: 600px }
	#homeFeature h1 { /*font-size: 4em;*/ margin-bottom: 10px }
    #homeFeature p { font-size: 1.6em }
	#homeFeature .button { margin-top: 30px }
	#homeFeature .slick-dots li{ display: inline-block }
	#homeSplash { padding: 120px 0 }
	#homeSplash h2 { font-size: 2.6em; line-height: 1em; margin-bottom: 30px }
	#homeSplash p, #homeSplash ul li { font-size: 1.2em; line-height: 1.8em }
	
	#cta .columns { padding-left: 2rem; padding-right: 2rem }
}



/*
********** REVEAL MODAL STYLING **********
*/

div.reveal-overlay { z-index: 999; background-color: hsla(0, 0%, 4%, .75) }
div.reveal.ppl { outline:none; padding: 0; z-index: 99999; border: 0; width: 90%; height: auto; margin: 0 auto; min-height: inherit }
div.reveal.ppl .info h5 { font-family: 'Trade Gothic W01 Bold', sans-serif; font-style: normal; font-weight: normal; font-size: 1.8em; margin-bottom: 20px; line-height: 1em }
div.reveal.ppl .info { padding: 50px 40px }
div.reveal.ppl .info p.title { font-family: 'Trade Gothic W01 Bold', sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase }
div.reveal.ppl .photo { position: relative; min-height: 400px; padding: 0 }
div.reveal.ppl h3 { font-size: 1.2em }
a.pplContact { background: #df4100; display: block; color: white; font-family: 'Trade Gothic W01 Bold', sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; position: absolute; bottom: 0; width: 100%; padding: 32px 30px 30px 30px; line-height: 18px }
a.pplContact:hover { background: #333 }
a.pplContact:hover:after { background-position: 8px 0 }
a.pplContact:after { content: ""; display: block; background: url("../img/icon-arrow-right-white.png") no-repeat; background-size: contain; background-position: 0 0; width: 32px; height: 20px; float: left; margin: 0 15px 0 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }

div.reveal.ppl .button { padding: 10px 20px; color: #467C3E; background: transparent; border: 1px solid; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 1.2em; margin-top: 20px; margin-bottom: 0 }
div.reveal.ppl .button:hover { color: #d8482f }

.close-button { position: absolute; color: #8a8a8a; background: transparent; right: 0; top: 0; font-size: 2em; line-height: 1; cursor: pointer; font-size: 3em }
.close-button:hover { background: transparent; color: green } 
.reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll }

.reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #cacaca; background-color: #fefefe; border-radius: 2px; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto }
[data-whatinput='mouse'] .reveal { outline: 0 }
@media screen and (min-width: 40em) {
	.reveal { min-height: 0 } 
	.reveal { width: 600px; max-width: 75rem } 
	.reveal .reveal { left: auto; right: auto; margin: 0 auto } 
	.reveal.tiny { width: 30%; max-width: 75rem }
	.reveal.small { width: 50%; max-width: 75rem } 
	.reveal.large { width: 90%; max-width: 75rem }
}
.reveal .column, .reveal .columns,
.reveal .columns { min-width: 0 }
.reveal > :last-child { margin-bottom: 0 }
.reveal.collapse { padding: 0 }
.reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0; border-radius: 0 }

@media screen and (max-width: 39.9375em) {
	.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0} 
}