/* Homepage */



#main-content						{ padding-top:0px !important; }



#homepage-banner					{ position:relative; background:url(../../images/homepage-banner_022420.jpg) no-repeat center center; background-size:cover; }

#homepage-banner:before				{ height:100%; width:100%; position:absolute; content:''; top:0; left:0;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(10%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.65) 100%); /* IE10+ */

	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.65) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-8 */

}



#homepage-tagline					{ position:absolute; z-index:1; width:55%; white-space:nowrap; line-height:38px; padding:8px 20px 8px 0; top:253px; margin:0; text-align:right; font-family:"Crimson Text", Georgia; font-size:36px; color:#39346d; 

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0.9) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 100%); /* IE10+ */

	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=1 ); /* IE6-8 */

}



#homepage-callouts					{ position:relative; z-index:1; padding:30px 0; }

#homepage-callouts > ul				{ width:265px; float:right; list-style:none; margin:0; padding:0px; }

#homepage-callouts > ul > li		{ overflow:hidden; background:url(../../images/homepage-callout.jpg) no-repeat top left; margin:15px 0 0 0; padding:0px; -webkit-box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .4); box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .4); }

#homepage-callouts > ul > li:first-child	{ margin-top:0; }

#homepage-callouts > ul > li:hover		{ background-position:bottom left !important; -webkit-box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .7) !important; box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .7) !important; }

#homepage-callouts > ul > li > a		{ height:51px; display:block; line-height:51px; text-indent:48px; font-family:"Crimson Text", Georgia; font-size:20px; color:#391662; text-decoration:none; }

#homepage-callouts > ul > li > a:hover		{ color:#6f8248; }



#homepage-images					{ background:#506529; margin-top:15px; padding:15px !important; -webkit-box-sizing:border-box; box-sizing:border-box; }

#homepage-images > div				{ width:12.97%; float:left; margin:0 0 0 1.53%; border:solid 1px #445622; overflow:hidden; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; }

#homepage-images > div > img		{ display:block; max-width:100%; }

#homepage-images > div:first-child	{ margin-left:0; }

#homepage-images .image-overlay		{ width:100%; background:url(../../images/white-70.png); height:100%; top:100%; left:0; position:absolute; padding:10px; color:#140e4a; text-align:center; font-family:"PT Sans", Georgia; color:#140e4a; font-size:16px; line-height:20px; font-weight:700; -webkit-box-sizing:border-box; box-sizing:border-box; 

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease;

	-ms-transition: all 200ms ease;

	-o-transition: all 200ms ease;

	transition: all 200ms ease; }

#homepage-images .image-overlay:hover	{ color:#140e4a; text-decoration:none; }

#homepage-images > div:hover .image-overlay	{ top:0; }



#homepage-content					{ margin-top:15px; }

#homepage-left							{ margin-right:320px; }

#homepage-right							{ }

	#homepage-text						{ float:left; width:100%; min-height:218px; overflow:hidden; background:url(../../images/homepage-text.png) no-repeat top left; background-size:cover; }

	#homepage-coupon					{ float:left; width:197px; height:205px; overflow:hidden; background:url(../../images/coupon.png) no-repeat top left; margin:8px 0 0 10px; }

		#homepage-coupon > div				{ border:dashed #404040 1px; width:140px; height:110px; margin:17px 0 0 15px; padding:53px 10px 0 10px; overflow:hidden; font-size:10px; line-height:14px; }

		.learn-more							{ display:block; width:auto; float:right; padding-right:23px; height:19px; line-height:17px; font-weight:bold; background:url(../../images/more.png) no-repeat center right; }

		.learn-more:hover						{ color:#709745 !important; text-decoration:none !important; }

	#homepage-intro						{ min-height:178px; overflow:hidden; padding:20px 15px; font-size:14px !important; line-height:19px !important; }



	#newsletter-signup					{ float:right; width:300px; padding:25px 20px 15px; position:relative; background:url(../../images/newsletter-box.png) no-repeat top left; background-size:100% 100%; -webkit-box-sizing:border-box; box-sizing:border-box; }

	#newsletter-signup:before			{ display:block; content:url(../../images/newsletter-bird.png); position:absolute; bottom:0; right:-67px; width:82px; height:97px; }

	#newsletter-signup:after			{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }

	#newsletter-signup > h3				{ display:block; text-indent:-99999px; margin:0; padding:0 0 10px; border-bottom:1px solid #a9a79b; height:23px; background:url(../../images/newsletter-h3.png) top center no-repeat; }

	#newsletter-signup > h4				{ display:block; text-indent:-99999px; margin:6px 0 0; padding:0; height:18px; background:url(../../images/newsletter-h4.png) center top no-repeat; }

	#newsletter-signup > form			{ margin:10px auto 0; width:217px; }

	#newsletter-signup > form > input[type=text]	{ float:right; width:210px; height:30px; line-height:30px; clear:right; margin:0 0 7px 0; padding:0 10px 0 0; border:none; -webkit-box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .4); box-shadow:5px 5px 8px 0px rgba(0, 0, 0, .4); font-family:"PT Sans", Arial; font-size:13px; text-align:right; }

	#newsletter-signup > form > input[type=submit]	{ float:right; clear:right; width:auto; margin:0px; padding:0px 10px; font-family:"PT Sans", Arial; font-size:13px; height:30px; line-height:30px; border:solid 1px #a0a0a0; cursor:pointer; background:#eee; }

	#newsletter-signup > form > input[type=submit]:hover	{ background:#ccc; }



#lead-in-ct								{ position:fixed; left:0; bottom:0px; width:100%; z-index:500; }

#lead-in								{ position:absolute; cursor:pointer; bottom:-500px;:0; left:0; background:url(../../images/gate7-15.png) no-repeat center top !important; border-radius:0 !important; 

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease; }

#lead-in-ct.show #lead-in				{ bottom:-120px; }

#lead-in-ct.open #lead-in				{ bottom:0; }

#lead-in-ct.hide #lead-in				{ bottom:-500px !important; }

#lead-in .lead-in-close				{ position:absolute; z-index:501; top:10px; right:-10px; cursor:pointer; display: block; background: #000; border-radius: 50%; width: 30px; height: 30px; border: 2px solid #FFF; text-align: center; line-height: 28px; }

#lead-in .lead-in-close:before		{ content:'\00d7'; font-size:30px; color:#FFF; display:block; }



#gate							{ width:731px; height:375px; position:relative; }

#gate > img,

#gate > h2,

#gate > h4						{ display:none; }

#GateForm_GateForm				{ height:auto; bottom:38px; right:45px; position:absolute; width:340px; display:none; }

#GateForm_GateForm label.error	{ color:#FFF; font-size:13px; }

#GateForm_GateForm	.formRight	{ width:100%; }

#GateForm_GateForm_Email		{ box-shadow:none; border-radius:0 !important; height:31px; padding:0 10px; font-size:13px; line-height:31px !important; color:#150f3e; border:none; outline:none; background:#FFF; }

#GateForm_GateForm_Name			{ box-shadow:none; border-radius:0 !important; height:31px; padding:0 10px; font-size:13px; line-height:31px !important; color:#150f3e; border:none; outline:none; background:#FFF; }

#GateForm_GateForm_action_SubmitGateForm	{ border-radius:0; width:90px; height:30px; text-indent:-99999px; overflow:hidden; display:block; text-transform:capitalize; background:url(../../images/gate_submit_2.png) no-repeat center top; border:none; outline:none; }

#GateForm_GateForm_action_SubmitGateForm:hover	{ background-position:center bottom; }

#lead-in-ct.open #GateForm_GateForm	{ display:block; }





/*-- Responsive --*/

@media(max-width:1130px){

	#newsletter-signup:before			{ display:none; }

	#main-content						{ overflow:hidden; }

}



@media(max-width:900px){

	#homepage-intro						{ overflow:visible; }

	#homepage-coupon					{ margin:8px 15px 5px 10px; }

}



@media(max-width:800px){

	#homepage-tagline					{ position:relative; top:0; text-align:center; background:rgba(255, 255, 255, 0.75); width:100% !important; font-size:30px; line-height:32px; }

	#homepage-images > div				{ margin-left:2%; width:15%; }

	#homepage-images > div:last-child	{ display:none; }

	#homepage-images .image-overlay		{ font-size: 2vw; line-height: 2.5vw; }

}



@media(max-width:750px){

	#homepage-left						{ margin:0; }

	#homepage-text						{ float:none; }

	#newsletter-signup					{ float:none; margin:20px auto 0; }

	#newsletter-signup:before			{ display:block; }

	#lead-in							{ max-width:100%; box-sizing:border-box; background:url(../../images/gate7-15-mobile.jpg) center center no-repeat !important; background-size:cover !important; border:8px solid #150f3e !important; border-radius:15px 15px 0 0!important; }

	#lead-in .lead-in-close				{ top:-20px; }

	#gate								{ padding:15px; max-width:100%; height:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	#gate > img							{ display:block; margin:0 15px 10px 0; width:calc(100% - 385px); float:left; }

	#gate > h2,

	#gate > h4							{ display:block; color:#FFF; font-family:"Crimson Text", Georgia; text-shadow:1px 1px 1px #000; }

	#gate > h2							{ font-size:35px; line-height:36px; margin:0; padding:0 0 8px; border-bottom:1px solid #FFF; overflow:hidden; }

	#gate > h4							{ font-size:21px; line-height:24px; padding:0; margin:6px 0 0; }

	#GateForm_GateForm					{ position:initial; float:right; }

}



@media(max-width:650px){

	#homepage-images > div				{ margin-left:2%; width:18.4%; }

	#homepage-images > div:nth-child(6)	{ display:none; }

	#homepage-images .image-overlay		{ font-size:2.6vw; line-height: 3vw; }

	#gate > img							{ width:175px; }

}



@media(max-width:550px){

	#lead-in-ct.show #lead-in			{ bottom:-130px; }

	#gate > img							{ float:none; margin:0 auto 10px; }

	#GateForm_GateForm					{ width:100%; }

}



@media(max-width:500px){

	#homepage-tagline					{ font-size:6vw; line-height:7vw; }

	#homepage-callouts > ul				{ float:none; margin-left:auto; margin-right:auto; }

	#homepage-images > div				{ width:32%; }

	#homepage-images > div:nth-child(3n+1)	{ margin-left:0; }

	#homepage-images > div:nth-child(-n+3)	{ margin-bottom:2%; }

	#homepage-images > div:nth-child(6)	{ display:block; }

	#homepage-images .image-overlay		{ font-size:4vw; line-height: 5vw; }

}



@media(max-width:450px){

	#gate > h2							{ font-size: 6vw; line-height: 7vw; }

	#gate > h4							{ }	

}



@media(max-width:400px){

	#homepage-coupon					{ float:none; margin: 8px auto 10px; }

}

