/*commons styles*/
hr { border-top: 1px solid #58595b; }
html {scroll-behavior: smooth;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #58595b; opacity: 1; font-weight: 400;}
::-moz-placeholder { /* Firefox 19+ */color: #58595b; opacity: 1; font-weight: 400;}
:-ms-input-placeholder { /* IE 10+ */color: #58595b; opacity: 1; font-weight: 400;}
:-moz-placeholder { /* Firefox 18- */color: #58595b; opacity: 1; font-weight: 400;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #58595b; font-weight: 400; background: #e0e0e0;background-color:white;}
h1, h2 { font-family: 'Teko', sans-serif; font-weight: 500; }
.font-teko { font-family: 'Teko', sans-serif;}
a {color: #39acaa ; text-decoration: none;}
a:hover, a:focus {color: #58595b; text-decoration: none; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
#details-vehicle-info-options li:not(:first-child):before {color: #fff;}
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 0; }
.linda-red { color: #39acaa ; }
.linda-gradient { background: #22bcb9; background: #22bcb9 }
a.header-watchlist:hover, a.watchlist:hover {text-decoration: none;}
a:hover, button:hover, .social a .fa:hover, #search-results .search_details a:hover {transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
/*hiCar Selest style for vehicle pages*/
[data-url="buy-hicar-select"] #breadcrumb_wrapper {background: #ff7f50;}
[data-url="buy-hicar-select"] #body .carlistingSelectOptionbox .filter-search-title { color: #ff7f50;}
[data-url="buy-hicar-select"] .filter-btns-cover #btnApply { background: #ff7f50; }
[data-url="buy-hicar-select"] .search_title_header { background: #ff7f50; }
[data-url="buy-hicar-select"] a, [data-url="stock-hicar-select"] a { color: #ff7f50; }
[data-url="buy-hicar-select"] .vehicle-numbers-cover .totalresult { color: #ff7f50; }
[data-url="buy-hicar-select"] .search_odometer a {background: url("/media/16204/odometer.png") no-repeat;background-size: 45px;background-position: top center;}
[data-url="buy-hicar-select"] .search_transmission a {background: url("/media/16203/gear_auto.png") no-repeat;background-size: 45px;background-position: top center;}
[data-url="buy-hicar-select"] .search_cylinders a {background: url("/media/16201/engine_alt.png") no-repeat;background-size: 45px;background-position: top center;}
[data-url="buy-hicar-select"] #search-results .vehicle-view-btn a:hover {text-decoration: none;background: #ff7f50; background: #ff7f50;}
[data-url="buy-hicar-select"] .view-btns-cover .btn:hover, .view-btns-cover .btn:focus { color: #ff7f50; }
[data-url="buy-hicar-select"] .filter-btns-cover #resetFilter:hover, [data-url="buy-hicar-select"] .filter-btns-cover #resetFilter:focus {background: #ff7f50; }
[data-url="buy-hicar-select"] #header, [data-url="stock-hicar-select"] #header {background: #ff7f50 !important;}
[data-url="buy-hicar-select"] .show-more-vehicles .showDetails { background: #ff7f50; }
[data-url="buy-hicar-select"] #search-results .search_title a:hover, [data-url="buy-hicar-select"] #search-results .search_title a:focus { color: #ff7f50 !important; }
[data-url="buy-hicar-select"] #footer, [data-url="stock-hicar-select"] #footer { background: #ff7f50;}
[data-url="buy-hicar-select"] .footer-corporate-decor::before, [data-url="stock-hicar-select"] .footer-corporate-decor::before { border-top: 2px solid #ff7f50 ;}
[data-url="buy-hicar-select"] .footer-nav-links li a:hover, .footer-nav-links li a:focus, [data-url="buy-hicar-select"] #footer_nav .footer_menu .footer_social_icons li a:hover, [data-url="buy-hicar-select"] #footer_nav .footer_menu .footer_social_icons li a:focus { color: #ff7f50 ; }
[data-url="buy-hicar-select"] .footer_menu a, [data-url="stock-hicar-select"] .footer_menu a { color:#ff7f50;}
[data-url="buy-hicar-select"] .footer-nav-links li a, [data-url="stock-hicar-select"] .footer-nav-links li a {color: #4d4d4d;}
[data-url="buy-hicar-select"] .footer-nav-links li a:hover, [data-url="buy-hicar-select"] .footer-nav-links li a:focus { color: #ff7f50 ; }
[data-url="stock-hicar-select"] .footer-nav-links li a:hover, [data-url="stock-hicar-select"] .footer-nav-links li a:focus { color: #ff7f50 ; }
/*hiCar Select detail page*/
[data-url="stock-hicar-select"] #breadcrumb_wrapper {background: #ff7f50;}
[data-url="stock-hicar-select"] #details-vehicle-info-Heading, [data-url="stock-hicar-select"] #details-sidebar-top, [data-url="stock-hicar-select"] .finance-cal-button, [data-url="stock-hicar-select"] .vehicle-options-promotion-wrapper .block-title { background: #ff7f50; }
[data-url="stock-hicar-select"] .vehicle-description-tabcover .nav-tabs > li.active > a, [data-url="stock-hicar-select"] .vehicle-description-tabcover .nav-tabs > li.active > a:hover, [data-url="stock-hicar-select"] .vehicle-description-tabcover .nav-tabs > li.active > a:focus, [data-url="stock-hicar-select"] .vehicle-description-tabcover .nav-tabs > li > a:hover, [data-url="stock-hicar-select"] .vehicle-description-tabcover .nav-tabs > li > a:focus{background: #ff7f50; color: #fff;}
[data-url="stock-hicar-select"] #custom-finance-calculator-tool .nav li.active a, #custom-finance-calculator-tool .nav li a:hover {background: #ff7f50; color: #fff;}
[data-url="stock-hicar-select"] #custom-finance-calculator-tool .top-emi { background: #ff7f50; }
[data-url="stock-hicar-select"] .vehicle-details-button-wrapper button { border:0; background: transparent; border: 2px solid #ff7f50; }
[data-url="stock-hicar-select"] .vehicle-details-button-wrapper button:hover, [data-url="stock-hicar-select"] .vehicle-details-button-wrapper button:focus { background: #ff7f50; color: #fff; border: 2px solid #ff7f50; }
[data-url="stock-hicar-select"] #lindacars-share-options-header .fa.fa-share-alt { color: #ff7f50 ; }
[data-url="stock-hicar-select"] .view-watch-count .fa, [data-url="stock-hicar-select"] #body .team-title { color: #ff7f50; }
[data-url="stock-hicar-select"] .team-name { background: #ff7f50; }
[data-url="stock-hicar-select"] #details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-prev { background: url("/media/16207/left.png") no-repeat !important; background-position: center -16px !important; background-size: 100% !important; background-position: center !important; }
[data-url="stock-hicar-select"] #details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-next { background: url("/media/16208/right.png") no-repeat !important; background-position: center -16px !important; background-size: 100% !important; background-position: center !important; }
[data-url="stock-hicar-select"] #custom-finance-calculator-tool { border-top: 3px solid #ff7f50;}
[data-url="stock-hicar-select"] #custom-finance-calculator-tool .full-pay-title, [data-url="stock-hicar-select"] #details-vehicle-similar-H { color: #ff7f50; }
[data-url="stock-hicar-select"] .search_title_header {background: #ff7f50;}
[data-url="stock-hicar-select"] .search_odometer a {background: url("/media/16204/odometer.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
[data-url="stock-hicar-select"] .search_transmission a {background: url("/media/16203/gear_auto.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
[data-url="stock-hicar-select"] .search_cylinders a {background: url("/media/16201/engine_alt.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
[data-url="stock-hicar-select"] #search-results .vehicle-view-btn a:hover {text-decoration: none;background: #ff7f50; }
[data-url="stock-hicar-select"] #search-results .search_title a:hover, [data-url="stock-hicar-select"] #search-results .search_title a:focus { color: #4d4d4d !important; }
[data-url="stock-hicar-select"] .option-text span {color: #ff7f50; }
[data-url="stock-hicar-select"] .team-contact a:hover, [data-url="stock-hicar-select"] .team-contact a:focus { color: #ff7f50; }
[data-url="stock-hicar-select"] .team-contact a .fa-phone { color: #ff7f50 ; margin-right: 10px; }
[data-url="stock-hicar-select"] #custom-finance-calculator-tool .ui-state-default, [data-url="stock-hicar-select"] #custom-finance-calculator-tool .ui-widget-content .ui-state-default, [data-url="stock-hicar-select"] #custom-finance-calculator-tool .ui-widget-header .ui-state-default {background: #ff7f50;}
[data-url="stock-hicar-select"] #custom-finance-calculator-tool #sliderDownpayment .ui-widget-header, [data-url="stock-hicar-select"] #custom-finance-calculator-tool #sliderEMI .ui-widget-header { border: 1px solid #ff7f50; }
[data-url="stock-hicar-select"] #custom-finance-calculator-tool .bottom-emi { border:1px solid #ff7f50; }
[data-url="stock-hicar-select"] .footer-nav-links li a:hover, .footer-nav-links li a:focus, [data-url="stock-hicar-select"] #footer_nav .footer_menu .footer_social_icons li a:hover, [data-url="stock-hicar-select"] #footer_nav .footer_menu .footer_social_icons li a:focus { color: #ff7f50 ; }
/*watchlist*/
[data-url="stock-hicar-select"] .watch-vehicle a.watchlist.watchicon.NotInWatchList:before { color: #ff7f50;}
[data-url="stock-hicar-select"] .watch-vehicle a.watchlist.watchicon.InWatchList:before { color: #4d4d4d;}
/*header dropw down*/
.dropdown-menu > li > a { padding: 5px 20px; }
.dropdown-menu > li > a.buy_hicar{background: url('/media/14660/profile.png') no-repeat;background-size: auto;background-size: 25px;padding-left: 40px;font-weight: 600;background-position: left;}
.dropdown-menu > li > a.buy_hicar_select{background: url('/media/16195/favicon.png') no-repeat;background-size: auto;background-size: 25px;padding-left: 40px;font-weight: 600;background-position: left;}
.dropdown-menu > li { padding: 0 10px 0 15px; }
@media(max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; padding: 10px 0 10px 30px;}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: inherit;}
}
/*header*/
#header { color: #fff; font-weight: 600; }
.header-top a { color: #fff; }
.header-top a:hover, .header-top a:focus { color: #58595b; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
.header-top .social-wrapper ul li { display: inline-block; }
.header-top .social-wrapper { text-align: center; }
.header-top .fa, .header-top .fas, .header-top .fab { margin-right: 10px; }
#header_2 { /*background: #58595b;*/ background: #58595b; display:none; }
#header_2 .container { max-width: 100%; padding-left: 0; padding-right: 0; }
.promotion-message-top { /* font-size: 22px; padding: 20px 15px; font-weight: 600; letter-spacing: 2px; */color: #fff; }
.promotion-message-top video { margin-top: 5px; }
.header-top .login-block { text-align: right; }
.header-top .e-mail-header { text-align: center; }
.promotion-message-top.mobile { display: none; }
@media(max-width: 991px) {
.header-top .e-mail-header, .header-top .social-wrapper { display: none; }
}
@media(max-width: 767px) {
.header-top .login-block { display: none; }
.phone-header { text-align: center; }
.promotion-message-top { display: none; }
.promotion-message-top.mobile { display: block; }
.promotion-message-top video { width: 100%; height: auto; }
#header_2 .container { padding-left: 0; padding-right: 0; }
}
/*slider*/
.slider-btn { font-size: 25px; background: #22bcb9; background: #22bcb9 border: 2px solid #58595b; border-radius: 50px; padding: 12px 25px; letter-spacing: 2px; display: block; color: #fff; font-weight: 600; box-shadow: 1px 1px 3px #000; }
.slider-btn:hover, .slider-btn:focus { background: #58595b; color: #58595b; }
/*New Vehicle Slider*/
#new_vehicle_slider.flexslider .slides > li { background: #fff; text-align: center; font-weight: 500; box-shadow: none;}
#new_vehicle_slider.flexslider { background: transparent; border: 0; box-shadow: 0 0 0 0; }
#new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #22bcb9; background: #22bcb9 padding-top: 5px; }
#new_vehicle_slider.flexslider .f_title { font-weight: 500; font-size: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'Teko', sans-serif; color: #58595b; padding: 5px 15px 0; }
#new_vehicle_slider.flexslider .f_price { font-weight: 500; font-size: 35px; padding-bottom: 5px; color: #fff; font-family: 'Teko', sans-serif; line-height: 35px; padding-top: 0; }
#new_vehicle_slider.flexslider .f_price .egc_option, #new_vehicle_slider.flexslider .f_price .dap_option { font-size: 14px; }
#new_vehicle_slider .f_price.f_yesspecial .normal_price { text-decoration: line-through; font-size: 30px; }
#new_vehicle_slider .f_price.f_yesspecial .currency-val {font-size: 30px;text-decoration: line-through;margin-right: -5px;}
#new_vehicle_slider .f_price.f_yesspecial { text-decoration: none; }
#new_vehicle_slider.flexslider .f_btn {background: #22bcb9; background: #22bcb9color: #fff;display: inline-block;text-transform: uppercase;font-size: 22px;padding: 10px;width: 100%;font-weight: 600; text-align: center; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;}
#new_vehicle_slider.flexslider .f_btn:hover {background: #58595b;color: #58595b;transition: 0.5s;color:#fff;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 20px;margin-left: 6px;}
#new_vehicle_slider .vehicle_details_options {min-height: 100px;padding: 5px 0;text-align: left;width: 245px;margin: 0 auto;font-size: 14px;}
#new_vehicle_slider .flex-control-paging li a { background: #58595b; }
#new_vehicle_slider .flex-control-paging li a.flex-active { background: #39acaa ; }
#new_vehicle_slider .vehicle_details_options div { background: transparent url("/media/10587/vehile-slider-sprite-icons.png") no-repeat; padding: 10px 0 10px 65px; min-height: 43px; }
#new_vehicle_slider .vehicle_details_options .f_odo { background-position: 0 -5px; }
#new_vehicle_slider .vehicle_details_options .f_trans { background-position: 0 -96px; white-space: nowrap; }
#new_vehicle_slider .vehicle_details_options .f_body { background-position: 0 -185px; }
#new_vehicle_slider .vehicle_details_options .f_fuel { background-position: 0 -279px; }
/*if remove egc options*/
#new_vehicle_slider .egc_option { display: none; }
/*slider common*/
#body #latest-vehicles h2 {font-size: 60px;margin-bottom: 0;margin-top: 0;color: #39acaa ;line-height: 30px;padding: 40px 15px 10px;font-weight: 500;letter-spacing: 1px;text-align: center;}
#body #latest-vehicles h3 {color: #58595b;font-weight: 400;font-size: 25px;letter-spacing: 1px;text-align: center;margin-bottom: 30px;margin-top: 10px;}
@media(max-width: 767px) {
.slider-btn { font-size: 20px; }
#layerslider { display: none; }
.ls-thumbnail-hover {display: none !important;}
#body #latest-vehicles h2 { font-size: 50px; }
}
@media(min-width: 768px) {
#layerslider_mobile { display: none; }
}
@media(max-width: 480px) {
.slider-btn { font-size: 16px; padding: 5px 15px; }
#body #latest-vehicles h3 { font-size: 20px; }
#body #latest-vehicles h2 { font-size: 45px; line-height: 40px; }
}
/*Sell Your Car wrapper
.sell-your-car-wrapper { background: #4161f4 url("/media/14320/man-talking-with-female-sales-person-car-show-room.png") no-repeat; background-size: cover; padding: 35px 0;background-position:center; }
*/
.sell-your-car-wrapper { background: #39acaa ; background-size: cover; padding: 35px 0;background-position:center; }
.sell-car-outline { border: 2px solid #58595b; border-radius: 15px; min-height: 300px; padding: 15px; }
#body .sell-your-car-wrapper h2 { font-size: 60px; line-height: 40px; color: #fff; font-weight: 500; letter-spacing: 2px; }
.sell-your-car-wrapper .sell-car-button {background: #fff;color: #39acaa ;font-size: 30px;padding: 12px 15px;border-radius: 5px;font-weight: 600;letter-spacing: 2px;width: 300px;display: block;
text-align: center;margin: 8% auto 0;}
.sell-your-car-wrapper .sell-car-button:hover, .sell-your-car-wrapper .sell-car-button:focus { background: #58595b; color: #39acaa ; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
@media(max-width: 767px) {
#body .sell-your-car-wrapper h2 { font-size: 50px; }
.sell-your-car-wrapper .sell-car-button { font-size: 23px; padding: 8px 15px; width: 250px; }
}
@media(max-width: 480px) {
#body .sell-your-car-wrapper h2 { font-size: 45px; line-height: 55px; }
}
/*finance section*/
.finance-section-wrapper { background: #39acaa url("/media/11555/finance-bg.jpg") no-repeat; background-size: cover; padding: 30px 0; }
.finance-outline { border: 2px solid #58595b; border-radius: 0; min-height: 300px; padding: 15px; }
/*.finance-bg-cover { background: #4161f4c7; background: -moz-linear-gradient(left, #4161f4c7 0%, #ff51bcd6 100%); background: -webkit-linear-gradient(left, #4161f4c7 0%,#ff51bcd6 100%); background: linear-gradient(to right, #4161f4c7 0%,#ff51bcd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4c7', endColorstr='#ff51bcd6',GradientType=1 ); padding: 25px; }
*/
.finance-bg-cover { background: #22bcb9a8 !important; background: -moz-linear-gradient(left, #4161f4c7 0%, #ff51bcd6 100%); background: -webkit-linear-gradient(left, #4161f4c7 0%,#ff51bcd6 100%); background: linear-gradient(to right, #4161f4c7 0%,#ff51bcd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4c7', endColorstr='#ff51bcd6',GradientType=1 ); padding: 25px; }
#body .finance-section-title { font-size: 80px; line-height: 60px; color: #fff; font-weight: 500; letter-spacing: 2px; margin: 15px 0 20px; }
#body .finance-section-wrapper h3 { font-weight: 400; color: #fff; font-size: 23px; text-align: center; line-height: 35px; margin-bottom: 35px; }
.finance-section-button {background: #fff;color: #39acaa ;font-size: 30px;padding: 12px 15px;border-radius: 50px;font-weight: 500;letter-spacing: 2px;width: 350px;display: block; text-align: center;margin: 50px auto 30px;}
.finance-section-button:hover, .finance-section-button:focus { background: #58595b; color: #39acaa ; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
#body .finance-partners-title {color: #fff;font-size: 55px;letter-spacing: 2px;font-weight: 500;margin-top: 30px;display: inline-block;width: 100%;margin-bottom: 35px; line-height: 50px;}
.fp_mobile { display: none; }
@media(max-width: 767px) {
.finance-process-banner { display: none; }
#body .finance-section-title { font-size: 50px; line-height: 55px; }
.finance-section-button { font-size: 23px; padding: 12px 10px; letter-spacing: 1px; width: 280px; }
#body .finance-section-wrapper h3 { font-size: 20px; }
#body .finance-partners-title { font-size: 40px; line-height: 45px; margin-bottom: 0; }
.fp_desktop { display: none; }
.fp_mobile { display: block; }
}
@media(max-width: 480px) {
.finance-section-button { font-size: 20px; width: auto; }
}
/*four options wrapper*/
.four-options-wrapper { background: #fff; min-height: 300px; text-align: center; padding: 50px 15px; border-bottom: 2px solid #58595b; }
#body .four-options-wrapper h2 { font-size: 60px; line-height: 40px; color: #39acaa ; font-weight: 500; letter-spacing: 2px; margin: 0 0 40px; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
#body .four-options-wrapper .option-title { font-size: 23px; text-transform: uppercase; font-weight: 600; }
.four-options-wrapper .option-icon-wrapper { margin-bottom: 20px; }
@media(max-width: 1024px) {
#body .four-options-wrapper .option-title { font-size: 20px; margin-bottom: 35px; }
#body .four-options-wrapper .last-option .option-title { margin-bottom: 0; }
}
@media(max-width: 767px) {
#body .four-options-wrapper h2 { font-size: 50px; }
}
@media(max-width: 480px) {
#body .four-options-wrapper h2 { font-size: 45px; line-height: 50px; }
#body .four-options-wrapper .option-title { font-size: 16px; line-height: 25px; }
.four-options-wrapper .option-icon-wrapper img { max-width: 100px; }
}
/*customer reviews*/
.customer-review-wrapper { /* min-height: 600px; */padding: 60px 15px 30px; }
#body .customer-review-wrapper h2 { font-size: 60px; line-height: 40px; color: #39acaa ; font-weight: 500; letter-spacing: 2px; margin: 0 0 40px; }
.goolge-ratings-img { max-width: 200px; }
#body .cus-reviews-title {font-size: 30px;font-weight: 700;margin: 30px 0 50px;}
.customer-review-wrapper .star-rating { margin-bottom: 40px; }
.customer-review-wrapper .review-heading { margin-bottom: 30px; font-size: 22px; line-height: 30px;}
#body .review-person { font-weight: 700; font-size: 18px; margin-bottom: 30px; }
#body .review-body p { line-height: 30px; }
@media(max-width: 767px) {
#body .customer-review-wrapper h2 { font-size: 50px; line-height: 55px; }
#body .cus-reviews-title { font-size: 25px; }
}
@media(max-width: 480px) {
#body .cus-reviews-title { font-size: 22px; line-height: 32px; }
.customer-review-wrapper .col-md-3.col-sm-6.col-xs-6 { width: 100%; }
}
/*contact details*/
#body .contact-details-wrapper h2 { font-size: 60px; line-height: 40px; color: #fff; font-weight: 500; letter-spacing: 2px; margin: 0 0 40px; }
/* #body .contact-details-wrapper .contact-details-cover h2 { text-shadow: -1px -1px 0 #39acaa , 1px -1px 0 #39acaa , -1px 1px 0 #39acaa , 1px 1px 0 #39acaa ; }
*/
.contact-details-wrapper { background: #22bcb9; background: #22bcb9}
.contact-details-wrapper .contact-details-cover { color: #fff; background: #58595b url("/media/17711/contact-bg.jpg") no-repeat; background-size: cover; }
.contact-details-wrapper .contact-form-cover { background: #22bcb9; background: #22bcb9 color: #fff; }
.contact-details-wrapper .contact-details-cover, .contact-details-wrapper .contact-form-cover { padding: 50px 0; min-height: 725px; }
.contact-details-wrapper .contact-number { font-size: 40px; font-family: 'Teko', sans-serif; }
.contact-details-wrapper .contact-number a .fas { color: #58595b; font-size: 35px; margin-right: 10px; }
.contact-details-wrapper .contact-number a { color: #fff; }
.contact-details-wrapper .contact-number a:hover, .contact-details-wrapper .contact-number a:focus, .contact-location-wrapper a:hover, .contact-location-wrapper a:focus { color: #39acaa ; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
#body .contact-location-wrapper h3 {color: #58595b;font-size: 35px;letter-spacing: 1px;font-weight: 400; margin-bottom: 10px;}
#body .contact-location-wrapper h3 .fas, #body .contact-location-wrapper h3 .far { font-size: 25px; margin-right: 10px; }
.contact-location-wrapper { margin-top: 35px; font-size: 18px; font-weight: 600; }
.contact-location-wrapper a { color: #fff; }
#contact_enquiry.cforms input::-webkit-input-placeholder, #contact_enquiry.cforms textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1; font-weight: 500;}
#contact_enquiry.cforms input, #contact_enquiry.cforms textarea { background: transparent; border: 2px solid #fff; padding: 15px; color: #fff; font-size: 18px; margin-bottom: 20px; width: 100%; }
#contact_enquiry.cforms input::-moz-placeholder, #contact_enquiry.cforms textarea::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 500;}
#contact_enquiry.cforms input:-ms-input-placeholder, #contact_enquiry.cforms textarea:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1; font-weight: 500;}
#contact_enquiry.cforms input:-moz-placeholder, #contact_enquiry.cforms textarea:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1; font-weight: 500;}
#contact_enquiry.cforms button{background: #fff;color: #39acaa ;display: block;border-radius: 0;padding: 15px 20px;font-size: 22px;font-weight: 600;letter-spacing: 3px;width: auto;min-width: 200px; border: 0; margin-top: 15px;}
#contact_enquiry.cforms button:hover, #contact_enquiry.cforms button:focus { background: #58595b; color: #39acaa ; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
@media(max-width: 1199px) {
.contact-details-wrapper .contact-details-cover, .contact-details-wrapper .contact-form-cover { width: 100%; min-height: auto; }
#body .contact-details-wrapper .contact-details-cover h2, #body .contact-details-wrapper h2, .contact-details-wrapper .contact-details-cover { text-align: center; }
.mobile-hide-grid { display: none !important; }
.mobile-full-width { width: 100% !important; }
#contact_enquiry.cforms button { margin: 0 auto; }
}
@media(max-width: 767px) {
#body .contact-details-wrapper h2 { font-size: 50px; }
}
@media(max-width: 480px) {
#body .contact-details-wrapper h2 { font-size: 45px; }
}
/*about us*/
.top-page-banner {background-color: #c7c7c7 /*#f4bf00*/; /* background-image: url("/media/11588/egg-shell.png"); */}
.top-page-banner .col-md-6 { padding-left:0; padding-right: 0; }
#body .top-page-banner h1 { font-size: 120px; letter-spacing: 2px; }
#body .page-sub-title {font-size: 50px;margin: 50px 0 30px; color: #39acaa ; }
.history-wrapper {background: #fff;display: inline-block;width: 100%;border-radius: 8px;margin-bottom: 40px;padding: 25px;box-shadow: 1px 2px 5px #58595b58595b21;border: 2px solid #58595b; line-height: 28px; color: #5c5a5a;}
#body .history-wrapper h2 {font-size: 80px;margin-bottom: 40px;color: #39acaa ;}
.percent-block { margin: 50px 10px; }
#body .percentage-title {font-size: 100px;color: #fff;background: #22bcb9; background: #22bcb9line-height: 50px;padding: 35px 15px 20px;border-radius: 5px 5px 0 0;}
.percent-text {font-weight: 600;background: #58595b;padding: 15px;border-radius: 0 0 5px 5px; font-size: 20px;}
@media(min-width: 992px) {
.top-page-banner {display: flex;align-items: center;width: 100%;}
}
@media(max-width: 991px) {
.top-page-banner { display: inline-block; }
#body .top-page-banner h1 { font-size: 60px; margin-top: 30px; }
}
@media(max-width: 767px) {
#body .history-wrapper h2 { font-size: 60px; margin: 20px 0 30px; }
#body .percentage-title { font-size: 80px; }
}
@media(max-width: 480px) {
#body .top-page-banner h1 { font-size: 45px; }
#body .page-sub-title { font-size: 40px; margin: 30px 0 20px; line-height: 50px;}
.history-wrapper { margin-bottom: 0; }
}
/*contact us*/
[data-url="our-stock"] .our-team-cover { display: none; }
#body .team-title {font-size: 50px;color: #39acaa ; margin: 40px 0;}
.team-images { border-radius: 100%; max-width: 200px; box-shadow: 1px 2px 5px #0000008f; margin-bottom: 20px; }
.team-name {background: #22bcb9; color: #fff;border-top: 2px solid #58595b;padding: 5px 10px;font-size: 20px;font-weight: 600;letter-spacing: 1px;}
.team-details { background: #fff; padding: 15px; margin-bottom: 30px;}
#body .job-title { color: #39acaa ; font-weight: 600; margin-top: 15px; font-size: 18px;}
.team-contact a { display: block; color: #58595b; font-weight: 600; margin-bottom: 15px; font-size: 18px; }
.team-contact a:hover, .team-contact a:focus { color: #22bcb9; }
.team-contact a .fa-whatsapp { color: #2fbd4f; font-size: 25px; margin-right: 10px; }
.team-contact a .fa-phone-alt, .team-contact a .fa-phone { color: #39acaa ; font-size: 20px; margin-right: 10px; }
@media(max-width: 480px) {
#body .team-title { font-size: 40px; margin-bottom: 25px; }
#body .job-title { font-size: 16px; }
}
/*sell your car*/
.form-styles { background: #fff; padding: 25px; box-shadow: 1px 2px 5px #58595b58595b21; border: 2px solid #58595b; border-radius: 8px; margin: 20px 0; }
#body .form-styles h2, #body .form-styles h1 { text-align: center; margin: 15px 0 30px; font-size: 40px; color: #39acaa ; letter-spacing: 1px; text-transform: uppercase; }
.form-styles button {font-size: 20px;text-transform: uppercase;min-width: 200px;margin: 0px auto;padding: 10px 15px;font-weight: 600;background: #22bcb9; background: #22bcb9color: #fff;border: none;border-radius: 5px;letter-spacing: 2px;display: block;}
.form-styles button:hover, .form-styles button:focus {background: #58595b; color: #39acaa ; ransition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; }
/*offers*/
.offer-video-wrapper { padding-left:0; padding-right:0; }
#body .comming-soon-title { text-align: center; color: #39acaa ; font-size: 60px; }
.offer-video-wrapper video { height: auto; }
.offer-wrapper {background: #fff;padding: 30px;margin: 30px 0;border-radius: 8px;border: 2px solid #f4bf01;box-shadow: 1px 2px 5px #58595b;}
.offer-wrapper .fas { color: #39acaa ; }
.offer-wrapper .fa-ul { font-weight: 500; font-size: 18px; }
.offer-wrapper .fa-ul li { margin-bottom: 10px; }
[data-url="offers"] #body .top-page-banner h1 { font-size: 70px; }
.conact-list a { color: #58595b; font-weight: 600; }
.conact-list a:hover, .conact-list a:focus { color: #58595b; }
.conact-list li { line-height: 30px; }
.conact-list a .fas { color: #39acaa ; }
.offer-image { padding: 15px; }
.offer-image img { max-width: 150px; }
.package-name {color: #fff;font-size: 35px;text-align: center;padding: 10px;}
.offer-box-cover { background: #fff; border-radius: 15px; margin-bottom: 20px; }
.package-type {font-size: 30px;text-align: center;padding: 10px; min-height: 100px; display: flex; align-items: center; justify-content: center;}
.border-bottom-grey { border-bottom: 2px solid #e0e0e0; }
.package-type .bottom-line-text { display: block; font-size: 25px; }
.contact-btn-package {color: #fff;background-color: #58595b;font-size: 16px;font-weight: 600;text-transform: uppercase;text-align: center;display: inline-block;letter-spacing: 1px;padding: 10px 20px;border-radius: 20px;min-width: 200px;box-shadow: 1px 2px 5px #58595b58595b30;}
.contact-btn-package:hover, .contact-btn-package:focus {text-decoration: none;background: #22bcb9; background: #22bcb9}
.package-button-cover {margin-bottom: 25px;display: inline-block;width: 100%;margin-top: 10px;}
.package-wrapper { margin-top: 20px; }
/*service boxes*/
.service-box .offer-image {padding: 15px;border-bottom: 2px solid #e0e0e0; border-radius: 15px 15px 0 0; }
.service-box .package-name { text-align: center; font-size: 25px; font-weight: 600; }
.service-box .package-type { font-size: 24px; font-weight: 600; min-height: 88px;}
.service-box .offer-image img { max-width: 100%; }
@media(max-width: 1400px) {
[data-url="offers"] #body .top-page-banner h1 { font-size: 50px; }
}
@media(max-width: 480px) {
[data-url="offers"] #body .top-page-banner h1 { font-size: 30px; }
}
/**Forms**/
#cform h3 {margin-bottom: 15px!important;}
.form-horizontal .form-group {margin-left: 0;margin-right: 0;}
.form-group {margin-left: 0;margin-right: 0;}
.form-group input, .form-group select, .form-group textarea, #details-sidebar-main-vehicleenquiry .form-row input,#details-sidebar-main-vehicleenquiry .form-row textarea {display: block;width: 100%;margin-bottom: 3px;padding: 10px;font-size: 16px;line-height: 1.42857143;color: #58595b;background-color: #eee;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 5px;}
.form-group textarea {padding: 10px;}
@media(max-width: 480px) {
#body .form-styles h2 { font-size: 35px; margin-bottom: 15px; letter-spacing: 1px; line-height: 40px; }
.form-styles { padding: 10px; }
.form-styles button { width: 100%; }
}
/*finance calculator*/
#body .finance-calc-header h3 { color: #fff; }
#finance-calc { background-color: #024b86; text-transform: uppercase; padding-top: 0; margin: 15px 0 35px; }
#finance-calc .finance-calc-left, #finance-calc .finance-calc-right, #finance-calc .selectBox { width: 100% !important; }
#finance-calc .finance-calc-result {font-weight: 700;text-align: left;}
#finance-calc .finance-calc-right > input, #finance-calc .selectBoxOptionContainer { border: 0; }
#finance-calc .selectBox { border: 0; }
#finance-calc .finance-calc-right input { height: 32px; }
#finance-calc .selectBoxArrow { width: 25px; }
#finance-calc > div:not(:first-child) {margin-top: 20px;}
#body h1, #body h2, #body h3, #details-vehicle-info-desc-H {color: #58595b;font-weight: 400;margin-bottom: 20px;margin-top: 30px;line-height: 30px;}
#body h1 {font-size: 30px;margin-top: 0;line-height: 1.2em; color: #39acaa ; font-weight: 500;}
#body h1 span {color: #b1bab5;display: block;}
#body h1.small-main {display: none;}
#body h2 {font-size: 34px;}
#body h3, #details-vehicle-info-desc-H {font-size: 20px; margin: 0; font-weight: 500;}
#body p {margin-bottom: 15px; line-height: 25px; }
.t-question {display: block;margin-top: 10px;color: #024b86;font-size: 18px;font-weight: 600;margin-bottom: 15px;}
#header-info a, #header-location,.footer_menu a { color: #fff; }
.footer_menu a { color:#22bcb9;}
#header-info a:hover, #header-info a:focus, #header-location:hover, #header-location:focus, #header-contact:hover { color: #58595b; }
header, header a {font-size: 16px;}
header.sticky {border-bottom: 1px solid #024b86;transition: all 0.3s ease;}
.sticky #navbar .container-fluid {padding: 15px 0;transition: all 0.3s ease;}
.sticky #main-logo img {max-width: 350px;padding-top: 10px;transition: all 0.3s ease;}
.navbar-default .navbar-nav>li>a { color: #58595b;}
.container {width: 100%; max-width: 1350px;}
#navbar { padding: 10px 0; }
#navbar .container, #header .container {max-width: 1350px;width: 100%;}
#navbar .container-fluid {/* padding: 30px 0; */}
#main-logo { float: left; }
#main-logo img {max-width: 220px;}
#header-location, #header-contact {display: inline-block;font-weight: 600;}
#header-location { margin-right: 35px; }
#header-info .fa { margin-right: 10px; }
#header-contact {font-weight: bold;text-transform: uppercase; color: #fff;}
#header { background: #22bcb9; background: #22bcb9; padding: 8px 0;}
#header { background:#39acaa !important;}
.social a .fa {background: #3b5998;height: 40px;width: 40px;padding: 10px;text-align: center;margin-left: -4px;font-size: 20px;}
.social a .fa:hover {background: #2f4c8a;}
.social a:focus, .social a:active { color: #fff; }
/*.nav .home {display: none;}*/
@media (min-width: 1025px) {
#main-logo.mobile { display: none; }
}
@media (max-width: 1024px) {
#main-logo.desktop { display: none; }
}
@media (min-width: 767px) {
.navbar-default .navbar-nav>li>a:hover { background: url('/media/14319/spriteactive.png') no-repeat top left; background-size: 30px; }
.navbar-default .navbar-nav>li>a.current_page_item { background: url('/media/14319/spriteactive.png') no-repeat top left;
background-size: 30px; }
}
@media (min-width: 768px) {
.navbar-nav > li { margin-right: 30px; }
.navbar-nav > li:last-child { margin-right: 0; }
}
.navbar-default .navbar-collapse { margin-top: 12px; }
/*.dropdown-menu > li > a { text-transform: uppercase; }*/
.navbar-default .navbar-nav>li>a:hover { color: #39acaa ; }
.navbar-default .navbar-nav>li>a.current_page_item { color: #39acaa ; }
.navbar-default .navbar-nav>li>a.current_page_item.buy_car {background-position: left -45px;}
.navbar-default .navbar-nav>li>a.current_page_item.about_us {background-position: left -188px; background-size: 25px;}
.navbar-default .navbar-nav>li>a.current_page_item.finance {background-position: left -141px;}
/*.navbar-default .navbar-nav>li>a.services_&_parts {background-position: center -330px;}*/
.navbar-default .navbar-nav>li>a.current_page_item.sell_car {background-position: left -92px;}
.navbar-default .navbar-nav>li>a.current_page_item.home {background-position: left 0;}
.navbar-default .navbar-nav>li>a.current_page_item.contact_us {background-position: left -277px;}
.navbar-default .navbar-nav>li>a.current_page_item.offers {background-position: left -186px;}
/*normal sprite*/
.navbar-default .navbar-nav>li>a {text-transform: uppercase;font-weight: 600;background: url('/media/14318/sprite-icons2.png') no-repeat top left;padding: 15px 0 0 40px;transition: all 0.3s ease; background-size: 30px;}
.navbar-default .navbar-nav>li>a.buy_car {background-position: left -45px;}
.navbar-default .navbar-nav>li>a.about_us {background-position: left -188px; background-size: 25px;}
.navbar-default .navbar-nav>li>a.finance {background-position: left -141px;}
/*.navbar-default .navbar-nav>li>a.services_&_parts {background-position: center -330px;}*/
.navbar-default .navbar-nav>li>a.sell_car {background-position: left -92px;}
.navbar-default .navbar-nav>li>a.sell_us_your_car {background-position: left -92px;}
.navbar-default .navbar-nav>li>a.car_care {background-position: left -184px;}
.navbar-default .navbar-nav>li>a.home {background-position: left 0;}
.navbar-default .navbar-nav>li>a.contact_us {background-position: left -277px;}
.navbar-default .navbar-nav>li>a.offers {background-position: left -186px;}
.inner-banner {width: 100%;}
.ls-bottom-nav-wrapper {margin: -70px auto!important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #39acaa ;}
@media (min-width: 1199px) and (max-width: 1538px) {
/*speacial hide*/
}
@media (max-width: 1024px) {
}
@media (max-width: 499px) {
/*.inner-banner, .brand_logo {display: none;}*/
}
#features-wrapper {background-color: #39acaa ; background-image: url("/media/10722/dark-leather.png"); background-attachment: fixed;}
#features-wrapper .container {margin-top: -50px;padding-bottom: 30px;z-index: 9999;position: relative;}
#features-wrapper .feature-box:hover a img {-webkit-filter: grayscale(1);filter: grayscale(1);}
#body #features-wrapper h2 a {color: #fdddb5;text-transform: uppercase;font-weight: bold;text-decoration: none;text-align: center;display: block;margin-top: 20px;margin-bottom: 30px;font-size: 24px;font-weight: 400;}
#body #features-wrapper h2 a:hover { color: #58595b; }
.main-content {background: url('/media/10727/welcome_content.jpg') no-repeat;background-size: cover; background-position: 50%; min-height: 500px;}
.home-info {padding: 50px 30px;}
#body .home-info h1 span { color: #39acaa ; display: block; font-weight:700;}
#body .home-info h1 { color: #58595b; font-weight: 400; }
.home_video { margin-bottom: 10px; }
#col-green { color: #fc6f04 !important; }
@media(max-width: 1350px) {
#main-logo img {}
}
@media(max-width: 1199px) {
#navbar .container-fluid {}
#body #features-wrapper h2 a {font-size: 20px;line-height: 22px;}
.navbar-default .navbar-nav>li>a {background-image: none;padding: 8px 10px;font-size: 18px;}
.navbar-default .navbar-nav>li>a:hover { background-image: none; }
.navbar-default .navbar-nav>li>a.current_page_item {background-image: none;}
#main-logo img { max-width: 200px;}
.navbar-default .navbar-collapse {margin-top: 20px;}
.navbar-nav > li { margin-right: 15px; }
#body { padding: 0 0 20px 0; }
}
@media(max-width: 1024px) {
#main-logo img {max-width: 175px; margin-top: 5px;}
.navbar-default .navbar-nav > li > a { font-size: 16px; }
.navbar-default .navbar-collapse {margin-top: 5px;}
}
@media(max-width: 990px) {
.navbar-default .navbar-nav>li>a {padding: 15px 7px;font-size: 12px;}
.navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: rgba(0, 0, 0, 0);background-image: none;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;}
}
@media(max-width: 991px) {
.main-content {background: none;}
#body .home-info h1 { text-align: center; line-height: 40px; }
}
@media(max-width: 767px) {
.upcoming_event { margin-bottom: 35px; }
#main-logo img {border-right: 0;position: absolute;top: 0px; max-width: 150px; margin-top: 0;}
#navbar .container-fluid {padding: 0;}
.navbar-default .navbar-toggle {width: inherit;border: none;/* margin-bottom: 24px; */}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-default .navbar-nav>li>a {font-size: 16px; text-align: center;}
/*#Banner {display: none;}*/
.ls-bottom-nav-wrapper {display: none;}
#features-wrapper {/*margin-top: 22px;*/padding-top: 1px;}
#features-wrapper .container {margin-top: inherit;padding-bottom: 16px;}
#body #features-wrapper img, #header-info .social {display: none;}
#header-location {display: block;padding-top: 5px;font-size: 14px;}
#header-contact {padding: 5px 0;}
#body h1 {font-size: 28px; text-align: center;}
#body h1 span {color: #b1bab5;display: block;}
#body h1.small-main {display: none;}
#body h2 {font-size: 25px;}
#body h3, #details-vehicle-info-desc-H {font-size: 20px;}
#body #features-wrapper h2 {margin-bottom: 0;margin-top: 8px;}
#body #features-wrapper h2 a {margin: 0;padding: 10px 0;font-size: 20px;text-transform: uppercase;font-weight: 400;text-align: center; border: 1px solid; letter-spacing: 1px;}
.home-info {padding: 20px;}
.brand_logo { max-width: 250px; }
body[data-url='terms'] .center-wrapper {margin-top: 85px;}
}
@media(max-width: 480px) {
#body h1 { }
}
@media(max-width: 460px) {
#body #features-wrapper h2 a {font-size: 20px;}
}
/**Vehicle Description**/
#body #form-vehicleenquiryhicle-enquiry-status { margin-bottom: 0; }
.watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList::before, #search-results .watchlist.InWatchList, .watchlist .InWatchList {/* background-image: url('/media/10724/gold-star.png') !important; */}
.search-results-header-inner { background-color: #e0e0e0; }
#details-sidebar-main .header:before {padding: 9px 3px 2px 4px; }
#details-sidebar-main .header::before {padding: 2px 4px 2px 4px; }
body[data-url='search-stock'] header {margin-bottom: 40px; }
#SearchSortBy span, #SearchPageNumbers span {font-weight: normal;text-transform: uppercase;}
#SearchPageNumbers ul li a {padding: 3px 6px; background-color: #58595b; color: #fff; }
#SearchPageNumbers ul li.page-previous a, #SearchPageNumbers ul li.page-next a {background: url("/media/4359/prev-next.png");background-size: 30px;background-repeat: no-repeat;}
#SearchPageNumbers ul li.page-next a {background-position: -14px center;}
#SearchPageNumbers ul li.page-previous a {background-position: 5px center;}
#SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover {background-color: #39acaa ;}
#search-results-header {margin-bottom: 15px;}
#search-filters .filter .header, #details-sidebar-main .header {background: #39acaa ;font-weight: 500;text-transform: uppercase;padding: 10px 16px;letter-spacing: 1px;}
#search-filters .filter .closed, #search-filters .filter .open {background-repeat: no-repeat;background-position: 92% center;background-size: 20px;}
#search-filters .filter .body li:not(.show) {background: url("/media/4355/arrow-points.png") no-repeat left center;background-size: 9px;padding: 3px 0px 1px 15px;}
#filter-body a {color: #58595b;font-size: 14px;}
.filter .body {background: #FBFBFB!important;border: 1px solid #ECECEC;}
#filterPriceLo, #filterPriceHi, #filterYearLo, #filterYearHi, #SortBy, .form-group select {/* background: #fff;-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;line-height: 35px;padding: 0px 15px;height: 42px;background-image: url('/media/4354/select-input.png');background-repeat: no-repeat;background-position: right center;background-size: 36px;cursor: pointer; */}
.filter .btnGo, #details-sidebar-main-vehicleenquiry .form-row button {background-color: #58595b;color: white;font-size: 18px;border: none;margin: 16px 0 0 12px;font-weight: 500;width: 91%;padding: 12px;text-transform: uppercase;border-radius: 0; letter-spacing: 1px;}
.filter .btnGo:hover, #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #39acaa ;transition: 0.6s;}
#filter-reset a {color: #58595b;}
@media (max-width: 768px) {
#search-filters #filter-header.hasFilters {background-color: #58595b;}
}
#search-filters .filter .header.open {background-color: #bf8637;}
.vehicle-heading {background: #58595b;min-height: 64px;padding-top: 18px; width: 100%; display: inline-block;}
.vehicle-heading { padding: 15px 0 2px; }
#search-results .search_price a { color: #58595b; }
#search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #39acaa ;}
#search-results .search_price .small, #egc {font-size: 14px;}
.vehicle-images-small {max-height: 78px;overflow: hidden;}
.vehicle-listing-img, .img-small {padding-left: 0;padding-right: 0;margin-bottom: 0; min-height: 278px; /* background: #58595b; */}
#search-results .search_item img {padding: 0;}
.search_meta {position: relative;min-height: 244px;margin-bottom: 0;}
#search-results .search_desc {height: 102px; font-size: 14px;}
.search_desc, .search_meta {padding: 10px!important;}
.search_details .col-md-6, .vehicle-listing-desc {padding-left: 0;padding-right: 0;}
#search-results .search_meta, #search-results .search_meta ul {list-style-image: none;list-style-type: none;}
#search-results .search_meta li {background-image: url("/media/10725/sprites.png");background-repeat: no-repeat;width: 40%;margin-right: 15px;padding: 0px 0 8px 40px;font-size: 14px; margin-bottom: 10px;}
#icon-colour, #details-vehicle-info-vehicle-Extras li#icon-colour {background-position: 0px -200px;}
#icon-transmission, #details-vehicle-info-vehicle-Extras li#icon-transmission {background-position: 0px -79px;}
#icon-body, #details-vehicle-info-vehicle-Extras li#icon-body {background-position: 0px 2px;}
#icon-kms, #details-vehicle-info-vehicle-Extras li#icon-kms {background-position: 0px -119px;}
#icon-fuel, #details-vehicle-info-vehicle-Extras li#icon-kms {background-position: 0px -238px;}
#icon-stock {background-position: 0px -159px;}
#details-vehicle-info-vehicle-Extras li { background-image: url("/media/10725/sprites.png");background-repeat: no-repeat;margin-right: 15px;margin-top: 20px;padding: 0px 0 8px 40px;font-size: 14px;}
#details-vehicle-info-vehicle-Image div {background: #fff;}
#details-vehicle-info-vehicle-Image-Wrapper {border: none;}
#details-vehicle-info-options {background: #fc6f04;padding: 5px 10px 13px;}
#details-vehicle-info-options a {font-size: 16px;font-weight: normal;display: inline-block;}
#details-vehicle-info-vehicle-Description {display: none;}
.bx-wrapper .bx-viewport {border: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#details-vehicle-info-features-Tabs div.tab-selected {background-color: #39acaa ; color: #fff;}
#details-vehicle-info-features-Tabs div {background-image: none;padding: 12px 28px;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 16px;font-weight: normal;}
#details-vehicle-info-features-Tabs div:not(.tab-selected) {background-color: #58595b;}
#details-vehicle-info-features-Body tr td {padding: 8px 5px;font-size: 14px;}
#details-vehicle-info-desc-B, #details-vehicle-info-features-Body ul li {font-size: 14px;}
#details-vehicle-info-vehicle-Extras {display: none; }
#details-vehicle-info-vehicle { border: 0; }
#details-vehicle-info-desc {background: #eee;padding: 20px;margin-bottom: 15px;border-radius: 5px;}
/*vehicle reserved option list page*/
.vehicle-listing-img { position: relative; }
.vehicle-listing-img .car-location { display:none; position: absolute; color: #fff; font-family: 'Teko', sans-serif; font-size: 25px; line-height: 25px; font-weight: 400; bottom: 10px; left: 10px; }
.vehicle-listing-img .car-location .car-location-icon::before { margin-right: 8px; font-family: "Font Awesome 5 Free"; content:"\f3c5"; font-weight: 900; font-size: 20px; }
.vehicle-listing-img .reserved-car-overlay { position: absolute; color: #fff; font-family: 'Teko', sans-serif; font-size: 40px; line-height: 50px; font-weight: 400;top: 40%; left: 35%; text-align: center; }
.vehicle-listing-img .hotdeal.has-special-price-true { position: absolute; color: #fff; font-family: 'Teko', sans-serif; font-size: 25px; line-height: 25px; font-weight: 400; top: 10px; left: 10px;
background: #22bcb9; display: inline-block; text-align: center; font-family: 'Teko', sans-serif; padding: 10px 10px 5px; }
.vehicle-listing-img .hotdeal.has-special-price-false { display:none; }
@media (max-width: 1199px) {
#search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 18px center!important;}
}
@media (max-width: 991px) {
.vehicle-heading, #details-vehicle-info-Heading {padding-top: 10px;overflow: hidden;padding-bottom: 0;}
a .vehicle-price, .details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price {font-size: 20px;}
#search-results .search_desc {display: none;}
.search_meta {padding-top: 0!important;margin-bottom: 20px;}
#search-results .search_details a {padding: 18px 20px;}
}
@media (max-width: 768px) {
.vehicle-heading, #details-vehicle-info-Heading {padding-top: 0;}
#details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {}
#details-vehicle-info-vehicle-Price {margin-right: 0;margin-top: 15px;}
#search-filters #filter-header {background: #58595b;font-weight: 400;text-transform: uppercase;padding: 15px 24px;border: none;}
#details-vehicle-info-vehicle-Name {padding-top: 8px;}
.details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price, #details-vehicle-info-vehicle-Price { text-align: center;}
#search-results .search_price {margin-top: 0px;}
a .vehicle-price {font-size: 24px;}
#search-results .search_price .small {font-size: 14px;line-height: 18px;display: block;}
.search_meta {min-height: 234px;}
#search-results .search_details {bottom: -20px;}
#details-vehicle-info-features-Tabs div {padding: 12px 5px;}
#details-vehicle-info-features [data-tab='our-stock'] table tr td:first-child {min-width: 100px;}
#details-vehicle-info-vehicle-Image-Wrapper {margin: 0; }
}
/*footer*/
.footer-custom-wrapper h4 { font-size: 25px; font-weight: 600; color: #58595b; margin-bottom: 15px; letter-spacing: 1px; }
.footer-custom-wrapper { color: #c3c1c1; padding-bottom: 40px; }
#footer_nav .footer_menu {width: 100%;}
.footer-corporate-decor {font-size: 0;line-height: 0; margin: 10px 0 20px;}
.footer-corporate-decor::before {display: inline-block;content:"";width: 58px;border-top: 2px solid #39acaa ;}
.footer-logo { padding: 40px 15px; }
.footer-logo img { max-width: 320px; }
#footer_nav .footer_menu.footer_custom .footer-custom-wrapper .container {width: 100%; max-width: 1350px;}
footer {color: #fff; background-color: white; text-align: center;}
#footer_nav .container {width: 100%;padding-left: 0;padding-right: 0; max-width: 100%; color:#58595b !important; text-align: center;}
#footer a { color: #fff; }
.gmap {padding: 5px 5px 2px; background: #fff; }
#footer a:hover { text-decoration: underline; }
#footer-logo img {max-width: 300px;margin: 20px 0;}
.footer_custom {width: 100%;font-size: 16px;}
#footer_nav .footer_menu h3 {margin: 20px 0 0;font-size: 18px;color: #83ff03;font-weight: normal;text-transform: uppercase;}
#footer_nav .footer_menu ul li a {font-size: 16px;}
#footer_nav .footer_menu ul {padding-left: 0;list-style-type: none;}
.footer_menu_nav h3 {margin-bottom: 20px!important;}
#footer {padding: 10px 0;font-size: 14px;background: #22bcb9; background: #22bcb9text-align: center;}
#footer { background: #22bcb9}
.footer-nav-links li { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #c3c1c1; line-height: 20px; margin-bottom: 15px; }
.footer-nav-links li:last-child { border:0; padding-right:0; margin-right: 0; }
.footer-nav-links li a { color: #58595b; }
.footer-nav-links li a:hover, .footer-nav-links li a:focus, #footer_nav .footer_menu .footer_social_icons li a:hover, #footer_nav .footer_menu .footer_social_icons li a:focus { color: #39acaa ; }
.footer_social_icons li { display: inline-block; margin-right: 6px; }
.footer_social_icons li:last-child { margin-right: 0; }
#footer_nav .footer_menu .footer_social_icons li a { font-size: 25px; }
.dealer-number { font-weight: 600; margin-top: 30px; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-facebook-square { color: #1877f2; }
#footer_nav .footer_menu .footer_social_icons li a .fab.fa-tiktok { color: #000; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-instagram { color: #c13584; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-twitter-square { color: #1da1f2; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-pinterest { color: #e60023; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-linkedin-square { color: #0077b5; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-tumblr-square { color: #446084; }
#footer_nav .footer_menu .footer_social_icons li a .fa.fa-youtube-square { color: #ff58595b0; }
@media (max-width: 991px) {
#footer_nav .footer_menu, #footer_nav .footer_menu.footer_custom {width: 100% !important; text-align: center;}
#footer_nav .footer_menu h3:after { left: 45% !important; }
.footer-logo img { max-width: 240px; }
.what-we-do-wrapper, .quick-link-wrapper { margin-bottom: 40px; }
}
@media (max-width: 767px) {
.footer_custom {width: initial;}
#footer_nav .footer_menu, #footer_nav .footer_header, #footer_nav .footer_body {width: initial;}
}
@media (max-width: 480px) {
.footer-custom-wrapper h4 { font-size: 22px; }
#contact_enquiry.cforms button { padding: 10px 15px; width: 100%; }
}
/*captcha*/
@media (min-width: 1200px) {
#recaptchaContactUs > div > div { transform: scale(0.87); transform-origin: 0 0; -webkit-transform:scale(0.87); -webkit-transform-origin:0 0;}
}
#footer_nav { font-size: 16px; padding: 0; }
#footer {padding: 10px 0;}
#footer_nav .footer_menu.footer_custom { width: 100%; max-width: 100%; }
#footer_nav .footer_menu {margin: 0;}
#footer_nav .footer_menu h3 {font-size: 20px;padding-bottom: 12px;margin-bottom: 20px;font-weight: 500;color: #fff;text-transform: uppercase; position: relative; letter-spacing: 1px; }
#footer_nav .footer_menu h3:after {position: absolute;height: 2px;width: 50px;border-bottom: 1px solid #fdddb5;border-top: 1px solid #fdddb5;left: 0; bottom: 0; content: " ";}
.footer-email a { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break: break-all; word-break: break-word; }
/*Quick Enquiry Footer*/
#body #contactusform-status { margin: 0; }
#footer_enquiry #ContactUsForm .col-md-4 { width: 100%; }
#footer_enquiry #ContactUsForm h3, #footer_enquiry #ContactUsForm label { display: none; }
#footer_enquiry #ContactUsForm {width: 100%;max-width: 100%;padding: 0;background: transparent;margin-bottom: 20px;}
#footer_enquiry #ContactUsForm input { background: transparent; border: 1px solid #fff; color: #fff; padding: 10px; }
#footer_enquiry #ContactUsForm textarea { background: transparent; border: 1px solid #fff; color: #fff; padding: 10px; width: 100%; }
#footer_enquiry #ContactUsForm .form-group {margin-bottom: 5px;}
#footer_enquiry #ContactUsForm button { background: #58595b; color:#fff; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; border: 0; padding: 10px; text-align: center; width: 100%; font-size: 18px; }
#footer_enquiry #ContactUsForm button:hover, #footer_enquiry #ContactUsForm button:focus { background: #fdddb5; color: #39acaa ; }
#footer_enquiry #ContactUsForm .validation-has-error { border: 1px solid #fff !important; background: none !important; }
#footer_enquiry #ContactUsForm input::-webkit-input-placeholder, #footer_enquiry #ContactUsForm textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff !important; opacity: 1; font-weight: 600;}
#footer_enquiry #ContactUsForm input::-moz-placeholder, #footer_enquiry #ContactUsForm textarea::-moz-placeholder { /* Firefox 19+ */color: #fff !important; }
#footer_enquiry #ContactUsForm input:-ms-input-placeholder, #footer_enquiry #ContactUsForm textarea:-ms-input-placeholder { /* IE 10+ */color: #fff !important; }
#footer_enquiry #ContactUsForm input:-moz-placeholder, #footer_enquiry #ContactUsForm textarea:-moz-placeholder { /* Firefox 18- */color: #fff !important;}
.modal-open .modal {z-index: 999999;}
.contact-box a {color: #39acaa ; }
.contact-box a:hover { text-decoration: underline; }
/*sitemap*/
[data-url="sitemap"] #body h2 {margin-top: 0;background: #39acaa ;color: #fff;font-size: 20px;text-transform: uppercase;padding: 10px 15px;border-radius: 5px;font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; margin-top: 20px;}
.SiteMapDetails, .SiteMapPages { margin-bottom: 25px; }
.SiteMapDetails, .SiteMapPages, .SiteMapSearch { background: #eee;padding: 15px;border-radius: 5px; box-shadow: 1px 2px 2px rgba(0,0,0,0.2); }
body[data-url="sitemap"] .center-wrapper a {color: #39acaa ; }
body[data-url="sitemap"] .center-wrapper a:hover {color: #58595b;}
body[data-url="sitemap"] .center-wrapper { padding-bottom: 30px; }
/*common styles*/
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
/*Left filter hover*/
#search-filters .filter .header:hover {background-color: #58595b;}
#search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #39acaa ;}
/*Vehicle details page*/
#details-sidebar-main .header:hover {background-color: #58595b;}
/*Veicle details page buttons top*/
#details-vehicle-info-options {background: transparent;color: #fff; padding: 0;}
#details-vehicle-info-options a {font-weight: 500;color: #fff;font-size: 16px; background:#58595b;padding: 10px 15px;border-radius: 3px;min-width: 120px;text-align: center; margin-top: 0; text-transform: uppercase;}
#details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus { background-color: #39acaa ; }
#details-vehicle-info-options ul { padding-left: 0; }
#details-vehicle-info-options li:not(:first-child)::before { content: ""; }
@media (max-width:1024px){
#details-vehicle-info-options a {min-width: 100px;padding: 10px 5px;}
}
@media (max-width:767px){
#details-vehicle-info-options a {min-width: auto;width: 100%;display: inline-block;}
#details-vehicle-info-options li {float: none;list-style-type: none;width: 100%; display: inline-block; margin-bottom: 10px;}
#details-vehicle-info-options ul {width: 100%;padding: 0;}
#details-vehicle-info-options li:not(:first-child)::before {margin-left: 0 !important;margin-right: 0 !important; content: "";}
#search-options, .contact-box { text-align: center; }
#SearchSortBy { margin-bottom: 15px; }
}
/*social share*/
#details-vehicle-share-drop-down { background: transparent; padding: 0; width: auto; border:0; display: inline-block; margin-left: 0 !important; margin-right: 0 !important; }
#lindacars-share-options-header { color: #e0e0e0; font-size: 2px; }
/* #lindacars-share-options-header:before{ content: "\f1e0"; font-family: FontAwesome; color: #39acaa ; font-size: 30px; text-indent: 0;} */
#lindacars-share-options-header .fa.fa-share-alt { color: #39acaa ; font-size: 30px; }
.vehicle-social-share { margin-left: 20px; }
a.lindacars-sharelink { padding: 5px; display: block; }
/*e-mail car to friend*/
.ui-widget-content { height: auto !important; padding: 0; border: 0; }
.ui-dialog .ui-dialog-titlebar { background: #f00; color: #fff; border: 0; margin: 0; border-radius: 0; text-align: center; padding: 15px; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; }
.ui-dialog-content input, .ui-dialog-content textarea { background-color: #eee; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; }
.ui-dialog-content input { }
#form-email-friend .form-row .header { margin-bottom: 5px; }
#form-email-friend { overflow: hidden; }
.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
.ui-dialog-buttonset button:last-child { display: none; }
.ui-dialog .ui-dialog-buttonset button { width: 100%; border:0; background: #58595b; border: 2px solid #39acaa ; font-weight: 600; font-size: 22px; color: #58595b; border-radius: 8px; width: 100%; letter-spacing: 1px; padding: 10px; line-height: 32px; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; }
.ui-dialog .ui-dialog-buttonset button:hover, .ui-dialog .ui-dialog-buttonset button:focus { background: #39acaa ; color: #fff; border: 2px solid #39acaa ; }
.ui-dialog .ui-dialog-buttonpane { padding: 0 15px; border: 0; }
.ui-widget-overlay { background: #58595b; }
@media (max-width:767px){
.ui-dialog-buttonset button:last-child {display: block;}
}
/*view cout*/
.view-watch-count { font-size: 30px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.view-watch-count .fa { font-size: 50px; color: #39acaa ; margin-right: 10px; }
.watch-vehicle, .vehicle-social-share { display: inline-block; }
/*watchlist*/
.watch-cover {display: flex;align-items: center;justify-content: center;min-height: 56px; margin-bottom: 30px;}
.watch-vehicle a.watchlist.watchicon.NotInWatchList, .watch-vehicle a.watchlist.watchicon.InWatchList { padding: 0; background: none !important; }
.watch-vehicle a.watchlist.watchicon.NotInWatchList:before { content: "\f004"; font-family: FontAwesome; color: #39acaa ; font-size: 30px; text-indent: 0;}
.watch-vehicle a.watchlist.watchicon.InWatchList:before { content: "\f004"; font-family: FontAwesome; color: #58595b; font-size: 30px; text-indent: 0;}
/*vehicle details page box changes*/
@media (max-width:767px){
#details-vehicle-info {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: vertical;-moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
#details-vehicle-info .row {-webkit-box-ordinal-group: 6;-moz-box-ordinal-group: 6;-ms-flex-order: 6;-webkit-order: 6;order: 6; display: inline-block; width: 100%; margin-bottom: 5px; margin-right: 0; margin-left: 0;}
#details-vehicle-info #details-vehicle-info-extra {-webkit-box-ordinal-group: 5;-moz-box-ordinal-group: 5;-ms-flex-order: 5;-webkit-order: 5;order: 5;}
#details-vehicle-info #details-vehicle-info-features {-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;-ms-flex-order: 4;-webkit-order: 4;order: 4;}
#details-vehicle-info #details-vehicle-info-desc {-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
#details-vehicle-info #details-vehicle-info-Img {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
#details-vehicle-info #details-vehicle-info-vehicle {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;}
#details-vehicle-info .row .col-sm-10 { padding-left:0; padding-right: 0; }
#details-vehicle-info .row .col-sm-2 { padding-left:0; padding-right: 0; }
}
/*vehicle details page back button*/
#back-stock {background: transparent;color: #39acaa ;padding: 10px;display: inline-block;margin: 0 0 15px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 15px;border: 2px solid #39acaa ;}
#back-stock:hover { background: #39acaa ; color: #fff; }
/*vehicle list page new*/
/*bread crumb*/
#breadcrumb_wrapper {background: #22bcb9; background: #22bcb9 text-align: center; padding: 20px;}
#breadcrumb_wrapper { background: #22bcb9}
#breadcrumb_wrapper .container {background: transparent;}
#breadcrumb a {color: #fff;font-size: 18px;}
#breadcrumb a:hover { color: #58595b; }
#breadcrumb .fa { color: #58595b; font-size: 18px; margin: 0 10px; }
#breadcrumb .fa:first-child { display: none; }
#breadcrumb { padding: 0; }
.vehicle-page-title { color: #fff; font-size: 50px; letter-spacing: 3px; margin: 0; }
@media (max-width:991px){
.vehicle-page-title { font-size: 40px; }
}
/*car search*/
.carlistingSelectOptionbox { background-color: #fff; padding-bottom: 25px; box-shadow: 0px 1px 5px #58595b; }
#body .carlistingSelectOptionbox .filter-search-title { font-family: 'Open Sans', sans-serif; color: #39acaa ; font-weight: 600; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; margin-bottom: 40px; }
#body .carlistingSelectOptionbox .filter-search-title .fa { color: #58595b; font-size: 25px; margin-right: 10px; }
.carlistingSelectOptionbox select { height: 46px; border: 1px solid #58595b; border-radius: 0; color: #58595b; -moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/9232/arrow-down.png") no-repeat scroll right 10px center; font-size: 16px; font-weight: 500; margin-bottom: 30px; }
.form-control:focus { border-color: #58595b; box-shadow: none; }
.filter-btns-cover .btn { border: 0; font-size: 20px; border-radius: 50px; padding: 12px 30px; min-width: 200px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin: 10px 30px; }
.filter-btns-cover #resetFilter {background: #58595b;}
.filter-btns-cover #btnApply {background: #22bcb9; background: #22bcb9}
.filter-btns-cover #btnApply { background: #22bcb9}
.filter-btns-cover #resetFilter:hover, .filter-btns-cover #resetFilter:focus {background: #22bcb9; background: #22bcb9 transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.filter-btns-cover #btnApply:hover, .filter-btns-cover #btnApply:focus {background: #58595b; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
/*vehicle list page*/
[data-url="buy-used-cars-dubai"] .container.center-wrapper { max-width: 100%; padding-left: 0; padding-right: 0; }
[data-url="buy-used-cars-dubai"] .gmap { display: none; }
[data-url="buy-hicar-select"] .container.center-wrapper { max-width: 100%; padding-left: 0; padding-right: 0; }
[data-url="buy-hicar-select"] .gmap { display: none; }
[data-url="all-cars"] .container.center-wrapper { max-width: 100%; padding-left: 0; padding-right: 0; }
[data-url="all-cars"] .gmap { display: none; }
/*list view bottom btn*/
.show-more-vehicles .showDetails {background: #22bcb9; background: #22bcb9border: 0;font-size: 18px;color: #fff;border-radius: 50px;padding: 10px 30px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;display: inline-block; margin: 40px 15px;}
.show-more-vehicles .showDetails:hover, .show-more-vehicles .showDetails:focus {background: #58595b; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
/*search options top*/
#sortbyfilter { height: 45px; border: 1px solid #58595b; border-radius: 0; color: #58595b; -moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/9232/arrow-down.png") no-repeat scroll right 10px center; font-size: 16px; font-weight: 500; padding: 5px 10px; }
#search-options-top { margin-top: 30px; margin-bottom: 30px; }
.vehicle-sort-items-cover { text-align: right; }
.view-btns-cover { display: inline-block; margin-left: 15px; }
.view-btns-cover .fa { font-size: 25px; }
.view-btns-cover button { border: 0; background: transparent; padding:0; }
#filter-viewwatchlist { margin-bottom: 0; padding:0; }
.view-btns-cover .btn { margin-right: 15px; }
.view-btns-cover .btn:last-child { margin-right: 0; }
.view-btns-cover .btn:hover, .view-btns-cover .btn:focus { color: #39acaa ; }
.vehicle-numbers-cover .browse-cars { font-size: 40px; }
.vehicle-numbers-cover .totalresult { color: #39acaa ; margin-left: 10px; }
.vehicle-numbers-cover h4 { display: inline-flex; align-items: center; }
#filter-viewwatchlist[data-watchlist="true"] .fa.fa-heart-o { color: #58595b; }
@media (max-width:767px){
.vehicle-sort-items-cover, #search-options-top { text-align: center; }
.vehicle-numbers-cover { margin-bottom: 25px; }
.view-btns-cover .grid-view-btn, .view-btns-cover .list-view-btn { display: none; }
}
/*search results*/
#search-results-footer { float: none; }
#search-results { float: none; display: inline-block; margin-bottom: 30px;}
[data-url="buy-used-cars-dubai"] #search-results { width: 100%; }
#body .NoItemsFound {text-align: center;color: #fff;font-weight: 600;background: #39acaa ;border-radius: 5px;padding: 10px;margin: 30px 0;}
#search-results > div { background: none; }
#search-results .search_item {padding-top: 0;padding-bottom: 0;margin-bottom: 20px;background: #fff; }
#search-results .search_item img { border-radius: 15px 15px 0 0; }
#search-results .search_item { border-radius: 15px; box-shadow: 1px 2px 5px #58595b58595b1a; height: auto; }
#search-results .search_item img { width: 100%; }
#search-results > div:not(:last-child) { border: 0; }
#search-results .search_details {float: none; border: 0; padding: 0; text-align: center; margin: 0;}
#search-results .vehicle-view-btn a {color: #fff;background-color: #58595b;font-size: 16px;font-weight: 600;text-transform: uppercase;text-align: center; display: inline-block; letter-spacing: 1px; padding: 10px 20px; border-radius: 20px; min-width: 200px; box-shadow: 1px 2px 5px #58595b58595b30;}
#search-results .vehicle-view-btn a:hover {text-decoration: none;background: #22bcb9; background: #22bcb9}
.vehicle-view-btn { text-align: center; margin: 25px 15px; }
.search_title_header { background: #22bcb9; background: #22bcb9; display: inline-block; width: 100%; text-align: center; font-family: 'Teko', sans-serif; padding: 10px 10px 5px; }
.search_title_header .search_title { text-align: center; position: relative; }
#search-results .search_title a {color: #fff !important;font-weight: 400;font-size: 28px;}
#search-results .search_title a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#search-results .watchlist {position: absolute;right: 0;top: 0; }
#search-results .listview .watchlist { right: 10px; }
#search-results .search_title a:hover, #search-results .search_title a:focus { color: #f4bf00 !important; }
#search-results .search_price, #details-vehicle-info-vehicle-Price {text-align: center;font-weight: 500;font-size: 32px;color: #58595b;}
.list-icons-wrapper, .finance-options-wrapper { width: 100%; display: inline-block; }
.finance-options-wrapper { border-top: 1px solid #ccccccba; border-bottom: 1px solid #ccccccba; padding: 15px 0; padding: 8px 0; display: flex; align-items: center; text-align: center; }
.search_finance { font-weight: 600; font-size: 18px; }
.search_finance_desc a { color: #58595b; font-size: 14px; font-weight: 500; }
.list-icons-wrapper a { color: #58595b; font-weight: 500; }
.list-icons-wrapper { text-align: center; padding: 10px 0 8px; }
.search_odometer a {background: url("/media/14418/odometer-1.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
.search_transmission a {background: url("/media/14416/gear_auto-1.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
.search_cylinders a {background: url("/media/14417/engine_alt-1.png") no-repeat;background-size: 45px;display: inline-block;padding-top: 50px;text-align: center;background-position: top center;}
.search_cylinders a {text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}
.watchlist-sidebar-NotInWatchList:before, #search-results .watchlist.NotInWatchList:before, .watchlist .NotInWatchList:before { content:"\f004"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #fff; font-size: 25px; }
.watchlist-sidebar-InWatchList:before, .watchlist-hide .header a.header-watchlist:before, #search-results .watchlist.InWatchList:before, .watchlist .InWatchList:before { content:"\f004"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #58595b; font-size: 25px; }
.watchlist-sidebar-InWatchList:before, .watchlist-hide .header a.header-watchlist, #search-results .watchlist.InWatchList, .watchlist .InWatchList { background-position: 0 60px !important; padding-left: 10px !important; }
.watchlist-sidebar-NotInWatchList:before, #search-results .watchlist.NotInWatchList, .watchlist .NotInWatchList { background-position: 0 60px !important; padding-left: 1px !important; padding-right: 0 !important; }
#search-results .watchlist:hover { color: #58595b; }
#search-results .gridview .search_title .watchlist { position: absolute; bottom:-40px;top:unset;}
.hotdeal.has-special-price-false{ display:none;}
.discount-percentage.special-vehicle-price.has-special-price-false{display:none;}
.has-special-price-false .special-vehicle-price { display: none; }
.has-special-price-true .vehicle-price {text-decoration: line-through;font-size: 25px;}
.details-vehicle-info-vehicle-HasSpecialPrice-False .special-vehicle-price { display: none; }
.details-vehicle-info-vehicle-HasSpecialPrice-True .vehicle-price {text-decoration: line-through;font-size: 20px;}
.details-vehicle-info-vehicle-HasSpecialPrice-True .special-vehicle-price { display: block; }
.special-vehicle-price.discount-percentage.has-special-price-true {
background: #f00; position: absolute; color: #fff; font-family: 'Teko', sans-serif;
font-size: 25px; line-height: 25px; font-weight: 400; top: 10px; right: 10px;
display: inline-block; text-align: center; padding: 10px 10px 5px;}
.special-vehicle-price.discount-percentage.has-special-price-false {display: none;}
@media (min-width:991px) and (max-width:1400px) {
#search-results .search_title a { /* padding-right: 30px; */ }
}
@media (max-width:480px){
#search-results .search_title a { font-size: 25px; /* padding-right: 30px; */ }
.watchlist-sidebar-NotInWatchList:before, #search-results .watchlist.NotInWatchList:before, .watchlist .NotInWatchList:before, .watchlist-sidebar-InWatchList:before, .watchlist-hide .header a.header-watchlist:before, #search-results .watchlist.InWatchList:before, .watchlist .InWatchList:before { font-size: 22px; }
}
/*show more*/
.lds-hourglass:after {border: 26px solid #39acaa ;border-color: #39acaa transparent #39acaa transparent;}
/*vehicle list view*/
#search-results .listview .search_item img { border-radius: 15px 0 0 15px; }
#search-results .listview .vehicle-listing-main { padding-right:0; padding-left: 0; }
#search-results .listview .search_title_header { border-radius: 0 15px 0 0; }
@media (min-width:992px){
#search-results .listview .search_item img { /* height: 360px; */ }
}
@media (max-width:991px){
#search-results .listview .search_title_header { border-radius: 0; }
#search-results .listview .search_item img { border-radius: 15px 15px 0 0; }
}
/*vehicle details page*/
#details-vehicle-info-vehicle-Name { color: #fff; font-size: 23px; font-weight: 600; text-transform: uppercase; line-height: 28px; }
#details-vehicle-info-vehicle-price { font-weight: 600; font-size: 23px; text-align: right; }
.government_charges { font-weight: 500; font-size: 14px; text-align: right; padding-right: 0; padding-left: 0; /*display: none;*/ }
#details-vehicle-info-Heading {background: #22bcb9;padding: 10px 0; width: 100%; display: flex; margin-left: 0;margin-right: 0; align-items: center;color:white;}
#details-vehicle-info-vehicle-Image-Wrapper { margin: 0; }
#details-vehicle-info-vehicle-Image img { width: 100%; }
#details-vehicle-info-vehicle { margin-top:0; padding-bottom: 0; }
#details-vehicle-info, #details-sidebar { margin-top: 30px; }
#details-sidebar-top {background: #22bcb9;text-align: center;font-size: 23px;font-weight: 600;letter-spacing: 1px;padding: 6px 10px;color:white;}
#details-vehicle-info-Img .bx-wrapper .bx-pager { display: none; }
#details-vehicle-info-Img .bx-wrapper .bx-viewport { background: transparent; }
#details-vehicle-info-Img .bx-wrapper .bx-controls-direction a { width: 38px; height: 38px; }
/*#details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-prev, #details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-next { background: url("/media/11651/slider-arrows.png") no-repeat !important; }
*/
#details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-prev { background: url("/media/14432/left.png") no-repeat !important; background-position: center -16px !important; background-size: 100% !important;
background-position: center !important;}
#details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-next { background: url("/media/14431/right.png") no-repeat !important; background-position: center -107px !important; background-size: 100% !important;
background-position: center !important;}
#details-vehicle-info-Img .bx-wrapper { margin-bottom: 40px; }
.spec-wrapper { min-height: 587px; background: #f2f2f2; margin-bottom: 20px; }
.spec-icon-wrapper { font-weight: 500; font-size: 17px; padding-top: 25px; }
.spec-icon-wrapper img { max-width: 80px; }
.spec-icon-wrapper .icon-container { margin-bottom: 5px; }
.spec-icon-wrapper .icon-box { margin-bottom: 30px; }
.border-grey-top{ border-top: 1px solid #ccccccba; }
.border-grey-bottom { border-bottom: 1px solid #ccccccba; }
.bottom-icon-row .option-icon img { max-width: 80px; }
.bottom-icon-row { font-size: 17px; font-weight: 500; padding: 20px 20px 20px 65px; }
.bottom-icon-row .option-icon, .bottom-icon-row .option-text { display: inline-block; }
.option-cover { display: inline-flex; align-items: center; }
.option-text { margin-left: 15px; }
.option-text span { color: #39acaa ; margin-right: 5px; }
@media (min-width:1025px){
#details-vehicle-info-Img .bx-wrapper .bx-prev { left: -50px; }
#details-vehicle-info-Img .bx-wrapper .bx-next { right: -50px; }
}
@media (max-width:767px){
#details-vehicle-info-vehicle-price { margin-top: 15px; }
#details-vehicle-info-vehicle-price, .government_charges { text-align: center; }
.option-cover { margin: 0 auto; }
.bottom-icon-row { padding: 20px; text-align: center; }
}
/*button area details page*/
.vehicle-details-button-wrapper button { border:0; background: #58595b; border: 2px solid #39acaa ; font-weight: 600; font-size: 22px; color: #58595b; border-radius: 8px; width: 100%; letter-spacing: 1px; padding: 10px; line-height: 32px; text-transform: uppercase; }
.vehicle-details-button-wrapper button:hover, .vehicle-details-button-wrapper button:focus { background: #22bcb9; background: #22bcb9 color: #fff; border: 2px solid #39acaa ; }
.finance-cal-button { border:0; background: #22bcb9; background: #22bcb9 /* border: 2px solid #39acaa ; */ font-weight: 600; font-size: 19px; color: #58595b; border-radius: 0; width: 100%; padding: 10px; line-height: 32px; }
.finance-cal-button .finance-value { color: #fff; font-weight: 700; }
.finance-cal-button, .vehicle-details-button-wrapper button { margin-bottom: 30px;background:#fff; }
.finance-cal-button{ background: #22bcb9; color:white;}
#customFormModalLabel, #customForm2ModalLabel {font-size: 25px;text-align: center;font-weight: 600;letter-spacing: 1px;color: #fff; text-transform: uppercase;}
.vehicle-details-button-wrapper .modal-header .close {margin-top: -2px;background: none;padding: 0;border: 0;margin-bottom: 0;width: auto;opacity: 1;color: #fff;}
.vehicle-details-button-wrapper .modal-header .close:hover { color: #58595b; }
.vehicle-details-button-wrapper .modal-header { background: #22bcb9; background: #22bcb9 border: 0; border-radius: 5px 5px 0 0; }
.ps_relative { position: relative; }
.ps_relative .datepicker { z-index: 9999; }
.vehicle-details-button-wrapper .form-group span.dateicon {position: absolute;width: 30px;height: 30px;top: 10px;right: 10px;background: url("/media/11655/date-icons.png") no-repeat;display: block;background-size: 30px 60px;z-index: -1;}
.vehicle-details-button-wrapper .form-group span.dateicon {z-index: 1;}
.vehicle-details-button-wrapper .form-group span.dateicon.timepickers { background-position: 0 -30px; }
.select-date {padding-left: 24px;-moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/11656/time-icon.png") no-repeat scroll right 9px center; background-size: 30px; }
.vehicle-details-button-wrapper .modal-body button { margin-bottom: 0; }
.vehicle-details-button-wrapper .modal-body { padding: 40px 15px; }
.form-message { display: none; }
/*button popup*/
#LindaCarBookForm #bookcar-infor label { display: none; }
#LindaCarBookCarModal .modal-body {padding: 20px 25px 30px; }
#LindaCarBookForm #bookcar-infor input {display: block;width: 100%;margin-bottom: 3px;padding: 10px;font-size: 16px;line-height: 1.42857143;color: #58595b;background-color: #eee;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 5px;}
#LindaCarBookForm #bookcar-infor .col-md-4 { width: 100%; margin-bottom: 15px; }
#body #lindacarbooform-status {color: #39acaa ;margin-top: 10px;font-weight: 600;padding-left: 0;}
#bookcar-bookdate, #bookcartempreservetimer {color: #39acaa ; font-family: 'Teko', sans-serif; font-size: 23px; line-height: 25px; }
.bookcar-confirmationtitle { margin-top: 0; font-weight: 600; }
#bookcarconfirmation { text-align: center; }
.bookcar-billinginfo {background: #fffddf;border: 1px solid #ccc;padding: 15px;margin-top: 15px; margin-bottom: 15px;border-radius: 5px;font-size: 15px;line-height: 25px;}
#LindaCarBookForm #bookcarconfirmation label {margin-bottom: 15px; display: inline-block;font-weight: 400;font-size: 14px;float: left; width: 90%;text-align: left;}
#bookcarconfirmation #bookcar-checktermandcondition { float: left; margin-right: 10px; }
#bookcarconfirmation #reservesubmitbutton { border:0; background: #58595b; border: 2px solid #39acaa ; font-weight: 600; font-size: 18px; color: #58595b; border-radius: 8px; letter-spacing: 1px; padding: 5px 15px; line-height: 32px; text-transform: uppercase; }
#bookcarconfirmation #reservesubmitbutton:hover, #bookcarconfirmation #reservesubmitbutton:focus { background: #22bcb9; background: #22bcb9 color: #fff; border: 2px solid #39acaa ; }
#LindaCarBookCarModalLabel, #bookcarTermsandConditionModalLabel { color: #fff;text-align: center; font-family: 'Teko', sans-serif; font-size: 35px;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;padding: 0; margin: 0; }
#bookcarTermsandConditionModal { font-size: 15px; }
#reserveSuccessResultdiv #reserve-checkmark { margin-top: 20px; }
@media (max-width:1199px){
.finance-cal-button, .vehicle-details-button-wrapper button { padding: 5px; }
.vehicle-details-button-wrapper button { font-size: 20px; }
.finance-cal-button { font-size: 16px; }
}
/*option & promotions*/
.vehicle-options-promotion-wrapper .block-wrapper { background: #ebebeb; }
.vehicle-options-promotion-wrapper .block-title { color:white;background: #22bcb9; font-size: 23px; font-weight: 600; letter-spacing: 1px; padding: 10px; }
.vehicle-options-promotion-wrapper .block-body { padding: 15px; }
.vehicle-options-promotion-wrapper .block-wrapper.promo-grid { min-height: 602px; }
.promo-grid { min-height: 597px; }
.vehicle-attributes { list-style-type: none; padding-left: 0; columns: 3; break-inside: avoid; font-size: 15px; line-height: 30px; }
.vehicle-attributes .vehicle-attributes-label { font-weight: 600; font-size: 16px; }
.vehicle-description-tabcover { margin-top: 30px; margin-bottom: 30px; }
.vehicle-description-tabcover .tab-content { font-size: 15px; background: #fff; padding: 20px; min-height: 318px; }
.vehicle-description-tabcover .tab-content h5 { font-weight: 700; font-size: 16px; }
.vehicle-description-tabcover .nav-tabs > li.active > a, .vehicle-description-tabcover .nav-tabs > li.active > a:hover, .vehicle-description-tabcover .nav-tabs > li.active > a:focus, .vehicle-description-tabcover .nav-tabs > li > a:hover, .vehicle-description-tabcover .nav-tabs > li > a:focus{background: #22bcb9; background: #22bcb9; color: #fff;}
.vehicle-description-tabcover .nav-tabs > li > a { border-radius: 0;font-weight: 600;letter-spacing: 1px;font-size: 23px; padding: 10px 25px; background: #ebebeb; color: #000; border: 0; }
.vehicle-description-tabcover .nav-tabs > li { width: 33.33333%; text-align: center; }
#body .team-wrapper .team-title { font-weight: 500; letter-spacing: 1px; }
.team-wrapper { margin-bottom: 20px; }
/*similar vehicles*/
#details-vehicle-similar-H { font-size: 50px; font-weight: 500; text-align: center; font-family: 'Teko', sans-serif; text-transform: uppercase; color: #39acaa ; margin-bottom: 15px; letter-spacing: 1px; }
@media (max-width:1024px){
.vehicle-description-tabcover .tab-content { min-height: 285px; }
.spec-wrapper { min-height: auto; }
}
@media (max-width:991px){
.finance-cal-button, .vehicle-details-button-wrapper button { margin-bottom: 15px; }
.vehicle-description-tabcover .tab-content { min-height: auto; }
.promo-grid { min-height: 100px; }
}
@media (max-width:767px){
.vehicle-attributes { columns: 2; }
#details-vehicle-info-Img .bx-wrapper { margin-bottom: 10px; }
}
@media (max-width:640px){
.vehicle-description-tabcover .nav-tabs > li { width: auto; }
.vehicle-description-tabcover .nav-tabs > li > a { font-size: 18px; padding: 5px 15px; }
}
@media (max-width:480px){
.vehicle-description-tabcover .nav-tabs > li { width: 100%; }
.vehicle-description-tabcover .nav-tabs > li > a { font-size: 18px; padding: 8px 15px; }
#details-vehicle-similar-H { font-size: 40px; }
.bottom-icon-row .option-icon img, .spec-icon-wrapper img { max-width: 50px; }
.vehicle-attributes { columns: 1; }
}
/*share buttons*/
.share-buttons-widget {background: #39acaa ;color: #fff;text-align: center;padding: 7px 15px;border-radius: 20px;font-weight: 600;font-size: 15px;display: inline-block; margin-right: 15px; /* float: left; */}
.share-buttons-widget .fa { margin-right: 10px; }
.share-buttons-widget:hover, .share-buttons-widget:focus {background: #fff;color: #39acaa ; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
@media (max-width:1024px){
#details-vehicle-info-vehicle-price { text-align: left; font-size: 20px; }
.share-buttons-widget { font-size: 14px; }
}
@media (max-width:991px){
#details-vehicle-info-vehicle-price { text-align: right; }
}
@media (max-width:767px){
#details-vehicle-info-vehicle-price { text-align: center; font-size: 23px; }
}
/*finance Calculator*/
#custom-finance-calculator-tool #loanTenure { border: 1px solid #ccc; padding: 10px 15px; font-size: 18px; box-shadow: 0 0 0 0; color: #58595b; font-weight: 600; height: auto; -moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/11664/arrow-down-black.png") no-repeat scroll right 10px center; min-width: 150px; }
#custom-finance-calculator-tool { background-color: #fff; padding: 50px 30px; border-top: 3px solid #39acaa ; /* margin-bottom: 40px; */margin-bottom: 20px; margin-top: 30px; }
#custom-finance-calculator-tool .cal-divider { width: 2px; border-left: 1px solid #58595b; min-height: 330px; display: inline-block; }
#custom-finance-calculator-tool .loan-ten-heading { font-weight: 500; font-size: 16px; }
#custom-finance-calculator-tool .slider-input-bar { margin-top: 40px; margin-bottom: 40px; }
#custom-finance-calculator-tool #sliderDownpayment, #custom-finance-calculator-tool #sliderEMI { margin-top: 30px; }
#custom-finance-calculator-tool .form-control.downpayment, #custom-finance-calculator-tool .form-control.monthlyrepayment {border: 1px solid #ccc;background: none;font-size: 18px;color: #58595b;font-weight: 600;padding: 10px 15px;height: auto;text-align: center; box-shadow: 0 0 0 0;}
#custom-finance-calculator-tool #sliderDownpayment.ui-slider-horizontal, #custom-finance-calculator-tool #sliderEMI.ui-slider-horizontal { height: .1em; border: 1px solid #58595b; }
#custom-finance-calculator-tool #sliderDownpayment .ui-widget-header, #custom-finance-calculator-tool #sliderEMI .ui-widget-header { border: 1px solid #39acaa ; top: -1px; }
#custom-finance-calculator-tool .ui-slider-horizontal .ui-slider-handle { top: -10px; }
#custom-finance-calculator-tool .ui-state-default, #custom-finance-calculator-tool .ui-widget-content .ui-state-default, #custom-finance-calculator-tool .ui-widget-header .ui-state-default { border: 5px solid #c2f4f3; background: #22bcb9; font-weight: 600; color: #fff; border-radius: 50px; cursor: pointer;}
#custom-finance-calculator-tool .top-emi { background: #22bcb9; background: #22bcb9 border-radius: 5px 5px 0 0; padding: 13px 0 10px; font-size: 16px; color: #58595b; }
#custom-finance-calculator-tool .top-emi input { font-size: 23px; font-weight: 600; color: #fff; }
#custom-finance-calculator-tool .top-emi input, #custom-finance-calculator-tool .bottom-emi input { background: none; width: 100%; border:0; }
#custom-finance-calculator-tool .bottom-emi { border:1px solid #22bcb9;background-color: #fff; color: #58595b; font-weight: 600; font-size: 18px; padding: 25px 5px; border-radius: 0 0 5px 5px; }
#custom-finance-calculator-tool .top-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi input, #custom-finance-calculator-tool .top-emi .col-md-5 input { text-align: right; }
#custom-finance-calculator-tool .space-row {margin-bottom: 10px;display: inline-block;width: 100%;}
#custom-finance-calculator-tool .nav { margin-bottom: 25px; }
#custom-finance-calculator-tool .nav li a {background: #ebebeb;border-radius: 5px 0 0 5px;color: #58595b;font-weight: 500; min-width: 140px; text-align: center;}
#custom-finance-calculator-tool .nav li:last-child a { border-radius: 0 5px 5px 0; }
#custom-finance-calculator-tool .nav li.active a, #custom-finance-calculator-tool .nav li a:hover {background: #22bcb9; background: #22bcb9 color: #fff;}
#custom-finance-calculator-tool .full-pay-title { color: #39acaa ; line-height: 25px; text-align: center; }
#custom-finance-calculator-tool .full-pay-options {line-height: 23px;padding-left: 20px;margin: 15px 0 0 0;font-size: 15px;font-weight: 500;}
#custom-finance-calculator-tool .full-pay-options li { margin-bottom: 10px; }
#custom-finance-calculator-tool .tab-content { min-height: 372px; }
@media (max-width:1024px){
#custom-finance-calculator-tool .top-emi, #custom-finance-calculator-tool .top-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi input, #custom-finance-calculator-tool .top-emi .col-md-5 input, #custom-finance-calculator-tool .top-emi input, #custom-finance-calculator-tool .bottom-emi { text-align: center; }
#custom-finance-calculator-tool .top-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi .col-md-5, #custom-finance-calculator-tool .bottom-emi .col-md-7, #custom-finance-calculator-tool .top-emi .col-md-7 { width: 100%; }
#custom-finance-calculator-tool .bottom-emi { padding: 15px 10px 5px; }
}
@media (max-width:991px){
#custom-finance-calculator-tool .cal-divider { display: none; }
#custom-finance-calculator-tool .top-emi { margin-top: 25px; }
#custom-finance-calculator-tool .top-emi .col-md-7 { margin-bottom: 15px; }
#custom-finance-calculator-tool .nav li a { width: auto; }
#custom-finance-calculator-tool .nav li { width: 49%; }
}
@media (max-width:767px){
#custom-finance-calculator-tool .row { margin-left: 15px; margin-right: 15px; }
#custom-finance-calculator-tool .row.top-emi, #custom-finance-calculator-tool .row.bottom-emi { margin-left: 0; margin-right: 0; }
#custom-finance-calculator-tool .loan-ten-heading { text-align: center; }
}
@media (max-width:480px){
#custom-finance-calculator-tool .slider-input-bar .col-xs-6 { width: 100%; text-align: center; }
#custom-finance-calculator-tool #loanTenure { text-align: center; }
}
/*arrow back to top*/
#arrow { right: auto; left: 25px; }
/*Call us icon*/
.call-us-wrapper { position: relative; }
.callus-icon { position: fixed; display: block; bottom: 170px; right: 15px; z-index: 99999; }
.callus-icon img { max-width: 60px; }
@media (max-width:767px){
.callus-icon img { max-width: 50px; }
}
/*========================================================
Project: WhatsChat - WhatsApp Chat Widget jQuery Plugin
Author: Black Theme Style 1
Released On: 4, Sep 2019
@version: 1.0
==========================================================*/
/* WhatsChat Main Container */
.wc-style1{
display: inline-block;
position: fixed;
letter-spacing: 0.1px;
font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
z-index: 9999;
}
.wc-right-bottom{
bottom: 1em;right: 1em;float: right; z-index: 9999;
}
/* Right Bottom Floating Button */
.wc-style1 .wc-button{
width: 60px;
height: 60px;
border-radius: 100%;
border: 1px solid #fff;
box-shadow: 0 0 10px rgba(12, 12, 12, 0.3);
}
.wc-style1 .wc-button .fa.fa-whatsapp { margin-top: 2px; font-size: 35px; }
.wc-style1 .wc-button:hover{
box-shadow: 0px 0px 10px rgba(12, 12, 12, 0.5);
}
.wc-style1 .wc-button i{
display: table;
height: 100%;
width: 100%;
margin-right: 0px;
font-size: 25px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
@media(max-width: 767px){
.wc-style1 .wc-button{ width: 50px; height: 50px; }
.wc-style1 .wc-button .fa.fa-whatsapp { margin-top: -2px; font-size: 25px; }
}
/* Floating Panel Container */
.wc-style1 .wc-panel{
display: none;
margin-bottom: 5%;
width: 300px;
border-radius: 10px;
box-shadow: 0px 3px 7px rgba(12, 12, 12, 0.18);
}
/* Panel Header Content */
.wc-style1 .wc-panel .wc-header{
padding: 12px 15px 15px;
text-align: center;
border-radius: 8px 8px 0 0;
}
.wc-style1 .wc-header strong{
font-size: 17px;
line-height: 25px;
}
.wc-style1 .wc-header p{
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
/* Panel Body Content */
.wc-style1 .wc-panel .wc-body{
padding: 15px 10px;
min-width: 250px;
white-space: nowrap;
list-style: none;
overflow-y: auto;
}
.wc-style1 .wc-panel .wc-body ul{
padding-left: 0;
list-style-type: none;
}
.wc-style1 .wc-body .wc-list:hover{
text-decoration: none;
cursor: pointer;
}
.wc-style1 .wc-body .wc-list{
padding: 5px 10px;
margin-bottom: 10px;
list-style-type: none;
border-radius: 10px;
}
.wc-style1 .wc-body .wc-list:last-child { margin-bottom: 0; }
/* User Contact Profile */
.wc-style1 .wc-list .d-flex{
display: flex;
}
.wc-style1 .wc-list .wc-img-cont{
position: relative;
}
.wc-style1 .wc-list .wc-user-img{
height: auto;
width: 50px;
border-radius: 50%;
vertical-align: middle;
}
.wc-style1 .wc-list .wc-status-icon{
position: absolute;
bottom: 5px;
right: 1px;
height: 10px;
width: 10px;
border-radius: 50%;
}
.wc-style1 .wc-list .wc-user-info{padding: 15px; text-align: left;}
.wc-style1 .wc-list .wc-user-info span{
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.wc-style1 .wc-list .wc-user-info span.job-position {
display: block;
font-size: 12px;
font-weight: 400;
word-wrap: break-word;
}
.wc-style1 .wc-list .wc-user-info p{
margin-top: -5px;
margin-bottom: 0;
font-size: 11px;
line-height: 15px;
}
.wc-style1 .wc-list .wc-chat-icon{
position: absolute;
margin-top: 15px;
right: 30px;
}
.wc-style1 .wc-list .wc-chat-icon i{
display: none;
font-size: 25px;
}
.wc-style1 .wc-list:hover .wc-chat-icon i{
display: block;
-webkit-animation: wc-fadein 1s;
-moz-animation: wc-fadein 1s;
-ms-animation: wc-fadein 1s;
-o-animation: wc-fadein 1s;
animation: wc-fadein 1s;
}
@keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes wc-fadein{
from{ opacity: 0; }
to { opacity: 1; }
}
/* Common CSS */
.wc-style1 .wc-body .wc-list:hover,
.wc-style1 .wc-body .wc-list:hover .wc-user-img,
.wc-style1 .wc-body .wc-list .wc-chat-icon i,
.wc-style1 .wc-body .wc-list:hover .wc-chat-icon i,
.wc-style1 .wc-button:hover{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* Floating Button Forward Rotation */
.rotateForward{
animation-name: rotateF;
animation-duration: 0.65s;
animation-iteration-count: 1;
}
@keyframes rotateF{
from{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
/* Floating Button Backward Rotation */
.rotateBackward{
animation-name: rotateB;
animation-duration: 0.65s;
animation-iteration-count: 1;
}
@keyframes rotateB{
from{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
to{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
}
/* Media Css for Smaller Device */
@media(max-width: 576px){
.wc-style1 .wc-panel{
width: 290px;
}
}
/*======================================================
Project: WhatsChat - WhatsApp Chat Widget jQuery Plugin
Author: Black Theme
Released On: 4, Sep 2019
@version: 1.0
========================================================*/
/*======================================================
[Table of Contents For Green Gradiant Color]
* WhatsChat Main Layout CSS
* WhatsChat Sidebar Togle CSS
* DropDown List for WhatsChat Style10 Button CSS
* WhatsChat Style1 CSS
* WhatsChat Style2 CSS
* WhatsChat Style3 CSS
* WhatsChat Style4 CSS
* WhatsChat Style5 CSS
* WhatsChat Style6 CSS
* WhatsChat Style7 CSS
* WhatsChat Style8 CSS
* WhatsChat Style9 CSS
* WhatsChat Style10 CSS
========================================================*/
/*==================================================
WhatsChat Main Layout CSS
====================================================*/
.layout .layout-features i{
color: #09e072;
}
.layout .layout-funcation .layout-funcation-odd{
background: #eee;
}
/* Common CSS */
.layout .title,
.layout .wrapper .div-dot:after{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.layout .layout-heading h2,
.layout .layout-heading p{
color: #fff;
}
.layout .layout-style-title h3,
.layout .layout-button-title h3,
.layout .layout-features-title h3,
.layout .layout-funcation-title h3,
.layout .layout-features h4,
.layout .layout-funcation h4{
color: #555;
}
.layout .layout-style-title p,
.layout .layout-button-title p,
.layout .layout-features-title p,
.layout .layout-funcation-title p,
.layout .layout-features p,
.layout .layout-funcation p{
color: #8c8c8c;
}
/*==================================================
WhatsChat Sidebar Togle CSS (Left Slide Panel)
====================================================*/
.wc-header{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* Common CSS */
.wc-setting .icon,
.wc-setting .link a{
color: #555;
}
.wc-setting .icon i,
.wc-setting .link a:hover{
color: #09e072;
}
/*==================================================
DropDown List for WhatsChat Style10 Button CSS
====================================================*/
.wc-dropdown .new-select{
color: #444;
}
.wc-dropdown .new-select .selection{
border: 1px solid #09e072;
}
.wc-dropdown .new-select .selection:hover p,
.wc-dropdown .new-select .selection.open p{
color: #383838;
}
.wc-dropdown .new-select .selection > span{
border-color: #09e072 transparent transparent transparent;
}
.wc-dropdown .new-select .selection.open > span{
border-color: transparent transparent #bbb transparent;
}
.wc-dropdown .new-option.reveal:hover{
color: #f5f5f5;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* Common CSS */
.wc-dropdown .new-select .selection,
.wc-dropdown .new-option{
background-color: #fff;
}
/*==================================================
Start WhatsChat Style1 CSS
====================================================*/
.wc-style1 .wc-panel{
background-color: #fff;
}
.wc-style1 .wc-body .wc-list{
background-color: #eee;
}
.wc-style1 .wc-body .wc-list:hover{
background-color: /* #e6e6e6 */ #1ccd7c8f;
}
.wc-style1 .wc-list .wc-user-img{
border: 1.5px solid #f5f6fa;
}
.wc-style1 .wc-list .wc-status-icon{
border: 1.5px solid #fff;
}
.wc-style1 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style1 .wc-list .wc-user-info span{
color: #58595b;
}
.wc-style1 .wc-list .wc-user-info p{
color: #8c8c8c;
}
.wc-style1 .wc-list .wc-chat-icon i{
color: #09e072;
}
/* Common CSS */
.wc-style1 .wc-panel .wc-header,
.wc-style1 .wc-body .wc-list .wc-online,
.wc-style1 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style1 .wc-panel .wc-header,
.wc-style1 .wc-button i{
color: #fff;
}
/*==================================================
End WhatsChat Style1 CSS
====================================================*/
/*==================================================
Start WhatsChat Style2 CSS
====================================================*/
.wc-style2 .wc-panel .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style2 .wc-panel .wc-list{
border: 2px solid #09e072;
}
.wc-style2 .wc-panel .wc-list img{
background: #fff;
}
/* Common CSS */
.wc-style2 .wc-panel .wc-button,
.wc-style2 .wc-panel .wc-button:hover{
color: #fff;
}
/*==================================================
End WhatsChat Style2 CSS
====================================================*/
/*==================================================
Start WhatsChat Style3 CSS
====================================================*/
.wc-style3 .wc-button i{
color: #09e072;
}
.wc-style3 .wc-list .d-flex{
background-color: #f5f5f5;
}
.wc-style3 .wc-list:hover .d-flex{
background-color: #eee;
border-left: 2px solid #09e072;
}
.wc-style3 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style3 .wc-list .wc-user-info span{
color: #383838;
}
.wc-style3 .wc-list .wc-user-info p{
color: #8c8c8c;
}
/* Common CSS */
.wc-style3 .wc-header,
.wc-style3 .wc-body .wc-list .wc-online{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style3,
.wc-style3 .wc-button{
background-color: #fff;
}
/*==================================================
End WhatsChat Style3 CSS
====================================================*/
/*==================================================
Start WhatsChat Style4 CSS
====================================================*/
.wc-style4 .wc-overlay{
background-color: #58595b58595b7a;
}
.wc-style4 .wc-modal .wc-content{
background-color: #fff;
}
.wc-style4 ul .wc-list{
color: #383838;
}
.wc-style4 .wc-list{
background-color: #f5f7f9;
}
.wc-style4 .wc-list .wc-user-img{
border: 2px solid transparent;
}
.wc-style4 .wc-list:hover .wc-user-img{
border: 2px solid #09e072;
}
.wc-style4 .wc-user-info strong{
color: #383838;
}
.wc-style4 .wc-user-info .wc-status{
border: 1px solid #fff;
}
.wc-style4 .wc-user-info p{
color: #8c8c8c;
}
.wc-style4 .wc-list .wc-chat-icon i{
color: #09e072;
}
/* Common CSS */
.wc-style4 .wc-button,
.wc-style4 .wc-button:hover,
.wc-style4 .wc-user-info .wc-status,
.wc-style4 .wc-footer .wc-close{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style4 .wc-button:hover,
.wc-style4 .wc-header,
.wc-style4 .wc-button i,
.wc-style4 .wc-user-info .wc-status,
.wc-style4 .wc-footer .wc-close{
color: #fff;
}
/*==================================================
End WhatsChat Style4 CSS
====================================================*/
/*==================================================
Start WhatsChat Style5 CSS
====================================================*/
.wc-style5 .wc-list .wc-online{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style5 .wc-list .wc-offline{
background-color: #b1b1b1;
}
.wc-style5 .wc-list .wc-user-img{
border: 2px solid #09e072;
}
.wc-style5 .wc-list:hover strong{
color: #383838;
}
.wc-style5 .wc-list:hover .wc-user-info p{
color: #8c8c8c;
}
/* Common CSS */
.wc-style5 .wc-list .wc-user-img,
.wc-style5 .wc-list:hover .wc-user-info{
background: #fff;
}
/*==================================================
End WhatsChat Style5 CSS
====================================================*/
/*==================================================
Start WhatsChat Style6 CSS
====================================================*/
.wc-style6 .wc-panel{
background-color: #fff;
}
.wc-style6 .wc-user-info span{
color: #383838;
}
.wc-style6 .wc-user-info p{
color: #8c8c8c;
}
.wc-style6 .wc-list .wc-online{
box-shadow: 0 0 14px #69f9b0;
border: 2px solid #09e072;
}
.wc-style6 .wc-list .wc-offline{
box-shadow: 0 0 10px #b1b1b1;
border: 2px solid #b1b1b1;
}
/* Common CSS */
.wc-style6 .wc-header,
.wc-style6 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style6 .wc-panel .wc-header,
.wc-style6 .wc-button i{
color: #fff;
}
/*==================================================
End WhatsChat Style6 CSS
====================================================*/
/*==================================================
Start WhatsChat Style7 CSS
====================================================*/
.wc-style7 .wc-content .wc-bubble span{
color: rgba(0,0,0,0.4);
}
/* Common CSS */
.wc-style7 .wc-header,
.wc-style7 .wc-button,
.wc-style7 .wc-footer .wc-list{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style7 .wc-panel,
.wc-style7 .wc-content .wc-bubble,
.wc-style7 .wc-footer{
background-color: #fff;
}
.wc-style7 .wc-panel .wc-header,
.wc-style7 .wc-button i,
.wc-style7 .wc-user-info,
.wc-style7 .wc-list p,
.wc-style7 .wc-list i{
color: #fff;
}
/*==================================================
End WhatsChat Style7 CSS
====================================================*/
/*==================================================
Start WhatsChat Style8 CSS
====================================================*/
.wc-style8 .wc-list .wc-user-img{
border: 2px solid #09e072;
}
/* Common CSS */
.wc-style8 .wc-panel .wc-button i,
.wc-style8 .wc-panel ul .wc-list{
color: #fff;
}
.wc-style8 .wc-panel .wc-button,
.wc-style8 .wc-list .wc-user-img,
.wc-style8 .wc-list .wc-user-info{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/*==================================================
End WhatsChat Style8 CSS
====================================================*/
/*==================================================
Start WhatsChat Style9 CSS
====================================================*/
.wc-style9 .wc-button i{
color: #fff;
}
/* Common CSS */
.wc-style9:after,
.wc-style9 .wc-button{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/*==================================================
End WhatsChat Style9 CSS
====================================================*/
/*==================================================
Start WhatsChat Style10 CSS
====================================================*/
/* Start WhatsChat Button Style 1 */
.wc-style10 .wc-button1 span{
color: #fff;
}
.wc-style10 .wc-button1 .social-link:hover{
border: 2px solid #fff;
}
.wc-style10 .wc-button1,
.wc-style10 .wc-button1:before,
.wc-style10 .wc-button1:after,
.wc-style10 .wc-button1:hover{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* End WhatsChat Button Style 1 */
/* Start WhatsChat Button Style 2 */
.wc-style10 .wc-button2 .wc-chat-icon i{
border: 2px solid #fff;
}
.wc-style10 .wc-button2 .wc-chat-icon i,
.wc-style10 .wc-button2 p{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* End WhatsChat Button Style 2 */
/* Start WhatsChat Button Style 3 */
.wc-style10 .wc-button3{
border: 2px solid #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
.wc-style10 .wc-button3 i,
.wc-style10 .wc-button3 span{
color: #fff;
}
/* End WhatsChat Button Style 3 */
/* Start WhatsChat Button Style 4 */
.wc-style10 .wc-button4:hover{
background: #fff;
}
.wc-style10 .wc-button4:hover span{
color: #09e072;
}
.wc-style10 .wc-button4 span,
.wc-style10 .wc-button4 .fa-whatsapp{
color: #fff;
}
.wc-style10 .wc-button4,
.wc-style10 .wc-button4 .fa-whatsapp{
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* End WhatsChat Button Style 4 */
/* Start WhatsChat Button Style 5 */
.wc-style10 .wc-button5 i{
border: 2px solid #fff;
}
.wc-style10 .wc-button5 i,
.wc-style10 .wc-button5 .fa-whatsapp{
color: #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* End WhatsChat Button Style 5 */
/* Start WhatsChat Button Style 6 */
.wc-style10 .wc-button6 i{
color: #fff;
border: 2px solid #fff;
background: -webkit-linear-gradient(to right, #26C281, #09e072);
background: -moz-linear-gradient(to right, #26C281, #09e072);
background: -ms-linear-gradient(to right, #26C281, #09e072);
background: -o-linear-gradient(to right, #26C281, #09e072);
background: linear-gradient(to right, #26C281, #09e072);
}
/* End WhatsChat Button Style 6 */
/* Start WhatsChat Button Style 7 */
.wc-style10 .wc-button7 a{
background: #09e072;
}
.wc-style10 .wc-button7:hover a{
background: transparent;
}
.wc-style10 .wc-button7 a img{
border: 2px solid #09e072;
}
.wc-style10 .wc-button7:before,
.wc-style10 .wc-button7:after {
background: #fff;
}
.wc-style10 .wc-button7:hover:before,
.wc-style10 .wc-button7:hover:after {
background: transparent;
}
/* End WhatsChat Button Style 7 */
/*==================================================
Start WhatsChat Style10 CSS
====================================================*/
/*CUSTOM CSS*/
[data-url="about-us"] .top-page-banner{
height: 400px;
background: url("/media/16247/about-us-banner.jpg");
background-size: auto;
background-size: cover;
background-position: center;
}
.sell_form{
max-width: 100%;
width: 100%;
padding: 50px 30px;
background: #39acaa;
}
.why_sell h2{
color:#39acaa !important;
}
.why_sell nav ol li a span{
font-size:16px;
}
.why_sell form label{
font-size:18px;
color:white !important;
}
.np{
padding:0 !important;
}
.contact-details-wrapper div i {
/*color:#39acaa !important;*/
color:#fff !important;
}
.contact-details-wrapper div h3{
color:white !important;
}
/*home banner*/
.banner_holder{height:600px;background:url("/media/18273/home-page-banner-2025-04.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:scroll;position:relative;display:flex;padding-bottom:20px;align-items:end;}
@media (max-width:767px){
.banner_holder { height:300px;}
}
.view_cars{
width:100% !Important;
top:unset !Important;
bottom:20px !important;
left:0 !Important;
right:0 !Important;
margin:0 auto;
}
.view_cars a{
width:max-content;
margin:0 auto;
}
.view_cars a:hover{
color:#fff !important;
}
.team-wrapper{
display:none;
}
.navbar-default .navbar-nav > li > a.buy{
background: url('/media/14609/buy-1.png') no-repeat ;
background-size: 45px;
background-position: top 4px right 33px;
background-size: 40px;
background-position: top 7px right 33px;
padding-left: 50px;
}
.navbar-default .navbar-nav > li > a.buy:hover,
[data-url="buy-used-cars-dubai"] .navbar-default .navbar-nav > li > a.buy.current_page_item{
background: url('/media/14605/b-hover.png') no-repeat ;
background-size: 45px;
background-position: top 4px right 33px;
background-size: 40px;
background-position: top 7px right 33px;
padding-left: 50px;
}
.navbar-default .navbar-nav > li > a.sell{
background: url('/media/14607/sellcar.png') no-repeat;
background-size: 40px;
background-position: top 4px right 33px;
background-size: 45px;
background-position: top -1px right 33px;
padding-left: 50px;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a.sell:hover,
[data-url="sell-us-your-car"] .navbar-default .navbar-nav > li > a.sell.current_page_item{
background: url('/media/14601/sellhover.png') no-repeat;
background-size: 45px;
background-position: top 4px right 33px;
background-size: 45px;
background-position: top -1px right 33px;
padding-left: 50px;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a.car_care{
background: url('/media/14608/carcare-1.png') no-repeat;
background-size: 40px;
background-position: top 4px right 33px;
background-size: 45px;
background-position: top -1px right 76px;
padding-left: 50px;
padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a.car_care:hover,
[data-url="car-care"] .navbar-default .navbar-nav > li > a.car_care.current_page_item{
background: url('/media/14603/cchover.png') no-repeat;
background-size: 45px;
background-position: top 4px right 33px;
background-size: 45px;
background-position: top -1px right 76px;
padding-left: 50px;
padding-bottom: 5px;
}
#navbar #navbar_div .navbar-default .navbar-nav > li > a{
background:none !important;
padding-left:5px;
}
#search-results .watchlist{
top:unset;
bottom:-40px;
}
.whatsapp { position: fixed; display: block; right: 15px; z-index: 99999; }
.whatsapp::before{
content: '';
position: absolute;
background: #f2ebeb;
height: 48px;
width: 52px;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
.whatsapp{
font-size:65px;
color:#22bcb9;
}
.whatsapp a{
color:#22bcb9;
}
#SearchPageNumbersSpan span{
color:#fff;
}
.whatsapp-contact {display: inline-block;width: 100%; text-align: center; color: #fff; }
.whatsapp-icon { color: #fff; font-size: 50px; background: #00aeab; display: flex; align-items: center; align-content: center; width: 300px; border-radius: 50px; padding: 10px 15px; text-align: center; margin: 30px auto; }
.whatsapp-icon:hover, .whatsapp-icon:focus { background: #58595b; color: #fff; }
.con-lable { font-size: 30px; text-transform: uppercase; display: block; margin-right: 15px; padding-left: 15px; }