@font-face{ font-family: "Visby Regular"; src: url("/media/13764/visbycf-regular.otf") format("opentype"); } @font-face{ font-family: "Visby Medium"; src: url("/media/13763/visbycf-medium.otf") format("opentype"); } @font-face{ font-family: "Visby Demibold"; src: url("/media/13761/visbycf-demibold.otf") format("opentype"); } @font-face{ font-family: "Visby Bold"; src: url("/media/13760/visbycf-bold.otf") format("opentype"); } @font-face{ font-family: "Visby Extrabold"; src: url("/media/13762/visbycf-extrabold.otf") format("opentype"); } @font-face{ font-family: "James Paul"; src: url("/media/14010/james_fajardo.ttf") format("truetype"); } /*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: 'Visby Medium', sans-serif; font-size: 18px; color: #000; background: #fff;} h1, h2, h3 { font-family: 'Visby Bold', sans-serif; font-weight: 500; } a {color: #0204f6; text-decoration: none;} a:hover, a:focus {color: #0063fe; 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: #0204f6 /* #ac1112 */; font-size: 40px; line-height: 50px; letter-spacing: 1px; } .common-button { background: #0204f6; color: #0063fe; padding: 12px 20px; border-radius: 20px; letter-spacing: 2px; font-size: 22px; font-family: Visby Regular; min-width: 280px; display: inline-block; text-align: center; } .common-button:hover, .common-button:focus { background: #0063fe; color: #fff; } /*slider video*/ .video-fluid { height: 700px; object-fit: cover; } @media(max-width: 1024px) { .video-fluid { height: 400px; } } /*common color*/ .bg-wave { background-color: #0063fe; } .bg-light-wave { background-color: #a4d1e8; } .bg-teal { background-color: #0063fe; } .bg-vermilion { background-color: #e33a0c; } .bg-deep { background-color: #0204f6; } .bg-crimoson { background-color: #ac1112; } .col-white { color: #fff; } .col-wave { color: #0063fe; } .col-teal { color: #0063fe; } .col-vermilion { color: #e33a0c; } .col-deep { color: #0204f6; } .col-crimoson { color: #ac1112; } .w-100 { width: 100%; } /*color ovveride*/ .bg-wave-s { background-color: #0063fe !important; } .bg-light-wave-s { background-color: #a4d1e8 !important; } .bg-teal-s { background-color: #0063fe !important; } .bg-vermilion-s { background-color: #e33a0c !important; } .bg-deep-s { background-color: #0204f6 !important; } .bg-crimoson-s { background-color: #ac1112 !important; } .col-white-s { color: #fff !important; } .col-wave-s { color: #0063fe !important; } .col-teal-s { color: #0063fe !important; } .col-vermilion-s { color: #e33a0c !important; } .col-deep-s { color: #0204f6 !important; } .col-crimoson-s { color: #ac1112 !important; } /*fonts*/ .font-visby-bold { font-family: "Visby Bold";} .font-visby-regular { font-family: "Visby Regular";} .font-visby-medium { font-family: "Visby Medium";} .font-visby-extra-bold { font-family: "Visby Extrabold";} .font-visby-demi-bold { font-family: "Visby Demibold";} @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; } } 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 a { color: #fff; } .header-top a:hover, .header-top a:focus { color: #0063fe; 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: #0063fe; } .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: #cec8c8; } #header_2 { /*background: #f4bf00;*/ background: #000; } #header_2 .container { max-width: 100%; padding-left: 0; padding-right: 0; } .promotion-message-top { /* font-size: 22px; padding: 20px 15px; font-weight: 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; } @media(max-width: 991px) { .header-top .e-mail-header, .header-top .social-wrapper { /* display: none; */ } .header-top .e-mail-header, .header-top .address-header { margin-top: 5px; } .header-top .phone-header { margin-bottom: 5px; } } @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: #0204f6; 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: #000; color: #fff; } @media(max-width: 1199px) { .slider-btn { font-size: 22px; padding: 10px 25px; } } /*home*/ #home-banner { background: url("/media/14575/home-slider-bg-new.jpg") no-repeat; background-size: cover; min-height: 750px; padding-top: 80px; background-position: top center; position: relative;} #body .banner-main-heading { color: #fff; font-size: 55px; margin-bottom: 10px; line-height: 50px; font-family: "Visby Bold"; letter-spacing: 1px; text-shadow: 1px 2px 5px #000; } #body .banner-sub-heading { color: #fff; font-size: 50px; margin-bottom: 50px; line-height: 40px; font-family: "James Paul"; text-shadow: 1px 2px 5px #000; } #home-banner .container {max-width: 1500px;width: 100%;} #QuickSearch #QuickSearchHeader, #QuickSearchMakeText, #QuickSearchModelText, #QuickSearchFooter { display: none; } #QuickSearchNow { display: block; width: 97.5%; border: 0; background: #0204f6; color: #0063fe; font-family: Visby Regular; font-size: 30px; border-radius: 25px; padding: 15px; } #QuickSearchNow:hover, #QuickSearchNow:focus { background: #0063fe; color: #fff; } #QuickSearch select { width: 100%; max-width: 95%; border: 4px solid #0204f6; color: #0204f6;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: #000; font-size: 18px;} #home-banner .banner-bottom-wrapper { /* position: absolute; bottom:0; */ color: #0204f6; } #home-option.banner-bottom-wrapper { color: #fff; background: #0063fe; margin-top: 0; } #body #home-option .sub-small-heading { color: #fff; } .banner-bottom-wrapper { color: #0204f6; padding: 30px 0 10px; background: #0063febf; margin-top: 30px; display: table; width: 100%; } .icon-container img { max-width: /* 80px */ 65px; } #body .sub-small-heading { font-family: Visby Bold; color: #0204f6; font-size: 25px; margin: 0 0 10px; } #body #home-banner .sub-small-heading { color:#fff; } .icon-block-wrapper { margin-bottom: 10px; } /*home slider*/ #Banner { position: relative; } #Banner .carousel-control { width: 5%; } .search-top { position: absolute; z-index: 999; top: 120px; left: 0; display: inline-block; width: 90%; } @media(max-width: 1350px) { #body .banner-main-heading, #body .banner-sub-heading { font-size: 45px; } #body .banner-sub-heading { margin-bottom: 15px; margin-top: 15px; } .search-top { left: 35px; } } @media (max-width:1199px){ #Banner {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;} #top-slider-search {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2; background: #0204f6;} #myCarousel {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;} .search-top { position: static; text-align: center; margin: 30px 0; width: 100%; } .search-top #QuickSearch #searchKeywordBtn { display: inline-block; } } /*New Search function*/ #QuickSearch input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1; font-weight: 400;} #QuickSearch input::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 400;} #QuickSearch input:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1; font-weight: 400;} #QuickSearch input:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1; font-weight: 400;} #QuickSearch input { color: #fff; text-align: center; border: 4px solid #fff; border-radius: 25px; padding: 10px 15px; background: transparent; font-size: 30px; width: 90%; font-family: Visby Regular; margin-bottom: 20px; } #QuickSearch #searchKeywordBtn { display: block; width: 100%; border: 0; background: #0063fe; color: #fff; font-family: Visby Regular; font-size: 30px; border-radius: 25px; padding: 15px; width: 90%; } #QuickSearch #searchKeywordBtn:hover, #QuickSearch #searchKeywordBtn:focus { background: #0204f6; color: #fff; } #QuickSearch #searchKeywordBtn #stockCount { margin-left: 5px; } @media(max-width: 1199px) { .icon-container img { max-width: 55px; } } @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; } } @media(max-width: 767px) { .icon-container img { max-width: 60px; } #body .banner-main-heading { font-size: 40px; } #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; } #QuickSearch input, #QuickSearch #searchKeywordBtn { width: 100%; font-size: 25px; padding: 10px; } #QuickSearch input { padding: 6px; } } @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; } } /*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: #0204f6; font-family: "Visby Medium"; } #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: #0063fe; } #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: #0063fe; color: #fff; padding: 12px 20px; border: 0; border-radius: 10px; letter-spacing: 2px; font-size: 22px; font-family: Visby Regular; min-width: 280px; display: inline-block; text-align: center; margin-top: 25px; } .btn-view-bybody:hover, .btn-view-bybody:focus { background: #0204f6; color: #fff; } .body-search-section .col-md-12 { text-align: center; } /*body slider*/ .standardbodybtn { padding-top: 85px; border: 0; margin-bottom: 15px; cursor: pointer; display: inline-block; background: url("/media/17834/car-body-sprite.png") no-repeat; width: 160px; height: 112px; text-align: center; } .standardbodybtn:hover { background: url("/media/17835/car-body-sprite-hover.png") no-repeat; } .standardbodybtn:last-child { margin-right: 0px; } .standardbodybtn[data-standardbody="Cab Chassis"], .standardbodybtn[data-standardbody="4WD"] { display: none; } .standardbodybtn[data-standardbody="Convertible"] { background-position: -43px -86px; display: none; } .standardbodybtn[data-standardbody="Coupe"] { background-position: -40px 0; } .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; display: none; } .standardbodybtn[data-standardbody="Motorhome"] { background-position: -32px -486px; display: none; } /*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: #0063fe; color: #fff; padding: 20px 25px; border-radius: 10px; font-size: 20px; font-family: "Visby Demibold"; border-top: 5px solid #0204f6; margin-bottom: 35px; } .budget-boxes li a:hover { background: #0204f6; color: #fff; } #body .budget-section .common-sub-heading { margin-bottom: 40px; 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 #0000000d; */ /* 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-family: "Visby Bold"; font-size: 22px; margin-bottom: 5px; } #body .adventure-section .lable-box { padding: 20px 15px 10px; box-shadow: 1px 1px 5px #00000017; 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; } /*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: 25px 30px; } .car-empire-way-section .fa-ul { font-size: 20px; margin-top: 25px; margin-bottom: 25px; } .car-empire-way-section .fa-ul li { font-family: "Visby Bold"; margin-bottom: 15px; } .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/13813/bg-show-cars.jpg") no-repeat; background-size: cover; background-position: center; min-height: 703px; 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; } .car-empire-way-section { padding: 30px 0 50px; } @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 { 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-family: "Visby Regular"; font-size: 40px;margin-top: 25px; line-height: 50px; } .show-banner-car-bg { } .blue-box-section .fa-ul { font-family: "Visby Regular"; 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: #0063fe !important; padding: 30px !important; border-radius: 50px; } #new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #0204f6; padding-top: 5px; } #new_vehicle_slider.flexslider .f_title { font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; padding: 5px 15px 0; } #new_vehicle_slider.flexslider .f_price { font-family: "Visby Bold"; 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; font-family: "Visby Regular"; 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: #0204f6;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: #0204f6;transition: 0.5s;} #new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 20px;margin-left: 6px;} #new_vehicle_slider .vehicle_details_options {min-height: 100px;padding: 5px 0;text-align: left;width: 245px;margin: 0 auto;font-size: 14px;} #new_vehicle_slider .flex-control-paging li a { background: #000; } #new_vehicle_slider .flex-control-paging li a.flex-active { background: #0204f6; } #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: #0063fe !important; padding: 30px !important; border-radius: 50px; } #new_vehicle_slider .flex-control-nav { display: none; } #new_vehicle_slider.flexslider .slides > li { background: #f4f4f4; box-shadow: none; border-radius: 10px; box-shadow: 1px 2px 2px #00000036; 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: 18px;font-family: "Visby Bold"; padding: 15px 15px 0; margin-bottom: 5px; min-height: 65px;} #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 { min-height: 22px; } #new_vehicle_slider .f_trans { margin-left: 10px; } #new_vehicle_slider .f_price { font-size: 25px;font-family: "Visby Bold"; padding-left: 15px; margin-top: 15px; } #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 .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; display: none; } #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; } /*vehicle slider*/ #dynamic_vehicle_slider.flexslider-dynamic { background: transparent !important; border: 0; box-shadow: 0 0 0 0; margin: 0 0 20px; } #dynamic_vehicle_slider.flexslider-dynamic .slides > li { background: #f4f4f4; box-shadow: none; border-radius: 10px; box-shadow: 1px 2px 2px #00000036; 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;font-family: "Visby Bold"; 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;font-family: "Visby Bold"; 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; display: none; } #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; } #dynamic_vehicle_slider .f_title_header { margin-bottom: 15px; } /*if remove egc options*/ /* #new_vehicle_slider .egc_option { display: none; } */ /*home about us*/ #about-wrapper { margin-top: 2px; padding: 60px 0; background: #fff url("/media/17829/about-bg.jpg") no-repeat; background-attachment: fixed; color: #fff; } .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 #649a41; color: #649a41; 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: 17px; 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;} #body #aboutus h1 { text-align: left; } .contact_btn {background: #231f20;color: #fff;font-weight: 600;letter-spacing: 2px;font-size: 18px;padding: 15px 20px;border-radius: 8px;margin: 10px 0 0 0;display: inline-block;box-shadow: 1px 2px 2px rgba(90, 91, 90,0.5); min-width: 200px; text-align: center;} .contact_btn:hover, .contact_btn:focus { background: #000; text-decoration: none; color: #fff; } #body h2.about_sub_heading{color: #fff;font-weight: 500;font-size: 30px;letter-spacing: 4px; margin: 0 0 15px; text-align: center;} #body h3.about_main_heading {color: #fff;font-weight: 900;font-size: 50px;letter-spacing: 4px; margin: 10px 0 30px 0; text-align: center; } #body .welcome-sub {color: #fff;font-weight: 500;font-size: 28px;letter-spacing: 1px; margin: 10px 0 15px 0; text-align: center; } @media(max-width: 767px) { #body h3.about_main_heading { font-size: 40px; } } @media(max-width: 480px) { #body h3.about_main_heading { font-size: 35px; } } /*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: #0063fe; color: #fff; font-family: "Visby Medium"; font-size: 30px; border-radius: 10px; 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: #fff; color: #0204f6; } #body .fn-txt-content .sub-small-heading { color: #fff; font-family: "Visby Regular"; } .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*/ #body .finance-calc-header h3 { color: #fff; } #finance-calc { background-color: #0063fe; padding-top: 0; margin-top: 0; margin-bottom: 0;} #finance-calc .finance-calc-left, #finance-calc .finance-calc-right, #finance-calc .selectBox { width: 100% !important; } #finance-calc .finance-calc-result {font-weight: 700;text-align: left; color: #fff;} #finance-calc .finance-calc-right > input, #finance-calc .selectBoxOptionContainer { border: 0; } #finance-calc .selectBox { border: 0; } #finance-calc .finance-calc-right input { height: 32px; } #finance-calc .selectBoxArrow { width: 25px; } #finance-calc > div:not(:first-child) {margin-top: 20px;} #finance-calc .finance-calc-header {border: 1px dotted #fff;text-align: center;border-radius: 5px;margin-top: 15px;padding: 10px;letter-spacing: 2px;} #body .finance-calc-header h3 { font-family: "Visby Bold"; font-size: 30px; line-height: 40px; } /*finance calculator custom*/ #body .finance-calc-header h3 { color: #fff; } #finance-calc-custom { background-color: #0063fe; padding-top: 0; margin-top: 0; margin-bottom: 0; border-radius: 10px; padding-bottom: 30px;} #finance-calc-custom .finance-calc-left, #finance-calc-custom .finance-calc-right, #finance-calc-custom .selectBox { width: 100% !important; } #finance-calc-custom .finance-calc-result {font-weight: 700;text-align: left; color: #fff;} #finance-calc-custom .finance-calc-right > input, #finance-calc-custom .selectBoxOptionContainer { border: 0; } #finance-calc-custom .selectBox { border: 0; } #finance-calc-custom .finance-calc-right input { height: 32px; } #finance-calc-custom .selectBoxArrow { width: 25px; } #finance-calc-custom > div:not(:first-child) {margin-top: 20px;} #finance-calc-custom .finance-calc-header {border: 1px dotted #fff;text-align: center;border-radius: 5px;margin-top: 15px;padding: 10px;letter-spacing: 2px;} #body .finance-calc-header h3 { font-family: "Visby Bold"; font-size: 30px; line-height: 40px; } @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; } } /*sell car home*/ .sell-car-block-wrapper { display: inline-block; width: 100%; margin-bottom: 40px; } .sell-car-block-wrapper .bg-sell-wrapper { padding: 50px 20px; background: #0063fe url("/media/17842/bg-sell-car2.jpg") no-repeat; display: inline-block; width: 100%; border-radius: 20px; background-position: center; min-height: 500px; } .sell-car-block-wrapper .bg-sell-wrapper.finance-bg-img { background: #0063fe url("/media/14973/bg-finance-2.jpg") no-repeat; background-size: cover; } #body .valuation_enquiry_form h3 { color: #fff; text-align: center; } .valuation_enquiry_form #senbtn {border: 0;padding: 15px;width: 100%;background-color: #0204f6;color: #fff;border-radius: 10px;font-size: 20px; font-family: "Visby Medium"; letter-spacing: 1px;} .valuation_enquiry_form #senbtn:hover, .valuation_enquiry_form #senbtn:focus { background-color: #fff; color: #0063fe; } .sell-icon-block-wrapper img { max-width: 100px; } .sell-small-heading {color: #fff;font-size: 22px; font-family: "Visby Bold";} .sell-small-heading span { font-size: 35px; display: block; font-family: "Visby Bold"; } .sell-icon-block-wrapper { margin-bottom: 35px; } .sell-icon-wrapper { margin-top: 35px; } .sub-title-blue { font-size: 30px; margin-top: 20px; color: #0063fe; } .sub-title-tiny {font-size: 22px;background: #0204f6;padding: 12px 15px;color: #fff;border-radius: 15px 15px 0 0;letter-spacing: 1px;margin-top: 25px; margin-bottom: 0;} .body-locations-wrapper {display: inline-block;width: 100%;background: #eee;padding: 20px 15px 5px;border-radius: 0 0 15px 15px;} .body-locations-wrapper .btn-location {background: #0063fe;color: #fff;display: block;padding: 10px;text-align: center;border-radius: 10px;font-weight: 500;margin-bottom: 15px;} .body-locations-wrapper .btn-location:hover, .body-locations-wrapper .btn-location:focus { background: #0204f6; color: #fff; } @media(max-width: 1199px) { .sell-icon-block-wrapper img { max-width: 65px; } } /*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: #0063fe; } #warranty_wrapper.finance-block-wrapper .common-button:hover, #warranty_wrapper.finance-block-wrapper .common-button:focus { background: #0204f6; 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 #0204f6, 1px -1px 0 #0204f6,-1px 1px 0 #0204f6, 1px 1px 0 #0204f6; */ text-shadow: 1px 2px 2px #0204f6; } .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 20px; } #manufacturer_logos ul { text-align: center; padding-left: 0; } #manufacturer_logos ul li:last-child { margin-right: 0; } .brand_section { margin-bottom: 50px; } #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: #0063fe;background: -moz-linear-gradient(top, #0063fe 0%, #0204f6 100%);background: -webkit-linear-gradient(top, #0063fe 0%,#0204f6 100%);background: linear-gradient(to bottom, #0063fe 0%,#0204f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063fe', endColorstr='#0204f6',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-family: "Visby Medium"; 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 #0000008a; 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; } } /*finance*/ .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-family: "Visby Bold"; font-size: 20px; color: #0063fe; } .icon-wrapper { margin-bottom: 20px; } .finance-widget-section { padding: 15px 0 30px; } .steps-cover { margin-bottom: 25px; } .step-title {font-size: 20px;color: #0063fe; font-family: "Visby Bold"; line-height: 28px; min-height: 90px;} .step-title span { display: block; color: #0204f6; margin-bottom: 10px; font-size: 25px; font-family: "Visby Extrabold"; } .steps-img-wrapper { margin-bottom: 15px; } .steps-content { padding: 0 10px 10px; } .steps-img-wrapper img { border-radius: 10px; box-shadow: 1px 2px 5px #0000004a; } /*warranty*/ #body #warranty-banner.top-page-banner h1 { margin-top: 0 !important; } .learn-btn-cover .common-button { background: #f6feff; color: #0204f6; } .learn-btn-cover .common-button:hover, .learn-btn-cover .common-button:focus { background: #0063fe; 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; font-family: "Visby Bold"; border: 2px solid #0063fe; padding: 10px 15px; border-radius: 10px; margin-bottom: 15px; color: #0204f6; cursor: pointer; text-align: center; } .btn-coverage:hover, .btn-coverage:focus { background: #0204f6; color: #fff; border: 2px solid #0204f6; } @media(max-width: 1350px) { .block-widget-section { padding: 20px 0; } } /*import process*/ #body #import-process-banner.top-page-banner h1 { /* margin-top: 0 !important; */ } /* #import-process-banner.top-page-banner { padding-bottom: 0; } */ #import-process-banner .icon-container img { max-width: 60px; } [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 {font-size: 20px;margin: 0;font-family: 'Visby bold', sans-serif;color: #0204f6;} .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; } .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; } .import-process .show-banner-bg { background-image: url("/media/14172/car-empire-import.jpg"); } #about-section.import-process .show-banner-bg { min-height: 707px; background-position: 0 0; } @media(min-width: 1200px) and (max-width: 1440px) { #about-section.import-process .show-banner-bg { min-height: 820px; } } /*form styles*/ .form-styles { background: #A4D1E8; padding: 25px; box-shadow: 1px 2px 5px #00000021; border: 2px solid #0204f6; 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: #0204f6; letter-spacing: 1px; text-transform: uppercase; } .form-styles button {font-family: "Visby Regular"; font-size: 20px;/* text-transform: uppercase; */min-width: 200px;margin: 0px auto;padding: 10px 15px;font-weight: 500;background-color: #0204f6;color: #0063fe;border: none;border-radius: 10px;letter-spacing: 2px;display: block;} .form-styles button:hover, .form-styles button:focus {background: #0063fe; color: #fff; 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; 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-styles { line-height: 25px; } .ul-styles li { margin-bottom: 5px; } #body h1, #body h2, #body h3, #details-vehicle-info-desc-H {font-weight: 400;margin-bottom: 20px;margin-top: 30px;line-height: 30px;} #body h1 {font-size: 35px;margin-top: 0;line-height: 1.2em; color: /* #ac1112 */ #0204f6; font-weight: 500;} #body h1 span {color: #b1bab5;display: block;} #body h1.small-main {display: none;} #body h2 {font-size: 34px; color: #0204f6;} #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: #000; } header, header a {font-size: 16px;} header.sticky {border-bottom: 1px solid #024b86;transition: all 0.3s ease;} .sticky #navbar .container-fluid {padding: 15px 0;transition: all 0.3s ease;} .sticky #main-logo img {max-width: 350px;padding-top: 10px;transition: all 0.3s ease;} .navbar-default .navbar-nav>li>a { color: #000;} .container {width: 100%; max-width: 1450px;} #navbar { padding: 20px 0; background: #fff; } #navbar .container, #header .container {max-width: 1550px;width: 100%;} #navbar .container-fluid {/* padding: 30px 0; */} #main-logo { float: left; } #main-logo img {max-width: 320px;} #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: #0204f6;padding: 8px 0;} .social a .fa {background: #3b5998;height: 40px;width: 40px;padding: 10px;text-align: center;margin-left: -4px;font-size: 20px;} .social a .fa:hover {background: #2f4c8a;} .social a:focus, .social a:active { color: #fff; } /*.nav .home {display: none;}*/ @media (min-width: 1025px) { #main-logo.mobile { display: none; } } @media (max-width: 1024px) { #main-logo.desktop { display: none; } } @media (min-width: 767px) { /* .navbar-default .navbar-nav>li>a:hover { background: url('/media/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; } .navbar-nav > li:last-child { margin-right: 0; } ul.dropdown-menu.sub-menu {width: 280px; top: -5px; border-radius: 5px;} } .navbar-default .navbar-collapse { margin-top: 8px; } .dropdown-menu > li > a { text-transform: uppercase; } .navbar-default .navbar-nav>li>a:hover { color: #0204f6; text-decoration: underline; } .navbar-default .navbar-nav>li>a.current_page_item { color: #0204f6; } .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: 18px; font-family: "Visby Bold";} .navbar-default .navbar-nav>li>a.home { /* background-size: 25px; background-position: left 2px; */ } .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;} @media (max-width: 1500px) { .navbar-default .navbar-collapse { /* margin-top: 20px; */ } #main-logo img { max-width: 280px; } } @media (max-width: 1460px) { .navbar-header { text-align: center; width: 100%; float: none; } #main-logo, .navbar-nav { float: none; } .navbar-default .navbar-collapse { float: none !important; text-align: center; margin-top: 20px; border-top: 1px solid #0204f6; border-bottom: 1px solid #0204f6; /* padding: 5px 0 15px; */ } .navbar-nav > li { float: none; display: inline-block; } #main-logo img { max-width: 320px; } } @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: #0204f6; background-image: url("/media/10722/dark-leather.png"); background-attachment: fixed;} #features-wrapper .container {margin-top: -50px;padding-bottom: 30px;z-index: 9999;position: relative;} #features-wrapper .feature-box:hover a img {-webkit-filter: grayscale(1);filter: grayscale(1);} #body #features-wrapper h2 a {color: #fdddb5;text-transform: uppercase;font-weight: bold;text-decoration: none;text-align: center;display: block;margin-top: 20px;margin-bottom: 30px;font-size: 24px;font-weight: 400;} #body #features-wrapper h2 a:hover { color: #000; } .main-content {background: url('/media/10727/welcome_content.jpg') no-repeat;background-size: cover; background-position: 50%; min-height: 500px;} .home-info {padding: 50px 30px;} #body .home-info h1 span { color: #0204f6; display: block; font-weight:700;} #body .home-info h1 { color: #000; font-weight: 400; } .home_video { margin-bottom: 10px; } #col-green { color: #fc6f04 !important; } @media(max-width: 1350px) { #main-logo img {} } @media(max-width: 1199px) { #navbar .container-fluid {} #body #features-wrapper h2 a {font-size: 20px;line-height: 22px;} .navbar-default .navbar-nav>li>a {background-image: none;padding: 8px 10px;font-size: 16px;} .navbar-default .navbar-nav>li>a:hover { background-image: none; } .navbar-default .navbar-nav>li>a.current_page_item {background-image: none;} #main-logo img { max-width: 280px;} .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: 225px; margin-top: 5px; */} .navbar-default .navbar-nav > li > a { font-size: 16px; padding: 8px 5px; } .navbar-default .navbar-collapse {margin-top: 15px;} .header-top .social-wrapper, .address-header, .e-mail-header {display: none; } .phone-header { width: 100%; } } @media(max-width: 990px) { .navbar-default .navbar-nav>li>a {padding: 15px 7px;/* font-size: 12px; */} .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: rgba(0, 0, 0, 0);background-image: none;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;} } @media(max-width: 991px) { .main-content {background: none;} #body .home-info h1 { text-align: center; line-height: 40px; } } @media(max-width: 767px) { .upcoming_event { margin-bottom: 35px; } #main-logo img {border-right: 0;position: absolute;top: 0px; max-width: 250px; margin-top: 0; left: 0px;} .navbar-header { width: auto; } #navbar .container-fluid {padding: 0;} .navbar-default .navbar-toggle {width: inherit;border: none; margin-top: 15px; background: #0204f6;} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: #0204f6;} .navbar-default .navbar-nav>li>a {font-size: 16px; text-align: center;} /*#Banner {display: none;}*/ .ls-bottom-nav-wrapper {display: none;} #features-wrapper {/*margin-top: 22px;*/padding-top: 1px;} #features-wrapper .container {margin-top: inherit;padding-bottom: 16px;} #body #features-wrapper img, #header-info .social {display: none;} #header-location {display: block;padding-top: 5px;font-size: 14px;} #header-contact {padding: 5px 0;} #body h1 {font-size: 28px; text-align: center;} #body h1 span {color: #b1bab5;display: block;} #body h1.small-main {display: none;} #body h2 {font-size: 25px;} #body h3, #details-vehicle-info-desc-H {font-size: 20px;} #body #features-wrapper h2 {margin-bottom: 0;margin-top: 8px;} #body #features-wrapper h2 a {margin: 0;padding: 10px 0;font-size: 20px;text-transform: uppercase;font-weight: 400;text-align: center; border: 1px solid; letter-spacing: 1px;} .home-info {padding: 20px;} .brand_logo { max-width: 250px; } body[data-url='terms'] .center-wrapper {margin-top: 85px;} #navbar { min-height: 88px; padding: 12px 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; } } @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 Description**/ #body #form-vehicleenquiryhicle-enquiry-status { margin-bottom: 0; } .watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList::before, #search-results .watchlist.InWatchList, .watchlist .InWatchList {/* background-image: url('/media/10724/gold-star.png') !important; */} .search-results-header-inner { background-color: #e0e0e0; } #details-sidebar-main .header:before {padding: 9px 3px 2px 4px; } #details-sidebar-main .header::before {padding: 2px 4px 2px 4px; } body[data-url='search-stock'] header {margin-bottom: 40px; } #SearchSortBy span, #SearchPageNumbers span {font-weight: normal;text-transform: uppercase;} #SearchPageNumbers ul li a {padding: 3px 6px; background-color: #0063fe; 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: #0204f6;} #search-results-header {margin-bottom: 15px;} #search-filters .filter .header, #details-sidebar-main .header {background: #0204f6;font-weight: 500;text-transform: uppercase;padding: 10px 16px;letter-spacing: 1px;} #search-filters .filter .closed, #search-filters .filter .open {background-repeat: no-repeat;background-position: 92% center;background-size: 20px;} #search-filters .filter .body li:not(.show) {background: url("/media/4355/arrow-points.png") no-repeat left center;background-size: 9px;padding: 3px 0px 1px 15px;} #filter-body a {color: #000;font-size: 14px;} .filter .body {background: #FBFBFB!important;border: 1px solid #ECECEC;} #filterPriceLo, #filterPriceHi, #filterYearLo, #filterYearHi, #SortBy, .form-group select {/* background: #fff;-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;line-height: 35px;padding: 0px 15px;height: 42px;background-image: url('/media/4354/select-input.png');background-repeat: no-repeat;background-position: right center;background-size: 36px;cursor: pointer; */} .filter .btnGo, #details-sidebar-main-vehicleenquiry .form-row button {background-color: #000;color: white;font-size: 18px;border: none;margin: 16px 0 0 12px;font-weight: 500;width: 91%;padding: 12px;text-transform: uppercase;border-radius: 0; letter-spacing: 1px;} .filter .btnGo:hover, #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #0204f6;transition: 0.6s;} #filter-reset a {color: #000;} @media (max-width: 768px) { #search-filters #filter-header.hasFilters {background-color: #000;} } #search-filters .filter .header.open {background-color: #bf8637;} .vehicle-heading {background: #f4bf00;min-height: 64px;padding-top: 18px; width: 100%; display: inline-block;} .vehicle-heading { padding: 15px 0 2px; } #search-results .search_price a { color: #000; } #search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #0204f6;} #search-results .search_price .small, #egc {font-size: 14px;} .vehicle-images-small {max-height: 78px;overflow: hidden;} .vehicle-listing-img, .img-small {padding-left: 0;padding-right: 0;margin-bottom: 0; min-height: 278px;} #search-results .search_item img {padding: 0;} .search_meta {position: relative;margin-bottom: 0;} #search-results .search_desc {font-size: 14px;} .search_desc, .search_meta {padding: 10px!important;} .search_details .col-md-6, .vehicle-listing-desc {padding-left: 0;padding-right: 0;} #search-results .search_meta, #search-results .search_meta ul {list-style-image: none;list-style-type: none;} #search-results .search_meta .text-container { font-size: 15px; } #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: #0204f6; color: #fff;} #details-vehicle-info-features-Tabs div {background-image: none;padding: 12px 28px;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 16px;font-weight: normal;} #details-vehicle-info-features-Tabs div:not(.tab-selected) {background-color: #000;} #details-vehicle-info-features-Body tr td {padding: 8px 5px;font-size: 14px;} #details-vehicle-info-desc-B, #details-vehicle-info-features-Body ul li {font-size: 14px;} #details-vehicle-info-vehicle-Extras {display: none; } #details-vehicle-info-vehicle { border: 0; } #details-vehicle-info-desc {background: #eee;padding: 20px;margin-bottom: 15px;border-radius: 5px;} @media (max-width: 1800px) { #search-results .search_meta .text-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 50px; } } @media (max-width: 767px) { #search-results .search_meta .text-container { white-space: inherit; } } @media (max-width: 1199px) { #search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 18px center!important;} } @media (max-width: 991px) { .vehicle-heading, #details-vehicle-info-Heading {padding-top: 10px;overflow: hidden;padding-bottom: 0;} a .vehicle-price, .details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price {font-size: 20px;} #search-results .search_desc {display: none;} .search_meta {padding-top: 0!important;margin-bottom: 20px;} #search-results .search_details a {padding: 18px 20px;} } @media (max-width: 768px) { .vehicle-heading, #details-vehicle-info-Heading {padding-top: 0;} #details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {} #details-vehicle-info-vehicle-Price {margin-right: 0;margin-top: 15px;} #search-filters #filter-header {background: #000;font-weight: 400;text-transform: uppercase;padding: 15px 24px;border: none;} #details-vehicle-info-vehicle-Name {padding-top: 8px;} .details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price, #details-vehicle-info-vehicle-Price { text-align: center;} #search-results .search_price {margin-top: 0px;} a .vehicle-price {font-size: 24px;} #search-results .search_price .small {font-size: 14px;line-height: 18px;display: block;} .search_meta {min-height: 234px;} #search-results .search_details {bottom: -20px;} #details-vehicle-info-features-Tabs div {padding: 12px 5px;} #details-vehicle-info-features [data-tab='our-stock'] table tr td:first-child {min-width: 100px;} #details-vehicle-info-vehicle-Image-Wrapper {margin: 0; } .vehicle-listing-img { min-height: auto; } } /*footer*/ #footer_nav {background-color: #0163ff;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 #fff;} #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: #fff;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;font-weight: 500;} #footer_nav .footer_menu ul li a:hover, #footer_nav .footer_menu ul li a:focus { color: #0204f6; } #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: #0204f6; text-align: center;} .footer_menu p{font-size: 16px;color: #fff;} #footer_nav .footer_menu h3{color: #fff;font-size: 20px;text-transform: uppercase;padding-bottom: 5px;letter-spacing: 1px;} .getintouch_btn{background: #0204f6;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: #0204f6; } .viewmap{color: #0063fe;font-size: 15px;text-decoration: underline;letter-spacing: 1px;} .viewmap:hover, .viewmap:focus { color: #0204f6; 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 { font-size: 22px; } /* #footer_nav .footer_menu .footer_social_icons li a .fa.fa-facebook-square { color: #1877f2; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-instagram { color: #c13584; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-twitter-square { color: #1da1f2; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-pinterest { color: #e60023; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-linkedin-square { color: #0077b5; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-tumblr-square { color: #446084; } #footer_nav .footer_menu .footer_social_icons li a .fa.fa-youtube-square { color: #ff0000; } */ @media (max-width: 1199px) { #footer_nav .footer_menu h3 { margin-top: 35px;} #footer_nav { padding: 0 0 20px; } } @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: #000; color:#fff; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; border: 0; padding: 10px; text-align: center; width: 100%; font-size: 18px; } #footer_enquiry #ContactUsForm button:hover, #footer_enquiry #ContactUsForm button:focus { background: #fdddb5; color: #0204f6; } #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: #0063fe; } .contact-box a:hover { text-decoration: underline; } #body .contact-box h3 { font-size: 20px; } /*sitemap*/ [data-url="sitemap"] #body h2 {margin-top: 0;background: #0204f6;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: #0063fe; } body[data-url="sitemap"] .center-wrapper a:hover {color: #0204f6;} body[data-url="sitemap"] .center-wrapper { padding-bottom: 30px; } /*common styles*/ input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; } /*Left filter hover*/ #search-filters .filter .header:hover {background-color: #000;} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #0204f6;} /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #000;} /*Veicle details page buttons top*/ #details-vehicle-info-options {background: transparent;color: #fff; padding: 0;} #details-vehicle-info-options a {font-weight: 500;color: #fff;font-size: 16px; background:#000;padding: 10px 15px;border-radius: 3px;min-width: 120px;text-align: center; margin-top: 0; text-transform: uppercase;} #details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus { background-color: #0204f6; } #details-vehicle-info-options ul { padding-left: 0; } #details-vehicle-info-options li:not(:first-child)::before { content: ""; } @media (max-width:1024px){ #details-vehicle-info-options a {min-width: 100px;padding: 10px 5px;} } @media (max-width:767px){ #details-vehicle-info-options a {min-width: auto;width: 100%;display: inline-block;} #details-vehicle-info-options li {float: none;list-style-type: none;width: 100%; display: inline-block; margin-bottom: 10px;} #details-vehicle-info-options ul {width: 100%;padding: 0;} #details-vehicle-info-options li:not(:first-child)::before {margin-left: 0 !important;margin-right: 0 !important; content: "";} #search-options, .contact-box { text-align: center; } #SearchSortBy { margin-bottom: 15px; } } /*view cout*/ .view-watch-count { font-size: 30px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .view-watch-count .fa { font-size: 50px; color: #0204f6; 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: #0204f6; 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: #0204f6; text-align: center; padding: 10px; margin-bottom: 15px;} #breadcrumb_wrapper .container {background: #0204f6;} #breadcrumb a {color: #fff;font-size: 15px;} #breadcrumb a:hover { color: #0063fe; } #breadcrumb .fa { color: #fff; font-size: 18px; margin: 0 10px; } #breadcrumb .fa:first-child { display: none; } #breadcrumb { padding: 0; } .vehicle-page-title { color: #fff; font-size: 35px; letter-spacing: 2px; margin: 0 0 10px; font-weight: 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 page full width*/ [data-url="used-cars-in-rockingham"] .container.center-wrapper, [data-url="sold-stock"] .container.center-wrapper, [data-url="our-stock"] .container.center-wrapper, [data-url="hybrid-vehicles"] .container.center-wrapper { max-width: 100%; } [data-url="used-cars-in-rockingham"] .container.center-wrapper .container.special, [data-url="hybrid-vehicles"] .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); } #search-results .search_details { margin-top: 0; padding: 15px; margin-bottom: 15px; text-align: center; width: 100%; } .search_meta { margin: 0 0 5px; } #search-results .search_item { padding-top: 10px; } #search-results .search_item .vehicle-listing-img { padding: 0; width: 100%; /* min-height: 240px; */ } .search_title { min-height: 73px; background: #0063fe; 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: #0204f6; } #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;} /***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: #0204f6;} .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: #0063fe;color: #FFF;} .watchlist-hide .header a.header-watchlist, .watchlist-sidebar-InWatchList:before, #search-results .watchlist.InWatchList, .watchlist .InWatchList {background-image: url('/media/1287/white-star.png')!important;} #search-results a.watchlist:hover {background-image: url('/media/1287/white-star.png')!important;} [data-url="vehicle-list-type-list-view"] #search-results .search_item { background: #F2F2F2; margin-bottom: 12px;padding-top: 5px;} .vehicle-listing-desc {padding-right: 0px;} .vehicle-listing-img {margin-bottom: 15px;} #details-vehicle-info-features-Body {color: #000;background: #fff; border: 1px solid #ccc;} #details-vehicle-info-features-Tabs div:not(.tab-selected){color: #FFF;background-color: #0063fe;background-image: none!important;font-weight: normal;} #details-vehicle-info-features-Tabs div.tab-selected {background: #0204f6;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: #0204f6;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: #0204f6; } #search-filters #filter-header.hasFilters {background: #0204f6;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: #0204f6;color: #fff;} #search-filters .filter .header {background: #0063fe;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: #0204f6;color: #FFF;} #filterPriceLo, #filterPriceHi, #filterKeywords {margin: 5px 10px; } .filter .btnGo {background: #0204f6;color: #FFF;display: block;border: none;padding: 6px 9px;margin-left: 9px;font-weight: bold;margin-top: 8px; } .filter .btnGo:hover {background: #111;color: #fff;} span.filterRemove a {color: #0204f6!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: #0063fe; 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;} #search-results .search_title a:hover, #search-results .search_price a:hover { color: #0204f6; } .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: #0204f6;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: #0063fe;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-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price, #details-sidebar-main .header {} #details-sidebar-main .header {background: #0063fe;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;} } #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: #0204f6;} #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: #0063fe;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: #0063fe; 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: #0063fe;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: #0204f6; } #form-vehicleenquiry-Captcha { font-size: 13px; } #body #form-vehicleenquiryhicle-enquiry-status { margin: 0; } #details-vehicle-info-desc-H { font-size: 18px; } /*icons*/ #search-results .search_meta ul {list-style-image: none;} #search-results .search_meta li, #details-vehicle-info-vehicle-Extras li {background-image: url("/media/5587/icons-new.png");background-repeat: no-repeat; margin-bottom: 15px;padding: 7px 0 0 45px;list-style-type: none;font-weight: 500; display: table; width: 50%; font-size: 14px;} #details-vehicle-info-vehicle-Extras li {width: 190px} .icon-fuel, #details-vehicle-info-vehicle-Extras li#icon-fuel { background-position: 2px -240px; height: 35px; } .icon-colour, #details-vehicle-info-vehicle-Extras li#icon-colour {background-position: 0px -6px;} .icon-transmission, #details-vehicle-info-vehicle-Extras li#icon-transmission {background-position: 0px -63px;} .icon-body, #details-vehicle-info-vehicle-Extras li#icon-body {background-position: 0px -123px;} .icon-kms, #details-vehicle-info-vehicle-Extras li#icon-kms {background-position: 0px -184px;} /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #0204f6;} /*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:#0063fe;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: #0204f6; } #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: #0063fe; 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: #0204f6;} /*vehicle details page box changes*/ @media (max-width:767px){ #details-vehicle-info {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: vertical;-moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;} #details-vehicle-info .row {-webkit-box-ordinal-group: 6;-moz-box-ordinal-group: 6;-ms-flex-order: 6;-webkit-order: 6;order: 6; display: inline-block; width: 100%; margin-bottom: 5px; margin-right: 0; margin-left: 0;} #details-vehicle-info #details-vehicle-info-extra {-webkit-box-ordinal-group: 5;-moz-box-ordinal-group: 5;-ms-flex-order: 5;-webkit-order: 5;order: 5;} #details-vehicle-info #details-vehicle-info-features {-webkit-box-ordinal-group: 4;-moz-box-ordinal-group: 4;-ms-flex-order: 4;-webkit-order: 4;order: 4;} #details-vehicle-info #details-vehicle-info-desc {-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;} #details-vehicle-info #details-vehicle-info-Img {-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;} #details-vehicle-info #details-vehicle-info-vehicle {-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;} #details-vehicle-info .row .col-sm-10 { padding-left:0; padding-right: 0; } #details-vehicle-info .row .col-sm-2 { padding-left:0; padding-right: 0; } } /*vehicle list page*/ @media (min-width: 767px) { #search-results .search_desc { min-height: 90px; } /* .search_meta { min-height: 300px; } */ .share-btn { padding-right: 0; } .vehicle-images-small { min-height: 114px; display: block; } .main_image { min-height: 340px; display: block; } } /*this is for fixed filters on desktop*/ @media (min-width: 768px) { /* #search-filters { position: fixed; } */ /* #search-options { float: right; } */ } .hidden-xs { text-align: center; } #search-results .search_item img {padding: 2px;} .img-small {padding-left: 0px; padding-right: 2px;padding-top: 2px;} .img-small:last-child { padding-right: 0; } .vehicle-images-small img { max-height: 110px; } .search_icons { margin: 20px 0;} .vehicle-listing-img {margin-bottom: 15px;padding: 0;} .search_location {padding-left: 0;padding-bottom: 0; padding-right: 0; line-height: 25px;} .search_location .fa { width: 15px; } #details-vehicle-info-vehicle-Description, #details-vehicle-info-vehicle-Extras { display: none; } /*Left filter hover*/ #search-filters .filter .header:hover {background-color: #0204f6;} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #0204f6;} /*List style 2*/ .filter_heading {background: #0063fe;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;} /*contact us form*/ #ContactUsForm {width: 100%;max-width: 100%;padding: 25px;background: #D5D5D5;margin: 20px 0;box-shadow: 1px 2px 5px #00000021;border-radius: 8px;border: 2px solid #0204f6;} #body #ContactUsForm h3 {font-size: 25px; text-transform: uppercase; text-align: center; margin: 0 0 15px; color: #0204f6;} #ContactUsForm label { display: none; } #ContactUsForm input, #ContactUsForm textarea { display: block; width: 100%;margin-bottom: 3px; padding: 10px; font-size: 16px; line-height: 1.42857143; color: #000; background-color: #eee; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 5px; } #ContactUsForm button {font-family: "Visby Regular"; font-size: 20px;text-transform: uppercase;min-width: 200px;margin: 0px auto;padding: 10px 15px;font-weight: 500;background-color: #0204f6;color: #fff;border: none;border-radius: 10px;letter-spacing: 2px;display: block;} #ContactUsForm button:hover, #ContactUsForm button:focus {background: #0063fe; color: #fff; 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: #0063fe; } #body .posts-container h2.post-header { font-family: 'Visby Bold', sans-serif; font-weight: 500; font-size: 35px; } .posts-container-items { margin-bottom: 30px; } /*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; } } /*Google Review Slider*/ #body #googleratingtitle, #body #userratingtotal { display: inline-block; color: #0063fe; font-size: 30px; } #body .googlerating-title { color: #0204f6; } #googleratingtitle::after { content: " Star"; } #userratingtotal::after { content: " Reviews"; } /*file upload function*/ .plupload_header, .plupload_button.plupload_start{ display:none; } .plupload_filelist_footer { height: auto !important; } #cform_fileUploader_browse {font-size: 18px;background: #000;color: #fff; padding: 5px 15px; display: inline-block; border: 0; margin: 0 15px 0 0;} #cform_fileUploader_browse:hover { background: #777; } #cform_fileUploader_browse::before {font-family: FontAwesome;content: '\f067'; margin-right: 10px;} #valuation_enquiry #error-messages #smcyear-error { color: #fff; font-size: 15px; font-weight: 500; } /*three block*/ .three_coloumns_wrapper { text-align: center; padding: 60px 0 20px; background-color: #fff; background-image: url("/media/13639/leather.png"); } #body .three_coloumns_wrapper h2.block_title a {text-transform: uppercase;text-align: center;margin-bottom: 0;padding: 0px 0 10px;border-bottom: 5px solid #0204f6;display: inline-block;margin-bottom: 15px; color: #000;} #body .three_coloumns_wrapper h2.block_title a:hover { border-bottom: 5px solid #0204f6; color: #0204f6; } #body .three_coloumns_wrapper h2.block_title { font-size: 28px; margin: 0; } .block_btn { border: 2px solid #0204f6; padding: 10px 15px; display: inline-block; border-radius: 25px;text-transform: uppercase; min-width: 200px; margin-bottom: 40px; font-family: "Visby Demibold";} .block_text { padding: 15px 0; line-height: 28px; min-height: 150px; } .block_btn .fa.fa-angle-double-right { margin-left: 5px; font-size: 20px; } .block_btn:hover { background: #0204f6; color: #fff; } .block_img img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } @media(max-width: 991px) { .block_text { min-height: auto; } }