/***** 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 --------
yellow: f49f20
dark yellow: e68e0a
gray: 212121
*/

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

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

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

body {
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size:16px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	font-weight:400;
	overflow-x:hidden;
}
h1 {font-size: 30px; font-weight:400; line-height: 35px; padding-bottom: 5px; letter-spacing: 1.5px; text-transform: uppercase; color: inherit;}
h2 {font-size: 24px; font-weight:400; line-height: 30px; padding-bottom: 5px; letter-spacing: 1.5px; text-transform: uppercase; color: inherit;}
h3 {font-size: 20px; font-weight:400; line-height: 30px; padding-bottom: 5px; letter-spacing: 1px; text-transform: uppercase; color: inherit;}
h4 {font-size: 18px; font-weight:400; line-height: 28px; padding-bottom: 5px; letter-spacing: 1px; text-transform: uppercase; color: inherit;}

a{color:inherit; text-decoration: none;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}


.clear{clear:both;}


/*--- HEADER STYLES --------------------------*/
.header{background: #212121; color: #fff;}
.header .wrapper-inner{width: 90%;}
.header .left{display: inline-block; vertical-align: middle;}
.header .left img{max-width: 200px; display: block; margin: 0;}

.header .right{display: inline-block; float: right; width: 70%; margin-top: 40px;}
.header .right .head-col{display: inline-block; vertical-align: middle; color: #fff; text-align: left; width: 30%; margin-right: 10px;}
.header .right .head-col p {display: inline-block; text-align: left; text-transform: uppercase; font-weight: 400; color: #fff; vertical-align: middle}
.header .right .head-col a{color: #fff;}
.header .right .head-col a:hover{text-decoration: underline;}
.header .right .head-col .fa{color: #f49f20; font-size: 28px; display: inline-block; text-align: left; margin-right: 18px; vertical-align: middle}


/*---BODY--------------------------------*/
.wrapper-inner { width: 75%; margin: 0 auto;}
.wrapper-center{ width: 75%; margin: 0 auto; text-align: center;}

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

#pageimage{width: 100%; display: block; border-bottom: 1px solid #f49f20;}


/*--buttons--*/

/*--backgrounds--*/
.black-pattern{background: url(../siteart/black-pattern.png) repeat; color: #fff;}

.yellow-bg{background: #f49f20;}
.gray-bg{background: #212121; color: #fff;}
.black-bg{background: #000; color: #fff;}

/*---HOME PAGE-------------------------------*/
/*--welcome--*/
.welcome{display: flex; align-items: center;}
.welcome .left-image{display: inline-block; vertical-align: middle; width: 68%;}
.welcome .left-image img{display: block; width: 100%;}

.welcome .right-text{display: inline-block; vertical-align: middle; background: #000; width: 40%; position: absolute; z-index: 999; right: 0;}
.welcome .right-text .wrapper-inner{padding: 80px 0;}
.welcome .right-text h1{color: #f49f20; font-size: 35px;}
.welcome .right-text p{font-size: 20px; color: #fff; letter-spacing: .5px;}

/*--categories--*/
.wrapper-cat{text-align: center;}
.btn-cat {
	border: none;
	font-family: inherit;
	font-size: 14px;
	color: #fff;
	background: #f49f20;
	cursor: pointer;
	padding: 5px;
	display: inline-block;
	margin: 5px ;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border-radius:6px;
}

.btn-cat:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}

.btn-8 {
	width:225px;
	display: block;
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.btn-8 img{text-align: center; max-width: 130px; padding:0 0 10px 0;}
.btn-8 h2{color: #000; text-transform: uppercase; letter-spacing: 1.5px; font-size: 18px; text-align: center; padding-bottom: 0;}

.btn-8:active {	background: #e68e0a;}


/* Button 8c */
.btn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}



/*--about feature--*/
.about-feature{width: 100%; padding: 150px 0; background: url(../siteart/about-feature.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}

.about-feature .wrapper-center{color: #fff; text-transform: uppercase; width: 60%;}


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


/*---SUB PAGES-----------------------------*/

.sub-pages{display: flex; align-items: center;}
.sub-pages .left-image{display: inline-block; vertical-align: middle; width: 45%;}
.sub-pages .left-image img{display: block; width: 100%;}

.sub-pages .left-image iframe{display: block; width: 100%;}


.sub-pages .right-text{display: inline-block; vertical-align: middle;  width: 60%; padding: 50px 0;}
.sub-pages .right-text .wrapper-inner{width: 80%;}
.sub-pages .right-text li{line-height: 35px;}
.sub-pages .right-text .fa{color: #f49f20; font-size: 20px; vertical-align: middle; margin-right: 10px;}

/*--contact page--*/
#contactpage .fa{color: #f49f20; font-size: 20px; vertical-align: center; margin-right: 10px; display: inline-block;text-align: left;}
#contactpage p{display: inline-block;}



/*---FOOTER-------------------------------*/
.footer{background: #e68e0a;}

.footer .logo{display: inline-block; text-align: left; vertical-align: middle;}
.footer .logo img{width: 100%;  max-width: 180px; margin-right: 40px;}
.footer .text{display: inline-block; text-align: left; vertical-align: middle}
.footer .text p, .footer .text a{color: #fff;  text-transform: uppercase; font-weight: 400; letter-spacing: .5px; font-size: 14px;}
.footer .text p{padding-bottom: 5px;}
.footer .text a:hover{text-decoration: underline;}


/*---INVENTORY STYLES----------------------*/
.container{color: #000 !important;}

.list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text {
	background-color: #f49f20 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link{background-color: #f49f20 !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link{background-color: #f49f20 !important;}

.list-content .list-title .list-title-text{font-family: 'Roboto Condensed', sans-serif !important; letter-spacing: 2px; padding: 10px 0; line-height: 35px; color: #f49f20 !important}

.list-content .list-title .list-listings-count{color: #000 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover{background-color: #F49F20 !important}

.faceted-search-content .faceted-section-box .faceted-view-more-btn, .faceted-search-content .selected-facets-container .selected-facet{background: #F49F20 !important;}

.detail-content .detail-main-body .main-detail-data .detail-price{color: #F49F20 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn{background-color: #F49F20 !important}
 .detail-content .detail-main-body .main-detail-data .buy-btn{background-color: #F49F20 !important; margin-bottom: 10px !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn { background-color: #F49F20 !important; color: #fff !important; border: 1px solid #F49F20 !important;}

.detail-content .dealer-info{margin: 10px !important;}
.detail-content .search-results{color: #F49F20 !important;}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price{color: #F49F20 !important;}

.detail-content .detail-additional-data .data-row .data-label{background-color: #212121 !important}

.detail-content .detail-main-body .main-detail-data .detail-title{font-weight: 400 !important; font-family: 'Roboto Condensed', sans-serif !important;}



/*--mobile--*/
.list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .check-availability-link{background-color: #F49F20 !important}
.list-content .list-listing-mobile .buy-now-link{background-color: #F49F20 !important;}
.list-content .list-listing-mobile .email-seller-link{background-color: #000 !important}

.list-content .list-listing-mobile .price-container .price, .detail-content-mobile .detail-main-body .main-detail-data .detail-price{color: #F49F20 !important;}

.detail-content-mobile .detail-additional-data .data-row .data-label{background-color: #212121 !important}
.detail-content-mobile .dealer-info h3{font-weight: 400 !important; font-family: 'Roboto Condensed', sans-serif !important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background-color: #F49F20!important; border: 1px solid #F49F20 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile{background-color: #F49F20 !important; border: 1px solid #F49F20 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile{background-color: #000 !important; border: 1px solid #000 !important;}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile{background-color: #212121 !important; border: 1px solid #212121 !important;}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{background-color: #212121!important;}

.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{background-color: #e68e0a !important; border: 1px solid #e68e0a !important;}
.compare-listings-container .compare-container .compare-price{color:black!important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {color:black!important;}
.compare-listings-container .compare-container .button {background-color: #f49f20 !important; color:white!important;}
.bread-crumbs-heading .return-links .return-links-link span {color:#f49f20 !important;}
.bread-crumbs-heading .return-links .return-links-link i {color:#f49f20 !important;}

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


@media screen and (max-width:1200px){
.header .right{width: 75%}	

.btn-cat{padding: 0; margin: 3px 2px;}	
.btn-8 {width:150px;}
.btn-8 img {max-width: 90px; padding: 0 0 0px 0;}
.btn-8 h2{font-size: 15px;}
	
}

@media screen and (max-width:1100px){
.header .left img{width: 100%; max-width: 150px;}
.header .right{text-align: right; margin-top: 40px; width: auto;}
.header .right .head-col{width: auto; text-align: right;}
.header .right .head-col p{display: none;}
	
.wrapper-inner, .wrapper-center, .about-feature .wrapper-center{width: 90%;}	
	
.sub-pages{display: block; align-items: center;}
	
.sub-pages .left-image{display: inline-block; vertical-align: middle; width: 100%;}
.sub-pages .left-image img{display: none;}
.sub-pages .left-image iframe{height: 300px !important;}	
	
.sub-pages .right-text{width: 100%;}
.sub-pages .right-text .wrapper-inner{width: 90%;}
	
}


@media screen and (max-width:800px){
/*--welcome--*/
.welcome{display: block;}
.welcome .left-image{display: block;  width:100%;}

.welcome .right-text{display: inline-block;  width: 100%; position: relative;}
.welcome .right-text .wrapper-inner{padding: 40px 0;}
.welcome .right-text h1 br{display: none;}
	
.about-feature{padding: 80px 0;}	

#l-pad{padding: 50px 0;}
	
.btn-cat{padding: 10px 0px; margin: 5px 2px;}	
.btn-8 {width:240px;}
.btn-8 img {max-width: 90px; padding: 0 0 0px 0;}
.btn-8 h2{font-size: 15px;}	

}

@media screen and (max-width:500px){
	
.btn-cat{margin: 5px 0px;}	
.btn-8 {width:250px;}
.btn-8 img{display: none}

	
.footer .logo{text-align: center; display: block;}
.footer .logo img{ margin-right: 0; max-width: 100px;}
	
.footer .text{display: inline-block; text-align: center; margin-top: 15px;}

}