* {-webkit-text-size-adjust:none;}
html,body {font:14px 'Open Sans',sans-serif;color:#312d2d;width:100%;margin:0;padding:0;background:#ebebeb}

/* DRAWER MENU */

#nav-trigger{cursor: pointer;padding:10px 35px 16px 0;display:none;}
#nav-trigger span,#nav-trigger span:before,#nav-trigger span:after{cursor:pointer;height:5px;width:2.3rem;background:#3c4042;position:absolute;display:block;content: '';}
#nav-trigger span:before{top:-10px;} #nav-trigger span:after {bottom:-10px;}
#nav-trigger span,#nav-trigger span:before,#nav-trigger span:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;} 
#nav-trigger.active span{background:transparent;}
#nav-trigger.active span:before,#nav-trigger.active span:after{top:0;}
#nav-trigger.active span:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#nav-trigger.active span:after {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
nav#nav-main{float:right;}
nav#nav-main ul{list-style-type:none;margin:1rem 0;padding:0;text-align:center;} 
nav#nav-main li{display:inline-block;padding:1rem;}
nav#nav-main li:not(:last-child) a:hover:before,
nav#nav-main li:not(:last-child).active a:before {content:'';background:#ffd356;height:2px;width:100%;position:absolute;bottom:0}
nav#nav-main ul ul{display:none;}
nav li a {text-transform:uppercase;}
nav a{display:block;-webkit-transform:translateZ(0);transform:translateZ(0);-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;color:inherit;font-weight:600;font-size:1.15rem;height:1.6rem;line-height:1.6rem;letter-spacing:.04rem;}
nav#nav-main li:last-child{padding:.5rem 1.3rem;margin:.5rem 0;background:#ffd356;border-radius:2rem;position:relative;}
nav#nav-mobile ul{/*display:none;*/list-style-type:none;padding:1rem;left:0;right:0;margin:0 auto;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}  
nav#nav-mobile > ul { display: none; }
nav#nav-mobile p{display:none;margin:0;padding:1rem}
nav#nav-mobile p:first-child{border-bottom:2px solid #f0c650;font-size:1rem;letter-spacing:-.04rem;}
nav#nav-mobile p:first-child a{display:inline;font:1rem 'Open Sans',sans-serif;letter-spacing:-.04rem;}
nav#nav-mobile p:last-child{ /*border-top:2px solid #f0c650;*/ padding-top: 0; }
nav#nav-mobile{position:relative;display:none;}
nav#nav-mobile li{display:block;padding:1rem 0;}
nav#nav-mobile li:last-child {
    padding-bottom: 0;
}
#subnav ul {
    display: none;
}
#subnav ul.active {
    display: block;
	margin-bottom: calc(-2rem - 21px);
}
#subnav > li > a {display: none;}

/* CONTENT */

em{/*font-weight:600;color:#ffd356*/}
h1{font:2.8rem 'Open Sans Condensed', sans-serif; margin:0;line-height:3.3rem}
h2{font-size:2.5rem;font-weight:300;margin:0;line-height:125%}
h3{font-size:1.7rem;}
h4{font-size:.9rem;color:#8e8e8e}
h5{font-size:1.3rem;font-weight:700;margin:0 0 2rem 0}
h6{font-size:1.4rem;font-weight:700;margin:0 0 .3rem 0;padding:2rem 0 0}
header{padding:1.4rem 0;}
img{width:100%;height:auto;}

#content{background:#2a2a2a}
#content h2{padding:6rem 0 4rem 5.5rem;color:#ffd356;}
#content p{color:#fff;font-size:1.3rem;line-height:2rem;margin:0 0 2.5rem}
#content .col4{width:35.6%;position:relative;left:-3rem}
#content .col4 img{max-width:392px;box-shadow:0 .5rem 1rem .5rem rgba(0,0,0,0.2)}
#content-sub p, #intro-sub p, #philosophy p{font-size:1.3rem;line-height:2rem;}
.caption p{margin:0;}
#content-sub p:last-child{/*padding-bottom:11rem*/}
#content-sub .inner{width:85%;margin:0 auto;padding:3rem 0 11rem;}

#intro{background:-webkit-linear-gradient(#fff 83%,#2a2a2a 83%,#2a2a2a);background:-o-linear-gradient(#fff 83%,#2a2a2a 83%,#2a2a2a);background:-moz-linear-gradient(#fff 83%,#2a2a2a 83%,#2a2a2a);background:linear-gradient(#fff 83%,#2a2a2a 83%,#2a2a2a);position:relative}
#intro-sub{background:-webkit-linear-gradient(#2a2a2a 83%,#fff 83%,#fff);background:-o-linear-gradient(#2a2a2a 83%,#fff 83%,#fff);background:-moz-linear-gradient(#2a2a2a 83%,#fff 83%,#fff);background:linear-gradient(#2a2a2a 83%,#fff 83%,#fff);position:relative}
#intro-sub h1{font-size:2.8rem;color:#fff;padding:4rem 2rem}
#intro-sub ul{list-style:none;margin:0;padding:0}
#intro-sub ul li li{display:inline-block;padding-left:6%}
#intro-sub ul li a{color:#fff;font-weight:700;font-size:1.1rem}
#intro-sub ul li a.active, #intro-sub ul li a:hover{color:#ffd356}
#intro-sub .col6.desktop{float:right;margin-top:2rem}
[id^='intro'] .caption{background:url('../images/hero-overlay.png') no-repeat;background-size:cover;width:58%;position:absolute;bottom:0;padding:2rem 5.5rem;box-sizing:border-box}
[id^='intro'] .caption a{margin:2rem 0 1rem}
[id^='intro'] div.wrap{overflow-y:inherit;}
[id^='intro'] .hero > img, [id^='intro'] .hero > span > img{box-shadow:0 1.5rem 1.3rem 0.9rem rgba(0,0,0,0.1);display:block}
.hero { position: relative; }
#subnav > li { text-align: right; }
#subnav > li > a { display: none; }
ul#subnav { padding-top: 2rem; margin-bottom: -2rem; }
/*#intro-sub h1 { margin-top: calc(-2rem - 21px); }*/

#logo img{max-width:240px;}
#logo-gallery{position:relative;float:right;width:71%;max-width:785px;right:5%;top:-3rem}
#logo-gallery .col3{background:#fff;box-shadow:0 .5rem 1rem .5rem rgba(0,0,0,0.2)}
#logo-gallery h6{background:#ffd356;margin:0;padding:.5rem 0;}
#logo-gallery h6 a{font-weight:700;font-size:.9rem;color:inherit}
#logo-gallery img{max-width:134px;padding:2rem 0 1rem}

#message{background:url('../images/background-message.jpg') no-repeat 50% 0;background-size:cover;color:#fff;position:relative}
#message .inner{width:66%;margin:0 auto}
#message p.center{padding:7.5rem 0 3.5rem;margin:0}
#message p.detail{font-size:1.8rem;margin:0;line-height:2.5rem;padding-bottom:5rem}
#message img{max-width:234px;position:absolute;left:calc(50% - 117px);top:-100px;}

#news figure{margin:0}
#news h2{margin:5rem 0 8rem} 
#news .ticker:nth-child(2){width:50%;box-shadow:0 1rem 1.5rem .6rem rgba(0,0,0,0.1);position:relative;top:-3rem}
#news .ticker:nth-child(3),#news .ticker:first-child{width:25%;float:left;opacity:.5}
#news .ticker:nth-child(2) h5, #news li h5{padding:1.5rem;margin:0}
#news .ticker:nth-child(2) figcaption, #news li figcaption{margin:1rem 1.5rem 0}
#news .ticker:not(:nth-child(2)) figcaption{font-size:.8rem;margin:1rem 1rem 0}
#news .ticker:not(:nth-child(2)) h5{padding:1rem;font-size:1rem}
#news .wrap:nth-child(2), #pre-footer{display:-ms-flex;display:-webkit-flex;display:flex;}
#news .wrap:last-child{margin:2rem auto 4rem;overflow:hidden}

#philosophy{margin-bottom:5rem}
#philosophy .inner{width:85%;margin:0 auto 2%;display:-ms-flex;display:-webkit-flex;display:flex}
#philosophy .col6{-ms-flex:1;-webkit-flex:1;flex:1;}
#philosophy h2,#products h2{margin:5rem 0}
#philosophy h6{padding:1.5rem 0 0 1.5rem}
#philosophy img{display:block}
#philosophy [class*="col"] p{padding:1.5rem 1.5rem 3rem;margin:0;}

#pre-footer p{font-size:.9rem;margin:0 0 2rem 0}
#pre-footer > div:nth-child(2){width:40%;box-shadow:0 1.8rem 1rem .8rem rgba(0,0,0,0.1);position:relative;top:-1rem}
#pre-footer > div:nth-child(2):after{content:'';background:#ffd356;width:100%;position:absolute;bottom:-2rem;z-index:1;left:0;height:2rem}
#pre-footer > div:nth-child(3),#pre-footer > div:first-child{width:30%;float:left}
#pre-footer > div{padding:4rem 3rem 1rem;box-sizing:border-box;background:#ffd356;float:left}

#products{background:#f4f4f4}
#products h2{margin:5rem 0}
#products .catalog{max-width:337px;display:block;margin:0 auto}
#products .wrap{overflow-y:auto}
#products .box{position:relative;display:-ms-flex;display:-webkit-flex;display:flex;margin-bottom:1.5rem}
#products .box a{color:inherit}
#products .box p{-ms-flex:1;-webkit-flex:1;flex:1;margin:0}
#products .box img{display:block}
#products .box small{font:inherit}
#products .box span{display:block;font-size:1.7rem;padding:1.5rem}
#products .box span.fa{border-radius:50%;text-align:center;font-size:1rem;padding:1rem;width:1rem;height:1rem;line-height:1rem;background:#ffd356;box-shadow:.3rem 1rem 1rem .3rem rgba(0,0,0,.1);position:absolute;bottom:1.5rem;left:calc(50% - 1.5rem);}
#products .hover span.fa:before{content:'Learn More';text-transform:uppercase;font:600 .8rem 'Open Sans',sans-serif;margin-right:.3rem}
#products .hover p{background:-webkit-linear-gradient(#fedf88,#ffd356);background:-o-linear-gradient(#fedf88,#ffd356);background:-moz-linear-gradient(#fedf88,#ffd356);background:linear-gradient(#fedf88,#ffd356)}
#products .hover span.fa:after{content: "\f054";} 
#products .hover span.fa{border-radius:0;font-size:.8rem;padding:0;width:auto;height:auto;background:none;bottom:1rem;left:calc(50% + 1.5rem);box-shadow:none;}
#products .box p.white {
    position: relative;
}
#products .box p.white > a {
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

#testimonial{position:relative}
#testimonial img{display:block}
#testimonial em{font-weight:600;color:#ffd356}
#testimonial h2{position:absolute;top:2rem;width:40%;}
#testimonial p, #message p{font-size:.9rem;}
#testimonial p strong, #message p strong{font-size:1.3rem}
#testimonial .logo-alt{max-width:200px;position:absolute;bottom:5rem}
#testimonial .quote{position:relative;max-width:20rem}
#testimonial .text{padding:3rem;box-sizing:border-box;width:45%;font-size:1.6rem;max-width:525px;background:rgba(0,0,0,.8);color:#fff;position:absolute;bottom:0}
#testimonial .desktop .text { width: 55%; }
#testimonial .desktop .quote { margin-left: 2%; }

#top-bar{background:#ffd356;padding:.6rem}
#top-bar ul.header-links{list-style:none;margin:0}
#top-bar ul.header-links li{display:inline-block;}
#top-bar ul.header-links li a, #top-bar .fa{font-weight:700;margin:0 .3rem 0 1rem;text-transform:uppercase;}
#top-bar .num{margin-right:5%}
#top-bar a{color:inherit}
#top-bar .mobile a{font-weight:700}
#top-bar ul.header-links ul {display: none;}

.form input{margin:0;outline:0;-webkit-appearance:none;border-radius:0;line-height:33px;height:33px;vertical-align:middle;box-sizing:border-box}
.form input[type="text"]{background:#2a2a2a;border:2px solid #cecece;border-width:2px 0 2px 2px;font-style:italic;padding-left:1rem;width:50%;color:#cecece;}
input[id$=submit]{background:#ffd356;border:0;width:82px;height:33px;cursor:pointer;font:700 .9rem 'Open Sans',sans-serif}
::-webkit-input-placeholder{color:rgba(256,256,256,.3)} ::-moz-placeholder{color:rgba(256,256,256,.3)} :-ms-input-placeholder{color:rgba(256,256,256,.3)} 
:placeholder-shown{color:rgba(256,256,256,.3)}

#content {
	color: #ffffff;
}
#logo-gallery {
	color: #312d2d;
}

/* FOOTER */

footer{background:#2a2a2a;padding-top:2rem}
footer,footer a{color:#fff;}
footer i{margin-right:.3rem;font-style:normal}
footer p,footer i{color:#ffd356}
footer p{font-weight:700;font-size:1.3rem;margin: 0 2% 0 0;line-height:2.36rem}
footer ul, aside ul{list-style:none;margin:0;padding:0}
footer ul li, aside ul li{margin-bottom:1rem}
footer .wrap:not(:nth-child(2)){padding:3rem 0}
footer .wrap:nth-child(2){border:1px solid #000;border-width:2px 0;padding:2rem 0}
a[href^=tel] {color:inherit;text-decoration:none;} 
.mobile a[href^=tel]{display:inline;margin:0!important;padding:0!important}

/* HELPER CLASSES */

.button{background:#ffd356;border-radius:2rem;color:inherit;font-weight:700;font-size:.9rem;padding:.7rem 2rem;display:inline-block}
.button-alt{background:#fff;border-radius:2rem;color:inherit;font-weight:700;font-size:.9rem;padding:.7rem 2rem;display:inline-block}
.center{text-align:center;}
.right {text-align:right;}
.clearfix:after{content: " ";visibility:hidden;display:block;height:0;clear:both;}
.mobile, .tablet{display:none;}
.no-style, a{border:0;outline:0;-webkit-appearance:none;text-decoration:none;}
.shadow{background:url('../images/shadow.png') no-repeat left 44.85%, url('../images/shadow.png') no-repeat right 44.85%;width:1178px;margin:0 auto;}
.white{background:#fff;}
.wrap {width:1110px;margin:0 auto;}
.row:after {content: "";display: table;clear: both;}

/* Sets default values on all columns */
[class*="col"]{margin-right:2%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
[class*="col"]:last-child {margin-right:0;}

.col1 {width:6.5%;}  .col2 {width:15%;} .col3 {width:23.5%;} .col4 {width:32%;} .col5 {width:40.5%;} .col6 {width:49%;}
.col7 {width:57.5%;} .col8 {width:66%;} .col9 {width:74.5%;} .col10{width:83%;} .col11{width:91.5%;} .col12{width:100%;float:none;}
.colEnd{margin-right:0;}

/* RESPONSIVE STYLES */

@media only screen and (max-width:1215px) {
	.wrap {width:960px;}
	footer .col11{font-size:.9rem}
	h1{font-size:2.25rem;line-height:2.5rem}
	nav#nav-main li{padding:1rem .7rem}
	#content h2{padding:4rem}
	[id^='intro'] .caption{padding:2rem 4rem}			
}

@media only screen and (max-width:1024px) {	
	.tablet{display:block;}
	.wrap {width:760px;}	
	[id^='intro'] .caption{background-color:#fff;position:relative;width:100%}
	#intro-sub ul li{padding-left:2%}
	#intro-sub ul li a{font-size:1rem}
	#products .box span{font-size:1.4rem}
	#testimonial h2{font-size:1.8rem}
	nav#nav-main ul{margin:.4rem 0}  
	nav#nav-main li{padding:1rem .4rem;}
	nav#nav-main li a{font-size:.9rem}		
}

@media only screen and (max-width:860px) {
	.desktop, small, #news .ticker:not(:nth-child(2)){display:none;}
	.mobile{display:block;}
	.row  {margin:0;}
	.wrap {width:100%;overflow-y:auto;}
	[class*="col"]{margin:15px 0;float:none;width:100%;}
	.form input[type="text"]{width:calc(75% - 33px)}
	footer i{margin:.3rem}
	footer span:nth-of-type(odd) i{display:none}
	footer .col6{text-align:center}
	footer .wrap:not(:nth-child(2)){padding:2rem 0}
	footer .wrap:nth-child(2),header .wrap,#content .wrap,#message .inner,#philosophy h2,#products .wrap{width:90%}
	nav#nav-mobile{display:block;position:absolute;width:100%;z-index:3;background:#ffd356;box-shadow:0 .6rem 1rem rgba(0,0,0,.3);margin-top:1rem}
	nav#nav-mobile .fa{font-weight:700}
	nav#nav-mobile .header-links{text-align:left;padding:0}
	nav#nav-mobile .header-links a{/*font-size:.9rem*/}
	nav#nav-mobile .header-links li{padding:.7rem 0}
	nav#nav-mobile .nav-links a{height:1.7rem;line-height:1.7rem;}
	/*nav#nav-mobile .nav-links a:after{content:'\f0dd';font:1.5rem FontAwesome;position:absolute;top:-2px;right:0}*/
	nav#nav-mobile .nav-links li.hasChild > a span{font:1.5rem FontAwesome;position:absolute;top:-2px;right:0}
	nav#nav-mobile .nav-links li.hasChild > a span:after{ content: '\f0dd'; display: inline-block; width: 1em; height: 1em; text-align: center; transition: all .2s ease-in; transform: rotate(-90deg); transform-origin: center; }
	nav#nav-mobile .nav-links li.hasChild.active > a span:after{transform:rotate(0deg);}
	/*nav#nav-mobile .nav-links li:last-child{display:none}*/
	nav#nav-mobile .num{margin-right:3%}
	nav#nav-main{display:none;}
	nav#nav-mobile li:not(.active) > ul {
		display: none;
	}
	#content h2 br{display:none}
	#content .col4{margin:0 auto;text-align:center;width:100%;left:0}
	#intro-sub h1{font-size:2.5rem}
	#intro-sub .col6{margin:0}
	#logo-gallery{top:0;right:0;float:none;width:100%}
	#logo-gallery .col3{width:46%;margin:0 2% 8%;float:left}
	#message p.detail{font-size:1.4rem;line-height:2.2rem}
	#nav-trigger{display:block;position:absolute;top:5.4rem;right:1.5rem;z-index:1;}
	#news h2{margin:1rem 0;font-size:1.8rem}
	#news .ticker:nth-child(2){margin:2rem auto;top:0;width:80%}
	#philosophy{margin-bottom:1rem}
	#philosophy .col6{margin:0 0 2rem}
	#philosophy .col6, #philosophy .inner{display:block}
	#products h2{margin:3rem 0;font-size:1.8rem}
	#pre-footer{display:block}
	#pre-footer > div:nth-child(2){width:100%;box-shadow:0 0rem 1rem .8rem rgba(0,0,0,0.1);position:inherit}
	#pre-footer > div:nth-child(2):after{display:none}
	#pre-footer > div:nth-child(3){box-shadow:inset 0 2rem 2rem -1.5rem rgba(0,0,0,0.1)}
	#pre-footer > div:nth-child(3),#pre-footer > div:first-child{width:90%;float:none}
	#pre-footer > div{padding:2.5rem;margin:0 auto;float:none}
	#testimonial h2{position:relative;top:0;width:100%;padding:3rem 0 2rem}	
	#testimonial p{width:calc(96% - 60px);color:#fff;float:right;margin:0}
	#testimonial .logo-alt,#testimonial p{display:inline-block;vertical-align:middle;float:left}
	#testimonial .logo-alt{position:relative;bottom:0;margin-right:4%}
	#testimonial .mobile{background:rgba(0,0,0,.8);position:relative;bottom:2rem;overflow-y:auto;overflow-x:hidden}
	#testimonial .quote{left:2rem!important;overflow-y:auto;overflow-x:hidden;margin-bottom:2rem}
	#testimonial .text{width:100%;max-width:100%;position:relative;background:none;font-size:1.2rem;padding:3rem 2rem}
	#testimonial .wrap-alt{width:90%;margin:0 auto}
}

@media only screen and (max-width:520px){
	footer h4:not(.first){margin-top:3rem}
	h1{font-size:1.5rem;line-height:2rem}				
	header .wrap{overflow:hidden;}
	#content h2{padding:1.5rem 0;font-size:1.8rem}
	[id^='intro'] .caption{padding:2rem}
	[id^='intro'] .caption a{margin:1rem 0 0}
	#logo img{max-width:175px;}
	#message p.detail{font-size:1.1rem;line-height:1.8rem}
	#products .box span{font-size:1.3rem;padding:.8rem 1.5rem}
}

@media only screen and (min-width:1215px) and (max-width:1300px){h1{font-size:2.5rem}}
@media only screen and (min-width:1025px) and (max-width:1215px){#content p{font-size:1rem;line-height:1.7rem;} #testimonial .text{font-size:1rem;line-height:2.3rem}}
@media only screen and (min-width:861px) and (max-width:1024px){
	footer .col11{font-size:.7rem}
	#content p{font-size:.9rem;line-height:1.4rem;margin:0 0 1rem}
	#testimonial .text{font-size:1.0rem;line-height:2rem}
}
@media only screen and (min-width:521px) and (max-width:860px){footer .wrap:nth-child(2) [class*="col"]{width:46%;margin:0 2%;float:left} footer h4{margin-top:2rem}}
@media only screen and (min-width:861px){#testimonial .white{background:transparent}}

/*  Sitemap  */
.sitemap > ul:after {
	clear: both;
	content: '';
	display: block;
}
.sitemap > ul > li > a {
	font-size: 0.9rem;
	color: #8e8e8e;
	font-weight: bold;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	text-transform: uppercase;
	display: block;
}
@media only screen and (min-width: 861px)
{
	.sitemap > ul > li {
		width: 18%;
		margin-right: 2%;
	}
}
@media only screen and (max-width: 860px) and (min-width: 521px)
{
	.sitemap > ul > li {
		width: 46%;
		margin: 0 2%;
	}
	.sitemap > ul > li:nth-child(6) {
		clear: both;
	}
}
@media only screen and (min-width: 521px)
{
	.sitemap > ul > li {
		float: left;
	}
}
@media only screen and (max-width: 520px)
{
	.sitemap > ul > li {
		margin: 40px 0;
		width: 100%;
	}
}

/* Collapsable Content Regions */

.toggle-head {
	cursor: pointer;
}
/*.toggle-content {
	display: none;
}*/

/*.toggle-content.default {
	display: block;
}*/
.toggle {
    background: white;
    border-radius: 5px;
	border: 1px solid #ffd356;
	margin-bottom: 25px;
}
.toggle > :first-child {
    margin: 0;
}
.toggle > :last-child,
.toggle > .toggle-content > :last-child {
    padding-bottom: 0;
}
.toggle-head:after {
    content: '+';
    display: inline-block;
    position: absolute;
    right: 1em;
    top:25%;
    font-size: 1.33em;
    color: #8e8e8e !important;
}
.toggle-head {
    position: relative;
    padding: 1.9em;
	background:white;
	color:#333;
}
.toggle-head.open:after {
    content: '-';
    font-size: 1.33em;
    color: #8e8e8e !important;
}

.toggle-content{
	padding:0.25em 1.85em;
    margin-bottom: 1em;
}

.toggle-content p{margin: 0 auto;}

h6{font-size: 1.4rem;}

/* End */

/* CONTACT FORM */

.subtable{width:80%; box-sizing:border-box; margin:0 auto;}

.nav-form {margin:0 auto; width:100%; padding-top:20px; text-align: left} 

/*.nav-form label{letter-spacing:1.5px;}*/

.nav-form table label{letter-spacing:0;}

.nav-form div:nth-child(odd){padding:10px 0;}

.nav-form div span{color:#6F0702; width:100% !important;}

.nav-form input:not([type="radio"]):not([type="checkbox"]){padding-left:1.25rem;margin:.5rem 0 1rem;border:1px solid #A9A9A9;width:calc(100% - 1.25rem) !important;outline:0;-webkit-appearance:none;border-radius:3px;/*line-height:3rem;*/height:2.5rem !important;background:transparent; font-size: 0.9em;}

.nav-form textarea{padding-left:1.25rem;padding-top: 1em; margin:.5rem 0 1rem;border:1px solid #A9A9A9;width:calc(100% - 1.25rem) !important;outline:0;-webkit-appearance:none;border-radius:3px;/*line-height:3rem;*/height:8rem !important;background:transparent; font-size: 0.9em;}

/* .nav-form input[type=checkbox], .nav-form input[type=radio]{width:7%; height:2em; margin:4px 10px 4px 0; padding:0; -moz-appearance: none; outline:0;} */

.nav-form table{width:100%; box-sizing:border-box;}
.nav-form table tr{width:49%; display: inline-block;}
.nav-form table td{width:100%; display:block;}

.nav-form select{width:40%; /* outline:0;-webkit-appearance:none; */ line-height:3rem;height:3rem !important;background:#f2f2f2; margin:10px 0; border:medium none;}

.subtable .RadCaptcha input[id$="CaptchaTextBox"]{height:35px; display:inherit; margin:0 auto;}

.subtable .more{border:medium none; font-size:1.02em; line-height:1em; padding:12px 30px; color:#FFF !important; cursor:pointer;}

.nav-form label{font-size: 1.3rem !important; line-height: 2rem; vertical-align: middle}

table[id *="_tblInquiry"] tr td div[id *="_pnlCaptchaBox"] br{display: none;}

.f-button{
    background:#ffd356;
	display: inline-block;
	padding: .55rem 1.48rem;
	color: #312d2d;
	font-size: 16px;
	font-weight: bold;
	border-radius: 2em;
	text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    border:1px solid transparent;
    margin-top: 1.75em;
} 

.f-button:hover{background: #FFF; border:1px solid #ffd356; color: #312d2d !important;}

@media all and (max-width: 767px){

	.subtable{width:100%; box-sizing: border-box;}
}

/*Additions*/

nav#nav-mobile .nav-links a.active{color:#FFFFFF;}

@media all and (min-width:860px)
{
	.phonenum{cursor:default;}
}

@media all and (max-width:860px)
{
	#news .wrap:last-child{margin:0rem auto 4rem !important;}
}

/*Caption Block*/
.captionBlock {
    background: url('../images/hero-overlay.png') no-repeat;
    background-size: cover;
    width: 644px;
	width: 100%;
    padding: 2rem 5.5rem;
    box-sizing: border-box;
    background-color: #fff;
	display: inline-block;
    display: block;
	margin: 1rem auto;
}
.captionBlock a {
    margin: 2rem 0 1rem;
    text-transform: uppercase;
}
[id$=ProductCategorySpotlight1_dgspotlight] {
    width: 100%;
}
@media only screen and (max-width: 1215px)
{
    .captionBlock {
        padding: 2rem 4rem;
        /*width: 556px;*/
    }
}
@media only screen and (max-width: 1024px)
{
    .captionBlock {
        background-color: #fff;
        position: relative;
        /*width: 100%;*/
    }
}
@media only screen and (max-width: 520px)
{
    .captionBlock {
        padding: 2rem;
    }
}

.*side-by-side-pods*/
.doubleCaption tr {
    display: flex;
}
.doubleCaption td {
    flex-grow: 1;
    flex-shrink: 1;
    width: 50%;
}
.doubleCaption .captionBlock {
    padding: 2rem;
    position: relative;
}
.doubleCaption td:nth-child(even) .captionBlock {
    background-image: url(../images/solid-black-background.jpg);
    background-position: left bottom;
    background-size: cover;
    color: #fff;
}
@media (max-width: 1024px)
{
    .doubleCaption tr {
        display: flex;
        flex-wrap: wrap;
    }
    .doubleCaption td {
        width: 100%;
    }
}
@media (min-width: 1025px)
{
	.doubleCaption td:not(:last-child) {
		padding-right: 7px;
	}
	.doubleCaption td:not(:first-child) {
		padding-left: 7px;
	}
}