/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2025 | 00:29:07 */
@charset "utf-8";
/* CSS Document */
.list_sub_title .left, .listing_title .left{ 
	float:left;
	font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}
.list_sub_title .right, .listing_title .right{ 
	float:right;
	padding-top:10px;
	font-size:14px;
}
.listing_title .right .list_view{
	background:url(../images/listing_list_view_btn.png) no-repeat;
	width:50px;
	height:27px;
	float:left;
	padding-left:10px;
	margin-top:2px;
	cursor:pointer;
	
}
.listing_title .right .gallery_view{
	background:url(../images/listing_gallery_view_btn.png) no-repeat;
	width:29px;
	height:29px;
	float:right;
	cursor:pointer;
}
.listing_title{
	background:url(../images/listing_title_bg.png) repeat-x;
	height:50px;
	border: #a8a6a6 1px dashed;	
	padding:0 17px;
	margin:0px 0px 20px 20px;
	width:97%!important;
	display: none;
}
.listing_title .right .gallery_view.active{
	background:url(../images/listing_gallery_view_btn_hover.png) no-repeat;
}
.listing_title .right .list_view.active{
	background:url(../images/listing_list_view_btn_hover.png) no-repeat;
}
/*#listing_content{
	display: inline-block;
}*/
#listing_content .listing_row_display{  
	display:table;
	width:100%;
	padding: 15px;
	margin-bottom: 70px;
	 
}
#listing_content .listing_row_display .listing_img{ float:left; width:23%; }
#listing_content .listing_row_display .listing_desc{ float:left; width:57%; }
#listing_content .listing_row_display .listing_price{ float:left; width:20%;}
#listing_content .listing_row_display .listing_price .list_details_btn{
/*	background:url(../images/btn_bg.png) repeat-x;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	width:80px;
	line-height:23px;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	float:right;*/
	display: none;
}
#listing_content .listing_row_display .listing_desc .list_title_txt span, #listing_content .listing_row_display .listing_price .list_price{ text-align:right;}
#listing_content .listing_row_display .listing_desc .list_title_txt span, #listing_content .listing_row_display .listing_price .list_price span{	
}
#listing_content .listing_row_display .listing_desc .list_tagline span{

}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_tagline span{
}
#listing_content .listing_row_display .listing_desc .list_title_txt{
 line-height:20px;
 padding-bottom:0px;
 white-space:nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

}
#listing_content .listing_row_display .listing_price a, #listing_content .listing_row_display .listing_desc .list_title_txt span a{ text-decoration:none;}
#listing_content .listing_row_display .listing_desc .list_tagline, #listing_content .listing_row_display .listing_desc .list_colour, #listing_content .listing_row_display .listing_desc .list_engine, #listing_content .listing_row_display .listing_desc .list_trans, #listing_content .listing_row_display .listing_desc .list_mileage{
  line-height:20px;
  white-space:nowrap;
} 
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_tagline{
	height: 18px;
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_tagline, 
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_colour, 
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_engine, 
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_trans, 
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_mileage{
  line-height:18px;
  white-space:nowrap;
} 
#listing_content .listing_row_display .listing_desc .list_colour label, #listing_content .listing_row_display .listing_desc .list_engine label, #listing_content .listing_row_display .listing_desc .list_trans label, #listing_content .listing_row_display .listing_desc .list_mileage label{
   font-size:14px;
   font-weight:bold;
}
#listing_content .listing_row_display .listing_desc .list_colour span, #listing_content .listing_row_display .listing_desc .list_engine span, #listing_content .listing_row_display .listing_desc .list_trans span, #listing_content .listing_row_display .listing_desc .list_mileage span{
   font-size:14px;
}
#listing_content .listing_row_display .listing_desc .list_save .save_list_text{
   font-weight:bold;
   font-size:14px;
}
#listing_content .listing_row_display .listing_price .list_price .finance_price{
	display: block;
}
#listing_content .listing_row_display.listing_gallery_display .listing_img a img{
	width: 100%;
	height: auto;
}


#listing_content .listing_row_display.listing_gallery_display div.list_feature,
#listing_content .listing_row_display.listing_gallery_display div.calculate_div{
    display:none !important;
}

#listing_content .listing_row_display.listing_gallery_display div.listing_price{
    padding-top:40px !important;
}

 
#listing_content .listing_row_display.listing_gallery_display{
   min-height:500px;
   max-height:330px;
   display: block;
   float:left;
   width:33.33%!important;   
   /*padding:20px;*/
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc{
	margin-top: 10px;
}
#listing_content .listing_row_display.listing_gallery_display .listing_img,#listing_content .listing_row_display.listing_gallery_display .listing_desc, #listing_content .listing_row_display.listing_gallery_display .listing_price{
	float:none;
	width:auto;
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_colour, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_engine, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_trans, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_mileage{
 float:left;
 padding-right:5px;
 width:auto;
 line-height: 15px;
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_colour label, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_engine label, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_trans label, #listing_content .listing_row_display.listing_gallery_display .listing_desc .list_mileage label{
	display:none;
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_title_txt span, #listing_content .listing_row_display.listing_gallery_display .listing_price .list_price{
   text-align:left;
}
#listing_content .listing_row_display.listing_gallery_display .listing_price .list_price{
  position:absolute;
  margin-top:-33px;
  line-height: 18px;
}
#listing_content .listing_row_display.listing_gallery_display .listing_price .list_price span{

}
#listing_content .listing_row_display.listing_gallery_display .listing_price a{
	width: 100%;
    float: left;
	margin-top: 10px;
}

#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_save{
 position:absolute;
 margin-top:20px;
}
#listing_content .listing_row_display.listing_gallery_display .listing_desc .list_feature{
	padding-top:35px;
}
#listing_content .listing_filter .pagination{ margin-top: 5px; }
#listing_content .listing_filter{ font-size:14px; margin-top:10px; display: inline-block; width: 100%;}
#listing_content .listing_filter select{ padding:5px; font-size:13px;}
#listing_content .listing_filter .filters select{ width:170px; color:#000000;}
#listing_content .listing_filter .per_page{ text-align:right; padding-right:0px;}
#listing_content .listing_filter .filters select#srt{ margin-right:5px;}
#listing_content .listing_filter .page_arrow .left_arrow a{ 
	background:url(../../plugins/listing/images/arrow_left_icon.png) no-repeat; 
	width:19px;
	height:8px;
	display:block;
}
#listing_content .listing_filter .page_arrow .center_img{ 
	background:url(../../plugins/listing/images/pagination_middle_icon.png) no-repeat; 
	height:15px;
	width:3px;
	display:block;
}
#listing_content .listing_filter .page_arrow .right_arrow a{ 
	background:url(../../plugins/listing/images/arrow_right_icon.png) no-repeat; 
	width:19px;
	height:8px;
	display:block;
}
#listing_content .listing_filter .pagination .page_txt{ width:100px; float:left;}
#listing_content .listing_filter .pagination .page_arrow{ width:80px; float:left; padding-top:7px;}
#listing_content .listing_filter .pagination .page_arrow span{ 
	float:left;
	padding-right: 13px;
    padding-top: 3px;
}
#listing_content .list_sub_title{ display:table; width:100%;}
#listing_content .tagline_txt{ padding-bottom:10px; font-size:14px;}

#listing_content .other_info{
	margin-top:45px;
}
#listing_content .other_info .vehicle_details, #listing_content .other_info .vehicle_features, #listing_content .other_info .vehicle_comments{    
	padding:5px 0px;
}
#listing_content .other_info .vehicle_features{
	margin-left:45px;
}

#listing_content .other_info .vehicle_detail_title{
	font-size:26px;
	color:#000;
	font-weight:600;
	border-bottom:1px dotted;
	padding:10px 0px;
	margin-bottom:5px;	
}
#listing_content .other_info .vehicle_details_list .vehicle_details_sub_title{
	font-size:16px;
	color:#636363;
	display:inline-block;
	width:49%;
}
#listing_content .other_info .vehicle_details_list .vehicle_details_value{
	font-size:16px;
	color:#4A4A4A;
	font-weight:bold;
	display:inline-block;
	text-align: right;
	width:49%;
}
#listing_content .other_info .vehicle_comments .vehicle_details_tagline{
	font-size:14px;
	color:#4e4e4f;
	font-weight:bold;
}
#listing_content .other_info .vehicle_comments .vehicle_details_description{
	font-size:16px;
	color:#636363;
}
#listing_content .other_info .vehicle_features ul li{
    list-style-type:square;
    font-size:14px;
    color:#949494;
}
#listing_content .other_info .vehicle_details_list .vehicle_print_cin a{
	font-size:14px;
	text-decoration:none;
	color:#5c7dc0;
}
#vehicle_listing #content{
	padding-right: 0px;
}
#vehicle_listing #sidebar, #vehicle_listing #content{
	width: 100%;
}
#vehicle_listing #sidebar{
	padding-left: 0px;
}
#vehicle_listing #sidebar .wp_widget_searchlist_box_other{
	padding-left: 0px;
}
/*
*
*********************************************VC Search Form*********************************
*
*/
#vc_search_form input[type="text"], select#category, select#make, select#trans{
	width: 100%;
}
#vc_search_form select#pricea, #vc_search_form select#priceb, #vc_search_form select#yeara, #vc_search_form select#yearb{
	width: 48%;
}
#vc_search_form select#priceb, #vc_search_form select#yearb{
	float: right;
} 
#vc_search_form .btn_search input {
	width: 150px;
	float: right;
	background-color: #f32938;
	border-radius: 20px;
	border: 1px solid #000;
}
/*
*
*********************************************Media queries*********************************
*
*/
@media all and (max-width:990px){
	#rg-gallery .rg-image-wrapper .rg-image img{
		width: auto;
		max-height: 440px;
	}
}
@media all and (min-width:1200px){
  #listing_content .listing_row_display.listing_gallery_display{
  	min-height: 500px;
    max-height: 400px;
  }
}
@media all and (min-width:1001px){
 .listing_container > .column_container{ padding:0px;}
 #vehicle_listing #content{ padding-left:0px;}
}
@media all and (max-width:1155px){
	#listing_content .listing_row_display .listing_img{ width:30%; }
	#listing_content .listing_row_display .listing_desc{ width:50%;}
}
@media all and (min-width:990px){
	#vehicle_listing {
	    display: grid;
	    grid-template-areas: 'listing listing' 'sidebar content';
	    grid-gap: 10px;
	}
}
@media all and (max-width:930px){
	#listing_content .listing_row_display.vc_col-sm-3{
		width:33.33%;
	}
	#listing_content .listing_row_display.vc_col-sm-3.listing_gallery_display{
		width:50%!important;
		min-height: 400px!important;
		max-height: 400px!important;
	}
}
@media all and (min-width:875px) and (max-width:970px){
	.homepage #content #sidebar{ 
	   /*top:85px!important;*/
	}
}
@media all and (max-width:875px){
	#listing_content label {
    width: 100%;
    text-align: left;
}
	#listing_content .filters span {
		width: 100% !important;
	}
      #main.homepage{ padding-top:0px;}
    .homepage #content #sidebar{ 
		margin-left:auto;
		position:relative!important;
		display:inline!important;
		top:0px!important;
	}
	.homepage #content #sidebar .widget_wp_search_list .wp_widget_searchlist_box_home{ 
		width:100%;
	}
	#listing_content .listing_row_display.listing_gallery_display .listing_price a {
		position: relative;
		right: 0px;
		
	}
	#listing_content .listing_row_display.listing_gallery_display div.show_in_grid_view {
		margin-top: 15px !important;
	}
	.homepage #content #sidebar .widget_wp_search_list .wp_widget_searchlist_box_home .widget-title{ 
		background-repeat:repeat-x;
		width:100%;
		text-align:center;
		padding-left:0px;
	}
	.homepage #content #sidebar .widget_wp_search_list .wp_widget_searchlist_box_home .btn_search input{ 
		background-repeat:repeat-x;
		width:100%;
	}
}
@media all and (max-width:750px){
	#listing_content .listing_row_display.listing_gallery_display {
		width: 100% !important;
		max-height: unset;
		margin-bottom: 20px;
	}

	#listing_content .listing_row_display.listing_gallery_display .listing_price .list_price {
		position: relative;
	}

    #listing_content .listing_row_display.listing_gallery_display .listing_img a img{ width:100%; height: auto; }
	#listing_content .listing_row_display{ width:100%; display:table;}
	#listing_content .listing_row_display .listing_desc .list_title_txt{ /*line-height:15px;*/}
	#listing_content .listing_row_display.vc_col-sm-3{
		width:50%;
		float:left;
		margin:0 auto;
		display: table;
	}
	#listing_content .listing_row_display.vc_col-sm-3{
	   /*float:none;*/
	}
	#listing_content .listing_filter .pagination{ 
		display: inline-block;
	}
	#listing_content .listing_filter .per_page{
		text-align:left;
		padding-right:20px;
	}
	#listing_content .listing_filter .filters select, #listing_content .listing_filter .per_page select{
		width:100%;
		margin-bottom: 10px;
	}
}
@media all and (max-width:625px){
	#listing_content .listing_row_display .listing_img{ width:40%; }
	#listing_content .listing_row_display .listing_desc{ width:35%;}	
}
@media all and (max-width:520px){
	#listing_content .listing_row_display.vc_col-sm-3.listing_gallery_display{
	   float:none;
	   width: 100%!important;
	}
	#listing_content .listing_row_display .listing_img a img{ width:100%; height: auto; }
	#listing_content .listing_row_display .listing_img{ width:100%; }
	#listing_content .listing_row_display .listing_desc{ width:100%;}
	#listing_content .listing_row_display .listing_price{ width:100%;}
}


@media all and (max-width:520px){
    #listing_content .listing_row_display{
    	padding:0px;
    }
}


#listing_content .listing_row_display.listing_gallery_display span.show_in_grid_view,
#listing_content .listing_row_display.listing_gallery_display div.show_in_grid_view{
  display:block !important;
}

.mt-45{
    margin-top:45px;
}



/*/////finance Calculator*/
.finance_calculator{
    display: block;
    position: relative;
    max-width: 450px;
    left: auto;
    transform: unset;
    margin:0 auto;    
    text-align: center;
}
.finance_calculator .btn.btn-primary{
    max-width: 450px;
    width: 100%;
} 
.col_title{
    width: 40%;
    float: left;
    text-align: left;
}
.col_title_val{
    width: 60%;
    float: left;
    text-align: left;
}
.finance_calculator .form-horizontal .form-group{
    margin-left: 0px;
    margin-right: 0px;
}
.finance_calculator .panel-default > .panel-heading{
    background-color:#008456;
    border-color: #008456;
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
}
.amount_total{
    text-align: center;
}
.amount_total .time_period{
    display: block;
}
.interest_rate_increment_dec, .term_increment_dec{
    float: right;
}
.interest_rate_increment_dec .fa, .term_increment_dec .fa{
    background-color: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding-top: 4px;
    font-size: 11px;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
}
.finance_val{
    font-size: 32px;
    color: #000;
    font-weight: bold;
    margin-right: 3px;
}
.amount_total .currency_symbol, .amount_total .amount{
    font-size: 60px;
    color: #000;
    font-weight: bold;
}
.term_con{
    font-size: 10px;
}
.modal-backdrop{
    z-index: inherit!important;
}
.modal-open #main-header{
    z-index: -1!important;
}
#financeModal .modal-body{
    padding: 0px;
}
.fancybox-overlay.fancybox-overlay-fixed{
    z-index: 9999;
    position: fixed;
    top: 30px;
    width: 100%!important;

}

.fancybox-wrap.fancybox-opened{

    background-color: #ffffff;
}
.fancybox-wrap.fancybox-opened .fancybox-inner{
    height: auto!important;
    max-height: 300px;
    width: auto!important;
}
.fancybox-wrap.fancybox-opened .fancybox-inner .cms_submit{
    margin-right: 20px;
}



