/***** BEGIN RESET *****/

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, font, 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 {
	background: transparent;font-family: 'Roboto', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

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

body {font-size:18px;line-height:26px;-webkit-text-size-adjust:none;}
h1, h2, h3, h4{font-family:'Roboto Condensed', sans-serif;font-style:italic;line-height:normal;margin-bottom:10px;}
.heading-md {font-size:2em;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none; color:#E50E11;}
a:hover {text-decoration:underline; color:#fe0b0b;}

.wrapper {width:100%;max-width:80%;margin:0 auto;padding:3% 0px;}
.onecols, .twocols, .threecols, .sixcols, .logo, .halfheader {width:100%;height:auto;display:block;float:left;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:33%;}
.sixcols {max-width:16.66%;}
.logo, .halfheader {max-width:50%;}
.logo img {max-width:100%;height:auto;display:inline-block;}

header {background:url("../siteart/header.png")no-repeat;width:100%;height:auto;color:#fff;box-sizing:border-box;font-size:16px;background-color:#000;}
header span {float:right;display:block;line-height:60px;padding:0 20px;}
header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}

.owltext {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.owltext h1 {color:#fff!important;font-size:38px;text-shadow: 2px 2px 8px rgba(0,0,0,.8);}
.owlbutton {display:inline-block;background-color:#E50E11;border:1px solid #ccc;font-weight:700;color:#FFFFFF;text-align:center;font-size:18px;padding:10px;width:100%;max-width:45%;transition:all 0.5s;cursor:pointer;margin:5px;}
.owlbutton span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.owlbutton span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.owlbutton:hover span {padding-right:25px;}
.owlbutton:hover span:after {opacity:1;right:0;}
.owlbutton:hover {background:#231f20;}

img.loadercutout {display:inline-block;float:right;max-width:100%;height:auto;}

.blackcta {background:#000;border:1px solid #ccc;box-sizing:border-box;float:left;display:block;text-align:center;width:100%;max-width:33%;color:#fff;}
.blackcta .inner img {display:inline-block;max-width:100%;height:auto;}
.blackcta .inner {padding:50px;box-sizing:border-box;}
button.blackcta {background-color:#000;border:1px solid #fff;color:#FFF;padding:10px;max-width:45%;width:100%;transition:all 0.5s;cursor:pointer;margin:0 auto;float:none;}
button.blackcta span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
button.blackcta span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
button.blackcta:hover span {padding-right:25px;}
button.blackcta:hover span:after {opacity:1;right:0;}
button.blackcta:hover {background:#fe0b0b;}

footer {background:#E50E11;color:#fff;font-size:16px;font-family:'Roboto Condensed', sans-serif;}
footer a:link, footer a:visited, footer a:active {text-decoration:none; color:#fff;}
footer a:hover {text-decoration:underline; color:#fff;}

footer.footercredit {background:#B50003;color:#fff;text-transform:uppercase;font-family:'Roboto Condensed', sans-serif;font-weight:700;font-size:14px;text-align:center;}
footer.footercredit .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0px;}





/** Responsive Styles **/

@media screen and (max-width: 1538px){
	.logo {max-width:30%;}
	.halfheader {max-width:70%;}
}




@media screen and (max-width: 1024px){
	.wrapper {padding:5% 0px;}
	header {text-align:center;}
	.logo {max-width:50%;}
	.halfheader {max-width:50%;}

	header span {float:none;padding:0 0 0 0;}

	button.blackcta {padding:10px;max-width:90%;}
	.owltext h1 {font-size:28px;}
	
	.blackcta .inner h3 {font-size:18px;}
	.blackcta .inner {padding:30px;}
	
	.sixcols {max-width:33.33%;}
	
	header .wrapper, footer.footercredit .wrapper {padding:3% 0px;}
}




@media screen and (max-width: 767px){
	header span {font-size:14px;line-height:28px;}
	
	.owltext {position:absolute;top:50%;left:0;transform:translate(0, -50%);text-align:center;}
	.owltext h1 {font-size:24px;}
	
	.blackcta {float:none;max-width:100%;margin:10px 0;}
	
	.sixcols, .onecols {max-width:50%;}

}




@media screen and (max-width: 460px){
	.sixcols, .onecols {max-width:100%;}
}