/* RESET 
------------------------------------------------*/
* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:20px 0;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 
 font-family: 'Montserrat', sans-serif !important;
}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:20px;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
	padding:175px 20px;
}

.sub-wrapper h1{
	color:#42424c;
	font-size: 32px;
	font-weight: 700;
	padding-bottom:20px;
	margin: 0;	
}

.sub-wrapper hr{
	margin: 0;
	height:2px;
	background:#FF473A;
	border: none;
	width:75px;
	text-align: left;
}



::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.head-mobile{display: none;}
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#000;
}

.hero .header{
	padding-bottom:200px;
	background: linear-gradient(#000 90px, transparent);
}

.logo{
	text-align:left;
	width:30%;
	margin:0 auto;
	display:inline-block;
	vertical-align: middle;
}
.logo img{
	width:100%;
	max-width:550px;
	margin:0 auto;
}

.header-right{
	width:69%;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 0;
	text-align: right;
	margin-right: 0;
}

.header-contact{
	display: inline-block;
	border-bottom:7px #ff473a solid;
	padding:10px 20px;
	text-align: right;
	color:#fff;
}

.header-contact p{
	display: inline-block;
	padding:0 20px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1.3px;
}

.header-contact a{color:#fff; text-decoration: none;}
.header-contact a:hover{color:#fff; text-decoration: underline;}



/*STICKY NAV*/

header{
  text-align:center;
  color:#000;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#000;
  box-shadow:1px 1px 3px #CBCBCB;
	z-index: 999;
}

header.fixed #menu-button{width:100%; background:#000; padding:0 10px; text-align: right; right:0; top:0;}


/*END STICKY NAV*/


/* HOME PAGE STYLES
-----------------------------------------------*/

.hero{
	width:100%;
	background:url(../siteart/hero.jpg) no-repeat; 
	background-size: cover;
	background-position: bottom;
	height: 900px;
}

.hero-txt{
	width:64%;
	padding:80px 100px 0 100px;
	color:#fff;
	text-shadow: 1px 2px 2px #000;
	text-align: left;
	margin-left: 0;
}

.hero-txt h1{
	font-weight: 800;
	font-size: 3.5vw;
	line-height: 1.2;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	padding:20px 0;
}

.hero-txt hr{
	width:330px;
	height:3px;
	background:#ff473a;
	border: none;
	margin:10px 0;
	text-align: left;
}

.hero-txt p{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1.3px;
	line-height: 1.3;
	padding:20px 0;
	width:75%;
	margin-left: 0;
}


/* calls to action */

.cta-section{
	width:100%;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	padding:60px 30px;
	background:#000;
	position: relative;
}

.cta-section h2{
	color:#272727;
	font-size: 110px;
	text-align: right;
	padding:0;
	width:100%;
	position: absolute;
	top:0;
	right: 0;
	z-index: 0;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 13px;
	margin-top:-28px;
	display: none;
}

.cta{
	width:19%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
	padding:10px;
	color:#fff;
	text-decoration: none;
}

.cta img{
	width: 100%;
	max-width: 240px;
	display: block;
	margin-bottom: 10px;
}

.cta h3{
	font-size:20px;
	text-align: center;
	padding: 20px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#fff;
	font-weight: 600;
}

.cta span{
	color:#5d5d66;
	text-transform: uppercase;
	border-top:1px solid #FF473A;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
	padding:10px 0;
	text-align: center;
	display: inline-block;
}




.qual-matters{
	width:100%;
	display: inline-block;
	background:#fff;
	padding:100px 0;
	text-align: left;
}

.qual-matters .img-left{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	background: url(../siteart/home-trailer.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	height:510px;
}

.qm-right{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	padding:20px 70px;
	text-align: left;
	margin: 0 auto;
}


.qm-right h3{
	color:#42424c;
	font-size: 32px;
	font-weight: 700;
	padding-bottom:20px;
	margin: 0;
}

.qm-right hr{
	margin: 0;
	height:2px;
	background:#FF473A;
	border: none;
	width:75px;
	text-align: left;
}

.qm-right p{
	color:#a0a0a0;
	font-size: 16px;
	line-height: 1.5;
	padding:30px 0;
	margin-left: 0;
	width:50%;
}

.outline-btn{
	display: inline-block;
	margin-left: 0;
	padding:10px 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.3px;
	color: #FF473A;
	border:1px solid #FF473A;
	text-decoration: none;
	font-size: 14px;
	transition: ease .3s;
}

.outline-btn:hover{
	background:#FF473A;
	color:#fff;
	transition: ease .3s;
}






.loc-bar{
	width:100%;
	display: inline-block;
	padding: 80px 0 0 0;
	text-align: center;
	margin: 0 auto;
	background:#f1f1f1;
}


.loc-bar h2{
	color:#42424c;
	font-size: 28px;
	font-weight: 700;
	padding-bottom:20px;
	margin: 0;
	text-align: left;
}

.loc-bar hr{
	margin: 0;
	height:2px;
	background:#FF473A;
	border: none;
	width:75px;
	text-align: left;
}

.loc-third{
	width:32%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	color:#a0a0a0;
	padding:20px 0 50px 0;
}

.loc-third h4{
	font-size: 18px;
	padding:10px 0;
	font-weight: 700;
}

.loc-third p{
	padding:10px 0;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}

.loc-third p > a{color:#a0a0a0; text-decoration: none;}
.loc-third p > a:hover{color:#FF473A; text-decoration: none;}

.loc-third .fa{
	padding: 10px;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
}

.loc-btn{
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	padding:10px 15px;
	color:#fff;
	background:#42424c;
	text-decoration: none;
	margin-top:20px;
	font-size: 14px;
	transition: ease .3s;
}

.loc-btn:hover{
	color:#fff;
	background:#5e5e63;
	transition:ease .3s;
}


.brandbar{
	width:90%;
	padding:20px 0;
}




/* INVENTORY
------------------------------------------------*/
.cf{background:#fff;}
.hosted-content .listings-wrapper .listings-list .listing-banner {

}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button{
	background:#FF473A !important;
}

.hosted-content .hosted-content .svg-inline--fa.fa-w-10{width:auto !important;}

.hosted-content h1{
	font-size:20px !important;
	color:#000;
	text-transform:uppercase;
	letter-spacing: 1.3px;
	padding-bottom:0 !important;
	font-weight:bold;
}
	
.hosted-content h3{
	text-transform:none !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:none !important;
}


.list-container-flexrow .price-container .price,
.mobile-option-bar .mobile-option-bar-filter,
.listing-prices__retail-price {color:#FF473A !important;}


#no-compare-listings,
.list-top-section .list-title .list-listings-count {color:#000 !important;}

.contact-options a {background:#333 !important;}

.list-container-flexrow .view-listing-details-link{background:#FF473A !important;}

.compare-listings-container .compare-container .cs-btns a{background:#FF473A !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {color:#FF473A !important;}

.selected-facet {padding: 8px 12px !important; color:#fff !important; background:#FF473A !important;}
.list-content .list-error-container .info button {background:#FF473A !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button {color:#fff !important; background:#FF473A !important;}

.show-all-modal .back-button {color:#FF473A !important; border:1px #FF473A solid !important}

.compare-chkbox-container .compare-listings .fa-check {top:3px !important; left:2px !important;}
.compare-checked span,
.compare-checked a{color:#FF473A !important; text-decoration:none !important;}



.view-listing-details-link {background:#FF473A !important;}




/* FOOTER
------------------------------*/
.footer{
	width:100%;
	text-align:left;
	background:#000;
	padding:60px 0;
	border-top:5px solid #FF473A;
}

.foot-left{
	width:79%;
	display: inline-block;
	vertical-align: top;
	color:#fff;
	margin: 0 auto;
	text-align: left;
}

.foot-left h3{
	font-size: 24px;
	color:#fff;
	font-weight: 700;
	padding:5px 0;
}

.foot-left p{
	font-weight: 600;
	font-size: 18px;
	color:#fff;
	padding:0 0 50px 0;
}

.foot-left .foot-btn{
	display: inline-block;
	vertical-align: middle;
	padding:12px 7px;
	color:#fff;
	font-size: 14px;
	letter-spacing: 1.3px;
	text-decoration: none;
	text-transform: uppercase;
	background:#FF473A;
	border-radius: 4px;
	transition: ease .3s;	
}


.foot-left span{color:#777; display: inline-block; vertical-align: middle; padding:0 20px; font-size: 14px;}

.foot-left .foot-phone{color:#fff; font-weight: 700; font-size: 16px; display: inline-block; vertical-align: middle; padding: 0;}
.foot-left .foot-phone a{color:#fff; text-decoration: none;}
.foot-left .foot-phone a:hover{color:#fff; text-decoration: underline;}



.foot-right{
	width:19%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: left;
	color:#fff;
	line-height: 1.5;
	font-weight: 600;
}

.foot-right a{
	color:#fff;
	text-decoration: none;
	display: block;
}

.foot-right hr{
	margin: 10px 0 0 0;
	height:2px;
	background:#FF473A;
	border: none;
	width:45px;
	text-align: left;
}



.divfooter{
	width:60%;
	margin:20px auto;
	color:#777;
	font-size:11px;
	text-align: center;
	padding-top: 80px;
}

.divfooter a{
	color:#777;
	text-decoration:underline;
}

.divfooter a:hover{
	color:#777;
	text-decoration:none;
}








@media screen and (max-width:1550px){
	.qm-right p{width:70%;}
}

@media screen and (max-width:1320px){
	.cta-section h2{font-size: 80px; margin-top:-19px;}

}

@media screen and (max-width:1260px){
	.header-contact p{padding:0 10px; font-size: 12px;}
	
	.hero{height: 700px;}
	.hero .header{padding-bottom: 120px;}
	.hero-txt{padding: 40px 0 0 100px;}
	.hero-txt p{font-size: 18px; width:100%;}
	
	.qual-matters .img-left{height:410px;}
}


@media screen and (max-width:1090px){
	.logo{width:100%; text-align: left; padding:10px 20px;}
	.header-right{display: none;}
	.head-mobile{
		position: relative;
		padding:10px;
		display: inline-block;
		width:100%;
		text-align: left;
	}
	
	.cta-section h2{font-size: 56px; margin-top:-12px; letter-spacing: 5px;}
	
	.qm-right p{width: 100%;}
}

@media screen and (max-width:975px){
	.hero .header{padding-bottom:40px;}
	.hero-txt{padding:40px 0 0 20px;}
	.hero-txt h1{font-size: 34px; padding: 0;}
	
	.cta{width:32%;}
	
	.sub-wrapper{padding:100px 20px;}
}


@media screen and (max-width:800px){
	.header-contact{padding: 10px; width:100%;}
	.header-contact p{display: block; text-align: left; padding:5px 0; font-size: 14px;}
	.hero{height: auto; padding-bottom: 50px;}
	
	.qual-matters{padding:50px 0;}
	.qual-matters .img-left{display: none;}
	.qm-right{width:100%; padding:30px;}
}


@media screen and (max-width:700px){
	.cta-section{padding:30px;}
	.cta-section h2{
		position: relative; 
		text-align: left; 
		font-size: 7.5vw; 
		display: inline-block; 
		width:49%;
		vertical-align: bottom;
		padding-bottom:15px;
	}
	.cta{width:49%; padding:15px 0;}
	
	.loc-third{width:100%;}
	
	.foot-left{width:100%}
	.foot-right{width:100%; padding-top:50px;}
	.divfooter{width:100%; padding-top:60px;}
}

@media screen and (max-width:600px){
	.hero-txt{width:100%;padding:40px 20px 0 20px;}
	.hero-txt h1{font-size: 28px;}
	
	.sub-wrapper{padding:60px 20px;}
}