a {color:red;}

p{
	padding:20px 0 0!important;
}

h2, .page-header {font-style:italic; text-transform: uppercase; font-size: 23px; font-weight: bold;}
h3 {font-style:italic; text-transform: uppercase; font-size: 20px!important; font-weight: bold;}

 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {text-align:right;}
.none{display:none;}
.center {text-align: center;}
.spacer {padding:50px 20px;}
.space-top-foot {padding-top:12%;}

*{
	box-sizing:border-box;
}

body { 
font-family: 'Open Sans', sans-serif;
background:#1c1c1c url("/siteart/websitebody-bg-1.jpg") no-repeat !important;
background-size: 100%!important;
margin:0px!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;
}

.img-responsive {width:100%;}

.space-top {padding-top:50px;}

img {display: inline-block;}

/* HEADER 
----------------------------------------------*/
.header{
	width:100%;
	display:flex;
    flex-wrap: wrap;
	margin:0 auto;
	background: #fff;
}

.logo {
	width:100%;
	margin:0 auto;
	display:inline-flex;
	padding:20px 30px;
	justify-content: center;
    align-items: center;
    gap:0 15px;
}
.logo p {
    text-align: center;
    font-size: 14px;
    padding:3px 0 0 0!important;
    margin:0!important;
}
.logo img {
    display: block;
	width:100%;
    max-width:200px; 
	margin:0 auto;
}
 .logo .secondary-logo {
    max-width:120px;
}

.social {display: inline-block; vertical-align: middle; padding-top: 30px; text-align: center; }

.social h3 { text-transform: uppercase; font-weight: bold; font-size:20px; color:#000; }
.social a { color:#000; font-weight: bolder; }
.social h4 { text-transform: uppercase; font-weight: bold; font-size:15px; }
.social img {height:20px; display: inline-block;}

.flag {display: inline-block; vertical-align: middle; padding-top: 30px; text-align: right; }
.flag img {display: inline-block; width:70%;}
.flag p {text-transform: uppercase; font-weight: bold;}
.black-bg {background-color:#000;}
.black-bg > a:hover {background-color:#303030!important;transition:0.2s;}


/* HOME PAGE STYLES
-----------------------------------------------*/
.mtn-link {overflow: hidden; display: inline;}
.mtn-link img {border-right:3px solid #fff;}
.mtn-link a:hover {color:red; text-decoration:none;}
.mtn-link a {color:#fff; font-weight: bold;  text-transform: uppercase; margin-top:-45%; font-size: 1.8em; font-style:italic; z-index: 1; position:relative; padding: 50px 0;}

.last {border-right:none!important;}

.white-bg {background:#fff;}

.boxes {
  width:20%; 
  position: relative;
  min-height: 1px;
  margin:0 auto;
  float: left;
}

.video {background:url(/siteart/texture-bg.jpg); background-size: 120%; background-position-x:-10px; overflow: auto;  color:#fff; width:100%; padding-bottom: 10px;}
.video h2 {font-style:italic; text-transform: uppercase; font-size: 23px; font-weight: bold;}

.red-btn {border:3px solid red; padding:5px 50px; margin:10px;}
.red-btn a { font-weight: bold; color:#fff}
.red-btn a:hover { text-decoration: none; color:#fff}
.red-btn:hover { background:red; color:#fff; text-decoration: none;}

.mfgs img {padding:10px;}

ul.secondary li {list-style:none; cursor: pointer;}

ul.slick-dots li{display: inline-block!important; }
#slick-slide-control00 {color:#fff!important; background:transparent!important; border:0px; font-weight: bold; cursor: pointer;}
#slick-slide-control01 {color:#fff!important; background:transparent!important; border:0px; font-weight: bold; cursor: pointer;}
#slick-slide-control02 {color:#fff!important; background:transparent!important; border:0px; font-weight: bold; cursor: pointer;}
#slick-slide-control03 {color:#fff!important; background:transparent!important; border:0px; font-weight: bold; cursor: pointer;}


.slick-arrow:before {
    content: '';
    height: 20px;
    display: inline-block;
    width: 20px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
}

.slick-next, .slick-prev {
	z-index: 2;
	background:transparent;
	color:#fff;
	padding:5px;
	margin:5px;
	text-align:  center;
	border:0px;
}

.slick-next:before {
}

.slick-prev:before {
}



/* =============================================================================
     CTA                                                             
============================================================================= */

			.cta {
			    overflow: auto;
				padding:10px 10px 30px;
				position: relative;
				z-index: 1;
			}
			.cta ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta ul li:first-child { margin-left:0px; }
			
			.cta ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 80px;
				z-index:999;
			}
			.cta a span {
				text-align: center;
				display: table-cell; 
				vertical-align:bottom;
			}
			.cta a h2 { color:red; line-height: 1; text-transform:uppercase; font-size:12px;  vertical-align: bottom; width:100%; padding:20px 10px; margin-bottom: -10px; border: 5px solid red;}
			.cta a h2 strong { display: block; font-weight: 800; }
			.cta a:hover { opacity: .8; }
			.cta a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 95%;
			}
			.cta ul li .cta1 { margin:10px; }
			.cta ul li .cta2 { margin:10px;}
			.cta ul li .cta3 { margin:10px;}
			.cta ul li .cta3 { margin:10px;}
			.cta ul li .cta4 { margin:10px;}
			.cta ul li .cta5 {  margin:10px;}


			.cta a:hover .overlay { opacity: .7; }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }


	.cta-top {
			    overflow: auto;
				position: relative;
				z-index: 1;
			}
			.cta-top ul { 
				margin:0; 
				list-style:none; 
				width: 100%;
				display: table;
				position: relative;
			}
			
			.cta-top ul li { 
				padding: 0;
				margin: 0px; 
			}
			.cta-top ul li:first-child { margin-left:0px; }
			
			.cta-top ul li div:first-child {
				list-style:none;
				position: relative;
				background-repeat:no-repeat;
				background-size: cover;
				background-position: 50% 50%;
				padding: 0;
				height: 120px;
				z-index:999;
			}
			.cta-top a span {
				text-align: center;
				display: table-cell; 
				vertical-align:middle;
			}
			.cta-top a h2 { color:#fff; line-height: 1; text-transform:uppercase; font-size:27px;  vertical-align: middle; width:100%;  margin-bottom: -10px;}
			.cta-top a h2 strong { display: block; font-weight: 800; }
			.cta-top a:hover { opacity: .8; }
			.cta-top a .overlay {
				position:absolute;
				top:0;
				bottom: 0;
				display: table;
				padding: 0;
				width: 100.2%;
				height: 95%;
			}
			.cta-top ul li .cta-top5 {background:rgba(0,0,0,0.5); border-right:2px solid #fff; border-left: 2px solid #fff;}
			.cta-top ul li .cta-top6 {background:rgba(0,0,0,0.5);border-right:2px solid #fff;}
			.cta-top ul li .cta-top7 {background:rgba(0,0,0,0.5);border-right:2px solid #fff;}
			.cta-top ul li .cta-top8 {background:rgba(0,0,0,0.5);border-right:2px solid #fff; }


			.cta-top a:hover .overlay { opacity: .7; }
			
				/* Interior */
				#interior .cta ul li div:first-child { height: 135px; }


.home-brand-logos {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap:20px;
    margin:40px auto;
}
.home-brand-logos img {
    width: 100%;
    max-width: 140px;
    height: 70px;
    object-fit: contain;
    object-position: center center;
    padding: 5px;
    background-color: #fff;
    margin: 0;
    box-sizing: border-box;
}


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

.container-inv {
    padding:40px 0;
}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.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 {background:#fb0301 !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:#fb0301 !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;}


.contact-options a, .fin-calc-mobile>a{background: #fb0301 !important; color: white!important;}
.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:#fb0301 !important;
}

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

.hosted-content h1{
	font-size:22px!important;
	color:#000;
	text-transform:uppercase;
	padding-bottom:0 !important;
	font-weight:bold;
	font-family: 'Open-sans', sans-serif!important;
}
	
.hosted-content h3{
	font-size: 16px;
	text-transform: uppercase;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	text-transform:uppercase!important;
	font-size: 18px!important;
}

.divide {border-right:2px solid #555; height:200px;}


.contact-cont-1 {
    width:100%;
    display: flex;
    padding:40px 0;
    flex-wrap: wrap;
    gap:40px 0;
}
.contact-info-1 {
    width:35%;
}
.contact-info-1 ul {
    padding:5px 0;
    margin:0;
}
.contact-info-1 ul li {
    padding:5px 0;
    margin:0;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    list-style: none;
}
.contact-info-1 ul li a {
    color:#000;
}
.contact-info-1 ul li a:hover {
    opacity: 0.8;
}

.contact-map-1 {
    width:60%;
    min-height: 400px;
}
.contact-form-1 {
    width:100%;
    border-top:1px solid #000;
    padding-top:20px;
}
/*===================== 
	Form styles 
=======================*/

/* Containers */



.form-info-cont {
	width: 100%;
	box-sizing: border-box;
}
.form-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.form-inline-1 {
	display: flex;
	flex-wrap: wrap;
}
.thankyou-container {
	width:100%;
	box-sizing: border-box;
	padding:30px 10% 10% 10%;
	margin-top:0;
}

/* Inputs */

.radio-pad {
	padding: 0 0 0 10px;
}

.form-info-cont input, .form-info-cont date {
	width: 100%;
	display: block;
	padding: 15px;
	font-size: 17px;
	margin:  0 0 15px 0;
	box-sizing: border-box;
    outline:none;
    border:1px  solid #000;
    color:#000; 
}

.select-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0px!important;
    width:100%;
    background:#fff;
    box-sizing: border-box;
    position: relative;
}
.select-cont  select {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    width:100%;
    background-color:transparent;
    border:0px!important;
    outline:none!important;
    font-size: 17px!important;
    font-weight: 400!important;
    padding:15px!important;
    box-sizing: border-box;
    color:#000; 
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.select-cont i {
    position: absolute;
    z-index: 1;
    right:0px;
}

.form-info-checkbox {
	display: flex;
	align-items: flex-start;
	gap:10px;
	padding:5px;
	box-sizing: border-box;
	border:1px solid #000;
}

.form-info-checkbox input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	width: auto;
}
.form-info-checkbox label {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	width: 1005;
	
}
.form-info-cont textarea {
	width: 100%;
	display: block;
	padding: 5px;
	font-size: 17px;
	min-height: 120px;
	box-sizing: border-box;
	margin:  0 0 15px 0;
	font-family: 'Roboto', sans-serif;
    outline:none;
    border:1px solid #000;
}
.form-info-cont .button {
    color:red; 
    display: block;
    line-height: 1;
    text-transform:uppercase;
    font-size:17px; 
    padding:20px 10px;
    width:100%;
    max-width: 300px;
    margin:0 auto;
    border: 5px solid red;
    cursor: pointer;
}

.form-info-cont .button:hover { opacity: .8; }

.CaptchaImage {
  max-width: 100%;
}
.CaptchaAnswerPanel {
    margin:0 auto;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:underline;} 

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



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#fff;
	font-size:13px;
	text-align:center;
	background:#303030;
	padding: 40px 0;
	overflow: auto;
	margin-top:-10px;
}

.footer a{
	color:#fff!important;
	font-weight: bold;
}

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

.footer img {width:150px;}




@media screen and (max-width:1400px){
	.boxes {width:33.33%;}
	ul.secondary  {font-size: 12px;}
	
	.mtn-link a {margin-top: -55%;}
	
	
}
@media screen and (max-width:992px){
	.flag {display:none;}
	
	.mtn-link img {border-right:none; border: 3px solid #fff;}
	.last {border:3px solid #fff!important;}
	
	.contact-info-1, .contact-map-1 {
        width:100%;
    }
	}

@media screen and (max-width:768px){
	.boxes {width:50%;}
	.text-left {text-align: center!important;}
	ul.secondary  {font-size: 14px;}
	#keysearch2 {padding-bottom: 15px;}
	
	.cta-top ul li .cta-top5 { margin: 0; border-bottom: 2px solid #fff;}
			.cta-top ul li .cta-top6 { margin: 0; border-bottom: 2px solid #fff;}
	.cta-top ul li .cta-top7 {margin: 0; border-bottom: 2px solid #fff;}
	.logo {width:75%;  margin-bottom: 20px;}

}

@media screen and (max-width:560px){
	.logo {
        width:100%;
		max-width:300px;
		display: flex;
		margin-bottom: 0;
		margin-top: 2%;
	}
	
	.boxes {width:100%;}
	.mfgs img {width:120px; display: inline-block; padding:20px;}
}