/*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: 'Poppins', sans-serif; font-size: 16px; color: #000; background: #fff;} h1, h2, h3 { font-weight: 600; } a {color: #eb6231; text-decoration: none;} a:hover, a:focus {color: #04264a; 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; } #body .common-sub-heading { color: #eb6231 /* #ac1112 */; font-size: 40px; line-height: 50px; letter-spacing: 1px; } #body .common-sub-heading .col-wave { } .common-button { background: #eb6231; color: #fff; padding: 12px 20px; border-radius: 20px; letter-spacing: 2px; font-size: 22px; min-width: 280px; display: inline-block; text-align: center; } .common-button:hover, .common-button:focus { background: #04264a; color: #fff; } .w-100 { width: 100%; } .col-orange { color: #eb6231; } /*file upload function*/ .plupload_header, .plupload_button.plupload_start{ display:none; } .plupload_filelist_footer { height: auto !important; } #cform_fileUploader_browse {font-size: 18px;background: #eb6231;color: #fff; padding: 5px 15px; display: inline-block; border: 0; margin: 0 15px 0 0;} #cform_fileUploader_browse:hover { background: #04264a; } #cform_fileUploader_browse::before {font-family: FontAwesome;content: '\f067'; margin-right: 10px;} /*UL styles*/ #ul-styles-new.fa-ul { font-size: 16px; margin-top: 35px; margin-bottom: 25px; text-align: left; } #ul-styles-new.fa-ul li { margin-bottom: 15px; color: #000; } #ul-styles-new.fa-ul .fa-li .fa { font-size: 20px; } #ul-styles-new.fa-ul .fa-li { left: -2.5em; /* top: -3px; */ } /*video banner*/ .background-video video {height: 600px; object-fit: cover; } @media(max-width: 1024px) { .background-video video { height: 400px; } } /*home slider*/ @media(min-width: 481px) { #layerslider_mobile { display: none; } } @media(max-width: 480px) { #layerslider { display: none; } .ls-thumbnail-hover {display: none !important;} } /*common color*/ .bg-black { background-color: #eb6231; } .col-white, #body .col-white { color: #fff; } .col-black, #body .col-black { color: #eb6231; } .col-wave, .col-teal, .col-grey, #body .col-grey { color: #04264a; } /*common logo*/ .font-macan { font-family: "Macan"; } #body .common-logo, .common-logo { font-size: 55px; font-weight: 600; color: #04264a; margin-bottom: 45px; } #body .common-logo span, .common-logo span { font-weight: 400; } .common-logo img { /* max-width: 320px; */ } .footer-logo .common-logo { margin: 30px 15px 70px; } @media(max-width: 991px) { #body .common-logo, .common-logo { font-size: 45px; } } @media(max-width: 767px) { #body .common-sub-heading { font-size: 35px; line-height: 45px; } .common-button { font-size: 20px; padding: 10px 15px; } } @media(max-width: 1199px) { .text-center-1199 { text-align: center; } .text-center-1024 { text-align: center; } .footer-logo .common-logo { margin-bottom: 0; } } 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; } .header-top .apply-now-header a {color: #fff;background: #eb6231;border: 1px solid #fff;border-radius: 20px;padding: 5px 20px;text-transform: uppercase;letter-spacing: 1px;font-size: 18px; display: inline-block;} .header-top .apply-now-header a:hover, .header-top .apply-now-header a:focus { background-color: #fff; color: #04264a; } .header-top a { color: #fff; font-size: 16px; } .header-top a:hover, .header-top a:focus { color: #04264a; 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; color: #fff; } .header-top .fab { color: #fff; font-size: 15px; } .fa-tiktok { background: url("/media/18118/tik-tok-sprite.png"); background-size: 18px; background-position: 0px 56px; height: 21px; width: 18px; display: block;} .header-top a:hover .fa-tiktok, .header-top a:focus .fa-tiktok { background-position: 0 29px;} .social-wrapper .fa { margin-right: 10px; font-size: 20px; } .header-top .fa:hover, .header-top .fa:focus, .header-top .fas:hover, .header-top .fas:focus, .header-top .fab:hover, .header-top .fab:focus { color: #04264a; } #header_2 { background: #04264a; padding: 20px 15px; } #header_2 .container { max-width: 100%; padding-left: 0; padding-right: 0; } .promotion-message-top { /* font-size: 22px; padding: 20px 15px; font-weight: 500; 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; } .g-reviews-header { margin-top: 5px; } @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: #eb6231; border: 2px solid #fff; border-radius: 50px; padding: 12px 25px; letter-spacing: 2px; display: block; color: #fff; font-weight: 500; } .slider-btn:hover, .slider-btn:focus { background: #eb6231; color: #fff; } @media(max-width: 1199px) { .slider-btn { font-size: 22px; padding: 10px 25px; } } /*quick search title*/ .quick_search_title { background-color: #04264a; background-image: url('/media/14860/carbon-fibre.png'); text-align: center; padding: 30px 0; min-height: 165px; } #body .quick_search_title h2 { color: #fff; font-size: 45px; margin:0; font-weight: 500; display: inline-block; letter-spacing: 2px; } .quick_search_title .search-icon {background: url("/media/20026/search_icon.png") no-repeat;width: 60px;height: 60px;display: inline-block;background-size: 60px; float: left;} .quick_search_title .title_text { float: left; display: inline-block; margin: 15px 0 0 15px; } @media (max-width: 767px) { #body .quick_search_title h2 { font-size: 35px; line-height: 42px; letter-spacing: 0;} .quick_search_title .search-icon { width: 50px; height: 50px; background-size: 50px;} .quick_search_title .title_text {margin: 0 0 0 15px;} } @media (max-width: 480px) { .quick_search_title .search-icon { float: none;} .quick_search_title .title_text { margin: 0; float: none;} } /*Search by brand*/ .search_by_brand_wrapper { background-color: #ffde16; margin: 3px 0; overflow: hidden; } #body .search_by_brand_wrapper h2 { font-display: swap; font-size: 30px;color: #171415;font-weight: 600;font-style: italic; letter-spacing: 1px; margin: 25px 0 20px 50px; } #body .search_by_brand_wrapper h2 .by_bands{display: block;margin-top: 15px;font-size: 35px; font-weight: 700;font-style: normal;} /*Search by body*/ /* .search_by_body_wrapper { overflow: hidden; background: #fff url('/media/10107/welcome_bg_new.jpg') no-repeat; background-size: 100%;padding-bottom: 10px; } */ .search_body { background-color: #444; background-image: url("/media/8814/carbon-fibre.png"); text-align: center; } #body .search_body h2 { font-display: swap; font-size: 30px;color: #fff;font-weight: 600;letter-spacing: 1px; margin: 0 0 20px; padding-top: 40px; } #body .search_by_body_wrapper h2 .by_body{display: block;margin-top: 15px;font-size: 35px; font-weight: 700;font-style: normal;} .all_vehicles_link { font-weight: 600;color: #fff; font-size: 20px;letter-spacing: 1px;font-style: italic;text-align: right;display: block; margin-right: 25px; padding-bottom: 30px;} .all_vehicles_link:hover { color: #033671; } /*search by icons*/ #SearchByBodyItemsContainer {display: inline-block;margin: 0 auto;} #SearchByBodyHeader { display: none; } #SearchByBodyHeaderTextPrimary, .SearchByItemsName { color: #fff; text-transform: uppercase; } .top_section_search{ background: url('/media/5410/sbody_bg.jpg') repeat; padding: 50px 0 60px; text-align: center; } #SearchByBodyHeaderTextSecondary { color: #fff; font-weight: 600; font-display: swap;} .SearchByItemsBox { float: none; margin-right: 0 3px 15px; padding: 15px; margin-bottom: 5px; cursor: pointer; background: url('/media/5545/sprite_model.png') no-repeat; width: 160px; height: 112px; display: inline-block; text-align: center;} /* .SearchByItemsBox:last-child { margin-right: 0px; } */ .SearchByItemsBox .SearchByItemsName { margin-top: 65px; display: block; font-weight: 600; } #CoupeBox.SearchByItemsBox { background-position: -40px 0; } #HatchbackBox.SearchByItemsBox { background-position: -287px 0; } #ConvertibleBox.SearchByItemsBox { background-position: -43px -86px; } #UtilityBox.SearchByItemsBox { background-position: -287px -86px; } #SuvBox.SearchByItemsBox { background-position: -39px -178px; } #SedanBox.SearchByItemsBox { background-position: -287px -180px; } #CabChassisBox.SearchByItemsBox { background-position: -38px -269px; } #WagonBox.SearchByItemsBox { background-position: -292px -272px; } #manufacturer_logos ul{padding-left:0;padding-left:0;overflow:hidden;} #manufacturer_logos ul li{display:inline-block; margin-right: 30px;} #manufacturer_logos ul li:last-child { margin-right: 0;} #manufacturer_logos img{margin:5px;} .SearchByItemsBox .SearchByItemsName:hover { color: #033671; } @media (min-width: 991px) { #SearchByBodyItemsContainer {width: 900px;} .SearchByItemsBox {margin: 0 20px 32px;} } /*quick Search wrapper*/ #SearchFilterHeader, #SearchFilterYardText, #SearchFilterMakeText, #SearchFilterModelText, #SearchFilterYearText, #SearchFilterPriceText, #SearchFilterFooter, #SearchFilterYard { display: none; } #quicksearch-wrapper {text-align: center;font-weight: 600;text-transform: uppercase;font-size: 20px;z-index: 9999;margin: 0 auto;padding: 0 30px 0 0;} #body #quicksearch-wrapper h2 { color: #fff; font-size: 30px; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; margin-top: 30px; } #body #quicksearch-wrapper h2 .fa { margin-right: 10px; color: #fff; } #SearchFilter .SearchFilterSelect select {max-width: 100%;width: 100%;height: auto;cursor: pointer;border: none;margin: 2px 0;border-radius: 0;-moz-appearance: none; -webkit-appearance: none; background: url("/media/8012/arrow-blk.png") no-repeat scroll right 10px center rgba(255,255,255,0.8); color: #000;text-transform: uppercase;padding: 10px;font-size: 16px; font-weight: 500;} #SearchFilter { max-width: 100%; float: none; } #SearchFilter #SearchFilterButton {background: #04264a;border: 0; font-display: swap;font-weight: 500;letter-spacing: 3px;padding: 10px; width: 100%;margin-top: 2px;font-size: 22px; color: #fff;} #SearchFilter #SearchFilterButton:hover { background: #fff; color: #eb6231; } #SearchFilter .SearchFilterSelect.MultiFilter div { float: left; width: 49.8%; } #SearchFilter .SearchFilterSelect.MultiFilter div:last-child { float: right; } #car_search_container { background: transparent url("/media/20027/car-search-bg.jpg") no-repeat; background-size:cover; padding: 40px 40px; margin-top: -50px; } .advanced_search { padding-left: 0; } .browse_all_vehicles { background: transparent url("/media/20028/browse-vehicles.jpg") no-repeat; background-size:cover; } .browse_all_vehicles a { display: inline-block; min-height: 241px; width: 100%; } .browse_all_vehicles:hover, .browse_all_vehicles:focus { background: transparent url("/media/20029/browse-vehicles-hover.jpg") no-repeat; background-size:cover; } @media (max-width: 1024px) { .browse_all_vehicles { background-size: 100%; background-position: center; width: 100%; height: 250px; margin-top: 30px; } #quicksearch-wrapper { padding: 0; } .advanced_search { width: 100%; padding-right: 0; } .browse_all_vehicles:hover, .browse_all_vehicles:focus { background-size:100%; background-position: center; } } @media (max-width: 480px) { #car_search_container { margin-top: 0; } } /*home slider*/ #myCarousel .carousel-control { width: 5%; } #body .b-slider-title {font-size: 65px; text-shadow: 1px 1px 3px #eb6231;font-weight: 700; margin-bottom: 20px;} #body .b-slider-subtitle {font-size: 35px; text-shadow: 1px 1px 3px #eb6231; font-weight: 400; margin: 0 0 20px;} #myCarousel .carousel-caption { top: 20%; } .b-slider-btn, .btn-common {background: #04264a;color: #fff;display: inline-block;padding: 15px 20px;border-radius: 10px;font-size: 22px; min-width: 200px; letter-spacing: 2px; font-weight: 500; border:0;} .btn-common:hover, .btn-common:focus {background: #eb6231;color: #fff; text-decoration: none; } .b-slider-btn:hover, .b-slider-btn:focus {background: #04264a;color: #fff; text-decoration: none; } .slider-link-btn { margin: 70px 0 50px; } @media(max-width:1250px) { #myCarousel .carousel-caption { top: 10%; } #body .b-slider-title { font-size: 50px; margin-bottom: 0; } #body .b-slider-subtitle { font-size: 30px !important; margin-bottom: 10px; } } @media(max-width:1024px) { #myCarousel .carousel-caption { top: 5%; } #body .b-slider-title { font-size: 40px; margin-bottom: 0; } #body .b-slider-subtitle { font-size: 25px !important; margin-bottom: 10px; } } @media(max-width:991px) { .btn-common { font-size: 18px; padding: 10px 20px; } } @media(max-width:640px) { #body .b-slider-subtitle { display: none; } .b-slider-btn { padding: 10px 20px; font-size: 18px; display: none; } } @media(max-width:480px) { #body .b-slider-title { font-size: 25px !important; line-height: 30px; margin-top: 10px; } } /*about us*/ #about-wrapper { padding: 60px 0; } .about_tabs_wrapper .nav-tabs > li.active > a, .about_tabs_wrapper .nav-tabs > li.active > a:hover, .about_tabs_wrapper .nav-tabs > li > a:hover { border-bottom: 2px solid #eb6231; color: #eb6231; border-left:0; border-right:0; border-top: 0; outline:0; background: none; } .about_tabs_wrapper .nav-tabs > li > a { color: #bababa; border-left:0; border-right:0; border-top: 0; outline:0; margin-right:0; border-radius: 0; font-weight: 600; font-size: 16px; letter-spacing: 1px; } .about_tabs_wrapper .nav-tabs {border-bottom: 2px solid #bababa;} .about_tabs_wrapper .nav-tabs > li {margin-bottom: -2px; margin-right: 50px;} .about_tabs_wrapper .nav-tabs > li:last-child { margin-right:0; } .about_tabs_wrapper .tab-content{ /*padding: 15px 15px 15px 0;*/} .contact_btn {background: #04264a;color: #fff;font-weight: 500;letter-spacing: 2px;font-size: 22px;padding: 15px 20px;border-radius: 8px;display: block;box-shadow: 1px 2px 2px rgba(90, 91, 90,0.5); text-align: center; width: 200px; margin: 0 auto;} .contact_btn:hover, .contact_btn:focus { background: #eb6231; text-decoration: none; color: #fff; } #body h2.about_sub_heading{color: #04264a;font-weight: 500;font-size: 30px;letter-spacing: 4px; margin:0 0 10px;} #body h3.about_main_heading {color: #eb6231;font-weight: 900;font-size: 50px;letter-spacing: 4px; margin: 10px 0 20px 0;} #body .theme-line-heading { font-size: 30px;color: #eb6231; font-weight: 600; line-height: 38px; margin-bottom: 30px;} #body .abt-sub-head{font-size: 20px;font-weight: 600;margin-bottom: 15px;} @media(max-width: 768px) { #footer_nav .footer_menu { max-width: 100% !important; } } #body h1.title_page{font-weight: 700;margin-bottom: 10px;text-transform: uppercase;} #body h1.title_page span{color: #eb6231;display: inline;} #body h2.subtitle_page{font-weight: 300;} #body .main-content h1 span{font-weight: 700;color: inherit;font-size: 60px;line-height: 60px;} .main-content .link{color: #eb6231; font-weight: 700; } .main-content .link:hover{background: #eb6231;color: #fff;transition: 1s; } .content-wrapper {padding: 80px 90px 186px 0;} .content-wrapper a {font-size: 22px;} @media(max-width: 1700px) { .text-wrapper {top: 46px;max-width: 280px; } } @media(max-width: 1400px) { .text-wrapper {top: 30px;} } @media(max-width: 1199px) { .feature-wrapper .col-sm-6 {max-height: 200px;overflow: hidden; } .text-wrapper{max-width: 90%;} } @media(max-width: 991px) { #body .main-content h1 {font-size: 40px;line-height: 38px; text-align: center; } .content-wrapper {clear: both;padding: 20px;} #testimonials .content-wrapper { padding: 70px 20px;} .contact_btn { font-size: 18px; padding: 10px 20px; } } /*home*/ #home-banner { background: url("/media/20037/page-banners.jpg") no-repeat; background-size: cover; min-height: 450px; background-position: center; background-size: cover; display: flex; align-content: center; align-items: center; } #body .banner-main-heading { color: #fff; font-size: 60px; margin-bottom: 10px; line-height: 70px; letter-spacing: 1px; text-shadow: 1px 2px 5px #000; } #body .banner-sub-heading { color: #fff; font-size: 40px; margin-bottom: 50px; line-height: 40px; letter-spacing: 1px; text-shadow: 1px 2px 5px #000; } #home-banner .container {max-width: 1500px;width: 100%;} #home-banner .fa-ul { margin-bottom: 40px; text-shadow: 1px 2px 5px #eb6231; } #QuickSearch #QuickSearchHeader, #QuickSearchMakeText, #QuickSearchModelText, #QuickSearchFooter { display: none; } #QuickSearchNow { display: block; width: 97.5%; border: 0; background: #eb6231; color: #04264a; font-size: 30px; border-radius: 25px; padding: 15px; } #QuickSearchNow:hover, #QuickSearchNow:focus { background: #04264a; color: #fff; } #QuickSearch select { width: 100%; max-width: 95%; border: 4px solid #eb6231; color: #eb6231;margin: 0 10px 0 0; padding-left: 24px;-moz-appearance: none; -webkit-appearance: none;background: transparent url("/media/14014/arrow-down-deep.png") no-repeat scroll right 10px center; font-size: 25px; height: auto; border-radius: 25px; padding: 10px 15px; } .QuickSearchSelect { float: left; width: 50%; margin-bottom: 15px; } #QuickSearch {max-width: 100%;width: 100%;display: inline-block;float: none;} #QuickSearch select option, #SearchFilter select option {color: #eb6231; font-size: 18px;} #home-banner .banner-bottom-wrapper { /* position: absolute; */ bottom:0; color: #fff; } .banner-bottom-wrapper { color: #fff; padding: 30px 0 10px; background: #eb6231a8; margin-top: 30px; display: table; width: 100%; } .icon-container img { max-width: /* 80px */ 65px; } #body .sub-small-heading { color: #eb6231; font-size: 25px; margin: 0 0 10px; } #body #home-banner .sub-small-heading { color:#fff; } .icon-block-wrapper { margin-bottom: 10px; } #home-banner .fa-ul > li { font-size: 25px; letter-spacing: 0.5px; margin-bottom: 15px; } #gallery-wrapper .grid-wrapper { padding-left: 5px; padding-right: 5px; margin-bottom: 20px; } #gallery-wrapper .grid-cover img { border-radius: 15px; border: 3px solid #eb6231;} /*page banners*/ /*#home-banner.about-us-banner { background: url("/media/16057/about-page.jpg") no-repeat; background-position: center; } #home-banner.sell-car-banner { background: url("/media/16059/sell-your-car-page.jpg") no-repeat; background-position: center; } #home-banner.finance-banner { background: url("/media/16060/finance-page.jpg") no-repeat; background-position: center; }*/ /*three blocks*/ #three-box-components { padding: 70px 0 0; } .box_wrapper { border: 3px solid #eb6231; display: inline-block; width: 100%; margin-bottom: 35px; } .box_wrapper .box_title { background: #eb6231; display: block; padding: 5px 0; text-align: center; color: #fff; font-size: 25px; font-weight: 600;} .box_wrapper .box_title:hover { color: #fff; background: #04264a;} .box_wrapper .box_title:hover .fa { color: #fff; } .box_wrapper .box_title .text_light { font-weight: 300;} .box_wrapper .box_title .fa { color: #fff; margin-right: 10px; } .box_wrapper .box_btn {border-top: 3px solid #eb6231;display: block;padding: 10px 0;text-align: center;font-size: 22px;font-weight: 500; color: #fff;background-color: #04264a;} /* .box_wrapper .box_btn .fa { color: #04264a; } */ .box_wrapper .box_btn:hover { background: #eb6231; color: #fff; } .box_wrapper .box_btn:hover .fa { color: #fff; } .box_wrapper .box_text {padding: 15px 20px; font-size: 15px; text-align: justify; min-height: 130px;} .box_wrapper img:hover {-webkit-filter: grayscale(0.8);filter: grayscale(0.8); } @media(max-width: 1199px) { .box_wrapper .box_text { min-height: auto; } } /*contact bottom*/ .bottom_contact_wrapper .container { margin-top: -100px; } .bottom-inner-cover { padding: 0 30px; display: inline-block; width: 100%; } .bottom_contactus_cover { background-color: #04264a; display: inline-block; width: 100%; box-shadow: 1px 3px 5px #00000070; padding: 30px 0 30px; color: #fff; border: 10px solid #fff;} .bottom_contact_wrapper { padding-bottom: 70px; } #body .contact_heading { font-size: 50px; color: #fff; line-height: 55px; margin: 0 0 50px; background: #eb6231; padding: 15px 0; font-weight: 600;letter-spacing: 1px;} #body .contact_details_box h3 { font-size: 23px; font-weight: 600; margin-bottom: 10px; } #body .contact_details_box p { margin-bottom: 35px; } .contact_details_box { font-size: 20px; } .contact_details_box .fa { color: #eb6231; margin-right: 10px; font-size: 20px; } .contact_details_box a { color: #fff; } .contact_details_box a:hover, .contact_details_box a:focus { color: #eb6231; } .contact_details_box .fa-clock-o{float: left; margin-top: 4px; } .contact_details_box .f_tradehours { display: inline-block;} @media(max-width: 1199px) { .contact_details_box { text-align: center; } .contact_details_box .fa-clock-o {float: none; margin-top: 0;display: inline-block;} .contact_details_box .f_tradehours { display: inline; } } @media(max-width: 767px) { #body .contact_heading { font-size: 40px; } } @media (max-width: 480px) { .bottom-inner-cover { padding: 0; } } /*contact home section*/ #contactform-wrapper { background: url("/media/16043/contact-bg.jpg") no-repeat; background-size: cover; min-height: 500px; padding: 70px 0; border-top: 1px solid #fff; background-position: center; } #contact_enquiry.cforms { background: none; padding: 0; box-shadow: 0 0 0 0; } #contact_enquiry.cforms input { margin-bottom: 20px; padding: 15px; width: 100%; background: transparent; font-weight: 500; font-size: 20px; color: #fff; border: 2px solid #fff; letter-spacing: 1px; } #contact_enquiry.cforms input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1; font-weight: 400;} #contact_enquiry.cforms input::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 400;} #contact_enquiry.cforms input:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1; font-weight: 400;} #contact_enquiry.cforms input:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1; font-weight: 400;} #contact_enquiry.cforms button{ background: #eb6231;color: #fff; border: 1px solid #eb6231; display: block;border-radius: 0;padding: 15px 20px; font-size: 20px;font-weight: 500;letter-spacing: 3px;width: 100%;margin: 15px 0;} #contact_enquiry.cforms button:hover, #contact_enquiry.cforms button:focus { background: #fff;color: #04264a; border: 1px solid #04264a; } #body h3.contact_heading{text-align: center;color: #fff;text-transform: uppercase;font-size: 55px;font-weight: 500;letter-spacing: 3px; margin-top: 0; line-height: 45px} #body h4.contact_subheading{text-align: center;color: #fff;font-size: 30px;font-weight: 300;letter-spacing: 1px; margin-top: 15px;} #contactform-wrapper .contact_bg_wrapper{background: rgba(0,0,0,0.7);padding: 45px 25px 40px; border-radius: 10px; border: 2px solid #d72323;} /*for Google captcha*/ #contact_enquiry #recaptchaCustomForm div { margin: 0 0 0 8px; } @media(max-width: 991px) { #recaptchaCustomForm > div > div { transform: scale(0.87); transform-origin: 0 0; -webkit-transform:scale(0.87); -webkit-transform-origin:0 0;} } @media(max-width: 991px) { #contact_enquiry.cforms input { margin-bottom: 25px; } #body h3.contact_heading { font-size: 40px; } #body h4.contact_subheading { font-size: 25px; } } /*latest slider*/ .latest-vehicle-wrapper { background-color: #d6d6d6; background-image: url('/media/20033/first-aid-kit.png'); padding: 30px 0; overflow: hidden; display: inline-block; width: 100%; } #body .latest-vehicle-wrapper .slider_header { letter-spacing: 1px; color: #04264a; font-size: 50px; font-weight: 600; text-align: center; text-transform: uppercase; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff, 1px 1px 0 #fff; } .latest-vehicle-wrapper .btn-common:hover, .latest-vehicle-wrapper .btn-common:focus { background-color: #fff; color: #04264a; } @media(max-width: 991px) { #body .latest-vehicle-wrapper .slider_header { font-size: 40px; line-height: 45px; } } /*New Search function*/ #QuickSearch input { text-align: center; border: 4px solid #eb6231; border-radius: 25px; padding: 10px 15px; background: transparent; font-size: 30px; width: 90%; margin-bottom: 20px; } #QuickSearch #searchKeywordBtn { display: block; width: 100%; border: 0; background: #eb6231; color: #04264a; font-size: 30px; border-radius: 25px; padding: 15px; width: 90%; } #QuickSearch #searchKeywordBtn:hover, #QuickSearch #searchKeywordBtn:focus { background: #04264a; color: #fff; } #QuickSearch #searchKeywordBtn #stockCount { margin-left: 5px; } @media(max-width: 1199px) { .icon-container img { max-width: 55px; } #home-banner { padding-top: 30px; } #home-banner .fa-li { position: static; margin-right: 10px; } #home-banner .banner-bottom-wrapper { position: static; } } @media(max-width: 1024px) { .icon-container img { max-width: 40px; } #body .sub-small-heading { font-size: 22px; margin: 0 0 5px; } #body .banner-main-heading { font-size: 50px; line-height: 60px; margin-bottom: 20px; } #QuickSearch select, #QuickSearchNow { font-size: 25px; padding: 10px; } #body .banner-sub-heading { font-size: 35px; line-height: 40px; } } @media(max-width: 767px) { .icon-container img { max-width: 60px; } #body .banner-main-heading { font-size: 40px; line-height: 50px; } #body .sub-small-heading, #QuickSearch select, #QuickSearchNow { font-size: 20px; width: 100%; } .QuickSearchSelect { width: 100%; float: none; margin-bottom: 20px; } #QuickSearch select { max-width: 100%; } #body .banner-sub-heading { text-align: center; font-size: 25px; margin: 0; } #QuickSearch input, #QuickSearch #searchKeywordBtn { width: 100%; font-size: 25px; padding: 10px; } #QuickSearch input { padding: 6px; } #home-banner .fa-ul { text-align: left; } } @media(max-width: 480px) { #body .banner-main-heading { font-size: 35px; line-height: 40px; } #body .sub-small-heading, #QuickSearch select, #QuickSearchNow { font-size: 18px; } #home-banner { padding-top: 40px; } #QuickSearch input, #QuickSearch #searchKeywordBtn { font-size: 20px; } #home-banner .fa-ul > li { font-size: 18px; } #home-banner .fa-ul { margin-left: 0; } #home-banner .col-lg-7.col-sm-12.text-center-1199 { padding-left:0; padding-right: 0; } } /*Search Body*/ #SearchByBody { text-align: center; } #SearchByBodyHeader { display: none;} #SearchByBodyHeaderTextPrimary, .SearchByItemsName { color: #fff; text-transform: uppercase; } #SearchByBodyHeaderTextSecondary { color: #fe2500; font-weight: 500; } .SearchByItemsBox { margin: 5px; padding: 15px; margin-bottom: 15px; cursor: pointer; display: inline-block; background: url("/media/13804/sprite_model-black.png") no-repeat; width: 160px; height: 112px; text-align: center;} .SearchByItemsBox:last-child { margin-right: 0px; } .SearchByItemsBox .SearchByItemsName { margin-top: 65px; display: block; font-weight: 700; color: #eb6231; } #CoupeBox.SearchByItemsBox { background-position: -40px 0; } #HatchbackBox.SearchByItemsBox { background-position: -287px 0; } #ConvertibleBox.SearchByItemsBox { background-position: -43px -86px; } #UtilityBox.SearchByItemsBox { background-position: -287px -86px; } .SearchByItemsBox:hover { background: transparent url("/media/14029/sprite_model-wave.png");transition: 0.3s;color: #fff;} .SearchByItemsBox:hover span {color: #04264a; } #SuvBox.SearchByItemsBox { background-position: -39px -178px; } #SedanBox.SearchByItemsBox { background-position: -287px -180px; } #CabChassisBox.SearchByItemsBox { background-position: -38px -269px; } #WagonBox.SearchByItemsBox { background-position: -292px -272px; } .body-search-section { padding: 30px 0; } .body-search-section .common-button { margin-top: 40px; } .btn-view-bybody { background: #eb6231; color: #04264a; padding: 12px 20px; border: 0; border-radius: 8px; letter-spacing: 2px; font-size: 22px; min-width: 280px; display: inline-block; text-align: center; margin-top: 25px; } /* .btn-view-bybody { border-top:5px solid #eb6231 !important;background: #04264a; color: #fff; padding: 12px 20px; border: 0; border-radius: 20px; letter-spacing: 2px; font-size: 22px; min-width: 280px; display: inline-block; text-align: center; margin-top: 25px; } */ .btn-view-bybody:hover, .btn-view-bybody:focus { background: #eb6231; color: #fff; } .body-search-section .col-md-12 { text-align: center; } .body-search-section .container { width: 100%; max-width: 1550px; } /*body slider*/ .standardbodybtn { padding-top: 85px; border: 0; margin-bottom: 15px; cursor: pointer; display: inline-block; background: url("/media/14713/car-body-sprite-new.png") no-repeat; width: 160px; height: 112px; text-align: center; } .standardbodybtn:last-child { margin-right: 0px; } .standardbodybtn[data-standardbody="Convertible"] { background-position: -43px -86px; display: none; } .standardbodybtn[data-standardbody="Coupe"] { background-position: -40px 0; } .standardbodybtn[data-standardbody="Cab Chassis"] { background-position: -38px -268px; } .standardbodybtn[data-standardbody="Hatch"] { background-position: -287px 0; } .standardbodybtn[data-standardbody="Utility"] { background-position: -287px -86px; display: none; } .standardbodybtn[data-standardbody="Wagon"], .standardbodybtn[data-standardbody="WAGON"] { background-position: -292px -272px; } .standardbodybtn[data-standardbody="Van"] { background-position: -292px -363px; } .standardbodybtn[data-standardbody="Sedan"], .standardbodybtn[data-standardbody="SEDAN"] { background-position: -287px -180px; } .standardbodybtn[data-standardbody="SUV"] { background-position: -39px -178px; } .standardbodybtn[data-standardbody="People Mover"] { background-position: -30px -362px; } .standardbodybtn[data-standardbody="others"], .standardbodybtn[data-standardbody="Camper Van"] { background-position: -32px -486px; } /*Cars Budget*/ .budget-boxes { padding: 0; margin: 0; list-style-type: none; text-align: center; } .budget-boxes li { display: inline-block; margin-right: 50px; } .budget-boxes li:last-child { margin-right: 0; } .budget-boxes li a { display: block; background: #04264a; color: #fff; padding: 20px 25px; border-radius: 10px; font-size: 20px; border-top: 5px solid #eb6231; margin-bottom: 35px; } .budget-boxes li a:hover { background: #eb6231; color: #fff; } #body .budget-section .common-sub-heading { margin-bottom: 50px; margin-top: 50px; } @media(max-width: 1199px) { .budget-boxes li { margin-right: 20px; } .budget-boxes li a { padding: 12px 20px; font-size: 18px; } } @media(max-width: 767px) { .budget-boxes li { margin-right: 10px; } .budget-boxes li a { margin-bottom: 25px; } } /*Cars for every adventure*/ .adventure-section .flexslider { box-shadow: none; margin: 0; background: none !important; } .adventure-section .flex-control-nav { display: none; } .adventure-section .flexslider .slides li { min-height: 350px; box-shadow: 1px 2px 5px #eb62310d; /* border: 1px solid #f4f4f4; */ border-radius: 15px; } .adventure-section .flexslider .slides li img { border-radius: 15px 15px 0 0; } #body .adventure-section .lable-box h3 { font-size: 22px; margin-bottom: 5px; } #body .adventure-section .lable-box { padding: 20px 15px 10px; box-shadow: 1px 1px 5px #eb623117; border-radius: 0 0 15px 15px; border-style: solid; border-color: #9d97973d; border-width: 1px; min-height: 200px; } #body .adventure-section .common-sub-heading { margin-bottom: 50px; } .adventure-section { padding: 50px 0; } .learn-more-click {background: #04264a;color: #fff;padding: 8px 20px;border-radius: 10px;} .learn-more-click .fa { margin-left: 10px; } .learn-more-click:hover, .learn-more-click:focus { background: #eb6231; color: #fff; } #body .box-description { min-height: 80px; } /*The Car Empire Way*/ #body .sb-heading { font-size: 30px; border-bottom: 2px solid; display: inline-block; margin-bottom: 25px; line-height: 40px; } .show-banner-content { padding: 40px 30px; font-size: 18px; } .car-empire-way-section .fa-ul { font-size: 20px; margin-top: 35px; margin-bottom: 25px; } .car-empire-way-section .fa-ul li { margin-bottom: 35px; color: #fff; } .car-empire-way-section .fa-ul .fa-li .fa { font-size: 40px; } .car-empire-way-section .fa-ul .fa-li { left: -2.5em; top: -6px; } .show-banner-bg { background: url("/media/15300/bg-finance.jpg") no-repeat; background-size: cover; background-position: left; min-height: 625px; border-radius: 15px 0 0 15px; } #body .car-empire-way-section .common-sub-heading { margin-bottom: 40px; } .show-banner-content { border-radius: 0 15px 15px 0; min-height: 625px; } .car-empire-way-section { padding: 30px 0 50px; } .apply-finance-btn a {background: #04264a;color: #fff;padding: 12px 25px;border-radius: 10px;font-size: 20px;letter-spacing: 2px; margin-top: 20px; display: inline-block;} .apply-finance-btn a:hover, .apply-finance-btn a:focus { background: #fff; color:#04264a; } @media(min-width: 1200px) and (max-width: 1320px) { .show-banner-bg, .show-banner-content { min-height: 775px; } } @media(max-width: 1199px) { .show-banner-bg { min-height: 350px; border-radius: 15px 15px 0 0; } .show-banner-content { min-height: auto; border-radius: 0 0 15px 15px; } .sb-heading-cover, .apply-finance-btn { text-align: center; } } /*blue box section*/ .blue-box-section { display: inline-block; width: 100%; overflow: hidden; margin-top: 60px; } #body .blue-box-section .common-sub-heading { font-size: 70px; letter-spacing: 1px; margin: 60px 0 30px 0; line-height: 75px; } #body .blue-box-section .sb-heading { border: 0; font-size: 40px;margin-top: 25px; line-height: 50px; } .show-banner-car-bg { } .blue-box-section .fa-ul { font-size: 30px; margin-left: 2.2em; } .blue-box-section .fa-ul li { margin-bottom: 30px; } .blue-box-section .fa.fa-check-square-o { font-size: 50px; } .blue-box-section .fa-ul .fa-li { left: -2.5em; top: -6px; } .blue-box-section .show-banner-content { /* padding: 25px 30px 0; */ } @media(min-width: 1200px) and (max-width: 1700px) { /* .blue-box-section .show-banner-car-bg { position: relative; height: 800px; } .banner-bg-image { position: absolute; bottom: 0; } */ } @media(max-width: 1600px) { .blue-box-section .fa-ul li { margin-bottom: 20px; } .blue-box-section .fa.fa-check-square-o { font-size: 40px; } .blue-box-section .fa-ul { font-size: 25px; } .blue-box-section .fa-ul .fa-li { top: -2px; } } @media(max-width: 1199px) { #body .blue-box-section .common-sub-heading { font-size: 50px; line-height: 55px; } #body .blue-box-section .sb-heading { font-size: 30px; line-height: 40px; } } @media(max-width: 767px) { #body .blue-box-section .common-sub-heading { font-size: 40px; line-height: 50px; margin-top: 25px; margin-bottom: 10px;} } /*Latest slider*/ #latest-vehicles { margin-top: 30px; margin-bottom: 50px; } #body #latest-vehicles .common-sub-heading { margin-bottom: 40px; } /*New Vehicle Slider*/ /* #new_vehicle_slider.flexslider .slides > li { background: #f4f4f4; text-align: center; box-shadow: none; border-radius: 10px;} #new_vehicle_slider.flexslider .slides > li .slider_vehicle_image img { border-radius: 10px 10px 0 0;} #new_vehicle_slider.flexslider { border: 0; box-shadow: 0 0 0 0; background: #04264a !important; padding: 30px !important; border-radius: 50px; } #new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #eb6231; padding-top: 5px; text-align: left;} #new_vehicle_slider.flexslider .f_title { font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; padding: 5px 15px 0; text-align: left; } #new_vehicle_slider.flexslider .f_price { font-size: 25px; padding-bottom: 5px; color: #fff; 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; display: block; } #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: #eb6231;color: #fff;display: inline-block;text-transform: uppercase;font-size: 22px;padding: 10px;width: 100%; text-align: center; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; letter-spacing: 1px; border-radius: 0 0 10px 10px;} #new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;} #new_vehicle_slider.flexslider .f_btn:hover, #new_vehicle_slider.flexslider .f_btn:focus {background: #a4d1e8;color: #eb6231;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: #eb6231; } #new_vehicle_slider .flex-control-paging li a.flex-active { background: #eb6231; } #new_vehicle_slider .vehicle_details_options div { background: transparent url("/media/14020/vehile-slider-sprite-icons-new.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; } #new_vehicle_slider .flex-control-nav { display: none; } */ /*New Vehicle Slider V2*/ #new_vehicle_slider.flexslider { border: 0; box-shadow: 0 0 0 0; background: transparent !important; padding: 30px !important; border-radius: 50px; } #new_vehicle_slider .flex-control-nav { display: none; } #new_vehicle_slider.flexslider .slides > li { text-align: center; background: #fff; box-shadow: none; border-radius: 10px; box-shadow: 1px 2px 2px #eb623136; margin-bottom: 5px; } #new_vehicle_slider.flexslider .slides > li .slider_vehicle_image img { border-radius: 10px 10px 0 0;} #new_vehicle_slider .f_title {font-size: 20px; padding: 15px 15px 0; margin-bottom: 5px; display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} #new_vehicle_slider .f_modelvariant, #new_vehicle_slider .f_odo, #new_vehicle_slider .f_trans { font-size: 15px; } #new_vehicle_slider .f_modelvariant, #new_vehicle_slider .f_odo { /* padding-left: 15px; */ } #new_vehicle_slider .f_odo, #new_vehicle_slider .f_trans { /* float: left; */} #new_vehicle_slider .f_modelvariant { } #new_vehicle_slider .f_trans { text-align: left;} #new_vehicle_slider .f_price { font-size: 22px; margin-top: 5px; font-weight: 600; color: #04264a; } #new_vehicle_slider .has-special-price-false .f_price .special-vehicle-price { display: none; } #new_vehicle_slider .has-special-price-true .f_price .special-vehicle-price { display: inline-block; margin-left: 5px; } #new_vehicle_slider .f_price.f_yesspecial .normal_price { text-decoration: line-through; font-size: 18px; } #new_vehicle_slider .f_price.f_yesspecial { text-decoration: none; } #new_vehicle_slider .f_price.f_yesspecial .currency-val { text-decoration: line-through; font-size: 18px; } #new_vehicle_slider .has-special-price-true .f_price .vehicle-price { font-size: 18px; text-decoration: line-through;} #new_vehicle_slider .finance-options-wrapper { padding-left: 15px; font-size: 14px; margin-bottom: 15px; text-align: left;} #new_vehicle_slider .flex-control-nav { display: none; } #new_vehicle_slider .slider-nostock {background: #f00;color: #fff;padding: 10px 18px;display: block;border-radius: 15px; } #new_vehicle_slider .f_btn.btn.btn-default {background-color: #eb6231;color: #fff;width: 100%;border: 0;border-radius: 0 0 10px 10px;font-size: 20px;text-transform: uppercase;letter-spacing: 3px;padding: 10px;} #new_vehicle_slider .f_btn.btn.btn-default:hover, #new_vehicle_slider .f_btn.btn.btn-default:focus {background-color: #04264a;color: #fff; } #new_vehicle_slider .egc_option {display: block;font-size: 14px;font-weight: 500;} #new_vehicle_slider .vehicle_details_options {min-height: 100px;padding: 5px 0;text-align: left;width: 260px;margin: 0 auto;font-size: 14px;} #new_vehicle_slider .vehicle_details_options div { background: transparent url("/media/20114/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: 7px -73px; white-space: nowrap; background-size: 60px;} #new_vehicle_slider .vehicle_details_options .f_body { background-position: 0 -185px; } #new_vehicle_slider .vehicle_details_options .f_fuel { background-position: 0 -279px; } #new_vehicle_slider .flexslider_background { border-radius: 10px 10px 0 0; } #new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 24px; margin-left: 6px;} #new_vehicle_slider .dap_option {font-size: 14px;font-weight: 500;display: block;} @media(max-width: 1199px) { .latest-vehicle-wrapper #new_vehicle_slider .vehicle_details_options { display: none; } .latest-vehicle-wrapper #new_vehicle_slider .f_btn.btn.btn-default { margin-top: 15px;} } /*vehicle slider*/ #dynamic_vehicle_slider.flexslider-dynamic { background: transparent !important; border: 0; box-shadow: 0 0 0 0; } #dynamic_vehicle_slider.flexslider-dynamic .slides > li { background: #f4f4f4; box-shadow: none; border-radius: 10px; box-shadow: 1px 2px 2px #eb623136; margin-bottom: 5px;} #dynamic_vehicle_slider.flexslider-dynamic .slides > li .slider_vehicle_image img { border-radius: 10px 10px 0 0;} #dynamic_vehicle_slider .f_title {font-size: 18px; padding: 15px 15px 0; margin-bottom: 5px;} #dynamic_vehicle_slider .f_modelvariant, #dynamic_vehicle_slider .f_odo, #dynamic_vehicle_slider .f_trans { font-size: 15px; } #dynamic_vehicle_slider .f_modelvariant, #dynamic_vehicle_slider .f_odo { padding-left: 15px; } #dynamic_vehicle_slider .f_odo, #dynamic_vehicle_slider .f_trans { float: left; } #dynamic_vehicle_slider .f_modelvariant { min-height: 22px; } #dynamic_vehicle_slider .f_trans { margin-left: 10px; } #dynamic_vehicle_slider .f_price { font-size: 25px; padding-left: 15px; margin-top: 15px; } #dynamic_vehicle_slider .has-special-price-false .f_price .special-vehicle-price { display: none; } #dynamic_vehicle_slider .has-special-price-true .f_price .special-vehicle-price { display: inline-block; margin-left: 5px; } #dynamic_vehicle_slider .has-special-price-true .f_price .vehicle-price { font-size: 18px; text-decoration: line-through;} #dynamic_vehicle_slider .finance-options-wrapper { padding-left: 15px; font-size: 14px; margin-bottom: 15px; } #dynamic_vehicle_slider .flex-control-nav { display: none; } #dynamic_vehicle_slider .slider-nostock {background: #f00;color: #fff;padding: 10px 18px;display: block;border-radius: 15px; } @media(max-width: 767px) { .body-search-section #dynamic_vehicle_slider { display: none; } } /*if remove egc options*/ /* #new_vehicle_slider .egc_option { display: none; } */ /*finance Block*/ .finance-block-wrapper { font-size: 22px; padding: 60px 0; margin-top: 30px; margin-bottom: 1px; } #body .finance-block-wrapper p { line-height: 30px; } #body .finance-block-wrapper .fn-heading { color: #fff; font-size: 40px; line-height: 50px; letter-spacing: 1px; margin-top: 0; } #body .finance-block-wrapper .fn-sub-heading { font-size: 25px; line-height: 35px; margin-bottom: 40px; } .car-finance-image img { border-radius: 15px; } .fn-txt-content { padding-right: 40px; } .finance-block-wrapper .common-button { margin-top: 50px; background-color: #a4d1e8; color: #eb6231; font-size: 30px; border-radius: 40px; padding: 12px 25px; } .finance-block-wrapper .common-button .fa { margin-left: 15px; } .finance-block-wrapper .common-button:hover, .finance-block-wrapper .common-button:focus { background: #04264a; color: #fff; } #body .fn-txt-content .sub-small-heading { color: #fff; } .fn-txt-content .icon-block-wrapper { margin-bottom: 40px; } @media(max-width: 767px) { .fn-txt-content .icon-block-wrapper { text-align: center; } .fn-txt-content .icon-block-wrapper .icon-container img { max-width: 60px; } } /*finance calculator edited for colours*/ #finance-calc.newcalculator .finance-calc-result { text-align: center; } #finance-calc.newcalculator .finance-calc-header-title { background: #04264a !important; text-transform: uppercase; margin-bottom: 0; } #finance-calc.newcalculator .finace-calc-body-new { background: #eb6231 !important; } #finance-calc.newcalculator .finace-calc-body-new .finance-calc-result-title { background: #04264a !important; } #finance-calc.newcalculator .finance-calc-header { border: 0; } #finance-calc.newcalculator .finance-calc-header-title .fa { color: #fff !important; } #finance-calc.newcalculator { margin-bottom: 30px !important; } #finance-calc.newcalculator .finance-calc-body-bottom { background: #fff !important; } #finance-calc.newcalculator .spacer { border-top: 2px solid #000 !important; } #finance-calc.newcalculator .slider-bar .ui-widget-header { border: 1px solid #04264a !important; } #finance-calc.newcalculator .slider-bar .ui-state-default {border: 5px solid #04264a !important; color: #04264a !important; } @media(max-width: 1199px) { .finance-block-wrapper .common-button { margin-bottom: 40px; } #body .finance-block-wrapper .fn-heading, .fn-btn-cover { text-align: center; } .fn-txt-content { padding-right: 0; } } @media(max-width: 1024px) { #body .finance-block-wrapper .fn-heading { font-size: 40px; line-height: 50px; } } @media(max-width: 480px) { #body .finance-block-wrapper .fn-heading { font-size: 35px; line-height: 45px; } #body .finance-block-wrapper .fn-sub-heading, #body .finance-calc-header h3 { font-size: 25px; line-height: 30px; } .finance-block-wrapper { font-size: 18px; } } /*warranty home*/ #warranty_wrapper.bg-light-wave { background-color: #a4d1e8c4; } #warranty_wrapper.finance-block-wrapper { margin-top: 0; margin-bottom: 35px; } #warranty_wrapper .fn-txt-content { padding-right: 0; } .car-warranty-image img { border-radius: 15px; } .car-warranty-image { padding-right: 45px; } #warranty_wrapper.finance-block-wrapper .common-button { color: #04264a; } #warranty_wrapper.finance-block-wrapper .common-button:hover, #warranty_wrapper.finance-block-wrapper .common-button:focus { background: #eb6231; color: #fff; } #body #warranty_wrapper .icon-block-wrapper p { font-size: 16px; line-height: 27px; } #body #warranty_wrapper .sub-small-heading { font-size: 20px; color: #fff; } #warranty_wrapper .icon-block-wrapper .icon-container img { max-width: 60px; } .sp-gap { margin-top: 40px; } #body #warranty_wrapper .fn-heading { color: #fff; font-size: 70px; letter-spacing: 1px; line-height: 60px; margin-bottom: 35px; /* text-shadow: -1px -1px 0 #eb6231, 1px -1px 0 #eb6231,-1px 1px 0 #eb6231, 1px 1px 0 #eb6231; */ text-shadow: 1px 2px 2px #eb6231; } .warranty-blurb { font-size: 30px; line-height: 40px; } #warranty_wrapper { padding: 20px 0 50px; } .warranty-icon-wrapper { display: inline-block; width: 100%; padding: 30px 15px 10px; } .bg-warranty-cover { background: #fff url("/media/14152/bg-warranty-home5.png") no-repeat; background-position: top right; padding: 200px 0 170px; } @media(max-width: 1199px) { .car-warranty-image { padding-right: 15px; margin-bottom: 25px; } #warranty_wrapper .icon-block-wrapper .icon-container img {max-width: 50px;} #body #warranty_wrapper .fn-heading { font-size: 60px; line-height: 60px; margin-bottom: 25px; text-align: center; } .warranty-blurb {font-size: 25px;line-height: 35px;} .blue-box-section .fa-ul {font-size: 25px;} } @media(max-width: 1024px) { #body #warranty_wrapper .fn-heading {font-size: 50px; line-height: 55px; } .warranty-blurb {font-size: 20px; line-height: 30px; text-align: center;} } @media(max-width: 767px) { #warranty_wrapper .icon-block-wrapper .icon-container img {max-width: 80px;} .bg-warranty-cover { padding: 300px 0 150px; } } @media(max-width: 480px) { #warranty_wrapper .icon-block-wrapper .icon-container img {max-width: 60px;} .bg-warranty-cover { background-size: 100%; padding: 200px 0 20px; } .blue-box-section .fa-ul {font-size: 20px; margin-left: 3em;} .blue-box-section .fa.fa-check-square-o {font-size: 40px;} } /*manufacturer logo bottom*/ #manufacturer_logos ul { margin-bottom: 5px;} #manufacturer_logos ul li { list-style-type: none; display: inline-block; margin: 0 20px; } #manufacturer_logos ul { text-align: center; padding-left: 0; } #manufacturer_logos ul li:last-child { margin-right: 0; } .brand_section { margin: 50px 0; } #body .brand_section .common-sub-heading { margin-bottom: 35px; } /*partners*/ .partners-wrapper ul li { list-style-type: none; display: inline-block; margin: 20px 40px; } .partners-wrapper ul li img { max-width: 200px; } .partners-wrapper ul li:last-child { margin-right: 0; } .partners-wrapper ul { text-align: center; padding: 0; margin: 0; } @media(max-width: 1199px) { .partners-wrapper ul li img { max-width: 150px; } } @media(max-width: 767px) { .partners-wrapper ul li { width: 50%; margin: 20px 0; float: left; } } @media(max-width: 480px) { .partners-wrapper ul li { width: 100%; margin: 15px 0; } } /*about us*/ .top-page-banner { min-height: 250px; background: #04264a;background: -moz-linear-gradient(top, #04264a 0%, #eb6231 100%);background: -webkit-linear-gradient(top, #04264a 0%,#eb6231 100%);background: linear-gradient(to bottom, #04264a 0%,#eb6231 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04264a', endColorstr='#eb6231',GradientType=0 ); padding: 30px 0; } #body .top-page-banner h1 { font-size: 60px; letter-spacing: 1px; color: #fff; line-height: 70px; margin-top: 60px; } #about-section .show-banner-content p { font-size: 18px; } #about-section .show-banner-bg { min-height: 723px; } #about-section.car-empire-way-section { padding: 30px 0 20px; } .img-shadow {box-shadow: 1px 2px 5px #eb62318a; border-radius: 10px; } @media(min-width: 1200px) and (max-width: 1440px) { #about-section .show-banner-bg, #about-section .show-banner-content { min-height: 820px; } } @media(min-width: 992px) { .flex-center-adjustment {display: flex;align-items: center;} } @media(max-width: 1350px) { #body .top-page-banner h1 { font-size: 50px; line-height: 60px; margin-top: 40px; } } @media(max-width: 991px) { .flex-center-adjustment { display: flex;align-items: center; } #body .top-page-banner h1 { font-size: 40px; line-height: 50px; margin-top: 0; text-align: center; } } @media(max-width: 767px) { } @media(max-width: 480px) { #body .top-page-banner h1 { font-size: 35px; line-height: 45px; } } /*Manufacturer*/ #manufacturer_logos { padding: 0 0 40px; } #manufacturer_logos ul { list-style-type: none; display: inline-block;width: 100%; text-align: center; } #manufacturer_logos ul li {display: inline-block; margin: 0 10px;} #manufacturer_logos ul li a {text-decoration: none;} /*finance*/ #finance-us-banner.top-page-banner { padding-bottom: 0; } .finance-Calculator-General #finance-calc { margin-top: 0; background: transparent; border: 2px solid #fff; } #finance-us-banner .icon-container img { max-width: 60px; } #body .finance-widget-section h3 { margin-bottom: 35px; } .icon-wrapper img { max-width: 80px; } .label-title { font-size: 20px; } .icon-wrapper { margin-bottom: 20px; } .finance-widget-section { padding: 15px 0 30px; } .steps-cover { margin-bottom: 10px; background-color: #04264a; position: relative; padding: 15px 10px 5px; } .step-title {font-size: 20px;color: #eb6231; line-height: 28px; margin-bottom: 7px;} .step-title span { margin-right: 10px; color: #fff; font-size: 50px; padding: 5px 15px; position: absolute; top: 20px; left: 5px; } .steps-img-wrapper { margin-bottom: 15px; } .steps-content { padding: 0 10px 0; font-size: 16px; color: #fff; } .steps-img-wrapper img { max-width: 60px; } #body .steps-content p { line-height: 25px; } /*apply*/ #home-banner.apply-banner { background: url("/media/15321/apply-bg.jpg") no-repeat; background-position: 0 0; background-size: cover; overflow: hidden; } /*warranty*/ #home-banner.warranty-banner { min-height: 405px; background: url("/media/15320/warranty-slider2.jpg") no-repeat; background-position: bottom; background-size: cover; padding-top: 0; display: flex; align-content: center; align-items: center; } #body #home-banner.warranty-banner .sub-text-heading { text-shadow: 1px 2px 5px #eb6231; } #body #home-banner.warranty-banner .banner-main-heading { line-height: 70px; margin-bottom: 30px; } #body #warranty-banner.top-page-banner h1 { margin-top: 0 !important; } .learn-btn-cover .common-button { background: #f6feff; color: #eb6231; } .learn-btn-cover .common-button:hover, .learn-btn-cover .common-button:focus { background: #04264a; color: #fff; } .learn-btn-cover { margin-top: 10px; display: inline-block; width: 100%; margin-bottom: 20px; } .warranty-enquire-btn { margin-bottom: 30px; margin-top: 20px; display: inline-block; width: 100%; } .block-widget-section { padding: 50px 0; } .btn-coverage { font-size: 20px; border: 2px solid #04264a; padding: 10px 15px; border-radius: 10px; margin-bottom: 15px; color: #eb6231; cursor: pointer; text-align: center; } .btn-coverage:hover, .btn-coverage:focus { background: #eb6231; color: #fff; border: 2px solid #eb6231; } @media(max-width: 1350px) { .block-widget-section { padding: 20px 0; } } /*FAQ*/ [data-toggle="collapse"].collapsed .fa-angle-double-right:before { content: "\f101"; } [data-toggle="collapse"] .fa-angle-double-right:before { content: "\f103"; } #body .checklist-widget-section #accordion h3, #body .checklist-widget-section #accordion h2 {font-size: 20px;margin: 0;color: #fff;} .checklist-widget-section #accordion .fa.fa-angle-double-right { float: right; margin-top: 5px; } .checklist-widget-section #accordion .panel-body ul li li { font-weight: 500; margin-bottom: 2px; } .checklist-widget-section #accordion .panel-body ul li { font-weight: 600; margin-bottom: 15px; } .checklist-widget-section #accordion .panel-title a { display: block; color: #fff; } .checklist-widget-section #accordion .panel-title a:hover, .checklist-widget-section #accordion .panel-title a:focus { color: #eb6231; } .checklist-widget-section #accordion .panel-default > .panel-heading {color: #fff; background-color: #04264a; border-color: #04264a; } .checklist-widget-section .modal-body ul li { font-weight: 500; margin-bottom: 2px; } .checklist-widget-section .modal-body ul li li { font-weight: 500; margin-bottom: 15px; } #modal-common .modal-title { text-align: center; } /*Google Review Slider*/ .googlerating-title { background: url("/media/17347/google-rating.png") no-repeat top center; background-size: 220px; padding-top: 60px; } #body #googleratingtitle, #body #userratingtotal { display: inline-block; } #body .googlerating-title { color: #eb6231; text-transform: uppercase; margin-bottom: 35px; } #body #googleratingtitle, #body #userratingtotal { font-size: 35px; color: #04264a; } #googlereviewsliderv2 .review-rating {background-image: url('/media/12927/stars-black.png');} .google-reviews .btn { margin-top: 55px; background: #04264a;color: #fff;display: inline-block;padding: 15px 20px;border-radius: 10px;font-size: 22px;min-width: 200px;letter-spacing: 2px;font-weight: 500;} .google-reviews .btn:hover, .google-reviews .btn:focus { background: #eb6231; color: #fff; } .google-reviews { background: #fff;padding: 60px 0; display: inline-block; width: 100%; } #googlereviewsliderv2 .review-authorname { margin-top: 20px; color: #04264a; } #googlereviewsliderv2 #googlereviewlist li { min-height: 270px; background: #d4d4d4; } #googlereviewsliderv2 .review-relativetime { margin-bottom: 10px;} /*form styles*/ .form-styles { background: #04264a; padding: 25px; box-shadow: 1px 2px 5px #eb623121; border: 2px solid #eb6231; 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: #eb6231; letter-spacing: 1px; text-transform: uppercase; } .form-styles button { font-size: 20px; min-width: 200px;margin: 0px auto;padding: 10px 15px;font-weight: 500;background-color: #eb6231;color: #fff;border: none;border-radius: 10px;letter-spacing: 2px;display: block; text-transform: uppercase;} .form-styles button:hover, .form-styles button:focus {background: #fff; color: #04264a; ransition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; } #body .cforms.form-styles h2 { font-size: 25px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 0 15px; font-weight: 500; } /**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%; } } .ul-left-15 { padding-left: 15px; } .ul-styles { line-height: 25px; } .ul-styles li { margin-bottom: 5px; } #body h1, #body h2, #body h3, #details-vehicle-info-desc-H {font-weight: 500;margin-bottom: 20px;margin-top: 30px;line-height: 30px;} #body h1 {font-size: 35px;margin-top: 0;line-height: 1.2em; color: /* #ac1112 */ #eb6231; font-weight: 500;} #body h1.small-main {display: none;} #body h2 {font-size: 34px; color: #04264a; line-height: 40px;} #body h3 { font-size: 28px; margin: 0; } #details-vehicle-info-desc-H {font-size: 20px; margin: 0; } #body p {margin-bottom: 15px; line-height: 27px; } .t-question {display: block;margin-top: 10px;color: #024b86;font-size: 18px;font-weight: 500;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: #eb6231; } 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: 1550px;} #navbar { padding: 12px 0; background: #eb6231; text-align: center; } #navbar .container, #header .container {/* max-width: 1550px;width: 100%; */} #navbar .container-fluid {/* padding: 30px 0; */} #main-logo { } #main-logo img {/* max-width: 350px; */ } #main-logo .sub_logo img { max-width: 120px; margin-left: 15px; } #header-location, #header-contact {display: inline-block;font-weight: 500;} #header-location { margin-right: 35px; } #header-info .fa { margin-right: 10px; } #header-contact {font-weight: bold;text-transform: uppercase; color: #fff;} #header {background: #eb6231;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;}*/ #navbar_div .nav.navbar-nav { display: block; float: none; } #navbar .container-fluid { display: block; } @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/13560/sprite-icons-hover.png') no-repeat top left; background-size: 30px; } .navbar-default .navbar-nav>li>a.current_page_item { background: url('/media/13560/sprite-icons-hover.png') no-repeat top left; background-size: 30px; } */ } @media (min-width: 768px) { .navbar-nav > li { margin-right: 10px; float: none;display: inline-block;} .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: #04264a; } .navbar-default .navbar-nav>li>a.current_page_item { color: #04264a; } .navbar-default .navbar-nav>li>a.current_page_item.buy_a_car {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.our_services {background-position: left -324px;} .navbar-default .navbar-nav>li>a.current_page_item.sell_a_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 {font-weight: 500;transition: all 0.3s ease; font-size: 17px; text-transform: uppercase; padding: 5px 10px; } .navbar-default .navbar-nav>li>a.home { /* background-size: 25px; background-position: left 2px; */ /* display: none; */ } .navbar-default .navbar-nav>li>a.buy_a_car {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.our_services {background-position: left -324px;} .navbar-default .navbar-nav>li>a.sell_a_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;} .inner-banner {width: 100%;} /* .ls-bottom-nav-wrapper {margin: -70px auto!important;} */ .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; background-color: #04264a;} @media (max-width: 1500px) { .navbar-default .navbar-collapse { /* margin-top: 20px; */ } #main-logo img { } } @media (max-width: 1460px) { .navbar-header { text-align: center; width: 100%; float: none; } #main-logo, .navbar-nav { float: none; } #navbar_div .nav.navbar-nav { margin-top: 0; } .navbar-default .navbar-collapse { float: none !important; text-align: center;/* margin-top: 20px; *//* border-top: 1px solid #04264a; border-bottom: 1px solid #04264a; */ /* padding: 5px 0 15px; */ } .navbar-nav > li { float: none; display: inline-block; } #main-logo img { } } @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: #eb6231; 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: #eb6231; } .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: #eb6231; display: block; font-weight:700;} #body .home-info h1 { color: #eb6231; 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: 110px; */} /* .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: 100px; */ /* 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, .g-reviews-header, .email-header { display: none; } .phone-header, .apply-now-header { width: 100%; } .apply-now-header { margin-top: 15px; display: inline-block; } } @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; max-width: 200px; margin-top: 0; left: 0px;} */ #main-logo .sub_logo img {max-width: 105px; left: 80px;} .navbar-header { width: auto; } #navbar .container-fluid {padding: 0;} .navbar-default .navbar-toggle {width: inherit;border: none; /* margin-top: 20px; */ background: #04264a; float: none; margin: 0; } .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: #04264a;} .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.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: 100px; */padding: 10px 0; } .navbar-default .navbar-collapse { border: 0; box-shadow: none; } .navbar-nav > li { width: 100%; } #navbar_div .nav.navbar-nav { margin: 0; margin-top: 15px; } .navbar-nav .open .dropdown-menu { background-color: #fff; text-align: center; width: 100%; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #04264a; } .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #04264a; } } @media(max-width: 480px) { #body h1 { } #main-logo img { /* top: 4px; max-width: 225px; */ } } @media(max-width: 460px) { #body #features-wrapper h2 a {font-size: 20px;} } /*vehicle list page top contents*/ @media(min-width: 768px) { .show-on-mobile { display: none; } } @media(max-width: 767px) { .hide-on-mobile { display: none; } } /**Vehicle Description**/ #details-sidebar-main-carhistory { display: none; } #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: #fff; */ } #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;} #SearchSortBy span {padding-right: 5px;/* color: #fff; */} /* #SearchSortBy {margin-left: 0px;float: none;} */ #SearchPageNumbers ul li a {padding: 3px 6px; background-color: #04264a; 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: #eb6231;} #search-results-header {margin-bottom: 15px; background: #eb6231;} #search-filters .filter .header, #details-sidebar-main .header {background: #eb6231;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: #eb6231;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: #eb6231;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: #eb6231;transition: 0.6s;} #filter-reset a {color: #eb6231;} @media (max-width: 768px) { #search-filters #filter-header.hasFilters {background-color: #eb6231;} } #search-filters .filter .header.open {background-color: #04264a;} .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: #eb6231; } #search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #eb6231;} #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; } #search-results .search_item img {padding: 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: #eb6231; 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: #eb6231;} #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;} /*sold cars*/ /* [data-url="sold-vehicles"] #search-results .search_price, [data-url="sold-stock"] .vehicle-detail-price-cover {display: none; } */ /*arrow back to top*/ #arrow { right: auto; left: 25px; } /*vehicle reserved option list page*/ .vehicle-listing-img { position: relative; } .vehicle-listing-img .car-location { position: absolute; color: #fff; font-size: 16px; line-height: 25px; font-weight: 500; bottom: 10px; left: 10px; } .vehicle-listing-img .hotdeal.has-special-price-true { position: absolute; color: #fff; font-size: 16px; line-height: 25px; font-weight: 500; top: 10px; left: 10px; background: #04264a666b2; display: inline-block; text-align: center; 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-size: 40px; line-height: 50px; font-weight: 400;top: 40%; left: 35%; text-align: center; } @media (min-width: 768px) and (max-width: 1300px) { .vehicle-listing-img .car-location { bottom: 0;left: 0;background: #595fed;width: 100%;text-align: center; padding: 5px;} } @media (max-width: 1199px) { #search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 18px center!important;} .vehicle-images-small { display: none; } } @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: #04264a;font-weight: 400;text-transform: uppercase;padding: 15px 24px;border: none; text-align: center;} #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 switch div*/ #footer_nav .container {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; /* optional */ -webkit-box-align: start; -moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start; align-items: flex-start; /* max-width: 1250px; */} .footer_menu.footer_menu_nav {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} .footer_menu.footer_custom {webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2;-webkit-order: 2;order: 2;} /*footer*/ #footer-logo img {max-width: 300px;margin: 20px 0;} .footer_custom {width: 100%;font-size: 16px;} #footer_nav .footer_menu h3 {margin: 0;font-size: 23px;color: #eb6231;font-weight: 600;text-transform: uppercase; letter-spacing: 1px;} #footer_nav .footer_menu h3 .fa { margin-right: 10px; color:#eb6231; } #footer_nav .footer_menu ul li a {font-size: 16px;padding-right: 15px;border-right: 1px solid #eb6231;margin-right: 15px;text-transform: uppercase;} #footer_nav .footer_menu ul li a:hover { color: #eb6231; } #footer_nav .footer_menu ul li:last-child a{border: 0;margin-right: 0;padding-right: 0;} #footer_nav .footer_menu ul {padding-left: 0;list-style-type: none;} .footer_menu_nav h3 {margin-bottom: 20px!important;} #footer_nav .footer_menu ul li { display: inline-block; } .bottom_footer_wrapper { margin-top: 25px; margin-bottom: 25px; } #footer_nav .footer_menu { margin: 0; } .bottom_footer_wrapper .fa { color:#eb6231; margin-right: 5px; font-size: 20px; } .footer_menu a:hover { color: #eb6231; } .bottom_footer_wrapper .trading_footer { margin-top: 20px; } #footer_nav .footer_menu .footer_social_icons li { display: inline-block; } #footer_nav .footer_menu .footer_social_icons li:last-child a { margin-right: 0; } #footer_nav .footer_menu .footer_social_icons li a { font-size: 25px; color: #fff; padding: 0;border: 0; margin-right: 5px; line-height: 0; } #footer_nav .footer_menu .footer_social_icons li a:hover, #footer_nav .footer_menu .footer_social_icons li a:focus { color:#eb6231; } #footer_nav {padding: 30px 0 5px;} .bottom_footer_social_wrapper .fa.fa-certificate, .bottom_footer_social_wrapper .fa.fa-cog { font-size: 20px; color: #eb6231; margin-right: 8px;} /*footer*/ [data-url="sullivan-kerr"] footer { margin-top: 0;} .footer-logo { margin-bottom: 60px;} .footer-logo img { /* max-width: 300px; */} #footer_nav {background-color: #04264a; background-image: url("/media/14860/carbon-fibre.png"); padding: 35px 0;color: #fff;} .footer-corporate-list { columns: 2; break-inside: avoid; } .footer-corporate-decor {font-size: 0;line-height: 0; margin: 5px 0 25px;} .footer-corporate-decor::before {display: inline-block;content:"";width: 58px;border-top: 2px solid #04264a;} #footer_nav .footer_menu {max-width: 100%;width: 100%;} #footer_nav .footer_menu_location .footer_body {font-size: 16px;padding-left: 0;} .c_list_footer a .fa, .c_list_footer .fa, .c_list_footer .fas {color: #04264a;font-size: 20px; display: inline-block; width: 28px;} .c_list_footer a .fa.fa-envelope { font-size: 15px; } .c_list_footer a .fa.fa-map-marker, .c_list_footer .fa.fa-clock-o { float: left;display: inline-block;padding-top: 4px;} .f_address, .f_tradehours { display: inline-block; /* width: 300px; */ } /* .c_list_footer li span { display: inline-block;} */ #footer_nav .footer_menu .c_list_footer li { /* line-height: 35px; */margin-bottom: 15px; } #footer_nav ul {color: #fff;font-size: 16px;list-style-type: none;padding-left: 0;} #footer_nav .footer_menu ul li a {color: #fff;font-size: 16px;} #footer_nav .footer_menu ul li a:hover, #footer_nav .footer_menu ul li a:focus { color: #eb6231; } #footer_nav .footer_menu ul li { line-height: 25px; } #footer a, .footer_body a {color: #fff;} #footer a:hover { text-decoration: underline; } .footer_menu p.footer-phone a{color: #fff;font-weight: 500;} #footer {color: #fff;padding: 10px 0;font-weight: 400;font-size: 15px;background: #eb6231; text-align: center;} .footer_menu p{font-size: 16px;color: #fff;} #footer_nav .footer_menu h3{color: #fff;font-size: 22px;text-transform: uppercase;padding-bottom: 5px;letter-spacing: 1px; font-weight: 500;} .getintouch_btn{background: #04264a;font-size: 15px;color: #fff;padding: 10px 15px; border-radius: 10px;letter-spacing: 1px;margin: 5px 10px 10px 0; display: inline-block;text-align: center; box-shadow: 1px 2px 5px rgba(0,0,0,0.2);} .getintouch_btn:hover, .getintouch_btn:focus { background: #fff; color: #eb6231; } .viewmap{color: #04264a;font-size: 15px;text-decoration: underline;letter-spacing: 1px;} .viewmap:hover, .viewmap:focus { color: #04264a; text-decoration: underline; } .footer_social_icons li { display: inline-block; margin-right: 5px; } .footer_social_icons li:last-child { margin-right: 0; } #footer_nav .footer_menu .footer_social_icons li a { font-size: 25px; } .footer-email a { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .footer_social_icons .fab.fa-tiktok { background-size: 21px;height: 21px; width: 21px; background-position: 0 62px; } #footer_nav .footer_menu .footer_social_icons li a:hover .fab.fa-tiktok, #footer_nav .footer_menu .footer_social_icons li a:focus .fab.fa-tiktok { background-position: 0 31px; } @media (max-width: 1199px) { #footer_nav .footer_menu h3 { margin-top: 35px;} #footer_nav { /* padding: 0 0 20px; */ text-align: center; } } @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; } .f_address, .f_tradehours {width: auto;display: inline;} .c_list_footer a .fa.fa-map-marker, .c_list_footer .fa.fa-clock-o { float: none; } .footer-corporate-list { columns: 1; } } @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;} } /*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: #eb6231; 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: #eb6231; } #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: 500;} #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: #04264a; } .contact-box a:hover { text-decoration: underline; } */ #body .contact-box h3 { font-size: 20px; } /*sitemap*/ [data-url="sitemap"] #body h2 {margin-top: 0;background: #eb6231;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: #04264a; } body[data-url="sitemap"] .center-wrapper a:hover {color: #eb6231;} 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: #eb6231;} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #04264a;} /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #eb6231;} /*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:#eb6231;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: #eb6231; } #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: 5px 0; } } /*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: #eb6231; font-size: 30px; text-indent: 0;} */ #lindacars-share-options-header .fa.fa-share-alt { color: #eb6231; 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 #eb6231; font-weight: 600; font-size: 22px; color: #eb6231; 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: #eb6231; color: #fff; border: 2px solid #eb6231; } .ui-dialog .ui-dialog-buttonpane { padding: 0 15px; border: 0; } .ui-widget-overlay { background: #eb6231; } @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: #eb6231; 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: #eb6231; 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: #04264a; text-align: center; padding: 5px; margin-bottom: 15px;} [data-url="used-cars-in-dubai"] #breadcrumb_wrapper { margin-bottom: 0; } #breadcrumb_wrapper .container {background: #04264a;} #breadcrumb a {color: #fff;font-size: 14px;} #breadcrumb a:hover { color: #eb6231; } #breadcrumb .fa { color: #fff; font-size: 18px; margin: 0 10px; } #breadcrumb .fa:first-child { display: none; } #breadcrumb { padding: 0; color: #ccc;} .vehicle-page-title { color: #fff; font-size: 35px; letter-spacing: 2px; margin: 0 0 10px; font-weight: 500; } @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: 500;line-height: 30px; color: #fff;} /*vehicle details*/ [data-url="our-stock"] .center-wrapper { /* margin-top: 115px; */max-width: 100%; } .vehicle-description-cover { margin-bottom: 25px; margin-top: 30px; } /* .vehicle-description-cover .vehicle-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px;margin-bottom: 10px; max-height: 80px; overflow: hidden; text-overflow: ellipsis; } */ .vehicle-details-cover { font-size: 18px; } #body .vehicle-detail-title h2 { margin:0 0 20px; font-weight: 600; color: #04264a; } #body .vehicle-detail-title h1 {margin-bottom: 10px; font-size: 30px; } #body .vehicle-detail-title h1 .vehicle-items { text-transform: uppercase; display: block;font-size: 22px;margin-bottom: 10px; margin-top: 5px;} /* #details-sidebar-main {background-color: #ececec; text-align: center; padding: 15px; min-height: 583px; } */ .vehicle-detail-title-cover { } .dap-price { font-size: 14px; display: block; font-weight: 500; color: #eb6231; } .vehicle-contact-btn-cover .btn-common {font-size: 18px;padding: 10px 15px; margin-bottom: 20px;} .vehicle-contact-btn-cover .btn-common:hover, .vehicle-contact-btn-cover .btn-common:focus { background-color: #eb6231; color: #fff;} /*modal styles*/ .modal-styles .modal-header { background-color: #04264a; border-radius: 5px 5px 0 0; } #body .modal-styles .modal-title {color: #fff;text-transform: uppercase;letter-spacing: 2px; font-size: 23px;} .modal-styles .modal-header .close { margin-top: -2px;opacity: 1;color: #fff; text-shadow: none;font-size: 30px;} .modal-styles .modal-header .close:hover, .modal-styles .modal-header .close:focus { color: #8e8888; } @media(max-width: 1199px) { .vehicle-detail-title-cover { margin-top: 30px; } } @media(max-width: 767px) { #details-sidebar-main { text-align: center; } .dap-price { display: block; } } /*my team*/ .our-team-wrapper { margin-top: 50px; display: inline-block; width: 100%; } .emp-details-wrapper { border: 2px solid #cac3c3; padding-bottom: 25px; display: inline-block; width: 100%; margin-bottom: 35px; } #body .team-name {font-weight: 600;font-size: 20px;margin-top: 20px;margin-bottom: 15px;} #body .team-position { margin-bottom: 20px; font-size: 16px; } @media(max-width: 767px) { .our-team-wrapper { text-align: center; } } /*car search*/ .carlistingSelectOptionbox { background-color: #fff; padding-bottom: 25px; box-shadow: 0px 1px 5px #eb62313d; } #body .carlistingSelectOptionbox .filter-search-title { color: #eb6231; font-weight: 600; text-transform: uppercase; font-size: 30px; letter-spacing: 1px; margin-bottom: 40px; } #body .carlistingSelectOptionbox .filter-search-title .fa { color: #eb6231; font-size: 25px; margin-right: 10px; } .carlistingSelectOptionbox select { height: 46px; border: 1px solid #eb6231; border-radius: 0; color: #eb6231; -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: #eb6231; 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: #9f9898;} .filter-btns-cover #btnApply {background: #eb6231; } .filter-btns-cover #resetFilter:hover, .filter-btns-cover #resetFilter:focus {background: #eb6231; 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: #9f9898; transition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;} /*vehicle list page*/ [data-url="used-cars-in-dubai"] .container.center-wrapper { max-width: 100%; padding-left: 0; padding-right: 0; } [data-url="used-cars-in-dubai"] .gmap { display: none; } /*list view bottom btn*/ .show-more-vehicles .showDetails {background: #eb6231; 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: #eb6231; 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 #eb6231; border-radius: 0; color: #eb6231; -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: #eb6231; } .vehicle-numbers-cover .browse-cars { font-size: 28px; } .vehicle-numbers-cover .totalresult { color: #eb6231; margin-left: 10px; } .vehicle-numbers-cover h4 { display: inline-flex; align-items: center; } #filter-viewwatchlist[data-watchlist="true"] .fa.fa-heart-o { color: #eb6231; } @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="used-cars-in-dubai"] #search-results { width: 100%; } #body .NoItemsFound {text-align: center;color: #fff;font-weight: 600;background: #eb6231;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 #eb62311a; height: auto; } #search-results .search_item .main_image img { width: 100%; height: 300px; object-fit: cover; } #search-results > div:not(:last-child) { border: 0; } #search-results .search_details {float: none; border: 0; padding: 0; text-align: center; margin: 0;} #filter-body .filter .header .fa.fa-angle-double-down, #filter-wrapper #filter-header .fa.fa-angle-double-down {float: right;font-size: 23px;} #search-results .vehicle-view-btn a {color: #fff;background-color: #04264a;font-size: 16px;font-weight: 500;text-transform: uppercase;text-align: center; display: inline-block; letter-spacing: 1px; padding: 12px 20px; border-radius: 10px; min-width: 200px; box-shadow: 1px 2px 5px #eb623130;} #search-results .vehicle-view-btn a:hover {text-decoration: none;background: #eb6231;} .vehicle-view-btn { text-align: center; margin: 25px 15px; } .search_title_header .search_title { text-align: center; position: relative; } #search-results .search_title a {font-weight: 500;font-size: 18px;} /* #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_price {text-align: center;font-weight: 500;font-size: 22px;color: #eb6231;} #search-results .search_price { margin-top: 5px; } .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: #eb6231; font-size: 14px; font-weight: 500; } .list-icons-wrapper a { color: #eb6231; } .list-icons-wrapper { padding: 10px 0 8px; } /* .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: #bdbdbd; 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: #bdbdbd; } #search-results .gridview .search_title .watchlist { position: absolute; top: 25px; } .has-special-price-false .special-vehicle-price { display: none; } .has-special-price-true .vehicle-price {text-decoration: line-through;font-size: 18px;} .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: 16px;} .details-vehicle-info-vehicle-HasSpecialPrice-True .special-vehicle-price { display: block; } /*Vehicle list page*/ #myTabs.nav-tabs > li > a { color: #eb6231; font-weight: 500; font-size: 20px; border: 0; padding: 10px 35px; } #myTabs.nav-tabs > li > a:hover, #myTabs.nav-tabs > li > a:focus { background: none; border-bottom: 3px solid #eb6231; } #myTabs.nav-tabs > li.active > a, #myTabs.nav-tabs > li.active > a:hover, #myTabs.nav-tabs > li.active > a:focus { border-bottom: 3px solid #eb6231; background: none; } #myTabs.nav-tabs { border-bottom: 1px solid #eb623187; margin-top: 35px; display: none; } #myTabs.nav-tabs li { margin-right: 35px; } #myTabs.nav-tabs li:last-child { margin-right: 0; } /* @media (max-width:1650px){ .list-icons-wrapper a { font-size: 12px; } } @media (max-width:1500px){ #search-results .search_item img { height: 250px; } } @media (max-width:1199px){ #search-results .search_item img { height: 200px; } } @media (max-width:1024px){ #search-results .vehicle-view-btn a { min-width: auto; } } @media (max-width:991px){ #search-results .search_item img { height: 300px; } } @media (max-width:767px){ #search-results .search_item img { height: 100%; } } */ /***Vehicle Listing***/ [data-url="used-cars-in-west-ryde"] .center-wrapper, [data-url="sold-vehicles"] .center-wrapper { max-width: 100%; /* padding-right:0; padding-left: 0; */ overflow-x: hidden; } #search-options {text-align: center; /* background: #eb6231; */ margin: 0; padding: 8px;} /* #search-results .search_item { padding-top: 0; border: 1px solid #eb6231; margin-bottom: 35px; } */ /* #search-results { padding-top: 35px; width: 100%; } */ .list-icons-wrapper .search_empty {display: none;} .list-icons-wrapper a { color: #eb6231; } .list-icons-wrapper .search_fueltype { text-align: right; } .has-special-price-false .special-vehicle-price {display: none;} .has-special-price-true .vehicle-price {display: inline-block;text-decoration: line-through;font-size: 18px;margin-right: 10px;} .list-icons-wrapper { display: inline-block; width: 100%; font-size: 15px; } .list-icons-wrapper .search_empty, .search_rego, .search_compliancedate, .search_VIN { display: none; } /* .list-icons-wrapper .search_fueltype, .list-icons-wrapper .search_fueltype { width: 100%; } */ .list-icons-wrapper .search_odometer { width: 100%; } .search_title_header .search_title a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .special-vehicle-price.discount-percentage.has-special-price-true { background: #eb62319; position: absolute; color: #fff; font-size: 16px; line-height: 25px; font-weight: 500; 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 #eb6231;border-color: #eb6231 transparent #eb6231 transparent;} /*vehicle list view*/ #search-results .listview .search_item img { border-radius: 15px 0 0 15px; } #search-results .listview .vehicle-listing-main { padding-right:0; padding-left: 0; } #search-results .listview .search_title_header { border-radius: 0 15px 0 0; } @media (min-width:992px){ #search-results .listview .search_item img { /* height: 360px; */ } } @media (max-width:991px){ #search-results .listview .search_title_header { border-radius: 0; } #search-results .listview .search_item img { border-radius: 15px 15px 0 0; } } /*vehicle details page*/ #details-vehicle-info-vehicle-Name { color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height: 28px; } #details-vehicle-info-vehicle-price { font-weight: 500; font-size: 20px; text-align: right; } #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: #eb6231; color: #fff; text-align: center;font-size: 18px;font-weight: 500;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/16069/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: #F2F2F2; margin-bottom: 20px; } .spec-icon-wrapper { /*font-weight: 500; padding-top: 25px;*/ font-size: 16px; } .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: 16px; font-weight: 500; padding: 20px 20px 20px 65px; } .bottom-icon-row { font-size: 16px; 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: #eb6231; 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; } } /*New Vehicle Slider*/ .home-vehicle-slider {display: inline-block; width: 100%; padding: 60px 0;} .home-vehicle-slider #new_vehicle_slider { border: 1px solid #eb6231; box-shadow: 0 0 0 0; border-radius: 0; } .home-vehicle-slider #new_vehicle_slider .f_title { font-size: 30px; padding: 0; margin-top: 15px; } .home-vehicle-slider #new_vehicle_slider .f_price { font-size: 25px; margin-bottom: 20px; } .home-vehicle-slider #new_vehicle_slider .f_btn { display: inline-block; background: #5c5b5b; color: #fff; padding: 5px 30px 8px; font-size: 20px; font-weight: 300; border:0; border-radius: 0; margin-bottom: 25px; } .home-vehicle-slider #new_vehicle_slider .f_btn:hover, #new_vehicle_slider .f_btn:focus { background: #eb6231; } .home-vehicle-slider #new_vehicle_slider .f_shortdescription { margin: 20px 0; padding-right: 10px; } .home-vehicle-slider #new_vehicle_slider .f_topyear, #new_vehicle_slider .f_tophybrid, #new_vehicle_slider .f_topodo { margin-top: 25px; margin-bottom: 15px; } .home-vehicle-slider #new_vehicle_slider .flex-control-nav { display: none; } .home-vehicle-slider #new_vehicle_slider .f_btn.btn.btn-default { border-radius: 10px; border:0; text-align: center; width: auto; letter-spacing: 2px; padding: 10px 20px;} .home-vehicle-slider #new_vehicle_slider .f_btn.btn.btn-default:hover, .home-vehicle-slider #new_vehicle_slider .f_btn.btn.btn-default:focus { background-color: #eb6231; color: #fff;} .home-vehicle-slider #new_vehicle_slider .f_btn.btn.btn-default .point_arrows { display: none;} .home-vehicle-slider #new_vehicle_slider .flexslider_background {border-radius: 0; height: 320px;} /* #new_vehicle_slider .flex-direction-nav a { opacity: 1; } */ @media(max-width: 991px) { .home-vehicle-slider #new_vehicle_slider .slides { text-align: center; } } /*button area details page*/ .vehicle-details-button-wrapper button { border:0; background: #fff; border: 2px solid #eb6231; font-weight: 500; font-size: 22px; color: #eb6231; 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: #eb6231; color: #fff; border: 2px solid #eb6231; } .finance-cal-button { border:0; background: #eb6231; /* border: 2px solid #eb6231; */ font-weight: 500; font-size: 19px; color: #fff; border-radius: 0; width: 100%; padding: 10px; line-height: 32px; } .finance-cal-button .finance-value { color: #fff; font-weight: 500; } .finance-cal-button, .vehicle-details-button-wrapper button { margin-bottom: 30px; } #customFormModalLabel, #customForm2ModalLabel {font-size: 25px;text-align: center;font-weight: 500;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: #eb6231; } .vehicle-details-button-wrapper .modal-header { background: #eb6231; 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/16061/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/16068/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: #eb6231;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: #eb6231;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: #eb6231;margin-top: 10px;font-weight: 600;padding-left: 0;} #bookcar-bookdate, #bookcartempreservetimer {color: #eb6231; 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 #eb6231; font-weight: 600; font-size: 18px; color: #eb6231; border-radius: 8px; letter-spacing: 1px; padding: 5px 15px; line-height: 32px; text-transform: uppercase; } #bookcarconfirmation #reservesubmitbutton:hover, #bookcarconfirmation #reservesubmitbutton:focus { background: #eb6231; color: #fff; border: 2px solid #eb6231; } #LindaCarBookCarModalLabel, #bookcarTermsandConditionModalLabel { color: #fff;text-align: center; font-size: 35px;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;padding: 0; margin: 0; } #bookcarTermsandConditionModal { font-size: 15px; } #reserveSuccessResultdiv #reserve-checkmark { margin-top: 20px; } @media (max-width:1199px){ .finance-cal-button, .vehicle-details-button-wrapper button { padding: 5px; } .vehicle-details-button-wrapper button { font-size: 20px; } .finance-cal-button { font-size: 16px; } } /*option & promotions*/ .vehicle-options-promotion-wrapper .block-wrapper { background: #ebebeb; } .vehicle-options-promotion-wrapper .block-title { background: #eb6231; font-size: 20px; font-weight: 500; letter-spacing: 1px; padding: 10px; color: #fff; } .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: #eb6231; color: #fff;} .vehicle-description-tabcover .nav-tabs > li > a { border-radius: 0;font-weight: 500;letter-spacing: 1px;font-size: 20px; 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: 35px; font-weight: 500; text-align: center; text-transform: uppercase; color: #eb6231; 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: #eb6231;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: #eb6231; 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: #eb6231; 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 #eb6231; /* margin-bottom: 40px; */margin-bottom: 20px; margin-top: 30px; } #custom-finance-calculator-tool .cal-divider { width: 2px; border-left: 1px solid #04264a; 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: #eb6231;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 #bdbdbd; } #custom-finance-calculator-tool #sliderDownpayment .ui-widget-header, #custom-finance-calculator-tool #sliderEMI .ui-widget-header { border: 1px solid #eb6231; 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 #bdbdbd; background: #eb6231; font-weight: 600; color: #fff; border-radius: 50px; cursor: pointer;} #custom-finance-calculator-tool .top-emi { background: #eb6231; border-radius: 5px 5px 0 0; padding: 13px 0 10px; font-size: 16px; color: #fff; } #custom-finance-calculator-tool .top-emi input { font-size: 23px; font-weight: 500; 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: #ebebeb; color: #eb6231; font-weight: 500; font-size: 17px; 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: #eb6231;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: #eb6231; color: #fff;} #custom-finance-calculator-tool .full-pay-title { color: #eb6231; 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; } } /*contact us*/ #home-banner.contact-banner { min-height: 405px; /*background: url("/media/17368/contact-page-banner.jpg") no-repeat; background-position: center; background-size: cover;*/ padding-top: 0; display: flex; align-content: center; align-items: center; font-size: 20px; } #body #home-banner.contact-banner .banner-main-heading { margin-bottom: 30px; } #home-banner.contact-banner p { text-shadow: 1px 2px 5px #eb6231; } /*contact us form*/ #ContactUsForm {width: 100%;max-width: 100%;padding: 25px;background: #04264a;margin: 20px 0;box-shadow: 1px 2px 5px #eb623121;border-radius: 8px;border: 2px solid #eb6231;} #body #ContactUsForm h3 {font-size: 25px; text-transform: uppercase; text-align: center; margin: 0 0 15px; color: #ffffff;} #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: #eb6231; 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: 500;background-color: #eb6231; color: #fff;border: none;border-radius: 10px;letter-spacing: 2px;display: block;} #ContactUsForm button:hover, #ContactUsForm button:focus {background: #fff; color: #04264a; ransition: 0.8s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s; } /*blog*/ .posts-pages, .posts-search-header {border: 0; background-color: #04264a; } #body .posts-container h2.post-header { } .posts-pages-bottom { margin-bottom: 30px; } .posts-view-all a {background: #eb6231; color: #fff;display: block;border-radius: 5px;text-align: center;padding: 5px;} .posts-view-all a:hover, .posts-view-all a:focus { background-color: #04264a; color: #fff; } /*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; } } /*closer Notice popup*/ .pop_home .modal-header {background: #eb6231;border-radius: 5px 5px 0 0; color: #04264a;} .pop_home .modal-header .fa { font-size: 20px; } .pop_home .modal-header .cl-title { margin: 0 10px; } #body .pop_home .modal-title {text-transform: uppercase;text-align: center;color: #fff;letter-spacing: 1px; font-size: 20px; margin: 0;} .pop_home .close { font-weight: 500; font-size: 23px; opacity: 1; text-shadow: none; color: #fff; } #body .pop_home .modal-body h3 { text-align: center; color: #eb6231; } #body .pop_home .modal-body h2 { margin-bottom:20px; line-height: 25px; font-size: 18px; margin-top: 10px; color: #eb6231; text-align: center;font-weight: 400; } /********************New vehicle list page styles************************/ /*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: 500;line-height: 30px; color: #fff;} /*Vehicle page full width*/ [data-url="hybrid-and-electric-vehicles"] .container.center-wrapper, [data-url="used-cars-in-southport"] .container.center-wrapper, [data-url="sold-stock"] .container.center-wrapper, [data-url="our-stock"] .container.center-wrapper, [data-url="hybrid-stock"] .container.center-wrapper, [data-url="coming-soon-stock"] .container.center-wrapper, [data-url="coming-soon"] .container.center-wrapper { max-width: 100%; } [data-url="used-cars-in-southport"] .container.center-wrapper .container.special, [data-url="hybrid-and-electric-vehicles"] .container.center-wrapper .container.special, [data-url="hybrid-stock"] .container.center-wrapper .container.special { max-width: 1450px; } /*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); width: 100%; } #search-results .search_details { margin-top: 0; padding: 10px; margin-bottom: 15px; text-align: center; width: 100%; display: inline-block; } .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: #04264a; 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: #eb6231; } #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; font-weight: 500;} @media (max-width: 991px) { #search-results .search_item .bg_cover { margin: 0; } } /*vehicle listing icons*/ .search_item .vehicle_details_options {min-height: 100px;padding: 5px 0;text-align: left;width: 260px;margin: 0 auto;font-size: 14px;} .search_item .vehicle_details_options div { background: transparent url("/media/20114/vehile-slider-sprite-icons.png") no-repeat; padding: 10px 0 10px 65px; min-height: 43px; } .search_item .vehicle_details_options .f_odo { background-position: 0 -5px; } .search_item .vehicle_details_options .f_trans { background-position: 7px -73px; white-space: nowrap; background-size: 60px;} .search_item .vehicle_details_options .f_body { background-position: 0 -185px; } .search_item .vehicle_details_options .f_fuel { background-position: 0 -279px; } /***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: 500;} .watchlist-hide .header a.header-watchlist:hover { color: #111; } #search-filters #filter-viewwatchlist .filter .header {background: #eb6231;} .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: #04264a;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: 2px;} #details-vehicle-info-features-Body {color: #000;background: #fff; border: 1px solid #ccc;} #details-vehicle-info-features-Tabs div:not(.tab-selected){color: #FFF;background-color: #04264a;background-image: none!important;font-weight: normal;} #details-vehicle-info-features-Tabs div.tab-selected {background: #eb6231;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: #eb6231;color: #FFF;font-size: 17px;text-align: center; font-weight: 500; text-transform: uppercase; cursor: pointer; letter-spacing: 2px;} #SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover { background-color: #eb6231; } #search-filters #filter-header.hasFilters {background: #eb6231;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: #eb6231;color: #fff;} #search-filters .filter .header {background: #04264a;color: #fff;} #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: #eb6231;color: #FFF;} #filterPriceLo, #filterPriceHi, #filterKeywords {margin: 5px 10px; } .filter .btnGo {background: #eb6231;color: #FFF;display: block;border: none;padding: 6px 9px;margin-left: 9px;font-weight: bold;margin-top: 8px; } .filter .btnGo:hover {background: #04264a;color: #fff;} span.filterRemove a {color: #eb6231!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: #04264a; 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: 500; min-height: 60px;} .stock-number{color: #f2f295;} #search-results .search_title a:hover, #search-results .search_price a:hover { color: #eb6231; } .vehicle-listing-desc .icon-container img { max-width: 40px; } @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: #eb6231;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: #04264a;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: 1500px) { #search-results .search_details a { /* width: 100%; display: block; */ } } /***Vehicle Description***/ #details-sidebar-main-watchlist { display: none; } #details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price, #details-sidebar-main .header {} #details-sidebar-main .header {background: #04264a;color: #FFF; text-transform: uppercase; font-weight: 500; 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;} #search-results .search_item .main_image img { height: auto;} } #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;} #details-sidebar-main-watchlist .watchlist-sidebar-InWatchList a.watchlist {color: #fff!important;} #details-sidebar-main-watchlist .watchlist-sidebar-InWatchList {background: #eb6231;} #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: 500;} #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 {margin: 0; background: #eb6231;font-size: 18px;font-weight: 500;border: 0; border-radius: 8px; color: #fff; text-transform: uppercase; letter-spacing: 2px; width: 100%; } #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #04264a; 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: #04264a;color: #fff;padding: 10px;display: inline-block;margin: 15px 0;border-radius: 5px;font-weight: 500; text-transform: uppercase; font-size: 15px;} #back-stock:hover { background: #eb6231; } #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;} #search-results .search_meta .text-container .cta-icon-text { white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #eb6231;} @media (max-width: 767px) { #search-results .search_meta .text-container { white-space: inherit; min-height: 60px; } #search-results .search_meta .text-container .cta-icon-text { max-width: 100%; white-space: normal;} } /*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: 15px; background:#04264a;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: #eb6231; } #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-drop-down { background: #04264a; padding: 10px 0; } #details-vehicle-share-options-header {font-weight: 500; } #details-vehicle-share-drop-down:hover, #details-vehicle-share-drop-down:active, #details-vehicle-share-drop-down:focus {background-color: #eb6231;} /*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; } } /*List style 2*/ .filter_heading {background: #04264a;color: #fff;font-size: 18px;text-transform: uppercase;padding: 10px 15px;margin-bottom: 5px; font-weight: 500; letter-spacing: 1px; text-align: center; /* border-radius: 5px; */ } .filter_heading .fa {font-size: 18px; margin-top: 5px; margin-left: 10px;} /*New Finance Calculator detail page*/ .finance-btn-lw {background-color: #60ba6d;color: #FFF;font-weight: 600;box-shadow: none;border: none;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;border-radius: 10px; display: block; margin: 20px auto; width: 200px; padding: 10px 15px;} .finance-btn-lw:hover, .finance-btn-lw:focus {background: #04264a;transition: 0.3s; color: #FFF;} .lw-logo-cover {background: #fff;display: block;padding: 15px;border-radius: 10px;} .terms_360 .btn-cover { background: none; outline: 0; } .terms_360 a { font-weight: 600; color: #04264a; margin-top: 10px; display: block; text-decoration: underline; } .terms_360 a:hover, .terms_360 a:focus { color: #231f20; } .terms_360 .modal-header { background: #04264a; color: #fff; border-radius: 5px 5px 0 0;} .terms_360 .modal-header h4 { font-weight: 600; } .terms_360 .modal-header .close { opacity: 1; color: #fff; width: auto; background: transparent; margin-top: 5px; } .terms_360 .modal-body {background-color: #bbb; border-radius: 0 0 5px 5px;} .newcalculator.finace-calc-widget .finance-calculatot-title { background: #04264a; margin-bottom: 10px;color: #fff; letter-spacing: 1px; padding: 10px; font-size: 18px;text-transform: uppercase;font-weight: 600;} .newcalculator.finace-calc-widget .finance-calc-body-bottom { background: #c8c8c8; padding-bottom: 10px; margin-bottom: 25px;} .newcalculator.finace-calc-widget .finance-calc-result-weekly { font-size: 35px; font-weight: 600;} .newcalculator.finace-calc-widget .finance-cal-condition { font-size: 13px; margin-top: 10px; border-top: 1px solid #b3afaf; padding-top: 10px; text-align: justify;} .finace-repayment-btn { background: #60ba6d; color: #fff;text-align: center;font-size: 16px; padding: 5px; border-radius: 10px;font-weight: 500;} .finace-repayment-btn .price_value{font-size: 18px;font-weight: 600;} #search-results .search_details a.finance-me-btn { background: #60ba6d; color: #fff;} #search-results .search_details a.finance-me-btn:hover, #search-results .search_details a.finance-me-btn:focus { background: #04264a; color: #fff; } @media (max-width:1199px){ .finace-repayment-btn { margin: 15px;} }