/***** 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 Condensed', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}
ol, ul {list-style:none;}

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

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

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

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

header {background:url("../siteart/headerbg.png")repeat;color:#fff;position:absolute;z-index:2;width:100%;height:auto;border-bottom:2px solid #ccc;}
.logo {width:100%;max-width:25%;float:left;display:block;vertical-align: middle;}
.logo img {max-width:100%;height:auto;display:inline-block;}
header .wrapper {width:100%;max-width:80%;margin:0 auto;padding:0 0 0 0;}

.owltext {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.owltexthome {position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.owltext h1 {color:#fff!important;font-size:42px;text-shadow: 2px 2px 8px rgba(0,0,0,.4);margin-bottom:0;}

.owltextshort {position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.owltextshort h1 {color:#fff!important;font-size:42px;text-shadow: 2px 2px 8px rgba(0,0,0,.4);}

.owlbutton {display:inline-block;border-radius:10px;background-color:#931a1d;border:1px solid #ccc;font-weight:700;color:#FFFFFF;text-align:center;font-size:18px;padding:20px;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;}

.threecols, .twocols, .onecols {width:100%;display:block;float:left;}
.threecols {max-width:75%;}
.twocols {max-width:50%;}
.onecols {max-width:25%;}
.onecols img {max-width:100%;height:auto;display:inline-block;}

.banner {border-top:rgb(204, 204, 204) 2px solid;border-bottom:rgb(204, 204, 204) 2px solid;background-color:rgba(92, 5, 5, 0.75);width:100%;font-size:38px;font-weight:700;line-height:normal;text-align:center;}

.contacts {background:#000;}
.contacts h2 {color:#eab43f;}


/*------------------------------New Styles---------------------------------*/
.inv-banner-wrap {background-image: url('/siteart/slideshow2.png'); background-size: cover; background-position: center; padding: 17% 2% 10% 2%; border-bottom: solid 2px #ccc;}
.inv-txt {
	color: #fff!important;
    text-shadow: 2px 2px 8px rgba(0,0,0,.4);
    margin-bottom: 0;	
	font-size:42px;
	text-align: center;
	font-weight: 700;
}

/*------------------------------MEDIA QUERIES---------------------------------*/
@media screen and (max-width: 1024px){
	.inv-txt {font-size: 28px;}
	.inv-banner-wrap {center; padding: 10% 2%;}
}
@media screen and (max-width: 767px){
	.inv-txt {font-size: 25px;}
}

@media (max-width: 935px) and (min-width: 786px) {
	.has-search-bar {width: calc(67% - .75%)!important;}
}




.scrollingbg {background:#000;padding:15px 0px;position:relative;}
.scrolling-wrap {width:100%;height:90px;overflow:hidden;}
.scrolling {width:100%;height:92px;}

.scrollingbg .overlay {
    width: 100%;
    max-width: 185px;
    height: auto;padding:22px 20px;
    position: absolute;
    background: #000;
    text-align: center;
    transform-origin: bottom left;
    -webkit-transform: skew(140deg, 0deg);
    -ms-transform: skew(140deg, 0deg);
    -o-transform: skew(140deg, 0deg);
    transform: skew(140deg, 0deg);
    left: 5%;
}
.scrollingbg .overlay h3 {
    text-transform: uppercase;font-size:16px;
    color:#fff;
    -webkit-transform: skew(-140deg, 0deg);
    -ms-transform: skew(-140deg, 0deg);
    -o-transform: skew(-140deg, 0deg);
    transform: skew(-140deg, 0deg);
}


footer {background:#303030;text-align:right;font-weight:700;border-top:1px solid #6d6d6d;}
footer .wrapper {width:100%;max-width:80%;margin:0 auto;padding:1% 0;}

.mobilebg {
	height: 50vw; 
	background-image: url('/siteart/slideshow.png');
	background-position: center;
	background-size: cover;
}
.mobilebg-short {
	height: 40vw; 
	background-image: url('/siteart/slideshow.png');
	background-position: center;
	background-size: cover;
}
.show-mobile {display: none; width: 100%; height: auto;}

.banner-wrap {background-image: url('/siteart/slideshow2.png'); background-size: cover; background-position: center; padding: 17% 2% 10% 2%; border-bottom: solid 2px #ccc;}
.banner-txt {
	color: #fff!important;
    text-shadow: 2px 2px 8px rgba(0,0,0,.4);
    margin-bottom: 0;	
	font-size:42px;
	text-align: center;
	font-weight: 700;
}



/** Responsive Styles **/
@media screen and (max-width: 1600px){.mobilebg {height: 60vw;} .mobilebg-short {height: 45vw;}}
@media screen and (max-width: 1400px){.mobilebg {height: 70vw;} .mobilebg-short {height: 50vw;}}
@media screen and (max-width: 1200px){.mobilebg {height: 75vw;} .owltexthome {width: 100%; top: 42%;} .mobilebg-short {height: 55vw;} .owltextshort {width: 100%; top: 35%;}}

@media screen and (max-width: 1280px){
.logo img {height:90px;}
}

@media screen and (max-width: 1024px){
    .wrapper {padding:5% 0;}
    header {position:relative;z-index:1;}
	.owltexthome h1 {font-size:28px; padding: 0 20px;}
	.owltextshort h1 {font-size:28px; padding: 0 20px;}
	.banner-txt {font-size: 28px;}
	.banner-wrap {center; padding: 10% 2%;}
}

@media screen and (max-width: 900px){
	.mobilebg {height: 80vw;}
	.owltextshort {top: 32%;}
}

@media screen and (max-width: 767px){
    .threecols, .onecols {max-width:50%;}
.owltexthome h1 {font-size:25px;}
.owltextshort h1 {font-size:25px;;}
.owltexthome {position:relative;top:0;left:0;transform:translate(0%, 0%);text-align:center;padding:20px 0;}
.mobilebg {background:#303030;text-align:center; height: auto;}
.owlbutton {font-size:16px;padding:15px;max-width:90%;margin:1%;display:inline-block;float:none;}
.show-mobile {display: block;}

.owltextshort {position:relative;top:0;left:0;transform:translate(0%, 0%);text-align:center;padding:20px 0;}
.mobilebg-short {background:#303030;text-align:center; height: auto;}
.banner-txt {font-size: 25px;}
}
 

@media screen and (max-width: 415px){
    .threecols, .twocols, .onecols {max-width:100%;}
    .scrollingbg .overlay {display:none;}
}