/*commons styles*/ hr { border-top: 1px solid #f4bf00; } html {scroll-behavior: smooth;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000; opacity: 1; font-weight: 400;} ::-moz-placeholder { /* Firefox 19+ */color: #000; opacity: 1; font-weight: 400;} :-ms-input-placeholder { /* IE 10+ */color: #000; opacity: 1; font-weight: 400;} :-moz-placeholder { /* Firefox 18- */color: #000; opacity: 1; font-weight: 400;} body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; font-weight: 400; background: #e0e0e0;} h1, h2 { font-family: 'Teko', sans-serif; font-weight: 500; } .font-teko { font-family: 'Teko', sans-serif;} a {color: #e61616; text-decoration: none;} a:hover, a:focus {color: #f4bf00; 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: #e61616; } .linda-gradient { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); } 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;} /*header*/ #header { color: #fff; font-weight: 600; } .header-top a { color: #fff; } .header-top a:hover, .header-top a:focus { color: #f4bf00; 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 { margin-right: 10px; } #header_2 { /*background: #f4bf00;*/ background: #000; } #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; } .requestsimilarcar, #search-results .vehicle-view-btn a { display: list-item; margin-top: 2rem; } } /*slider*/ .slider-btn { font-size: 25px; background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); border: 2px solid #f4bf00; border-radius: 50px; padding: 12px 25px; letter-spacing: 2px; display: block; color: #fff; font-weight: 600; } .slider-btn:hover, .slider-btn:focus { background: #f4bf00; color: #000; } /*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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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: #f4bf00; 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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );color: #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: #f4bf00;color: #000;transition: 0.5s;} #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: #f4bf00; } #new_vehicle_slider .flex-control-paging li a.flex-active { background: #e61616; } #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: #e61616;line-height: 30px;padding: 40px 15px 10px;font-weight: 500;letter-spacing: 1px;text-align: center;} #body #latest-vehicles h3 {color: #000;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/13733/sell-your-car-bg-new.jpg") no-repeat; background-size: cover; padding: 30px 0; } .sell-car-outline { border: 2px solid #f4bf00; 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: #e61616;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: #f4bf00; color: #e61616; 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: #e61616 url("/media/11555/finance-bg.jpg") no-repeat; background-size: cover; padding: 30px 0; } .finance-outline { border: 2px solid #f4bf00; 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; } #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: #e61616;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: #f4bf00; color: #e61616; 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 #f4bf00; } #body .four-options-wrapper h2 { font-size: 60px; line-height: 40px; color: #e61616; 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: #e61616; 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 #e61616, 1px -1px 0 #e61616, -1px 1px 0 #e61616, 1px 1px 0 #e61616; } .contact-details-wrapper { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); } .contact-details-wrapper .contact-details-cover { color: #fff; background: #000 url("/media/11566/bg-dubai.jpg") no-repeat; background-size: cover; } .contact-details-wrapper .contact-form-cover { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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: #f4bf00; 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: #e61616; 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: #f4bf00;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: #e61616;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: #f4bf00; color: #e61616; 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: #e61616; } .history-wrapper {background: #fff;display: inline-block;width: 100%;border-radius: 8px;margin-bottom: 40px;padding: 25px;box-shadow: 1px 2px 5px #00000021;border: 2px solid #f4bf00; line-height: 28px; color: #5c5a5a;} #body .history-wrapper h2 {font-size: 80px;margin-bottom: 40px;color: #e61616;} .percent-block { margin: 50px 10px; } #body .percentage-title {font-size: 100px;color: #fff;background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );line-height: 50px;padding: 35px 15px 20px;border-radius: 5px 5px 0 0;} .percent-text {font-weight: 600;background: #f4bf00;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*/ #body .team-title {font-size: 50px;color: #e61616; margin: 40px 0;} .team-images { border-radius: 100%; max-width: 120px; box-shadow: 1px 2px 5px #0000002e; } .team-name {background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );color: #fff;border-top: 2px solid #f4bf00;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: #e61616; font-weight: 600; margin-top: 15px; font-size: 18px;} .team-contact a { display: block; color: #000; font-weight: 600; margin-bottom: 15px; font-size: 18px; } .team-contact a:hover, .team-contact a:focus { color: #f4bf00; } .team-contact a .fa-whatsapp { color: #2fbd4f; font-size: 25px; margin-right: 10px; } .team-contact a .fa-phone-alt { color: #e61616; 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 #00000021; border: 2px solid #f4bf00; 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: #e61616; 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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );color: #fff;border: none;border-radius: 5px;letter-spacing: 2px;display: block;} .form-styles button:hover, .form-styles button:focus {background: #f4bf00; color: #e61616; 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: #e61616; 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 #0003;} .offer-wrapper .fas { color: #e61616; } .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: #000; font-weight: 600; } .conact-list a:hover, .conact-list a:focus { color: #f4bf00; } .conact-list li { line-height: 30px; } .conact-list a .fas { color: #e61616; } .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: #f4bf00;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 #00000030;} .contact-btn-package:hover, .contact-btn-package:focus {text-decoration: none;background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );} .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: #000;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: #000;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: #e61616; 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; } #header-info a:hover, #header-info a:focus, #header-location:hover, #header-location:focus, #header-contact:hover { color: #000; } 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: #000;} .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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); padding: 8px 0;} .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/11540/sprite-icons-hover.png') no-repeat top left; background-size: 30px; } .navbar-default .navbar-nav>li>a.current_page_item { background: url('/media/11540/sprite-icons-hover.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: 30px; } .dropdown-menu > li > a { text-transform: uppercase; } .navbar-default .navbar-nav>li>a:hover { color: #e61616; } .navbar-default .navbar-nav>li>a.current_page_item { color: #e61616; } .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/11539/sprite-icons.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.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: #e61616;} @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: #e61616; 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: #000; } .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: #e61616; display: block; font-weight:700;} #body .home-info h1 { color: #000; 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: 220px; 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: #000; 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: #e61616;} #search-results-header {margin-bottom: 15px;} #search-filters .filter .header, #details-sidebar-main .header {background: #e61616;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: #000;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: #000;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: #e61616;transition: 0.6s;} #filter-reset a {color: #000;} @media (max-width: 768px) { #search-filters #filter-header.hasFilters {background-color: #000;} } #search-filters .filter .header.open {background-color: #bf8637;} .vehicle-heading {background: #f4bf00;min-height: 64px;padding-top: 18px; width: 100%; display: inline-block;} .vehicle-heading { padding: 15px 0 2px; } #search-results .search_price a { color: #000; } #search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #e61616;} #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: #f4bf00; */} #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: #e61616; 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: #000;} #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 { 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 .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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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; } .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; } @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: #000;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: #fff; 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 #e61616;} .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: #000;} #footer_nav .container {width: 100%;padding-left: 0;padding-right: 0; max-width: 100%; } #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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );text-align: center;} .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: #c3c1c1; } .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: #e61616; } .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 .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: #ff0000; } @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: #000; 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: #e61616; } #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: #e61616; } .contact-box a:hover { text-decoration: underline; } /*sitemap*/ [data-url="sitemap"] #body h2 {margin-top: 0;background: #e61616;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: #e61616; } body[data-url="sitemap"] .center-wrapper a:hover {color: #f4bf00;} 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: #000;} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #e61616;} /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #000;} /*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:#000;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: #e61616; } #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: #e61616; font-size: 30px; text-indent: 0;} */ #lindacars-share-options-header .fa.fa-share-alt { color: #e61616; 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: #f4bf00; border: 2px solid #e61616; font-weight: 600; font-size: 22px; color: #000; 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: #e61616; color: #fff; border: 2px solid #e61616; } .ui-dialog .ui-dialog-buttonpane { padding: 0 15px; border: 0; } .ui-widget-overlay { background: #000; } @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: #e61616; 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: #e61616; font-size: 30px; text-indent: 0;} .watch-vehicle a.watchlist.watchicon.InWatchList:before { content: "\f004"; font-family: FontAwesome; color: #f4bf00; 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: #e61616;padding: 10px;display: inline-block;margin: 0 0 15px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 15px;border: 2px solid #e61616;} #back-stock:hover { background: #e61616; color: #fff; } /*vehicle list page new*/ /*bread crumb*/ #breadcrumb_wrapper {background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); text-align: center; padding: 20px;} #breadcrumb_wrapper .container {background: transparent;} #breadcrumb a {color: #fff;font-size: 18px;} #breadcrumb a:hover { color: #f4bf00; } #breadcrumb .fa { color: #f4bf00; 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 #0000003d; } #body .carlistingSelectOptionbox .filter-search-title { font-family: 'Open Sans', sans-serif; color: #e61616; font-weight: 600; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; margin-bottom: 40px; } #body .carlistingSelectOptionbox .filter-search-title .fa { color: #f4bf00; font-size: 25px; margin-right: 10px; } .carlistingSelectOptionbox select { height: 46px; border: 1px solid #000; border-radius: 0; color: #000; -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: #000; 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: #f4bf00;} .filter-btns-cover #btnApply {background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );} .filter-btns-cover #resetFilter:hover, .filter-btns-cover #resetFilter:focus {background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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: #f4bf00; 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; } /*list view bottom btn*/ .show-more-vehicles .showDetails {background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );border: 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: #f4bf00; 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 #000; border-radius: 0; color: #000; -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: #e61616; } .vehicle-numbers-cover .browse-cars { font-size: 40px; } .vehicle-numbers-cover .totalresult { color: #e61616; margin-left: 10px; } .vehicle-numbers-cover h4 { display: inline-flex; align-items: center; } #filter-viewwatchlist[data-watchlist="true"] .fa.fa-heart-o { color: #f4bf00; } @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 .vehicle-view-btn a { font-size: 12px !important; } } /*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: #e61616;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 #0000001a; 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: #f4bf00;font-size: 14px;font-weight: 600;text-transform: uppercase;text-align: center; display: inline; letter-spacing: 1px; padding: 10px 20px; border-radius: 20px; min-width: 200px; box-shadow: 1px 2px 5px #00000030;} #search-results .vehicle-view-btn a:hover {text-decoration: none;background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );} .vehicle-view-btn { text-align: center; margin: 25px 15px; } .search_title_header { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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: #f4bf00;} .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: #000; font-size: 14px; font-weight: 500; } .list-icons-wrapper a { color: #000; font-weight: 500; } .list-icons-wrapper { text-align: center; padding: 10px 0 8px; } .search_odometer a {background: url("/media/11635/odometer.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/11636/gear_auto.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/11634/engine_alt.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: #f4bf00; 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: #f4bf00; } #search-results .gridview .search_title .watchlist { position: absolute; top: 43px; } .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: #e81616; 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 #e61616;border-color: #e61616 transparent #e61616 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: #000; 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: 16px; text-align: right; padding-right: 0; padding-left: 0; display: none; } #details-vehicle-info-Heading {background: #f4bf00;padding: 10px 0; width: 100%; display: flex; margin-left: 0;margin-right: 0; align-items: center;} #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: #f4bf00;text-align: center;font-size: 23px;font-weight: 600;letter-spacing: 1px;padding: 6px 10px;} #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-position: center -16px !important; } #details-vehicle-info-Img .bx-wrapper .bx-controls-direction a.bx-next { background-position: center -107px !important; } #details-vehicle-info-Img .bx-wrapper { margin-bottom: 40px; } .spec-wrapper { min-height: 587px; background: #fff; 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 { font-size: 17px; font-weight: 500; display:flex; justify-content:center; flex-wrap:wrap; padding:20px; } .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: #e61616; 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: #f4bf00; border: 2px solid #e61616; font-weight: 600; font-size: 22px; color: #000; 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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); color: #fff; border: 2px solid #e61616; } .finance-cal-button { border:0; background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); /* border: 2px solid #e61616; */ font-weight: 600; font-size: 19px; color: #f4bf00; 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; } #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: #f4bf00; } .vehicle-details-button-wrapper .modal-header { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); 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: #000;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 select {display: block;width: 100%;margin-bottom: 3px;padding: 10px;font-size: 16px;line-height: 1.42857143;color: #000;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: #e61616;margin-top: 10px;font-weight: 600;padding-left: 0;} #bookcar-bookdate, #bookcartempreservetimer {color: #e61616; 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: #f4bf00; border: 2px solid #e61616; font-weight: 600; font-size: 18px; color: #000; border-radius: 8px; letter-spacing: 1px; padding: 5px 15px; line-height: 32px; text-transform: uppercase; } #bookcarconfirmation #reservesubmitbutton:hover, #bookcarconfirmation #reservesubmitbutton:focus { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); color: #fff; border: 2px solid #e61616; } #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: #fff; } .vehicle-options-promotion-wrapper .block-title { background: #f4bf00; 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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 );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: #a5a5a5; 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: #e61616; 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: #e61616;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: #e61616; 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: #000; 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 #e61616; /* margin-bottom: 40px; */margin-bottom: 20px; margin-top: 30px; } #custom-finance-calculator-tool .cal-divider { width: 2px; border-left: 1px solid #f4bf00; 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: #000;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 #f4bf00; } #custom-finance-calculator-tool #sliderDownpayment .ui-widget-header, #custom-finance-calculator-tool #sliderEMI .ui-widget-header { border: 1px solid #e61616; 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 #ffd700; background: #f00; font-weight: 600; color: #fff; border-radius: 50px; cursor: pointer;} #custom-finance-calculator-tool .top-emi { background: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); border-radius: 5px 5px 0 0; padding: 13px 0 10px; font-size: 16px; color: #f4bf00; } #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 { background-color: #f4bf00; color: #000; 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: #000;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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); color: #fff;} #custom-finance-calculator-tool .full-pay-title { color: #e61616; 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: 88px; 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: 100000; } /* 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: #000; } .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: #0000007a; } .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 ====================================================*/ @media(max-width: 1300px) { .requestsimilarcar, #search-results .vehicle-view-btn a { display: inline; font-size: 12px; padding: 10px 10px; } } @media(max-width: 1093px) { .requestsimilarcar, #search-results .vehicle-view-btn a { display: inline; font-size: 10px; padding: 10px 10px; } } @media(max-width: 767px) { .requestsimilarcar, #search-results .vehicle-view-btn a { display: block; font-size: 12px; margin-top: 1.6rem; } } #search-results > div > div.vehicle-listing-img > div.hotdeal.has-special-price-False { display: none!important; } #search-results > div > div.vehicle-listing-img > span.discount-percentage.special-vehicle-price.has-special-price-False { display: none!important; } #search-results > div > div.vehicle-listing-img > div.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: #4161f4; background: -moz-linear-gradient(left, #4161f4 0%, #ff51bc 100%); background: -webkit-linear-gradient(left, #4161f4 0%,#ff51bc 100%); background: linear-gradient(to right, #4161f4 0%,#ff51bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161f4', endColorstr='#ff51bc',GradientType=1 ); display: inline-block; text-align: center; font-family: 'Teko', sans-serif; padding: 10px 10px 5px; } #search-results > div > div.vehicle-listing-img > span.discount-percentage.special-vehicle-price.has-special-price-True { background: #e81616; 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;} }