/***** 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;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}

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

/*--- shop ---*/
.hs-btn.hs-highlighted{background-color:rgb(147,40,50) !important; color: #fff !important;}



body {font-size:18px;line-height:28px;-webkit-text-size-adjust:none; font-family: 'Roboto Condensed', sans-serif !important;}
h1, h2, h3 ,h4 {font-weight:700; line-height:normal;margin-bottom:5px; text-transform: uppercase}
h1{font-size: 34px }
h2{font-size: 26px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
strong {font-weight:700;}

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

.primarywrap {width:80%; display:inline-block;vertical-align:top;text-align:right;}
.wrapper {margin:0 auto;width:100%;max-width:80%;padding:3% 0px;}

.red-bg{background:#932832} .red{color: #932832} .gold{color: #cc9933;}

.twocols {width:100%;max-width:50%;display:inline-block;box-sizing:border-box;vertical-align:top;}

#pad{padding: 20px 0; } #l-pad{padding: 40px 0;} #xl-pad{padding: 60px 0;}


/*---HEADER----------------------*/
.header{width: 100%; background: #932832;position: relative;  box-shadow: 0px 6px 10px -7px #767676; margin-bottom: 50px;}
.header .inner{width: 95%; margin: 0 auto; display: flex; padding: 4px 0;}

.header .left{justify-content: flex-start; width: 20%;}
.header .left img{width: 100%; max-width: 150px; position:absolute; z-index: 99; background: #fff; padding:10px 20px; border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px; top: 0;   box-shadow: 0px 6px 10px -7px #767676;}

.header .right{justify-content: flex-start; width: 80%; text-align: right}
.header .right .head-contact{margin-bottom: 10px;}
.header .right .head-contact p{display: inline-block; margin-left: 30px; font-size: 16px; font-weight: 400;} 
.header .right .head-contact a{color: #fff;} 
.header .right .head-contact .fa, .header .right .head-contact .fab{font-size: 18px; margin-right: 5px;}
.hide-mobile{display: inline-block}


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


/*--footer--*/
.footer{display: flex; color: #fff; width: 80%; margin: 0 auto }
.footer .foot-col{justify-content: flex-start; width:33.3%;} 
.footer .foot-col ul li{line-height: 28px; font-size: 15px;} .footer .foot-col a{color: #fff;}
.footer .foot-col p{display: block; line-height: 28px; font-size: 15px; margin-bottom: 8px;}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1480px)  {
    .primarywrap span {padding-right:8px;}

}

@media screen and (max-width: 1200px){
    .primarywrap span {padding-right:15px;}

}

@media screen and (max-width: 1024px){
.header .left img{max-width: 100px; padding:10px 20px; }
.header .right{padding-bottom: 10px;}
.header .right .head-contact p{margin-left: 10px;} 
.header .right .head-contact .fa, .header .right .head-contact .fab{margin-right: 0px;}
.hide-mobile{display: none !important}

	.primarywrap span {padding-right:0px; display: block; margin-top: 15px;}
	
	

}



@media screen and (max-width: 800px){

.fourcols {max-width:50%;}
.hide {display:none;}
.twocols {max-width:100%;}

/*--footer--*/
.footer{display: block; color: #fff; width: 80%; margin: 0 auto }
.footer .foot-col{justify-content: flex-end; width:100%; text-align: center; margin: 20px auto} 
.footer .foot-col p{display: block; line-height: 28px; font-size: 15px; margin-bottom: 8px;}
.footer .foot-col img{display: block; text-align: center; margin: 0 auto 20px auto; float: none; max-width: 100px;}	
}
 
 

@media screen and (max-width:500px){
    .fourcols {max-width:100%;}

}