@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,700,700i&display=swap');
/***** 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 --------
RED: #B7070D
*/

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

p, h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif;}
h1 {font-size: 30px; line-height: 35px; letter-spacing: 2px;font-weight: 500; font-style: italic;}
h3 {font-size: 18px; line-height: 28px; letter-spacing: 1px; }
h4 {font-size: 16px; line-height: 26px; letter-spacing: 1px; }
h5 {font-size: 14px;  line-height: 24px; letter-spacing: 1px; }
/*-------- BODY STYLES --------*/

body {
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
	font-size: 16px; 
	line-height: 26px;
}

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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}
.logo {width: 30%; display: inline-block; vertical-align: middle;}
.logo img {width: 100%; max-width: 400px;}
.header-right {width: 68%; display: inline-block; vertical-align: middle; text-align: right;}
.catchphrase {background: #333333; text-align: center; padding:8px 0;}
.catchphrase h3 {color:#fff; font-weight: 300; font-style: italic; letter-spacing: 2px;}
.header-right .fas {color:#B7070D;}
.header-right h5 a {color:#333;}
.header-right h5 a:hover {color:#B7070D;}
.header-right h4 a {color:#B7070D;}
.header-right h4 a:hover {color:#333;}

/*---BODY--------------------------------*/
#padding25 {padding:25px 0;}
.width90 {width: 90%; margin: 0 auto;}
.width70 {width: 70%; margin: 0 auto;}
.width50 {width: 50%; margin: 0 auto;}


.white-text {color:#fff;}
.lt-text {font-weight: 300;}
.bld-text {font-weight: 700;}
.bg-img {background: url(../siteart/stockbg.png) no-repeat;}
.white-50 {width: 50%; float: left; background: rgba(255,255,255,.60); text-align: right; padding:12px 0;}
.gray-50 {width: 50%; float: right; background: #333; padding-top:25px; padding-bottom:25px;}
.red-btn {background:#B7070D; width: 300px; padding:10px 0; text-align: center;  color:#fff; display: inline-block;transition:.2s ease;}
.red-btn:hover {background:#860206;}
.white-btn {background:#fff; width: 300px; padding:10px 0; text-align: center;  color:#333;display: inline-block;transition:.2s ease;}
.white-btn:hover {background: gray; color:#fff;}
.lt-gray-transparent {background:rgba(35,35,35,.80); height: 100%; padding: 50px 0; margin: 0 auto;}
.lt-gray-transparent h1#hp {text-align: center; color:#fff; margin-top:100px;}
.lt-gray-transparent h1 {text-align: center; color:#fff; }
.col-2 {width: 47%; display: inline-block; margin: 2% 1%; vertical-align: top;}
.col-2 h3 {color:rgba(179,179,179,1.00); padding-bottom: 3%; font-style: italic; letter-spacing: 2px; font-weight: 500;}
.col-2 p {color:#fff;}


.red-banner {background: #B7070D; width: 100%; }
.red-banner h4 {color:#fff; letter-spacing: 2px; font-weight: 300; text-align: center; padding:15px 0;}



/*ABOUT PAGE*/
.column-class {column-count: 2; columns: 300px 2;}
.our-team {margin: 0 auto; text-align: center;}
.team {width: 28%;  display: inline-block; vertical-align: top; margin: 5px 1%;}
.team img {width: 100%;}
.team p, .team h4 {color:#fff; width: 95%; margin: 0 auto; text-align: left;}
.team p {font-size: 15px; padding:10px 0; border-top:1px solid #fff;}


/**---- SLIDER STYLES--------------------*/
.wrapper-dark {background: #333; width: 100%; margin: 0 auto;}
.center h3{
  opacity:0.5;
  //transition:all 300ms ease;
}
.center .slick-center h3{
  //-moz-transform:scale(1.08);
  //-ms-transform:scale(1.08);
  //-o-transform:scale(1.08);
  //-webkit-transform:scale(1.08);
  //transform:scale(1.08);

  opacity:1;
}






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


/*--------FORM STYLES--------------------*/
.contact-form {width: 60%;  display: inline-block; vertical-align: top;}
.contact-right {width: 35%; display: inline-block; vertical-align: top; margin-top:6%; margin-left: 2%;}
.contact-right h3 {color:#fff; padding-bottom: 10px; border-bottom: 1px solid #ddd;} 
.contact-right p, .contact-right a {color:#fff; letter-spacing: 1px; line-height: 30px; margin-top:10px;}
.contact-right a {font-weight: bold; color:#fff; transition: .2s ease;}
.contact-right a:hover {color:#B7070D}
#footmedia {margin: 0 10px 40px 30px;}
.column3 .submit-btn {text-align: center !important;}
.CaptchaMessagePanel {color:#fff; font-weight: 400; }
.CaptchaWhatsThisPanel a {color:#ddd;}
#formpage {float: none;}
form h4 {color: #fff;}
form p {color: #fff;}
form a:hover {cursor: pointer}
#formpage label {display:block;}
/*** form styles ***/

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:5.5px 5px;
	border:1px solid #000;
	color:#000;
	background:#fff;
	font-size:16px;
	letter-spacing: 1px;
	margin:15px 0;
}
#formpage .column3 input{
	background: #B7070D;
	color: #FFFFFF;
	width:100%;
	padding:10px 0;
}

#formpage input::-webkit-input-placeholder {
   color: #8e8d8d;
   font-weight: 200;
}

#formpage input:-moz-placeholder { /* Firefox 18- */
   color:#8e8d8d;
   font-weight: 200;
}
 
#formpage input::-moz-placeholder {  /* Firefox 19+ */
  color: #8e8d8d; 
  font-weight: 200;
}
 
#formpage input:-ms-input-placeholder {  
   color: #8e8d8d;
   font-weight: 200;
}

#formpage textarea::-webkit-input-placeholder {
   color: #8e8d8d;
   font-weight: 200;
}

#formpage textarea:-moz-placeholder { /* Firefox 18- */
   color:#8e8d8d;
   font-weight: 200;
}
 
#formpage textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #8e8d8d; 
  font-weight: 200;
}
 
#formpage textarea:-ms-input-placeholder {  
   color: #8e8d8d;
   font-weight: 200;
}
#formpage .column3 input:hover{
	cursor: pointer;
	background: #FFFFFF;
	color: #000000;
}
#formpage textarea {
	padding:6px 5px;
	width:100%;
	width:calc(100% - 7px);
	border:1px solid #000;
	color:#000;
	font-size:14px;
	background:#fff;
	height:120px;
	margin-right: 0;
	padding-right: 0;
	margin:10px 0;
}

 
/* selects have similar 0styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	border:1px solid #000;
	color:#fff;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	background:#fff;
	line-height:normal;
	padding:5px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	color: #E4E4E4;
	border:1px solid #000;
	outline-style:none;
	width:100%;
	width:calc(100% - 12px);
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 


#formpage input.button,
#formpage input.button:focus {
	width:100%;
	width:calc(100% - 12px);
	border:1px solid #000;
    margin:0;
    padding:7px 0;
    background:#fff;
    border:0;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#E4E4E4;
}
#formpage input.button:hover {
	background:#FF8B1E;
	color:#E4E4E4;
}
 
.column3 {
	margin-bottom: 30px;
}



/*-------- FOOTER STYLES ----------------*/
footer{background: #333; width: 100%; display: inline-block; }
.col-left {float: left; text-align: left; width: 50%; color:#fff; padding-bottom:25px;}
.col-right {float: right; text-align: right; width: 50%;color:#fff;}
.col-right img {width: 30px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.col-right p {font-size: 14px; display: inline-block; vertical-align: middle;}
.col-left p a {color:#fff; font-size: 14px; line-height: 20px;}
.col-left p a:hover {color:#ddd;}









/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/


.faceted-search-content .faceted-section-box .faceted-view-more-btn {background: #B7070D !important;}
.faceted-search-content .selected-facets-container .selected-facet {background: #B7070D !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {background: #B7070D !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name {color: #B7070D !important;}
.list-content .list-title .list-title-text {font-size: 17px !important; line-height: 24px !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn{background: #B7070D !important;}
.detail-content .dealer-info .contact-information a {color:#B7070D !important}
.detail-content .detail-additional-data .data-row .data-label {background: #ddd !important; color:#000 !important;}
.detail-content .detail-main-body .main-detail-data .detail-title {font-size: 20px !important;}
.list-content .list-listing-mobile .view-listing-details-link {background: #B7070D !important;}
.list-content .list-listing-mobile .price-container .price {font-size: 18px !important;color:#B7070D !important}
.faceted-search-content .faceted-section-head h5 {font-size: 11px !important;}
.list-content .list-title .list-listings-count {color:#ddd !important;}


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



@media only screen and (max-width: 1500px) {
	.red-btn, .white-btn {width: 200px;}
	.width50 {width: 80%;}
	.team {width: 40%;}	
	
}
@media only screen and (max-width: 1200px) {
	.white-50 {width: 100%; text-align: center;}
	.gray-50 {width: 100%; text-align: center;}
	.width90 {width: 95%;}
	.width70 {width: 95%;}
	.width50 {width: 95%;}
	.col-2 {width: 100%; padding:15px 0;}
	.lt-gray-transparent h1#hp {margin-top:150px;}
	.catchphrase h3 {font-size: 15px;}


}
@media only screen and (max-width: 900px) {
	.logo {width: 100%; text-align: center; margin: 0 auto;}
	.header-right {width: 100%; text-align: center;}
	.header-right h5 {font-size: 10px; line-height: 16px;}
	.header-right h4 {font-size: 10px;  line-height: 16px; }
	.catchphrase h3 {font-size: 14px; line-height: 22px;}
	h1 {font-size: 22px; line-height: 30px;}
	h2 {font-size: 17px; line-height: 25px;}
	h3 {font-size: 15px; line-height: 22px;}
	h4 {font-size: 15px; line-height: 22px;}
	.contact-form {width: 100%;}
	.contact-right {width: 90%;}
	.col-left {width: 100%;}
	.col-right {width: 100%; float: none;; text-align: left;}
	.col-right p {font-size: 11px; float: none; text-align: left;}
	.team {width: 100%;}
}


@media only screen and (max-width: 600px) {
	.red-btn {width: 100%; padding:10px 0; font-size: 15px; margin: 5px 0;}
	.white-btn {width: 100%; padding:10px 0; font-size: 15px; margin: 5px 0;}
	.lt-gray-transparent h1#hp {margin-top: 250px;}

	
}