/***** 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: #ed2027;
GRAY: 767575
*/

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

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

.clear{clear: both;}

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

body {
	font-family: 'Montserrat', sans-serif; 
	font-size:15px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	background: #f3f3f3;
	color: #000; 
	font-weight:300;
	overflow-x:hidden;
}
h1 { font-size: 34px; font-weight:700; color:#767575; text-align:left; text-transform:uppercase;}
h2 {font-size: 22px; text-align:left;color:#FFF; font-weight:700;}
h3 {font-size:20px; color: #000; font-weight: 700; }
h4{color:#767575; font-size: 20px; font-weight:700; text-align:center;}

a{color:#000;}
a:hover {text-decoration: underline;}
strong {font-weight: 700;}


.right{float: right;}
.left{float:left;}

#pad{padding: 30px 0;}
#pad2{padding: 50px 0;}

.indent{padding-left: 2%;}

.fa{color:#ed2027;}

/*--- HEADER STYLES --------------------------*/
header {
	width:100%;
	float:left;	
	background: url(../siteart/black-bg.jpg) repeat;
	position:relative;
	z-index:999;
	border-bottom: #ed2027 solid 4px;
	background-color:black;
}
.header-inner {padding: 10px 0px; width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center}


.logo {width: 33.33%; justify-content: flex-start}
.logo img{width:100%; max-width: 200px; position: absolute; top: 10px}

.head-center{text-align: center; display: inline-block; width: 33.33%; justify-content: flex-start}

#red-btn{ background: #ed2027; color:#f3f3f3; padding: 10px 30px; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px;}
#red-btn:hover{background:#fff; color: #000; text-decoration: none;}


.contacthead {
	width:33.33%;
	float:right;
	text-align:right;
	font-size:16px;
	color:#fff !important;
	font-weight: 400;
} 
.contacthead strong{font-size: 16px;}
.contacthead p{color:#fff !important; padding: 2px 0px; text-align:right;}
.contacthead a{color:#fff !important;}

#triangle-bottomright {
    width: 0px;
    height: 0px;
    border-bottom: 50px solid #ed2027;
    border-left: 60px solid transparent;
    float: right;
}

#triangle-bottomleft {
    width: 0px;
    height: 0px;
    border-left: 60px solid #ed2027;
    border-bottom: 50px solid transparent;
    float: left;
}




/*---BODY--------------------------------*/
.wrapper { width: 100%; margin: 0 auto;}
.wrapper-inner {padding: 20px 0px; width: 75%; margin: 0 auto;}
.wrapper-inner p { margin: 0 auto; padding: 5px 0px;}

.gray{background: url(../siteart/gray-bg.jpg) repeat; width:100%; margin:0 auto;background-color:white;}

.light-bg{background: #eee;}
.black-bar { width: 100%; margin: 0 auto; background:#000;}


#button{ background: #ed2027; color:#f3f3f3; padding: 10px 20px; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 700;}
#button:hover{background:#000;  text-decoration: none;}


.page-bg img{width:100%; display:block;}


.financing-button{width: 90%; max-width: 800px;margin: 0 auto 35px auto;text-align: center;padding: 10px;font-size: 18px;color: white; background:#ed2027;}
.inventory-finance a {text-decoration: none;}

.financing-button:hover{border: #ed2027 2px solid; color: #ed2027;background: none;}


/*-- new location --*/

.new-location{display: flex; width: 90%; margin: 0 auto; padding: 100px 0; align-items: center}
.new-location .box{justify-content: flex-start; width: 33%; margin: 5px; color: #000} .new-location .box h1{color:#ed2027;line-height: 100%}
.new-location > div:first-child {width: 38%;}
.new-location > div:last-child {width: 60%;}
.new-location .box img{width: 100%; box-shadow: 0 6px 10px -7px rgb(0 0 0 / 30%)} .new-location .box a{text-decoration: none;} .new-location .box a:hover{text-decoration: underline;}


h2 {
    font-size: 34px;
    font-weight: 700;
    color: #767575 !important;
    text-align: left;
    text-transform: uppercase;
}

/**---- SLIDER STYLES-----------------------------*/

.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;
}

/**-- MANU BAR--*/
.brandslider{
	margin: 0 auto;
	text-align: center;
	width:80%;
	background: none !important
}
.brandslider img{padding: 0 !important; width: 100%; max-width: 250px !important;}


/*------ZOOM THUMBNAIL STYLES-------------------------- */


.zoom-container {
	width: 19%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 5px 3px;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}

.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-size: 1vw;
	font-weight:700;
	padding: 5px 0;
	text-transform: uppercase;
	color: #fff;
	margin: 30% 0;


}
.zoom-container .zoom-caption p{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight:400;
	color: #fcc602;
	
}

.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(0, 0, 0, .3);
}


/*---DETAILED SEARCH-------------------------------*/
.quick-search {width:100%;background: url(../siteart/search-bg.jpg) no-repeat; background-color:black;}
.quick-search h2{ text-align:center; text-transform:uppercase;}


/*-- detailed search--*/
.detailed-search-wrap {width:80%; margin:0 auto; padding: 60px 0;}
.detailed-search-wrap .column4 {
	width: 24%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-row{display: flex; align-items: center}
.detailed-row .column{
	flex: 1;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-search input[type='submit'] {
	font-size:15px;
	color:#fff;
	font-weight:700;
	background: #767575;
    width: 100%;
	padding: 9px 0;
	margin-top: 20px;
	letter-spacing: .50px;
	font-family: 'Montserrat', sans-serif;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	-webkit-appearance: none;
}
.detailed-search input[type='submit']:hover{
	background:#ED2027;
	color:#fff;
}
.detailed-search input[type='text'], .detailed-search select{
	font-weight: 400; 
	font-family: 'Montserrat', sans-serif; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}


/* NOUI SLIDER */
.detailed-search .hp-slider .example-val {padding: 5px 0;}
.detailed-search .noUi-target{position: relative; direction: ltr}
.detailed-search .noUi-origin{position: absolute; right: 0; top: 0; left: 0; bottom: 0; border-radius: 2px}
.detailed-search .noUi-handle{position: relative; z-index: 1}
.detailed-search .noUi-marker, .detailed-search .noUi-pips, .detailed-search .noUi-tooltip, .detailed-search .noUi-value{position: absolute}
.detailed-search .noUi-horizontal{height: 12px; z-index: 0}
.detailed-search .noUi-horizontal .noUi-handle{width: 25px; height: 21px; left: -13px; top: -6px}
.detailed-search .noUi-background{background: #ccc;}
.detailed-search .noUi-connect{background: #fff !important; border: 1px #000 solid;}
.detailed-search .noUi-target{width: calc(95% - 15px); margin: 15px auto 0 auto;}
.detailed-search .noUi-handle{background: #767575 !important; border: 1px solid #ccc; border-radius: 3px;}
.detailed-search .noUi-handle:after, .detailed-search .noUi-handle:before{content: ""; display: block; position: absolute; height: 12px; width: 1px; background: #E8E7E6; left: 10px; top: 3px}
.detailed-search .noUi-handle:after{left: 12px}
.detailed-search .noUi-pips-horizontal{padding: 5px 0; height: 10px; top: 100%; left: 0; width: 100%}
.detailed-search .noUi-marker-horizontal.noUi-marker{margin-left: -1px; width: 1px; height: 5px; background: #777;}
.detailed-search .example-val{font-size: 12px; font-weight: 600; color: #fff;} .detailed-search .example-val span{font-weight: 400;}
.detailed-search #slider-price-value-lower:before, .detailed-search #slider-price-value-upper:before{content: '$'; padding-right: 2px}



/*---EMPLOYMENT PAGE------------------------------*/
.emp-left{
	width: 70%; 
	float:left;
	text-align:left;
	padding: 20px 0;
}
.emp-left p, .emp-left a{text-align:left; }

.emp-right{
	 width:30%; 
	float: right;
	padding: 20px 0;
	}
.emp-right p, .emp-right a{text-align:left;}

.emp-right h4{color:#ed2027; font-weight:700; font-size: 15px; text-align:left;}
.emp-right a:hover{font-weight:400;}


/*---SERVICE PAGE------------------------------*/
.service-left{
	width: 60%; 
	float:left;
	text-align:left;
	padding: 20px 0;
}
.service-left p, .service-left a{text-align:left; }

.service-right{
	 width:40%; 
	float: right;
	padding: 20px 0;
	}
.service-right p, .service-right a{text-align:left; padding:0px;}

.service-right h4{color:#ed2027; font-weight:700; font-size: 15px; text-align:left;}
.service-right a:hover{font-weight:400;}
.staff-row {padding: 2% 0;}
.staff-row img {max-width:75px; width: 100%;display:inline-block;  vertical-align:top; padding-right:10px;}
.staff-text {display:inline-block; width:80%; vertical-align:top;} 


/*---CONTACT PAGE------------------------------*/
.col-left{
	width: 30%; 
	float:left;
	text-align:left;
}
.col-left p, .col-left a{text-align:left; }

.col-right{ width:70%; float: right;}
.col-right p, .col-right a{text-align:left;}


/*----- FRAMELESS STYLES ----------------------*/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'Montserrat', sans-serif  !important;} /* Font for Inventory to match rest of website */
.hosted-content{font-family: 'Montserrat', sans-serif  !important;}
.hosted-content h1{ text-align: left !important; font-family: 'Montserrat' !important;}

.hosted-content h2 {color: #ed2027 !important;font-family: 'Montserrat' !important;}  /* Featured Listings/General Listings */
.hosted-content h3 {color: #ed2027 !important; font-size:28px !important;font-family: 'Montserrat' !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Montserrat' !important; line-height: 1em !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3{ font-size: 28px !important;font-family: 'Montserrat' !important; line-height:1.5em !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: none !important;} /* Featured Listings/General Listings Background */
.hosted-content .listings-wrapper .sort-box {background: none !important;} /* Background for Sort Order */

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color: #ed2027;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #ed2027;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #ed2027 !important;} /* View Details button */
.hosted-content .btn:hover, .hosted-content .button:hover {background: #ed2027 !important;} /* View Details Button */

.hosted-content .listings-wrapper .radio-icon label[for], .hosted-content .listings-detail-wrapper .radio-icon label[for], .hosted-content .listings-drilldown-wrapper .radio-icon label[for]{color:#000 !important;}

/*-------- FOOTER STYLES --------*/


footer {background:#000; width:100%; margin:0 auto; color:#767575;}
footer a, footer p{color:#767575;}

#footercontent { width:75%; margin:0 auto; float: none; color:#767575;  text-align: left; vertical-align: middle; border-bottom:1px solid #767575; padding-bottom: 30px; font-weight:400;}

#footercontent a{color: #767575;}
#footercontent a:hover{ text-decoration: underline;}

.footer-inner{text-align:center; margin:0 auto; font-size: 13px; line-height: 16px;padding-top:30px;}
.footer-inner a{text-decoration: none;}
.footer-inner a:hover{text-decoration: underline;}


/*--------FORM STYLES--------------------------------------*/
#formpage { vertical-align:top; margin: 0 auto; }

#formpage div {
	vertical-align:top;
	padding:5px 5px;
	text-align: left;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #8e8d8d;
	font-size:13px;
	background:#fff;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #8e8d8d;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	-webkit-appearance:none;
}

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

.formfield {
	width:31%; 
	float:left; 
	margin-right: 12px; 
	margin-top: 10px;
	color: #000;
	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
}

#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 {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:120px;
	display: inline-block;
    background: #ed2027; 
    color:#f3f3f3;
	border: none; 
	padding: 10px 20px;
	font-weight:700;
	text-decoration:none; 
	text-transform: uppercase;
	-webkit-appearance:none;
	font-family: 'Montserrat' !important;

}
#formpage input.button:hover {
    background: #000; 
    color:#F3F3F3;
	text-decoration:none; 
	
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 30%; float:left; }

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 





/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width: 1600px) {
header{border-bottom:none;}

}

@media screen and (max-width: 1400px) {
	.bottomnav ul li a {
	font-size:14px;
	padding:15px 18px 0;	
	}
	
	.wrapper-inner{width:90%;}
	.right-col{width:60%;}
}


@media screen and (max-width: 1250px) {
#triangle-bottomright{display:none;}
.logo img{position: relative; top: 0}	
	.header-inner{padding: 15px 0}
}
	
@media screen and (max-width: 1130px) {
	#red-btn {
		font-size: 14px;
	}

	
}
	
@media screen and (max-width: 1100px) {

.bottomnav ul li a {
    font-size: 12px;
    padding: 15px 10px 0;
}

.zoom-container {width: 47%;}
.zoom-container .zoom-caption h3{ font-size: 20px;}

/*-- new location --*/
.new-location{display: block; padding: 50px 0;}
.new-location .box{justify-content: flex-end; width: 100% !important; margin: 10px auto; }
	
}

@media screen and (max-width:1024px){

.col-left{text-align:left; margin: 0 auto; float:none; width:100%;}
.col-right{width:100%; margin-top:20px;}

.emp-left{text-align:left; margin: 0 auto; float:none; width:100%;}
.emp-right{width:100%;}

.formfield {width:98%;}



}
@media screen and (max-width:860px){
.zoom-container {width: 47%;}

	.header-inner{display: block; text-align: center; padding: 20px 0; width: 90%}
	.logo{display: block; width: 100%; justify-content: flex-end}
	.logo img{max-width: 150px;}
	.head-center{display: block; width: 100%; justify-content: flex-end; margin: 20px auto;}
	.contacthead{display: block; width: 100%; justify-content: flex-end; text-align: center !important; margin-bottom: 20px}
	.contacthead p{color:#fff !important; padding: 2px 0px; text-align:center;}

	
.bottomnav {
width:66%;
height:41px;	
}

#triangle-bottomleft {
border-bottom:41px solid transparent;	
}

.bottomnav ul li a {
padding:13px 8px 0;
font-size:12px;	
}

.bottomnav ul {
width:95%;
margin-left:5%;	
}

.service-left{width:100%;}
.service-right {width:100%;}

#footercontent .left, #footercontent .right{float:none; text-align:center; }
	


.detailed-search-wrap .column3 {
	width: 100%;
	display: block;
	margin: 5px auto;
}	
	
	#red-btn {
		font-size: 20px;
	}	
	
}



@media screen and (max-width: 680px)  {
h1{font-size:28px;}

.zoom-container {width: 100%;}

#triangle-bottomright {
	display:none;
}

.contacthead {
font-size:12px;
}


#triangle-bottomleft {
display:none;	
}

.bottomnav {
width:100%	
}

.contactfoot {
width:100%;
font-size:16px;
margin-bottom:15px;	
}

.bottomnav ul li a {
padding:13px 18px 0;	
}


#footercontent .left, #footercontent .right{float:none; text-align:center; }
}




@media screen and (max-width: 600px)  {
.bottomnav ul li a {
padding:13px 12px 0;	
}

.detailed-row{display: block; align-items: center}
.detailed-row .column{display: block; width: 100%; margin: 10px auto}
	
}

@media screen and (max-width: 500px)  {

.zoom-container2 {float:none; width: 100%; margin: 0px 0px;}
.zoom-container2 .zoom-caption h3 {font-size:30px;}	

.bottomnav ul li a {
padding:8px 5px;	
font-size:10px;
}

.bottomnav {
height:auto;
}
	
}

@media screen and (max-width: 355px)  {

}