/* CSS by dyersmith-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none;}
body {
	background:#fff;
	font-family:'Raleway', Arial, sans-serif; font-weight:300;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	}

p {font-size: 18px; line-height:24px; margin-top:20px; color:#000;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

h1 {font-family:'Raleway', Arial, sans-serif; font-weight:600; font-size:28px; line-height:28px; letter-spacing:18px; color:#1C2369; margin:0px 0 0 0; padding:0 0 0 0;}
h2 {font-family:'Raleway', Arial, sans-serif; font-weight:600; font-size:18px; line-height:21px; color:#000; margin:0px 0 0 0; padding:13px 0 0px 0;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:underline;
	color:#000;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	color:#FFF; background:#000; text-decoration:none;	
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end link styles */


/* start sitebuild styles  desktop */
#homebgbox {
	width:100%; height:100%; display:none;
}

#homelogobox {
	position: absolute;
	top: 45%; margin-top:-175px;
	left:50%; margin-left:-175px; 
	width:350px;
	text-align: center;
	display:none; opacity:0.9;
}
#homelogobox img {width:100%;}

#homeclaimbox {
	position: absolute;
	top: 45%; margin-top:220px;
	left:50%; margin-left:-300px; 
	width:600px;
	text-align: center;
	display:none; opacity:0.9;
}
#homeclaimbox img {width:100%;}

#startclaim {background:#FFF;}
#startclaimbox {max-width:800px; margin:auto; padding:120px 20px 40px;}
#startclaimbox img {width:100%;}

#subscribebox {max-width:800px; margin:auto; padding:20px 20px 100px; text-align:center;}
#subscribebox p {font-size:20px; margin-top:0px;}
input[type=text] {padding:5px 40px; margin:30px 0 20px; border:1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; font-size:24px; color:#999; font-family:'LinotypeUniversW01-Thin_723610', Arial, sans-serif; text-align:center;}
input[type=text]:focus {border-color:#000; }
input[type=submit] {padding:10px 30px; margin-top:20px; background:#EBEBEB; border:0 none; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; font-family:'LinotypeUniversW01-Thin_723610', Arial, sans-serif; font-size:24px;}
input[type=submit]:hover {background:#000; color:#FFF;}

#claim2 {background:#000;}
#claim2box {max-width:1000px; margin:auto; text-align:center; padding:80px 20px;}
#claim2box h3 {color:#FFF;}

.textboxline {width:170px; margin:40px auto 0px; height:4px; background:#1C2369;}

#text1 {background:#fff; padding:20px 0 40px;}
#text1box {max-width:900px; margin:auto; text-align:center; padding:40px 20px; box-sizing:border-box;}
#text1box img {width:100%; }
#text1box h1 {padding:30px 0 10px;}

#text2 {background:#FFF;}
#text2box {max-width:900px; margin:auto; text-align:center; padding:80px 20px;}
#text2box img {width:100%; margin-bottom:30px;}
#text2box h1 {padding:50px 0 30px;}

#text3 {background:#FFF;}
#text3box {max-width:900px; margin:auto; text-align:center; padding:80px 20px;}
#text3box img {width:100%; margin-bottom:30px;}
#text3box h1 {padding:50px 0 30px;}

.homearrow {width:100px; position:absolute; left:50%; margin-left:-50px; top:88%; display:none; opacity:0.9;}
.homearrow img {width:100%;}

#contentcontainer {position:relative; z-index:5;}

#header {z-index:9; width:100%; position:fixed; height:100px;}
#headerbg {z-index:8; width:100%; position:fixed; height:100px; background:#fff; border-bottom:3px solid #000;}

#mobileheader img {width:100%;}

#headerspacer {height:103px;}

#contentwrapper {background:#FFF; z-index:3; position:relative; overflow:hidden;}
#content {padding:0 20px 80px; background:#FFF; position:relative; max-width:1000px; margin:0 auto 0;}
#content img {width:100%;}

#instafeed {max-width:900px; margin:40px auto 0;}
#instafeed img {width:23%; margin:1%; box-sizing:border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration:none;}
#instafeed img:hover {opacity:0.6; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#instafeed a {text-decoration:none; background:none;}

.mobile {display:none !important;}

.slider2 {max-width:700px; margin:40px auto 0 !important;}
.slider3 {max-width:700px; margin:40px auto 0 !important;}
.slider4 {max-width:600px; margin:5px auto 0px !important;}

.special1textslider p {font-style:italic; margin-top:10px;}


#copyfooter {color:#BCBBBB; background:#000; text-align:center; font-size:14px; padding:35px 0; position:relative;}
.logofooter {padding:0 0 20px;}
.logofooter img {height:40px; padding:0 20px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:10px 0 15px 0; height:0; max-width:640px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	

/* Supersize */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
	
			
			/*
			#supersized{
			height: 90% !important;
			overflow: visible !important;
			}
			#supersized li{
			top: 120px !important;
			}
			*/
	

/* --Mobile */
#mobile {display:none;}
/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(255,255,255, 0.5);}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/

@media screen and (max-width: 950px) {
	.desktop {display:none;}
	.mobile {display:inherit !important;}
	#supersized {display:none;}
	
	#startclaim {background:#FFF;}
	#startclaimbox {max-width:600px; margin:auto; padding:80px 20px 40px;}
	#startclaimbox img {width:100%;}
	
	
	#claim2 {background:#000;}
	#claim2box {max-width:1000px; margin:auto; text-align:center; padding:50px 20px;}
	#claim2box h3 {color:#FFF;}
	
	#text1 {background:#FBF9FA; padding:20px 0 100px;}
	#text1box {max-width:900px; margin:auto; text-align:center; padding:20px 20px; box-sizing:border-box;}
	#text1box img {width:100%; }
	#text1box h1 {padding:0px 0 30px;}
	
	#text2 {background:#FFF;}
	#text2box {max-width:900px; margin:auto; text-align:center; padding:50px 20px;}
	#text2box img {width:100%; margin-bottom:30px;}
	#text2box h3 {padding:50px 0 30px;}
	
	#text3 {background:#FFF;}
	#text3box {max-width:900px; margin:auto; text-align:center; padding:50px 20px;}
	#text3box img {width:100%; margin-bottom:30px;}
	#text3box h3 {padding:50px 0 30px;}
}
@media screen and (max-width: 700px) {
	
	p {font-size: 16px; line-height:21px; margin-top:12px; color:#000;}

	h1 {font-family:'Raleway', Arial, sans-serif; font-weight:600; font-size:19px; line-height:19px; letter-spacing:3px; color:#1C2369; margin:20px 0 0 0; padding:0 0 0 0;}
	h2 {font-family:'Raleway', Arial, sans-serif; font-weight:600; font-size:16px; line-height:16px; color:#000; margin:0px 0 0 0; padding:13px 0 0px 0;}
	
	#startclaim {background:#FFF;}
	#startclaimbox {max-width:600px; margin:auto; padding:40px 20px 20px;}
	#startclaimbox img {width:100%;}
	
	#subscribebox {max-width:800px; margin:auto; padding:20px 20px 60px; text-align:center;}
	#subscribebox p {font-size:16px; margin-top:0px;}
	input[type=text] {padding:5px 20px; margin:30px 0 20px; border:1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; font-size:16px; color:#999; font-family:'LinotypeUniversW01-Thin_723610', Arial, sans-serif; text-align:center;}
	input[type=text]:focus {border-color:#000; }
	input[type=submit] {padding:10px 30px; margin-top:20px; background:#EBEBEB; border:0 none; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; font-family:'LinotypeUniversW01-Thin_723610', Arial, sans-serif; font-size:16px;}
	input[type=submit]:hover {background:#000; color:#FFF;}
	
	#claim2 {background:#000;}
	#claim2box {max-width:1000px; margin:auto; text-align:center; padding:30px 20px;}
	#claim2box h3 {color:#FFF;}
	
	#text1 {background:#FBF9FA; padding:20px 0 40px;}
	#text1box {max-width:900px; margin:auto; text-align:center; padding:10px 15px; box-sizing:border-box;}
	#text1box img {width:100%; }
	#text1box h1 {padding:0px 0 10px;}
	
	#text2 {background:#FFF;}
	#text2box {max-width:900px; margin:auto; text-align:center; padding:30px 20px;}
	#text2box img {width:100%; margin-bottom:30px;}
	#text2box h3 {padding:30px 0 20px;}
	
	#text3 {background:#FFF;}
	#text3box {max-width:900px; margin:auto; text-align:center; padding:30px 20px;}
	#text3box img {width:100%; margin-bottom:30px;}
	#text3box h3 {padding:30px 0 20px;}
	
	.slider2 {max-width:700px; margin:10px auto 0 !important;}
	.slider3 {max-width:700px; margin:10px auto 0 !important;}
	.slider4 {max-width:600px; margin:3px auto 0px !important;}
	
	#instafeed {max-width:900px; margin:40px auto 0;}
	#instafeed img {width:31.33%; margin:1%; box-sizing:border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration:none;}
	
	#copyfooter {font-size:12px; padding:15px 0; position:relative;}
	.logofooter img {height:24px; padding:0 5px;}
	
	#dyersmithfrey-signature {display:none;}
	
}
@media screen and (max-width: 600px) {
	
}
/* Start Signature Styles */
#dyersmithfrey-signature {
	position:fixed;
	width:15px;
	height:15px;
	right:2px;
	bottom:1px;
	z-index:1000;
	}
/* End Signature Styles */