/*
### IMANPRO STATIC SITE SCRIPT
### v.5
*/





/*##################*/
/* SEARCH NORMAL DISPLAY PLUGIN STYLES */
/*##################*/


.fiftyfifty .search-result-box { margin-top: 20px; margin-bottom: 10px; }

.search-result-box { margin-bottom: 30px; }

.search-h1 { text-transform: uppercase; font-size: 23px; }
.search-h1 div { float: right; font-size: 14px; margin-top: 10px; }
.search-h1 div a { color: #000; }
.search-h1 div a:hover { color: $ff0001; }

.search-h2 { text-transform: uppercase; font-size: 13px; margin-bottom: 20px; }
.search-h2 div { float: right; }

.search-item-header { background: #000; color: #000; padding: 5px; margin: 0px; text-transform: uppercase; font-size: 14px; line-height: 1.5rem; }
.search-item-header a { color: #fff; }

/*##################*/

.search-img-container { height: 100%; overflow: hidden; }
.fiftyfifty .search-img-container { height: 240px !important; }
.search-img-container img { width: 100%; object-fit: cover; }

/*##################*/

.search-info-area { margin-top: 10px; }
.col-xl-7.search-info-area:nth-child(1) { padding-right: 0px; }
.col-xl-7.search-info-area:nth-child(2) { padding-left: 0px; }

@media screen and (max-width: 1200px) {
	.col-xl-7.search-info-area:nth-child(1) { padding-right: 15px; }
	.col-xl-7.search-info-area:nth-child(2) { padding-left: 15px; }
}

.search-info1 { font-size: 13px; }
.search-info2 { font-size: 16px; text-transform: uppercase; }
.search-info3 { font-size: 18px; text-transform: uppercase; }
.search-info4 { font-size: 14px; }

.search-info1, .search-info2, .search-info3, .search-info4 { margin-bottom: 15px; }

.search-info4 table { width: 100%; }
.search-info4 th { font-weight: normal; background: #f0f0f0; }
.search-info4 td {  }
.search-info4 th, td { border: 1px solid #fff;; padding: 2px 5px !important; }
.fiftyfifty .search-info4 th, td { font-size: 12px; }

/*##################*/

.fntext { background: #c40000; color: #ffffff; padding: 0 5px; 
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;}
.search-stocknum { float: left; }
.search-price { color: #c40000; text-align: right; }
.search-results { }
.search-num-results { }

/*##################*/

.page-link { color: var(--theme-link-color1); }
.page-link:hover { color: var(--theme-link-color2); }
.page-item.active .page-link { 
	background-color: var(--theme-bg-color2); 
	border-color: var(--theme-bg-color2) !important; 
	border-top-color: var(--theme-bg-color2) !important; 
	border-right-color: var(--theme-bg-color2) !important; 
	border-left-color: var(--theme-bg-color2) !important; 
	border-bottom-color: var(--theme-bg-color2) !important; 
}

/*##################*/

.sortby { padding: 5px 0 5px 5px; height: 36px; border: 1px solid #dee2e6; margin: 0 0 18px 0; height: 38px; color: #666; border-radius: 3px; display: inline-block; width: auto; }

@media screen and (max-width: 990px) {
	.top-pagination .pagination { display: none; }
	.bottom-pagination .sortby { display: none; }
	.sortby { margin: 0 0 20px 0; }
}

/*##################*/

.search-section { 
	border-top: 5px solid var(--theme-bg-color1);
	padding: 6px;
	margin-bottom: 20px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}

.search-section h3 { margin: 0px; background: none; color: var(--theme-h1-color); font-weight: 600; margin: 10px; }
.search-section .form-control { margin-bottom: 10px !important; }
.search-section .form-control:first-child { margin-top: 7px !important; }
.search-info-area { padding-left: 5px; }
.plusminus { width: 10px; cursor: pointer; }

.pluspng { content: url(/assets/images/plus.png); }
.minuspng { content: url(/assets/images/minus.png); }

@media screen and (max-width: 990px) {
	.search-info-area { padding-left: 15px; }
}

/*##################*/

#imp-search-form * { font-size: 13px !important; }
#imp-search-form select,
#imp-search-form input[type="text"] { width: 100%; padding: 5px 0 5px 5px; height: 36px; border: 1px solid #dee2e6; margin: 0 0 18px 0; }

#imp-search-form .buttonright { float: right; height: 36px; border: 0px; background: var(--theme-bg-color2); color: #fff; margin: 0 0 18px 0; text-transform: uppercase; }
#imp-search-form .buttonright:hover { background: #000; color: var(--theme-text-color2); }

#imp-search-form .button { width: 100%; border: 0px; background: var(--theme-bg-color1); color: var(--theme-text-color1); margin: 0 0 18px 0; border-radius: 0px !important; }
#imp-search-form .button:hover { background: var(--theme-bg-color2); color: var(--theme-text-color2); }

.imp-form-container { margin-bottom: 10px; }
/* .imp-form-container h3 { background: #000; color: #fff; padding: 5px 10px 5px 10px; font-size: 15px; text-transform: uppercase; margin: 0 0 18px 0; } */

@media screen and (max-width: 990px) {
	#imp-form-container { display: none; }
}

/*##################*/

.sticky2 {
	position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

/*##################*/

@media screen and (max-width: 990px) {
	.search-results { padding-left: 0px; }
	.search-info1, .search-info2, .search-info3, .search-info4 { padding-left: 0px; }
	.search-num-results { float: none; text-align: center; }
	.pagination { text-align: center; }
	.search-result-box .col-md-7 { padding-left: 15px; }
	.sticky { position: relative; }
}

/*##################*/





/*##################*/
/* IMP HTML RANGE SLIDER CSS */
/*##################*/

.slidecontaineryear, .slidecontainerprice, .slidecontainermileage {
  width: 100%; /* Width of the outside container */
  position: relative;
  height: 25px !important;
}

.slidebox { text-transform: uppercase; width: 100%; padding: 10px; border: 1px solid #dee2e6; margin: 10px 0 10px 0; }
.slidetrack { background: #f0f0f0; margin: 5px 0 0 0; }

/*##################*/

.slider {
	-webkit-appearance: none;  /* Override default CSS styles */
	appearance: none;
	width: 100%; /* Full-width */
	height: 25px; /* Specified height */
	background: none; /* Grey background */
	outline: none; /* Remove outline */
	opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
	transition: opacity .2s;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #bbb;
}

.slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/*##################*/

.slider::-webkit-slider-thumb {
	-webkit-appearance: none; /* Override default look */
	appearance: none;
	width: 25px; /* Set a specific slider handle width */
	height: 25px; /* Slider handle height */
	background: var(--theme-bg-color2); 
	cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
	width: 25px; /* Set a specific slider handle width */
	height: 25px; /* Slider handle height */
	background: var(--theme-bg-color2); 
	cursor: pointer; /* Cursor on hover */
}

/*##################*/

input[type=range] {
	pointer-events: none;
}
input[type=range]::-webkit-slider-thumb {
	pointer-events:auto;
}
input[type=range]::-moz-range-thumb {
	pointer-events:auto;
}

/*##################*/





/*##################*/
/* GATOR STYLED SEARCH RESULTS */
/*##################*/

.gator-search-results { margin: 10px 0px 10px 0px; }

.search-gator-result-box { width: 100%; display: inline-block; margin: 0 0 10px 0 !important; padding: 0px !important; }
.search-gator-result-box .col-md-7 { padding-top: 15px; }
.search-gator-result-box .col-md-5 { padding-top: 15px; }

.search-gator-item-header { background: #000; color: #000; padding: 5px; margin: 0px; text-transform: uppercase; font-size: 13px; line-height: 1.5rem; text-align: center; }
.search-gator-item-header a { color: #fff; }
.search-gator-img-container { background-color: #f0f0f0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; overflow: hidden; }
.search-gator-img-container img { width: 100% !important; object-fit: cover; }

.search-gator-info3 { font-size: 15px; margin-bottom: 5px; }

.gator-fntext { background: #c40000; color: #ffffff; text-align: center; font-size: 14px; line-height: 1.5rem; }
.search-gator-stocknum { float: left; }
.search-gator-price { text-align: right; }

@media screen and (max-width: 990px) {
	.search-gator-result-box {  }
}
@media screen and (max-width: 720px) {
	.search-gator-result-box {  }
}

/*##################*/





/*##################*/
/* IMP SPEC SHEET PLUGIN STYLES */
/*##################*/

.spec-h1 { text-transform: uppercase; font-size: 21px; text-align: center; }
.spec-h2 { text-transform: uppercase; font-size: 12px; text-align: center; margin-bottom: 20px; }

.spec-info1 { font-size: 14px; }
.spec-info2 { font-size: 16px; text-transform: uppercase; }
.spec-info3 { font-size: 18px; text-transform: uppercase; }
.spec-info4 { font-size: 14px; }
.spec-info5 { font-size: 14px; }

.spec-info1, .spec-info4, .spec-info5 { margin-bottom: 15px; }
.spec-info2 { margin-bottom: 25px; }
.spec-info3 { margin-bottom: 15px; margin-top: 20px; }

.spec-info1 h3 { margin-top: -5px; }
.spec-info3 .button { display: block; text-align: center; width: 100%; color: #fff !important; }

.spec-info4 h3, .spec-info5 h3, #imp-form-container h3, .calch3, .simh3 { 
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500 !important;
}

a.ztip {color: #000 !important}
a.ztip:hover {color: blue !important}

.spec-info5 table { width: 100%; }
.spec-info5 th { font-weight: normal; background: #f0f0f0; width: 35%; }
.spec-info5 td {  }
.spec-info5 th, td { border: 1px solid #fff; padding: 2px 5px !important; }

.spec-dlr { font-size: 24px; color: #000 }
.spec-location { font-size: 17px; }
.spec-phone { font-size: 20px; color: #000 !important; margin-top:-6px }
.spec-price { color: #000;font-weight:400 !important;font-size:22px } 

.spec-button-row .col-md-6:first-child { padding-right: 2px; }
.spec-button-row .col-md-6:last-child { padding-left: 2px; }
.spec-button-row .col-md-12 { padding-top: 5px; }

@media screen and (max-width: 990px) {
	.spec-button-row .col-sm-12, .spec-button-row .col-sm-6 { margin-bottom: 10px; }
}

/*##################*/

.mainimage-container, .carousel-thumb-container { background-size: cover !important; }
#mainimage { visibility: hidden; height: 100%; width: 100%; }
.mainimage-container { background-position: center !important; background-repeat: no-repeat !important; background-color: #f0f0f0 !important; height: 500px; margin-bottom: 10px; overflow: hidden; }
.carousel-container .carousel-item { padding: 5px !important; }
.carousel-thumb-container { background-position: center !important; background-repeat: no-repeat !important; background-color: #f0f0f0 !important; height: 120px; cursor: pointer; }
.carousel-thumb-container .thumb { display: none; }
.image-wrap { width: 100%; height: 100%; }
.slbCloseBtn { display: none; }

@media screen and (max-width: 990px) {
}
@media screen and (max-width: 768px) {
	#mainimage { visibility: visible; }
	.mainimage-container { background: none !important; margin-bottom: 20px; }
	.mainimage-container-hidden { display: none; } 
	.staticthumb, .carousel-container { margin-bottom: 20px; }
	.carousel-thumb-container { background: none !important; cursor: pointer; height: auto; }
	.carousel-thumb-container .thumb { display: block; width: 100%; }
}

/*##################*/

.sim-row { margin: 40px -15px 20px -15px; }
.sim-row .col-md-3:first-child {  }
.sim-row .col-md-3:last-child {  }
.spec-sim-block { padding: 10px; }
.spec-sim-block:first-child { padding-left: 0px; }
.spec-simunit-header { margin: 0px; padding: 0px; }
.spec-sim-block:last-child { padding-right: 0px; }
.spec-sim-img-container { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; background-color: #f0f0f0; position: relative; height: 240px; }
.spec-sim-title { font-size: .75rem; background: }
.spec-sim-title a { color: var(--theme-h2-color); font-weight: bold; text-transform: uppercase; }
.spec-sim-title a:hover { color: #000; }
.spec-sim-title2 { color: var(--theme-h3-color) font-size: .75rem; text-transform: uppercase; }
.spec-sim-location { font-size: .75rem; text-transform: uppercase; color: #555; }
.spec-sim-price {
    position: absolute;
    margin-bottom: 0px;
    top: -15px;
    left: 5px;
    padding: 3px 18px !important;
    width: 91px;
    height: 30px;
    background: url(/assets/images/sim.png) !important;
    color: #000 !important;
}

@media screen and (max-width: 990px) {
	.spec-sim-img-container { width: 100%; height: 300px;}
}

/*##################*/







.state-link { font-size: 14px; margin-top: 20px; }
.seo { font-size: 13px; margin-bottom: 30px; text-transform: uppercase; }

.page-item.total-results { margin-left: 10px; }