/***** 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;
}

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 {  
    display: block;  
} 

/*-------- COLORS --------
orange: f26522
gray: 606060
*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


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

/*-------- BODY STYLES --------*/

body {
	font-family: 'Open Sans', sans-serif !important; 
	overflow-x: hidden; 
	font-size: 15px;
	margin: 0 auto;
	width: 100%;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

.clear{clear: both;}

hr{border:#000 1px solid;}
p {font-family: 'Open Sans', sans-serif; padding: 5px;}
h1 {font-size: 30px; font-weight: 700; font-style: italic; color: inherit; font-family: 'Open Sans', sans-serif; padding: 5px 0; text-transform: uppercase;}
h2 {font-size: 25px; font-weight: 700; font-style: italic; color: inherit; font-family: 'Open Sans', sans-serif; padding: 5px 0; text-transform: uppercase;}
h3 {font-size: 18px; font-weight: 700; font-style: italic; color: inherit; font-family: 'Open Sans', sans-serif; padding: 5px 0; text-transform: uppercase;}
h4 {font-size: 15px; font-weight: 700; font-style: italic; color: inherit; font-family: 'Open Sans', sans-serif; padding: 5px 0; text-transform: uppercase;}



/*--- HEADER STYLES ---------------------*/
header { background:#000; width: 100%;display: inline-block !important;  }
.header-wrapper {width:90%; margin: 0 auto;}
.header-wrapper p{font-weight: 800; font-style: italic; color: #fff; text-align: right; font-size: 20px; padding: 20px 0;}
.header-wrapper p span{font-style: normal;}

.logo {position:absolute; top:0; z-index: 9999;left:10%; background: #000; padding: 5px 25px 15px 25px}
.logo img {max-width:230px; width: 100%;  }


/*---MAIN STYLES------------------------*/

.wrapper-inner{width: 70%; margin: 0 auto;}
.wrapper-inv{width: 70%; margin: 0 auto;}
.wrapper-center{width: 70%; text-align: center; margin: 0 auto;}

#pad{padding: 30px 0;}
#l-pad{padding: 60px 0;}

#orange-btn{background: #f26522; color: #fff; font-style: italic; font-weight: 700;  border: 2px solid #f26522; padding: 10px 20px;}
#orange-btn:hover{background: none; color:  #f26522;}

#white-btn{background: #fff; color: #606060; font-style: italic; font-weight: 700; padding: 12px 20px; text-transform: uppercase;}
#white-btn:hover{background: #606060; color:  #fff;}

#pageimage{width: 100%; display: block;}

.gray-bg{background: #606060;}
.orange-bg{background: #f26522;}

.contact-footer a {
	color: #fff
}
/*-HOME PAGE ------------------------------*/
/*--hero--*/
.cycle-slideshow {background:#000; }
.cycle-slideshow img{width: 100%; display: block;}

.hero-overlay{position: absolute; z-index: 999; color: #fff; top: 15vw; margin: 0 auto; width: 100%;}
.hero-overlay .wrapper-center{width: 100%; max-width: 500px;}



/*--welcome--*/
.welcome{width: 100%; display: flex; align-items: center;}
.welcome .left{width: 50%; justify-content: flex-start;}
.welcome .left h1{font-size: 45px; color: #f26522}

.welcome .right{width: 50%; justify-content: flex-start; background: #f26522;}
.welcome .right  #white-btn{width: 100%; max-width: 400px; margin: 10px auto; display: block; box-shadow:0px 6px 14px -7px #606060; padding: 15px 0;}


/*--scrolling inventory--*/
.scrolling-wrap {
    width:75%;
    height:90px;
    overflow:hidden;
	margin: 0 auto;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/*--manu--*/
.manu{display: inline-block; width: 280px; margin: 5px auto}
.manu img{width: 90%; text-align: center;}



/*--contact footer--*/
.contact-footer{width: 100%; display: flex; align-items: center;  background: #f26522; }
.contact-footer .left{width: 50%; justify-content: flex-start; color: #f26522}
.contact-footer .left iframe{display: block;}


.contact-footer .right{width: 50%; justify-content: flex-start;color: #111;}
.contact-footer .right .col{display: inline-block; vertical-align: top; width: 48%; margin: 5px; text-align: left}
.contact-footer .right a {color:inherit;}
.contact-footer .right a:hover{text-decoration: underline;}


/*---FOOTER-------------------------------*/
.footer{background: #000; color: #fff;}

.footer .col{display: inline-block; vertical-align:top; text-align: left; width: 20%;}
.footer .col h3{color: #f26522}
.footer .col a{color: #fff; font-style: italic; text-transform: uppercase; line-height: 25px;}
.footer .col a:hover{text-decoration: underline;}

.footer .col-logo{display: inline-block; float: right; text-align: center}
.footer .col-logo img{width: 100%;  max-width: 150px;}

.footer .col-logo h3{font-size: 13px; color: #fff}




/*--INVENTORY STYLES--*/
#inv{padding: 80px;}
#inv #white-btn{width: 280px; padding: 15px 0; display: inline-block}

/*-- listing styles on listings.css--*/



/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1380px) {
	
	.wrapper-inner, .wrapper-center{width: 90%;}
	
	.manu{width: 200px;}

	
	
}
@media only screen and (max-width: 1100px) {
	.logo{left: 3%}
	.logo img {max-width: 165px;}
	
}

@media only screen and (max-width: 800px) {
	#l-pad{padding: 50px 0;}
	
	.logo{left:2%;}
	
	.hero-overlay{top: 19vw;}
	.hero-overlay h1{font-size: 22px; line-height: 25px;}
	
	.welcome{display: block;}
	.welcome .left{display: block; width: 100%; justify-content: flex-end;}
	.welcome .right{display: block; width: 100%; justify-content: flex-end}
	
	
	
	.contact-footer{display: block;}
	.contact-footer .left{display: block; width: 100%; justify-content: flex-end;}
	.contact-footer .left iframe{height: 300px !important;}
	.contact-footer .right{display: block; width: 100%; justify-content: flex-end}
}


@media only screen and (max-width:700px){
	.contact-footer .right .col{width: 100%; display: block; margin-bottom: 10px;}
	
.footer .col{display: inline-block; vertical-align:top; text-align: left; width: 45%;}
.footer .col-logo{display: block; float: none; text-align: left; margin-top: 20px;}

}

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

	.logo img {max-width: 150px;}
	
	
	.hero-overlay{display: none;}
	
	.manu img{width: 100%;}
	
	
.footer .col{display: block; text-align: center; width: 100%;}
.footer .col-logo{display: block; float: none; text-align: center; margin-top: 20px;}

}