/*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: #fff;} h1, h2 { font-family: 'Lato', sans-serif; font-weight: 500; } h4 { font-weight: 700; } .font-teko { font-family: 'Lato', sans-serif;} a {color: #010101; text-decoration: none;} a:hover, a:focus {color: #000; 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; } /*arrow back to top*/ #arrow { right: auto; left: 25px; } 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: #010101; } .header-top a:hover, .header-top a:focus { color: #fff; 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; } } /*slider*/ .slider-btn { font-size: 25px; background: #010101; border: 2px solid #fff; border-radius: 50px; padding: 12px 25px; letter-spacing: 2px; display: block; color: #fff; font-weight: 600; } .slider-btn:hover, .slider-btn:focus { background: #9A9A9A; color: #fff; } @media(max-width: 1199px) { .slider-btn { font-size: 22px; padding: 10px 25px; } } /*New Vehicle Slider*/ #new_vehicle_slider.flexslider .slides > li { background: #e8e8e8; text-align: center; font-weight: 500; box-shadow: none;} #new_vehicle_slider.flexslider { background: transparent; border: 0; box-shadow: 0 0 0 0; margin-bottom: 60px !important; } #new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #010101; /* background: linear-gradient(to right, #010101 0%,#e1d73b 26%,#e8dc2d 67%,#010101 100%,#ecca53 100%);padding-top: 5px; */} #new_vehicle_slider.flexslider .f_title { font-weight: 600; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'Lato', sans-serif; color: #fff; padding: 5px 15px 0; } #new_vehicle_slider.flexslider .f_price { font-weight: 600; font-size: 22px; padding-bottom: 5px; color: #fff; font-family: 'Lato', 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: #010101; /* background: linear-gradient(to right, #010101 0%,#e1d73b 26%,#e8dc2d 67%,#010101 100%,#ecca53 100%); */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: #9A9A9A;color: #fff;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: #000; } #new_vehicle_slider .flex-control-paging li a.flex-active { background: #010101; } #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; text-overflow: ellipsis; overflow: hidden; } #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: 50px;margin-bottom: 0;margin-top: 0;color: #010101;line-height: 30px;padding: 40px 15px 10px;font-weight: 800;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: 40px; line-height: 50px; } } /*Sell Your Car wrapper*/ .sell-your-car-wrapper { background: #010101 url("/media/15052/sell-car-banner.jpg") no-repeat; background-size: cover; padding: 30px 0; } .sell-car-outline { background: linear-gradient(to right, #010101 0%,#919191ad 26%,#9d9d98b2 67%,#010101 100%,#a4a29d 100%); border: 2px solid #fff; border-radius: 15px; min-height: 300px; padding: 15px; } #body .sell-your-car-wrapper h2 { font-size: 55px; line-height: 40px; color: #fff; font-weight: 900; letter-spacing: 2px; } .sell-your-car-wrapper .sell-car-button {background: #fff;color: #010101;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: #010101; color: #fff; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; } @media(max-width: 1024px) { #body .sell-your-car-wrapper h2 { font-size: 50px; } } @media(max-width: 767px) { #body .sell-your-car-wrapper h2 { font-size: 50px; line-height: 58px; } .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: 40px; line-height: 52px; } } /*finance section*/ .finance-section-wrapper { background: #010101 url("/media/15054/finance-banner.jpg") no-repeat; background-size: cover; padding: 30px 0; } .finance-outline { border: 2px solid #9A9A9A; border-radius: 0; min-height: 300px; padding: 15px; } .finance-bg-cover { /* background: rgba(0, 0, 0, 0.75); */ background: linear-gradient(to right, #010101 0%,#919191ad 26%,#9d9d98b2 67%,#010101 100%,#a4a29d 100%); padding: 25px; } #body .finance-section-title { font-size: 60px; line-height: 70px; color: #fff; font-weight: 800; 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: #010101;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: #010101; color: #fff; 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: 1024px) { #body .finance-section-title { font-size: 50px; } } @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; } #body .finance-section-title { font-size: 40px; line-height: 52px; } } /*welcome content*/ #body .welcome-content-wrapper h2 { font-size: 40px; line-height: 40px; color: #9a9a9a; font-weight: 700; letter-spacing: 3px; margin: 0 0 40px; text-transform: uppercase; } .welcome-content-wrapper { background: #010101; min-height: 300px; text-align: center; padding: 50px 15px; color: #fff; } .welcome-content-wrapper #brand { max-width: 350px; margin-top: 30px; } #body .col-yellow { color: #9A9A9A; } @media(max-width: 991px) { .welcome-content-wrapper #brand { max-width: 300px; } } /*four options wrapper*/ .four-options-wrapper { background: #010101; min-height: 300px; text-align: center; padding: 50px 15px; border-top: 2px solid #fff; color: #fff; } #body .four-options-wrapper h2 { font-size: 55px; line-height: 40px; color: #fff; font-weight: 800; letter-spacing: 3px; margin: 0 0 40px; /* text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; */ } #body .four-options-wrapper .option-title { font-size: 23px; text-transform: uppercase; font-weight: 600; color: #fff; } .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; } #body .four-options-wrapper h2, #body .welcome-content-wrapper h2 { font-size: 50px; } } @media(max-width: 767px) { #body .four-options-wrapper h2 { font-size: 50px; } } @media(max-width: 480px) { #body .four-options-wrapper h2, #body .welcome-content-wrapper h2 { font-size: 40px; 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: 55px; line-height: 40px; color: #010101; font-weight: 800; 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: 1024px) { #body .customer-review-wrapper h2 { font-size: 50px; } } @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 .customer-review-wrapper h2 { font-size: 40px; line-height: 52px; } #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: 800; letter-spacing: 2px; margin: 0 0 40px; } #body .contact-details-wrapper .contact-details-cover h2 { /* text-shadow: -1px -1px 0 #9A9A9A, 1px -1px 0 #9A9A9A, -1px 1px 0 #9A9A9A, 1px 1px 0 #9A9A9A; */ } .contact-details-wrapper { /* background: #9A9A9A; */ } .col-yellow { color: #9A9A9A; } #body .mb-5 { margin-bottom: 5px; } .contact-details-wrapper .contact-details-cover { color: #fff; background: #000 url("/media/15057/contact-bg.jpg") no-repeat; background-size: cover; background-position: right; } .contact-details-wrapper .contact-form-cover { background: linear-gradient(to right, #010101 0%,#514f4fad 26%,#535350b2 67%,#010101 100%,#424140 100%); color: #fff; } .contact-details-wrapper .description-box { word-break: break-word; } .contact-details-wrapper .contact-details-cover, .contact-details-wrapper .contact-form-cover { padding: 50px 0; min-height: 750px; } .contact-details-wrapper .contact-number { font-size: 40px; font-family: 'Lato', sans-serif; font-weight: 600; } .contact-details-wrapper .contact-number a .fas { color: #B9B6B6; 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: #9A9A9A; 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: #B9B6B6;font-size: 25px;letter-spacing: 1px;font-weight: 600; 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 .fa { margin-right: 10px; } .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: #010101;color: #fff;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: #fff; color: #000; 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; line-height: 55px; } .mobile-hide-grid { display: none !important; } .mobile-full-width { width: 100% !important; } #contact_enquiry.cforms button { margin: 0 auto; } } @media(max-width: 1024px) { #body .contact-details-wrapper h2 { font-size: 50px; } } @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: 35px;margin: 20px 0 20px; color: #010101; } .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: #010101;} .percent-block { margin: 50px 10px; } #body .percentage-title {font-size: 100px;color: #fff;background: #010101;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: #010101; margin: 40px 0;} .team-images { border-radius: 100%; max-width: 120px; box-shadow: 1px 2px 5px #0000002e; } .team-name {background: #010101;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: #010101; 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: #010101; 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: #d5d5d5; padding: 25px; box-shadow: 1px 2px 5px #00000021; border: 2px solid #010101; border-radius: 8px; margin: 20px 0; display: inline-block;width: 100%; } #body .form-styles h2, #body .form-styles h1 { text-align: center; margin: 15px 0 30px; font-size: 40px; color: #010101; 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: #010101;color: #fff;border: none;border-radius: 5px;letter-spacing: 2px;display: block;} .form-styles button:hover, .form-styles button:focus {background: #9A9A9A; color: #fff; ransition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; } /*form styles*/ #body .cforms.form-styles h2 { font-size: 25px; text-transform: uppercase; text-align: center; margin: 0 0 15px; font-weight: 600; } /*offers*/ .offer-video-wrapper { padding-left:0; padding-right:0; } #body .comming-soon-title { text-align: center; color: #010101; 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: #010101; } .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: #010101; } @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;} .ul-styles { line-height: 25px; } .ul-styles li { margin-bottom: 5px; } #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: #010101; font-weight: 700;} #body h1 span {color: #b1bab5;display: block;} #body h1.small-main {display: none;} #body h2 {font-size: 25px;color: #010101;font-weight: 700;} #body h3, #details-vehicle-info-desc-H {font-size: 20px; margin: 0; font-weight: 600;} #body p {margin-bottom: 15px; line-height: 27px; } .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: #fff;} .container {width: 100%; max-width: 1350px;} #navbar { padding: 20px 0; background: #010101; border-top: 1px solid #ffffff75; } #navbar .container, #header .container {max-width: 1550px;width: 100%;} #navbar .container-fluid {/* padding: 30px 0; */} #main-logo { float: left; } #main-logo img { max-width: 400px; } #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: #9A9A9A; padding: 8px 0; /* background: linear-gradient(to right, #010101 0%,#e1d73b 26%,#e8dc2d 67%,#010101 100%,#ecca53 100%); */ } .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/15051/sprite-icons-hover.png') no-repeat top left; background-size: 30px; } .navbar-default .navbar-nav>li>a.current_page_item { background: url('/media/15051/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: 12px; } .dropdown-menu > li > a { text-transform: uppercase; } .navbar-default .navbar-nav>li>a:hover { color: #9A9A9A; } .navbar-default .navbar-nav>li>a.current_page_item { color: #9A9A9A; } .navbar-default .navbar-nav>li>a.current_page_item.our_stock {background-position: left -45px;} .navbar-default .navbar-nav>li>a.current_page_item.warranty {background-position: left -231px; } .navbar-default .navbar-nav>li>a.current_page_item.finance {background-position: left -141px;} .navbar-default .navbar-nav>li>a.services {background-position: left -324px;} .navbar-default .navbar-nav>li>a.current_page_item.sell_your_car {background-position: left -92px;} .navbar-default .navbar-nav>li>a.current_page_item.contact_us {background-position: left -277px;} .navbar-default .navbar-nav>li>a.current_page_item.sold_stock {background-position: left -186px;} .navbar-default .navbar-nav>li>a.current_page_item.home { background-size: 25px; background-position: left 2px; } /*normal sprite*/ .navbar-default .navbar-nav>li>a {text-transform: uppercase;font-weight: 600;background: url('/media/15050/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.home { background-size: 25px; background-position: left 2px; } .navbar-default .navbar-nav>li>a.our_stock {background-position: left -45px;} .navbar-default .navbar-nav>li>a.warranty {background-position: left -231px; } .navbar-default .navbar-nav>li>a.finance {background-position: left -141px;} .navbar-default .navbar-nav>li>a.services {background-position: left -324px;} .navbar-default .navbar-nav>li>a.sell_your_car {background-position: left -92px;} .navbar-default .navbar-nav>li>a.contact_us {background-position: left -277px;} .navbar-default .navbar-nav>li>a.sold_stock {background-position: left -186px;} .navbar-default .navbar-nav>li>a.parts, .navbar-default .navbar-nav>li>a.current_page_item.parts {background-position: left -372px;} .inner-banner {width: 100%;} .ls-bottom-nav-wrapper {margin: -70px auto!important;} .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} @media (max-width: 1500px) { .navbar-default .navbar-collapse { margin-top: 14px; } #main-logo img { /* max-width: 180px; */ } } @media (max-width: 1460px) { .navbar-header { text-align: center; width: 100%; float: none; } #main-logo, .navbar-nav { float: none; } .navbar-default .navbar-collapse { float: none !important; text-align: center; margin-top: 20px; border-top: 1px solid #9A9A9A; border-bottom: 1px solid #9A9A9A; padding: 5px 0 15px; } .navbar-nav > li { float: none; display: inline-block; } #main-logo img { /* max-width: 200px; */ } } @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: #010101; 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: #010101; 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: 16px;} .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: 250px;} .navbar-default .navbar-collapse {margin-top: 20px; padding-bottom: 5px;} .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; padding: 8px 5px; } .navbar-default .navbar-collapse {margin-top: 15px;} .header-top .social-wrapper, .address-header, .e-mail-header { display: none; } .phone-header { width: 100%; } } @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: 5px; max-width: 250px; margin-top: 0; left: 0px;} .navbar-header { width: auto; } #navbar .container-fluid {padding: 0;} .navbar-default .navbar-toggle {width: inherit;border: none; /* margin-top: 15px; */ background: none;} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: none;} .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;} #navbar { min-height: 87px; } .navbar-default .navbar-collapse { border: 0; } .navbar-nav > li { width: 100%; } } @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: #9A9A9A; 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: #010101;} #search-results-header {margin-bottom: 15px;} #search-filters .filter .header, #details-sidebar-main .header {background: #010101;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: #010101;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: #010101;} #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;} #search-results .search_item img {padding: 0;} .search_meta {position: relative;margin-bottom: 0;} #search-results .search_desc {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: #010101; 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;} @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: #fff; 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 #9A9A9A;} .footer-logo { padding: 40px 15px; } .footer-logo img { max-width: 300px; } #footer_nav .footer_menu.footer_custom .footer-custom-wrapper .container {width: 100%; max-width: 1350px;} footer {color: #FFF; background-color: #010101;} #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: #9A9A9A; text-align: center; border-top: 1px solid #ffffff75; color: #010101;} .footer-nav-links li { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff; 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: #fff; } .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: #9A9A9A; } .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-play { 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: #010101; } #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: #010101; } .contact-box a:hover { text-decoration: underline; } /*sitemap*/ [data-url="sitemap"] #body h2 {margin-top: 0;background: #010101;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: #010101; } body[data-url="sitemap"] .center-wrapper a:hover {color: #9A9A9A;} 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: #010101;} /*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: #010101; } #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; } } /*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: #010101; 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: #010101; 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 list page new*/ /*bread crumb*/ #breadcrumb_wrapper {background: #9A9A9A; text-align: center; padding: 2px; margin-bottom: 15px;} #breadcrumb_wrapper .container {background: #9A9A9A;} #breadcrumb a {color: #010101;font-size: 15px;} #breadcrumb a:hover { color: #fff; } #breadcrumb .fa { color: #010101; font-size: 18px; margin: 0 10px; } #breadcrumb .fa:first-child { display: none; } #breadcrumb { padding: 0; } .vehicle-page-title { color: #fff; font-size: 35px; letter-spacing: 2px; margin: 0 0 10px; font-weight: 600; } @media (max-width:991px){ .vehicle-page-title { font-size: 25px; line-height: 30px; } } /*sold Vehicles*/ #sold-vehicle { float: none; margin-top: 0; background:#FE0000;border-radius: 5px;color:#fff; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); border: 5px solid #fff; padding: 15px 0;margin-bottom: 35px; } #body h3.sold-vehicle {margin-left: 0;font-size: 16px;margin: 0;text-align: center; font-weight: 600;line-height: 30px; color: #fff;} /*Vehicle page full width*/ [data-url="used-cars-in-southbank"] .container.center-wrapper, [data-url="sold-stock"] .container.center-wrapper, [data-url="our-stock"] .container.center-wrapper, [data-url="sold-vehicles"] .container.center-wrapper { max-width: 100%; } /*Grid View search results override*/ #search-results-header, #search-results-footer { padding-left: 0; padding-right: 0; } #search-results.col-xs-12.col-sm-8.col-md-9 { /* width: 100%; */padding-left: 0; padding-right: 0; background: #f1f1f1; } /* #search-results-header.col-xs-12.col-sm-8.col-md-9, #search-results-footer.col-xs-12.col-sm-offset-4.col-sm-8.col-md-offset-3.col-md-9 {width: 100%; } */ #search-results .search_item .bg_cover { margin:10px 10px 0; background-color: #e2e2e2; display: inline-block; border-radius: 0; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); } #search-results .search_details { margin-top: 0; padding: 15px; margin-bottom: 15px; text-align: center; width: 100%; } .search_meta { margin: 0 0 5px; } #search-results .search_item { padding-top: 10px; } #search-results .search_item .vehicle-listing-img { padding: 0; width: 100%; /* min-height: 240px; */ } .search_title { min-height: 73px; background: #010101; color: #fff; padding: 10px; text-align: center; border-radius: 0; display: inline-block; width: 100%; } .search_meta { margin-top: 0; } .search_details .watchlist { margin-right: 10px; } .vehicle-heading { background: #000; display: inline-block; width: 100%; padding: 10px 0; border-radius: 0; } #search-results .search_price { font-size: 20px; text-align: center; color: #fff; } #search-results .search_price a { color: #fff; } #search-results .search_price a:hover, #search-results .search_price .special-vehicle-price:hover { color: #010101; } #search-results > div:not(:last-child) { border-bottom: 0 none; padding-bottom: 0; } .details-vehicle-info-vehicle-HasSpecialPrice-True #details-vehicle-info-vehicle-SpecialPrice { color: #000; } .vehicle-listing-img { padding: 0; margin-bottom: 0; } /* #search-filters { display: none; } */ #search-results .search_title a, .drive_away { color: #fff; } #search-results .search_item .vehicle-listing-img img {padding: 0;} .drive_away, .government_charges {font-size: 15px;} /*New icons*/ .icon-container { margin-bottom: 5px; } .search_meta .col-md-3 { padding-left: 2px; padding-right: 2px; min-height: 95px; } .icon-container img { max-width: 40px; } .vehicle-listing-desc { padding-left: 0; padding-right: 0; } .cta-icon-text {font-size: 14px;font-weight: 500;color: #000;} .cta-icon-text.prime_colour { color: #000; font-weight: 600; } .icon-trans-text { min-height: 60px; } /***Vehicle Listing***/ #search-filters .filter .body li:not(.show) { background: url("/media/10183/filter_arrow.png") no-repeat left center; } #filter-body .filter .header .fa.fa-angle-double-down, #filter-header .fa.fa-angle-double-down {float: right;font-size: 20px;} #search-filters .watchlist-hide .header a.header-watchlist {color: #fff;text-decoration: none;font-size: 16px;text-transform: uppercase; font-weight: 600;} .watchlist-hide .header a.header-watchlist:hover { color: #9A9A9A; } #search-filters #filter-viewwatchlist .filter .header {background: #010101;} .watchlist-hide .header a.header-watchlist {background-position: 8px 4px!important;} #search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 8px 14px!important;} #search-results .watchlist.InWatchList, #search-results .watchlist.InWatchList:hover {background: #9A9A9A;color: #FFF;} .watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList:before, #search-results .watchlist.InWatchList, .watchlist .InWatchList {background-image: url('/media/1287/white-star.png')!important;} #search-results a.watchlist:hover {background-image: url('/media/1287/white-star.png')!important;} [data-url="vehicle-list-type-list-view"] #search-results .search_item { background: #F2F2F2; margin-bottom: 12px;padding-top: 5px;} .vehicle-listing-desc {padding-right: 0px;} .vehicle-listing-img {margin-bottom: 15px;} #details-vehicle-info-features-Body {color: #000;background: #fff; border: 1px solid #ccc;} #details-vehicle-info-features-Tabs div:not(.tab-selected){color: #010101;background-color: #9A9A9A;background-image: none!important;font-weight: normal;} #details-vehicle-info-features-Tabs div.tab-selected {background: #010101;color: #fff;} #SP ul li.current{background:#e4e4e4;} #SP ul li a{color:#3f3f3f;} #SP ul li.current a{color:#3f3f3f;} #filter-reset a{display:block;color:#313131;font-weight:bold;margin:10px 0 15px 12px;} #SearchSortBy {margin-left: 0px;} #SearchSortBy span {padding-right: 5px;} @media (max-width: 767px) { #SearchSortBy {font-size: 18px;margin-top: 0px;margin-bottom:10px;padding: 8px;} } #search-filters #filter-header {background: #010101;color: #FFF;font-size: 17px;text-align: center; font-weight: 600; text-transform: uppercase; cursor: pointer; letter-spacing: 2px;} #SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover { background-color: #010101; } #search-filters #filter-header.hasFilters {background: #010101;color: #FFF;} #search-filters #filter-body .filter:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;} #search-filters #filter-body .filter:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} #search-filters .filter {padding-bottom: 0px;} .search-results-header-inner{background: #010101;color: #fff;} #search-filters .filter .header {background: #9A9A9A;color: #010101;} #search-filters .filter .header{width:100%;font-size:16px;padding:8px 14px;cursor:pointer;border-bottom:1px solid #aeaeae; text-transform: uppercase; letter-spacing: 1px;} #search-filters .filter .body{background:#f2f2f2;} #search-filters .filter .body a{color:#3f3f3f;font-size:14px;} #search-filters .filter .body li:not(.show){background:0;} #search-filters .filter .body ul{margin:0;} #search-filters .filter ul{list-style-position:inside;list-style-image:url('/media/10183/filter_arrow.png');padding:5px;} #search-filters .filter .body li.show:first-child { background: url("/media/10183/filter_arrow.png") no-repeat left center; } #search-filters .filter .header.open {background: #010101;color: #FFF;} #filterPriceLo, #filterPriceHi, #filterKeywords {margin: 5px 10px; } .filter .btnGo {background: #010101;color: #FFF;display: block;border: none;padding: 6px 9px;margin-left: 9px;font-weight: bold;margin-top: 8px; } .filter .btnGo:hover {background: #9A9A9A;color: #fff;} span.filterRemove a {color: #010101!important;} /* .search_meta {margin: 5px 0;} */ #search-results .search_desc {padding-left: 0px;-webkit-line-clamp: 2;max-height: 44px; font-size: 13px; padding: 0 10px;} .vehicle-heading {display: inline-block;width: 100%;border-radius: 5px;background: #010101;padding: 15px 0;} @media (max-width: 991px) { .vehicle-heading {margin-left: 0;margin-right: 0;} .vehicle-listing-desc {padding-left: 0;} #search-results .search_details {padding-left: 0;right: 0;} } #search-results .search_price a {color: #fff;font-size: 24px;} #search-results .search_title a {font-size: 18px;color: #fff;text-decoration: none;display: block; font-weight: 600;} #search-results .search_title a:hover, #search-results .search_price a:hover { color: #9A9A9A; } @media (max-width: 767px) { .vehicle-heading {margin: 0;} .vehicle-listing-img {padding-left: 0;padding-right: 0;} #search-results .search_title, #search-results .search_price {text-align: center;} #search-results .search_details {text-align: center;width: 100%;} #search-results .search_details a {display: block;width: 100%;} .government_charges { text-align: center; } } #search-results .search_details {background-color: transparent;border-radius: 4px;/* margin-top: 15px; */} #search-results .search_details a {background: #010101;color: #FFF;font-size: 18px;padding: 10px 15px;text-transform: uppercase; border-radius: 8px; letter-spacing: 1px; font-weight: 500;} #search-results .search_details a:hover {text-decoration: none;background: #9A9A9A;color: #FFF;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s; } #search-filters #filter-header,#search-filters #filter-header.hasFilters {border-radius: 0px;} @media (max-width: 1570px) { #search-results .search_details a { width: 100%; display: block; } } /***Vehicle Description***/ #details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price, #details-sidebar-main .header {} #details-sidebar-main .header {background: #9A9A9A;color: #010101; text-transform: uppercase; font-weight: 600; font-size: 17px;} #details-vehicle-info-Heading {background: #eee;padding: 10px 0;margin-left: 0;margin-right: 0;} @media (max-width: 991px) { #details-vehicle-info-Heading, #details-vehicle-info-vehicle-Price, .details-vehicle-info-vehicle-HasSpecialPrice-True #details-vehicle-info-vehicle-SpecialPrice {text-align: center;} } #details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {line-height: 28px; font-size: 18px;} #details-vehicle-info-vehicle-Price { font-size: 23px; } #details-sidebar-main .header:before {display: inline-block;height: 20px;} #details-sidebar-main .header a.watchlist {text-decoration: none; color: #010101;} #details-sidebar-main-watchlist .watchlist-sidebar-InWatchList a.watchlist {color: #fff!important;} #details-sidebar-main-watchlist .watchlist-sidebar-InWatchList {background: #010101;} #details-vehicle-info-vehicle-Image div { margin-top: 0; } #details-vehicle-info-desc {background: #f2f2f2;padding: 15px;border-radius: 5px;margin-bottom: 15px;border: 1px solid #ccc; width: 100%;} #details-sidebar-M .section {border: 1px solid #DBDBDB;margin-bottom: 10px;} #details-sidebar-M .header {background: black;font-size: 20px;padding-top: 12px;} #details-sidebar-M .header.open:before, #details-sidebar-M .header:before {background: black;padding: 1px 5px 2px;} #details-sidebar-M-VE .form-row button {background: #272727;font-size: 16px;font-weight: 600;} #details-sidebar-M-CH .header {display: none;} #details-vehicle-info-vehicle-Name, .details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price {color: #000;} #details-vehicle-info-options ul {margin: 0!important;} #details-sidebar-main-vehicleenquiry .form-row button {width: 100%; margin: 0; background: #010101;font-size: 18px;font-weight: 600;border: 0; border-radius: 8px; color: #fff; text-transform: uppercase; letter-spacing: 2px; } #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #9A9A9A; color: #fff;} #details-sidebar-main-vehicleenquiry .form-row label { display: none; } #details-sidebar-main-vehicleenquiry .form-row input, #details-sidebar-main-vehicleenquiry .form-row textarea { color: #000; border:0; border-radius: 5px; padding: 15px; background: #ddd; font-size: 18px; } #btnSMS { display: none !important; } #back-stock {background: #010101;color: #fff;padding: 10px;display: inline-block;margin: 15px 0;border-radius: 5px;font-weight: 600; text-transform: uppercase; font-size: 15px;} #back-stock:hover { background: #9A9A9A; } #form-vehicleenquiry-Captcha { font-size: 13px; } #body #form-vehicleenquiryhicle-enquiry-status { margin: 0; } #details-vehicle-info-desc-H { font-size: 18px; } /*icons*/ #search-results .search_meta ul {list-style-image: none;} #search-results .search_meta li, #details-vehicle-info-vehicle-Extras li {background-image: url("/media/5587/icons-new.png");background-repeat: no-repeat; margin-bottom: 15px;padding: 7px 0 0 45px;list-style-type: none;font-weight: 500; display: table; width: 50%; font-size: 14px;} #details-vehicle-info-vehicle-Extras li {width: 190px} .icon-fuel, #details-vehicle-info-vehicle-Extras li#icon-fuel { background-position: 2px -240px; height: 35px; } .icon-colour, #details-vehicle-info-vehicle-Extras li#icon-colour {background-position: 0px -6px;} .icon-transmission, #details-vehicle-info-vehicle-Extras li#icon-transmission {background-position: 0px -63px;} .icon-body, #details-vehicle-info-vehicle-Extras li#icon-body {background-position: 0px -123px;} .icon-kms, #details-vehicle-info-vehicle-Extras li#icon-kms {background-position: 0px -184px;} /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #010101; color: #fff;} /*Veicle details page buttons top*/ #details-vehicle-info-options {background: transparent;color: #fff; padding: 0;} #details-vehicle-info-options a {font-weight: 600;color: #010101;font-size: 15px; background:#9A9A9A;padding: 10px 15px;border-radius: 3px;min-width: 120px;text-align: center; margin-top: 0; text-transform: uppercase; cursor: pointer;} #details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus { background-color: #010101; color: #fff; } #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: "";} .filter_heading { display: none; } } /*social share*/ #details-vehicle-share-options-header { color: #010101; } #details-vehicle-share-options-header:hover, #details-vehicle-share-options-header:focus { color: #fff; } #details-vehicle-share-drop-down { background: #9A9A9A; padding: 10px 0; } #details-vehicle-share-drop-down:hover, #details-vehicle-share-drop-down:active, #details-vehicle-share-drop-down:focus {background-color: #010101; color: #fff;} /*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 list page*/ @media (min-width: 767px) { #search-results .search_desc { min-height: 90px; } /* .search_meta { min-height: 300px; } */ .share-btn { padding-right: 0; } .vehicle-images-small { min-height: 114px; display: block; } .main_image { min-height: 345px; display: block; } } /*this is for fixed filters on desktop*/ @media (min-width: 768px) { /* #search-filters { position: fixed; } */ /* #search-options { float: right; } */ } .hidden-xs { text-align: center; } #search-results .search_item img {padding: 2px;} .img-small {padding-left: 0px; padding-right: 2px;padding-top: 2px;} .img-small:last-child { padding-right: 0; } .vehicle-images-small img { max-height: 110px; } .search_icons { margin: 20px 0;} .vehicle-listing-img {margin-bottom: 15px;padding: 0;} .search_location {padding-left: 0;padding-bottom: 0; padding-right: 0; line-height: 25px;} .search_location .fa { width: 15px; } #details-vehicle-info-vehicle-Description, #details-vehicle-info-vehicle-Extras { display: none; } /*Left filter hover*/ #search-filters .filter .header:hover {background-color: #010101; color: #fff} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #010101;} /*List style 2*/ .filter_heading {background: #010101;color: #fff;font-size: 18px;text-transform: uppercase;padding: 10px 15px;margin-bottom: 5px; font-weight: 600; letter-spacing: 1px; text-align: center; border-radius: 5px; } .filter_heading .fa {font-size: 18px; margin-top: 5px; margin-left: 10px;} /*contact us form*/ #ContactUsForm {width: 100%;max-width: 100%;padding: 25px;background: #d5d5d5;margin: 20px 0;box-shadow: 1px 2px 5px #00000021;border-radius: 8px;border: 2px solid #010101;} #body #ContactUsForm h3 {font-size: 25px; text-transform: uppercase; text-align: center; margin: 0 0 15px; color: #010101;} #ContactUsForm label { display: none; } #ContactUsForm input, #ContactUsForm 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; } #ContactUsForm button {font-size: 20px;text-transform: uppercase;min-width: 200px;margin: 0px auto;padding: 10px 15px;font-weight: 600;background-color: #010101;color: #fff;border: none;border-radius: 5px;letter-spacing: 2px;display: block;} #ContactUsForm button:hover, #ContactUsForm button:focus {background: #9A9A9A; color: #fff; ransition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; } #body .contact-box h3 { color: #010101; } /*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; } }