/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Saira Condensed', sans-serif;
}

* {
    box-sizing: border-box!important;
}

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

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

p{
	padding:20px 0;
}

/* INVENTORY
------------------------------------------------*/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#ee1c26 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #ee1c26 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #ee1c26 !important;}
.page-nav{background-color:#ee1c26!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#ee1c26!important}
.return-links span, .return-links i {color:#ee1c26!important;}
.list-listings-count {color:#ee1c26!important;}
 
.head-phone {color:white!important;}
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

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

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

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




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



/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:url(../siteart/header-texture.png) #333;
	box-shadow:1px 1px 2px #000;	
}

.head-phone{
	display: inline-block;
	text-decoration: none;
	margin-right: 0;
	background:rgba(0,0,0,0.50);
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	box-shadow:1px 1px 2px #000;
	padding: 5px 10px;
	font-size: 18px;
	text-transform: uppercase;
	color:#fff;
	letter-spacing: 1.5px;
	transition: ease .3s;
}

.head-phone:hover{color:#fff; text-decoration: none; background:rgba(0,0,0,0.70);}

.logo{
	text-align:left;
	width:30%;
	margin:0 auto;
	display:inline-block;
	padding:10px;
	vertical-align: bottom;
}

.logo img{
	width:350px;
	margin:0 auto;
}

/*STICKY NAV*/

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

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#000;
  box-shadow:1px 1px 3px rgba(0,0,0,0.60);
	z-index: 99;
}

/*END STICKY NAV*/



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

.hero{
	background:url(../siteart/hero.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 0;
	text-align: left;
	margin: 0 auto;
}


.hero-txt{
	background:url(../siteart/box-design.png) no-repeat;
	background-size: 100%;
	width:60%;
	text-align: left;
	padding: 100px;
	height: 480px;
	margin: 0;
}

.hero-txt h1{
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	text-shadow: 2px 2px 3px #000;
	line-height: 1;
	font-weight: 400;
}

.hero-txt h1 span{
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 56px;
	letter-spacing: 3px;
}

.hero-txt a{
	color:#fff;
	background:#ee1c26;
	border:1px solid #ee1c26;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin: 20px 20px 20px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.7px;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	padding: 7px 10px;
	width:205px;
	transition: ease .3s;
}

.hero-txt a:hover{
	background: rgba(0,0,0,0.50);
	border:1px solid #fff;
	color:#fff;
	transition: ease .3s;
}


	


.home-search{
	background:#000;
	text-align: left;
	padding: 50px 0;
}

.home-search h3{
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2.5px;
	font-size: 22px;
	color:#fff;
	padding-bottom: 20px;
}



.home-contact{
	padding: 80px 0;
	text-align: center;
	display: inline-block;
	width:100%;
	margin: 0 auto;
}


.hc-half{
	width:45%;
	display: inline-block;
	vertical-align: top;
	height:530px;
	margin: 20px;
}


.hc-half:first-child{
	background:url(../siteart/contact-texture.png) #EE1C26;
	text-align: center;
	padding: 50px 20px;
	color:#fff;
}

.hc-half:first-child img{
	width:150px;
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
}

.hc-half:first-child h3{
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 24px;
	text-align:center;
}

.hc-half:first-child p{
	color:#fff;
	padding: 10px 0;
	text-align:center;
}

.hc-half:first-child p a{color:#fff; text-decoration: none;}


.hc-half:first-child .hc-btn{
	display: inline-block;
	padding: 7px 25px;
	text-align: center;
	margin-top:20px;
	background:#fff;
	border:1px solid #fff;
	color: #EE1C26;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	text-decoration: none;
	border-radius: 7px;
	transition: ease .3s;
}

.hc-half:first-child .hc-btn:hover{
	background:#EE1C26;
	border:1px solid #fff;
	color:#fff;
	transition: ease .3s;
}




/* 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:#EE1C26 !important;
}

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

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



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#eaeaea;
	font-size:11px;
	text-align:center;
	background:#444;
	padding:30px 0;
}

.footer a{
	color:#eaeaea;
	text-decoration:underline;
}

.footer a:hover{
	color:#eaeaea;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}





@media screen and (max-width: 1150px) {
	.hero-txt{width: 70%;}
}


@media screen and (max-width: 1090px) {
	.logo{width:100%; text-align: center;}
}

@media screen and (max-width: 1000px) {
	.hero-txt{padding: 75px;}
	.hero-txt h1{font-size: 20px;}
	.hero-txt h1 span{font-size:46px;}
	.hero-txt a{width:40%; margin: 20px 10px 20px 0;}
	
	.hc-half{width: 47%; margin: 10px;}
	
}

@media screen and (max-width: 875px) {
	.hero-txt{width: 90%;}
	
	.home-contact{padding: 40px 0;}
	.hc-half{width: 100%; height: auto; margin: 10px auto;}
}

@media screen and (max-width: 700px) {
	.hero-txt{width:100%; background:url(../siteart/box-design-mobile.png) no-repeat; background-size: contain;}
	.hero-txt h1{font-size: 18px;}
	.hero-txt a{font-size: 16px; width: 70%; margin: 10px auto;}
}

@media screen and (max-width: 550px) {
	.header{text-align: center;}
	.head-phone{margin: 0 auto;}
	
	.hero-txt h1 span{font-size: 35px;}
	.hero-txt a{width: 100%;}
	
	.divfooter{width: 90%;}
}

@media screen and (max-width: 460px) {
	.hero-txt{padding: 50px; height: 390px;}
	.hero-txt h1 span{font-size: 30px;}
}


@media screen and (max-width: 400px) {
	.hero-txt{height: 320px;}
	.logo img{width:100%}
}