/***** 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: 'Archivo Narrow', sans-serif;font-weight:400;
	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: 30px;
	-webkit-text-size-adjust:none;
	background:#fff url("../siteart/whitebg.png")!important;
	background-color: #000!important;
	margin:0px auto;
	height:auto;
	width:100%!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	background-attachment:fixed!important;
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important;
}
h1, h2, h3, h4, h5 {font-weight:700;margin-bottom:10px;line-height:normal;}
strong {font-weight:700;}

a:link, a:visited, a:active {text-decoration:none;color:#701400;}
a:hover {text-decoration:none;color:#701400;font-weight:700;}

header {position:absolute;z-index:2;top:0;width:100%;height:auto;padding:20px 0px;}
header .wrapper {padding:0 0 0 0;}
.logo {max-width:20%;width:100%;display:block;float:left;}
.logo img {max-width:100%;height:auto;opacity:1;}

.wrapper {width:100%;max-width:70%;margin:0 auto;padding:3% 0px;}

h2.slide {color:#fff;font-size:46px;line-height:normal;text-transform:uppercase;background-color:rgba(135,135,135,.7);padding:10px;text-shadow: 2px 2px 8px rgba(0,0,0,.5);text-align:center;position:absolute;bottom:0%;left:50%;transform:translate(-50%, -50%);width:100%;}

.redbanner {background:#701400;opacity:.9;color:#fff;font-size:36px;text-align:center;line-height:normal;font-weight:700;}
.bluebanner {background:#04101c;opacity:.9;color:#fff;font-size:36px;text-align:center;line-height:normal;font-weight:700;}

.whitebg h2 {color:#221f73;}
.whitebg h1, .whitebg h2 {margin:0 0 0 0;}

.ctabanner {background:#6f4239;opacity:.9;color:#fff;text-align:center;position:relative}
.cta {max-width:33%;width:100%;display:inline-block;text-align:center;border:1px solid #ccc;-moz-box-shadow:0 0 10px #2f2f2f;-webkit-box-shadow:0 0 10px #2f2f2f;box-shadow:0 0 10px #2f2f2f;box-sizing:border-box;position:relative;background:#000;}
.cta img:hover {opacity:1;}
.cta img {max-width:100%;height:auto;opacity:.5;}
.cta h2 {position:absolute;top:50%;left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;line-height:normal;text-transform:uppercase;text-shadow: 2px 2px 8px rgba(0,0,0,.5);}

button.inv {display:inline-block;border-radius:10px;background-color:#511103;color:#FFFFFF;text-align:center;font-size:24px;padding:15px 30px;transition:all 0.5s;cursor:pointer;margin:15px 0px;border:1px solid #ccc;box-sizing:border-box;}
button.inv span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
button.inv span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
button.inv:hover span {padding-right:25px;}
button.inv:hover span:after {opacity:1;right:0;}

footer {background:#2b2b2b;width:100%;height:auto;color:#fff;}
.threecols {width:100%;max-width:33%;display:block;float:left;}

footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#fff;}
footer a:hover {text-decoration:none;color:#fff;font-weight:700;}

.twocols {width:100%;max-width:50%;display:block;float:left;text-align:center;}
.twocols img {max-width:100%;height:auto;display:inline-block;border:1px solid #ccc;}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/** Responsive Styles **/
@media screen and (max-width: 1280px){
    h2.slide {font-size:34px;}
}

@media screen and (max-width: 1024px){
    header {position:relative;z-index:1;}
    h2.slide {font-size:24px;}
    .redbanner {font-size:26px;}
    .cta {max-width:49%;}
    
    .wrapper {max-width:80%;padding:5% 0;}
    .logo {max-width:50%;}

}

@media screen and (max-width: 767px){
    h2.slide {font-size:18px;}
    .cta {max-width:100%;}
    .threecols {max-width:50%;float:none;}
    .twocols {max-width:100%;float:none;}


}

@media screen and (max-width: 420px){
    h2.slide {font-size:16px;color:#fff;text-shadow: 2px 2px 8px rgba(0,0,0,.8);}
    .threecols {max-width:100%;float:none;}
}