/*home slider*/ .bg-common-gradient { background: #FF5C00; background: linear-gradient(180deg,rgba(255, 92, 0, 1) 50%, rgba(180, 0, 51, 1) 100%); } #home-banner { color: #fff; padding: 70px 0 70px 60px; display: inline-block; width: 100%; overflow: hidden; } #body .banner-heading { color: #fff; font-weight: 900; font-size: 80px; line-height: 90px; margin: 0 0 15px; } #body .banner-sub-heading { color: #fff; font-weight: 300; font-size: 45px; line-height: 55px; text-transform: none; margin: 45px 0 65px;} #home-banner .common-btn { background: #fff; color: #FF5C00; border-radius: 15px; } #home-banner .common-btn:hover, #home-banner .common-btn:focus { background: #000; color: #fff; } @media(max-width: 1199px) { #home-banner { padding: 30px; } #body .banner-heading { font-size: 60px; line-height: 70px;} #body .banner-sub-heading { font-size: 35px; line-height: 45px; margin: 25px 0 45px;} } @media(max-width: 991px) { #body .banner-heading { font-size: 40px; line-height: 50px;} #body .banner-sub-heading { font-size: 30px; line-height: 40px; margin: 25px 0 45px;} } @media(min-width: 481px) { /* #layerslider_mobile { display: none; } */ } @media(max-width: 480px) { /* #layerslider { display: none; } */ .ls-thumbnail-hover {display: none !important;} #body .banner-heading { font-size: 35px; line-height: 45px;} #body .banner-sub-heading { font-size: 20px; line-height: 30px; margin: 25px 0 45px;} } /*common styles*/ a:focus, input:focus, textarea:focus, select:focus, button:active, button:focus { outline: 0; } html {scroll-behavior: smooth;} .col-white { color: #fff; } .w-100 { width: 100%; } #body .page-title-heading { font-size: 50px; font-weight: 700; line-height: 60px; margin-top: 15px; color: #000; margin-bottom: 30px; } #body .common-sub-heading { font-size: 30px; font-weight: 700; line-height: 40px; } .img-shadow{ border-radius: 20px; box-shadow: 1px 2px 3px #00000091;} .radius-20 { border-radius: 20px; } #body .mt-0, .mt-0 { margin-top: 0;} .common-btn { background: #FF5C00; color: #fff; font-weight: 700; font-size: 30px; padding: 10px 20px;border-radius: 20px;display: inline-block;min-width: 350px;} .common-btn .fa { margin-left: 10px; } .common-btn:hover, .common-btn:focus { background-color: #000; color: #FF5C00; } .block-widget-section { padding: 10px 0; display: flex;align-items: center;} @media (max-width: 767px) { #body .page-title-heading { font-size: 35px; line-height: 45px; margin-bottom: 15px; } .hide-on-mobile { display: none; } } @media (min-width: 768px) { .hide-on-desktop { display: none; } } @media(max-width: 1199px) { .text-center-1199 { text-align: center; } .text-center-1024 { text-align: center; } .hide-1199 { display: none; } .common-btn { font-size: 25px; padding: 10px 15px; min-width: 300px; } .block-widget-section { display: block; } } /*quick Search wrapper*/ #SearchFilterHeader, #SearchFilterYardText, #SearchFilterMakeText, #SearchFilterModelText, #SearchFilterYearText, #SearchFilterPriceText, #SearchFilterFooter, #SearchFilterYard { display: none; } #quicksearch-wrapper {background: rgba(35, 42, 48,0.6); position: absolute;text-align: center;font-weight: bold;text-transform: uppercase;font-size: 20px;top: 280px;z-index: 9999;left: 150px;max-width: 420px;margin: 0 auto;padding: 20px 0; border: 1px solid #efefef; box-shadow: 1px 2px 5px rgba(0,0,0,0.4);} #body #quicksearch-wrapper h2 { color: #fff; font-size: 30px; font-weight: 600; letter-spacing: 2px; margin-bottom: 20px; margin-top: 0px; } #body #quicksearch-wrapper h2 .fa { margin-right: 10px; color: #fff; } #SearchFilter .SearchFilterSelect select {max-width: 100%;width: 100%;height: auto;cursor: pointer;border: none;margin: 5px 0;border-radius: 0;-moz-appearance: none; -webkit-appearance: none; background: url("/media/8012/arrow-blk.png") no-repeat scroll right 10px center rgba(255,255,255,0.8); color: #000;text-transform: uppercase;padding: 10px;font-size: 16px; font-weight: 600;} #SearchFilter { max-width: 100%; } #SearchFilter #SearchFilterButton {background: #000;border: 0; font-display: swap;font-weight: 500;letter-spacing: 2px;padding: 10px; width: 100%;margin-top: 5px;font-size: 22px; color: #fff; font-weight: 600; width: 100%; border-radius: 0;} #SearchFilter #SearchFilterButton:hover { background: #fff; color: #010101;} #SearchFilter .SearchFilterSelect.MultiFilter div { float: left; width: 49.4%; } #SearchFilter .SearchFilterSelect.MultiFilter div:last-child { float: right; } #SearchFilter .SearchFilterSelect.MultiFilter { display: none; } @media (max-width:1400px){ #quicksearch-wrapper { top: 220px;left: 50px;/* right: 100px; */} } @media (max-width:1199px){ #quicksearch-wrapper { max-width: 100%; position: static; background: #FF5C00; width: 100%; display: inline-block; border:0; box-shadow: none; border-top: 1px dotted #fff; margin-bottom: 15px;} } ::-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;} /*header*/ header, header a {font-size: 17px; } #header .fa { margin-right: 10px; } #header a { color: #fff; } .social_wrapper ul { list-style-type: none; } .social_wrapper ul li { display: inline-block; } .social_wrapper .fa { font-size: 20px; } .social_wrapper ul li a { color: #000; } .social_wrapper ul li:last-child a { margin-right: 0; } .social_wrapper ul li a:hover, .social_wrapper ul li a:focus, #header a:hover, #header a:focus { color: #010101; text-decoration: none; } @media (max-width:991px){ .top_section_head { text-align: center; } .telephone_wrapper { /* margin: 15px 0; */ } } @media (max-width:480px){ .adddress_wrapper, .social_wrapper { display: none; } .telephone_wrapper {margin: 0;} } /*Contact footer form*/ body[data-url="search-our-stock"] .footer_menu form#enquiry, body[data-url="details"] .footer_menu form#enquiry { display: none; } /*MTA logo*/ .mta_cover { background: #e7e7e8; border-radius: 5px; display: inline-block; } .mta_cover img { padding: 5px; max-width: 140px; } /*brochures*/ .top_space_header { margin-top: 50px !important; } /*Service & Parts*/ .note_ins { font-size: 14px; } .note_ins .red { color: #f00; font-weight: 600; font-size: 15px; } /*finance calculator*/ #body .finance-calc-header h3 { color: #fff; } #finance-calc { background-color: #000; text-transform: uppercase; padding-top: 0; /* margin: 15px 0 35px; */ } #finance-calc .finance-calc-left, #finance-calc .finance-calc-right, #finance-calc .selectBox { width: 100% !important; } #finance-calc .finance-calc-result {font-weight: 700;text-align: left;} #finance-calc .finance-calc-right > input, #finance-calc .selectBoxOptionContainer { border: 0; } #finance-calc .selectBox { border: 0; } #finance-calc .finance-calc-right input { height: 32px; } #finance-calc .selectBoxArrow { width: 25px; } #finance-calc > div:not(:first-child) {margin-top: 20px;} /*brand*/ .brand_cover { text-align: center; } .brand_logo { max-width: 400px; margin: 40px auto; } /*news*/ .more_news_btn { background-color: #000;border-radius: 5px;color: #fff;display: inline-block;float: right;margin: 25px 0 0; padding: 10px; } .upcoming_cover, .latest_cover { background: #eee none repeat scroll 0 0;border: 1px solid #ccc;border-radius: 5px; padding: 25px; min-height: 550px; } .upcoming_event b { display: block; font-size: 18px; } .upcoming_event li, #LatestNews li { margin-bottom: 15px; } #body #LatestNews h4 { font-size: 35px; text-transform: uppercase; margin-bottom: 20px; font-weight: 300; } #body .posts-container { margin-top: 55px; } .posts-pages { background-color: #010101; border: 0; } .posts-search-header { background-color: #010101; } #body .posts-container h2.post-header { color: #010101; font-family: "Roboto",sans-serif; } .posts-pages .post-pages-ul li a { color: #000; } .posts-pages .post-pages-ul li {border-radius: 15px;padding: 3px 9px;} .posts-search li a, .post-item-cats a, .post-item-header a, a.post-item-link { color: #000 !important; } .posts-search ul li { font-family: "Roboto",sans-serif; font-size: 14px; } .post-item ul.post-item-details li.post-item-date { font-size: 14px; } #body .posts-container .post-item h2 { font-family: "Roboto",sans-serif; font-size: 30px; margin-bottom: 8px !important; } .post-item-link { font-weight: 700; } #body h1, #body h2, #body h3, #details-vehicle-info-desc-H {color: #ff5c00;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;margin-top: 30px;line-height: 30px;} #body h1 {font-size: 30px;margin-top: 0;line-height: 1.2em;} #body .main-content h1{text-align: center;color: #010101;font-weight: 600;font-size: 35px; letter-spacing: 1px; line-height: 1.3em; margin-bottom: 40px;} #body .main-content h1 span {color: #FF5C00;display: block; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 45px; margin-top: 5px; } #body h1.small-main {display: none;} #body h2 {font-size: 25px; color: #000;} #body h1.red-title {color: #010101; } #body h3 {font-size: 25px;} #body p {margin-bottom: 15px; } body {font-family: 'Open Sans', sans-serif;font-size: 16px; color: #000; font-weight: 400; } .t-question {display: block;margin-top: 10px;color: #000;font-size: 18px;font-weight: 600;margin-bottom: 15px;} #header-info a, #header-location, .footer_menu a { color: #fff; } a {color: #ff5c00;} #details-vehicle-info-options li:not(:first-child):before {color: #fff;} a:hover,a:focus {color: #010101; text-decoration: none;} 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.sticky {border-bottom: 1px solid #000;transition: all 0.3s ease;} .sticky #navbar .container-fluid {padding: 15px 0;transition: all 0.3s ease;} .sticky #main-logo img {max-width: 250px;padding-top: 10px;transition: all 0.3s ease;} .navbar-default .navbar-nav>li>a { color: #000; font-size: 18px;} .container {width: 100%; max-width: 1500px;} #main-logo img {max-width: 230px; /* margin-top: 8px; */} #header-location, #header-contact {display: inline-block;margin-right: 10px; margin-top: 8px;} #header-contact {font-weight: bold;text-transform: uppercase; color: #fff;} #header {/* text-align: right; */ color: #fff; padding: 10px 0; background: #FF5C00;} .social a .fa {background: #3b5998;height: 40px;width: 40px;padding: 8px;text-align: center;margin-left: -4px;font-size: 25px;} .social a .fa.fa-instagram { background: #B61380;margin-left: 10px;} .social a .fa.fa-instagram:hover {background: #8A0C60;} .social a .fa:hover {background: #2f4c8a;} .social a:focus, .social a:active { color: #fff; } #header-info .social { float: left; } #navbar { background: #fff; padding: 15px 0; } #navbar:hover { background: #000; } #navbar:hover .navbar-default .navbar-nav>li>a { color: #fff; } #navbar:hover .navbar-default .navbar-nav>li>a.current_page_item, #navbar:hover .navbar-default .navbar-nav>li>a:hover, #navbar:hover .navbar-default .navbar-nav>li>a:focus { color: #FF5C00; } .telephone_wrapper, .social_wrapper { text-align: right; } @media (min-width: 767px) { /* .navbar-default .navbar-nav>li>a:hover { background: url('/media/18283/menu-icons-hover-new.png') no-repeat top center; background-size: 60px; } .navbar-default .navbar-nav>li>a.current_page_item { background: url('/media/18283/menu-icons-hover-new.png') no-repeat top center; background-size: 60px; } */ } @media (min-width: 768px) { .navbar-nav > li {float: none; display: inline-block;} } .navbar-default .navbar-collapse { margin-top: 17px; } .navbar-nav > li:last-child { margin-right: 0; } .navbar-default .navbar-toggle .icon-bar {background-color: #000;} #navbar:hover .navbar-default .navbar-toggle .icon-bar, #navbar:focus .navbar-default .navbar-toggle .icon-bar {background-color: #fff;} .dropdown-menu > li > a { text-transform: uppercase; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #FF5C00; } .navbar-default .navbar-nav>li>a.current_page_item { color: #FF5C00; } .navbar-default .navbar-nav>li>a {text-transform: uppercase;font-weight: 400;transition: all 0.3s ease; letter-spacing: 1px;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ff5c00; } .inner-banner {width: 100%;} /* .ls-bottom-nav-wrapper {margin: -70px auto!important;} */ #breadcrumb_wrapper {background: #272727;} #breadcrumb_wrapper .container {background: #272727;} #breadcrumb {padding: 0 0 5px;} #breadcrumb a, #breadcrumb span {color: #fff;font-size: 14px; font-weight: 500;} .container.center-wrapper { padding: 20px 15px;} @media (min-width: 1199px) and (max-width: 1538px) { /*speacial hide*/ } @media (max-width: 499px) { .inner-banner, .brand_logo {display: none;} } #features-wrapper {background: #000;} #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: #fff;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;} .main-content {padding: 50px 0;} .home-info {padding: 50px 30px;} .welcome-content-cover { align-items: center; display: flex;} #body .home-info h1 span { color: #010101; display: inline;} #col-green { color: #010101 !important; } @media(max-width: 1400px) { #main-logo img {width: 250px; /* margin-top: 15px; */} .navbar-default .navbar-nav > li > a { padding-right: 10px; letter-spacing: 0; } .navbar-default .navbar-collapse {margin-top: 15px;} } @media(max-width: 1300px) { #main-logo img {width: 200px; /* margin-top: 15px; */} .navbar-default .navbar-collapse {/* margin-top: 15px; */} } @media(max-width: 1199px) { #navbar .container-fluid {padding: 8px 0 0;} #body #features-wrapper h2 a {font-size: 16px;line-height: 22px;} .navbar-default .navbar-nav>li>a {background-image: none;padding: 15px 10px; letter-spacing: 0;} .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;} .telephone_wrapper, .social_wrapper, .google-reviews-top, .adddress_wrapper { text-align: center; } .google-reviews-top, .adddress_wrapper { margin-bottom: 10px; } .welcome-content-cover { display: block; } } @media(max-width: 1024px) { #main-logo img {max-width: 160px;} .navbar-nav > li { margin-right: 0; } .navbar-default .navbar-nav>li>a { font-size: 15px; } } @media(max-width: 990px) { .navbar-default .navbar-nav>li>a {padding: 15px 7px;} .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 2px;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: 767px) { #navbar { min-height: 85px; } .upcoming_event { margin-bottom: 35px; } .navbar-default .navbar-collapse { border: 0; box-shadow: none; } #main-logo img {border-right: 0;position: absolute;top: 6px; max-width: 250px;} #navbar .container-fluid {padding: 0;} .navbar-header { height: 80px; } .navbar-default .navbar-toggle {width: inherit;border: none;position: absolute;height: 20px;right: 0;top: 25px; padding: 0 0 0 0;} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: transparent;} #body #quicksearch-wrapper h2 { font-size: 25px; } .main-content {background: 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;} #body #features-wrapper .finance-logo-home img {display: block; margin-top: 15px;} #header-location {display: block;padding-top: 5px;font-size: 14px;} #header-contact {padding: 5px 0;} #body h1 {font-size: 30px;} #body h1 span {color: #b1bab5;display: block;} #body h1.small-main {display: none;} #body h2 {font-size: 26px;} #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;color: #b1bab5;font-size: 24px;text-transform: uppercase;font-weight: 400;text-align: center; border: 1px solid;} .home-info {padding: 20px;} .brand_logo { max-width: 250px; } body[data-url='events'] .center-wrapper {margin-top: 85px;} #body .main-content h1 { font-size: 25px; } #body .main-content h1 span { font-size: 35px; } .navbar-default .navbar-nav>li>a { font-size: 17px; } .navbar-nav .open .dropdown-menu { text-align: center;} #search-filters.col-xs-12.col-sm-4.col-md-3 { display: none; } } @media(max-width: 480px) { #body #features-wrapper h2 a {font-size: 20px;} #main-logo img { max-width: 200px; top: 10px;} } /**Vehicle Description**/ .dap_comment { font-size: 12px; font-weight: 500; text-align: left; color: #706c6c; text-transform: uppercase; } #details-vehicle-info-desc-H{margin: 0;font-size: 20px;font-weight: 600;text-transform: none;} #details-vehicle-info-features-Body { background: #ececec; } #details-vehicle-info-desc { background: #ececec;margin-bottom: 25px; padding: 20px;} .search-results-header-inner {background-color: #000;color: #fff;font-size: 14px;font-weight: 600;border: 1px solid #d9d9da;} #search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 36px center!important;} #search-results .watchlist.InWatchList { background-color: #FF5C00; } #details-sidebar-main-watchlist .watchlist-sidebar-InWatchList {background: #FF5C00 !important;} .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;} #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: 600;text-transform: uppercase;} #SearchPageNumbers ul li a {padding: 10px; background-color: #FF5C00; color: #fff; } #SearchPageNumbers ul li.page-previous a, #SearchPageNumbers ul li.page-next a {background: url("/media/4359/prev-next.png");background-size: 30px;background-repeat: no-repeat;} #SearchPageNumbers ul li.page-next a {background-position: -14px center;} #SearchPageNumbers ul li.page-previous a {background-position: 5px center;} #SearchPageNumbers ul li.current a, #SearchPageNumbers ul li a:hover {background-color: #010101;} #search-results-header {margin-bottom: 10px;} #search-filters .filter .header {background: transparent;font-weight: 600;text-transform: uppercase;padding: 10px 15px; border-bottom: 1px solid #fff; color: #fff;} #details-sidebar-main .header {background: #000;font-weight: 600;text-transform: uppercase;padding: 10px 15px; color: #fff;} #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: #fff!important;border: 1px solid #ECECEC;} #filterPriceLo, #filterPriceHi, #filterYearLo, #filterYearHi, #SortBy, .form-group select { border: 0; font-size: 15px; font-weight: 300; padding: 4px 30px 4px 4px !important; height: auto !important; text-transform: uppercase; background: url("/media/9869/arrow-down.png") no-repeat scroll right 10px center #cecece;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */cursor: pointer;} .filter .btnGo, #details-sidebar-main-vehicleenquiry .form-row button {background-color: #010101;color: white;font-size: 18px;border: none;margin: 16px 0 0 12px;font-weight: 600;width: auto;padding: 12px;text-transform: uppercase;border-radius: 8px;} .filter .btnGo:hover, #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #FF5C00;transition: 0.6s;} #filter-reset a {color: #fff;} #captcha-elements { font-size: 14px; } #body #form-vehicleenquiryhicle-enquiry-status { margin: 0; } @media (max-width: 768px) { #search-filters #filter-header.hasFilters {background-color: #FF5C00;} } .bg_cover {display: inline-block; margin: 0 10px; background: #fff; border-radius: 20px; box-shadow: 1px 2px 3px #00000038;} #search-filters .filter .header.open {background-color: #000;} #search-filters .hidden-xs { text-align: center; } #search-results > div:not(:last-child) { border: 0; } #details-vehicle-info-vehicle { background: #fff; } #details-vehicle-info-features-Body .government_charges { color: #000; } .government_charges { font-size: 14px; color: #fff; margin-top: 5px; } #search-results .search_item {padding-top: 0;padding-bottom: 0;margin-bottom: 30px; background: transparent;border: 0;} #details-vehicle-info-vehicle-Price {text-align: right;font-weight: 600;font-size: 26px;padding: 0 18px 0;float: right;color: #fff;} #search-results .search_price {text-align: left;font-weight: 600;font-size: 26px;color: #fff;} .vehicle-heading, #details-vehicle-info-Heading {background: #fff; padding: 10px 0; display: inline-block; width: 100%;} #search-results .search_price a { color: #000; font-size: 20px;display: block;text-align: left;font-weight: 700;} #details-vehicle-info-Heading {margin-left: 0;margin-right: 0;padding: 17px 0 15px;border-top: 2px solid #000; background: #FF5C00;} #search-results .search_title a {color: #000;font-weight: 700;font-size: 20px; text-align: center;display: block; padding: 0 15px;} #search-results .search_title a .other-des { font-weight: 400; font-size: 14px; display: block; } #details-vehicle-info-vehicle-Name {color: #fff;font-weight: 600;font-size: 16px;} #search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #ff5c00;} #search-results .search_price .small, #egc {font-size: 14px;} .vehicle-images-small {max-height: 78px;overflow: hidden;} .vehicle-listing-img, .img-small {padding-left: 0;padding-right: 0;margin-bottom: 0;} #search-results .search_item img {padding: 0;border-radius: 20px 20px 0 0;} #search-results .search_desc {height: 100px; font-size: 13px;} #search-results .search_details {float: none;width: 100%;padding: 0;display: inline-block;margin: 0 0 15px;} .search_desc, .search_meta {padding: 5px!important;} .search_details .col-md-6, .vehicle-listing-desc {padding-left: 0;padding-right: 0;} #search-results .search_meta, #search-results .search_meta ul {list-style-image: none;list-style-type: none;} #search-results .search_meta li {width: 43%;margin: 0 10px 5px;padding: 5px;font-size: 12px;background: #ff5c008c;text-align: center;} #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;} li#icon-fuel {background-position: 0 -322px;} li#icon-engine {background-position: 0 -373px;} #icon-stock {background-position: 0px -159px;} #details-vehicle-info-vehicle-Extras li { background-image: url("/media/9223/sprites-new.png");background-repeat: no-repeat;margin-right: 15px;margin-top: 20px;padding: 0px 0 8px 40px;font-size: 14px;} #search-results .search_details a {color: #fff;background-color:#010101;font-size: 16px;font-weight: 600;text-transform: uppercase;padding: 10px 15px;margin-bottom: 0;width: 100%;display: block;text-align: center;border: 2px solid #fff; border-radius: 8px;} #search-results .search_details a:hover {text-decoration: none;background: #FF5C00;} #details-vehicle-info-vehicle-Image div {background: #fff; margin: 0;} #details-vehicle-info-vehicle-Image img { width: 100%; } #details-vehicle-info-vehicle-Image-Wrapper {border: none;} #details-vehicle-info-options {background: #010101;padding: 5px 10px 13px;} #details-vehicle-info-options a {font-size: 16px;font-weight: 600;display: inline-block;} #details-vehicle-info-vehicle-Description {display: none;} .bx-wrapper .bx-viewport {border: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #details-vehicle-info-features-Tabs div.tab-selected {background-color: #010101;} #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: 600;} #details-vehicle-info-features-Tabs div:not(.tab-selected) {background-color: #FF5C00; color: #fff;} #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-HasSpecialPrice-True #details-vehicle-info-vehicle-SpecialPrice { width: 100%; color: #fff; } @media (max-width: 1199px) { #search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 18px center!important;} .footer_menu.footer_menu_nav, .footer_menu.footer_custom {/* text-align: center; */width: 100%;} .bottom_footer_wrapper .address_phone, .bottom_footer_wrapper .address_footer, .bottom_footer_wrapper .email_footer, .bottom_footer_wrapper .trading_footer { width: 100%; margin: 10px 0; } #navbar { padding: 0 0 10px; } } @media (max-width: 991px) { .vehicle-heading, #details-vehicle-info-Heading {padding-top: 10px;overflow: hidden;padding-bottom: 0; text-align: center; padding-bottom: 10px;} #search-results .search_title a {line-height: 3px;} #search-results .search_title a, #details-vehicle-info-vehicle-Name {font-size: 18px; line-height: 35px;} #search-results .search_price { text-align: center;} a .vehicle-price, .details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price {font-size: 20px;} .search_meta {padding-top: 0!important;margin-bottom: 20px;} #search-results .search_details a {/* padding: 18px 20px; */} body[data-url="contact-us"] .center-wrapper .container { text-align: center; } #body .main-content h2, #search-results .search_price a, #search-results .search_price a, .dap_comment { text-align: center; } } @media (max-width: 768px) { #details-vehicle-info-vehicle-Price {margin-right: 0;margin-top: 0; text-align: center !important;} #search-results .search_title, #search-results .search_price { } #details-vehicle-info-vehicle-SpecialPrice, .government_charges { text-align: center !important; } #search-filters #filter-header {background: #010101;font-weight: 600;text-transform: uppercase;padding: 10px 15px;border: none; cursor: pointer;} a .vehicle-price {font-size: 24px;} #search-results .search_price .small {font-size: 14px;line-height: 18px;display: block;} #search-results .search_details {bottom: -20px;} #details-vehicle-info-features-Tabs div {padding: 12px 5px;} #details-vehicle-info-features [data-tab='details'] table tr td:first-child {min-width: 100px;} #details-vehicle-info-vehicle-Image-Wrapper {margin: 0;} } footer {background-color: #ff5c00; color: #FFF;} #footer a { color: #d0caca; } #footer-logo img {max-width: 300px;margin: 20px 0;} .footer_custom {width: 100%;} #footer_nav .footer_menu h3 {margin: 20px 0 0;font-size: 20px;color: #FFF;font-weight: 700;text-transform: uppercase; } #footer_nav .footer_menu h3 .fa { margin-left: 10px; } #footer_nav .footer_menu .c_list_footer li { margin-bottom: 15px; } #footer_nav .footer_menu ul li a, #footer_nav {font-size: 15px;} #footer_nav .footer_menu ul li a:hover { color: #000; } #footer_nav .footer_menu ul li:last-child a{border: 0;margin-right: 0;padding-right: 0;} #footer_nav .footer_menu ul {padding-left: 0;list-style-type: none;} .footer_menu_nav h3 {margin-bottom: 20px!important;} .footer-corporate-list { columns: 2; break-inside: avoid; } .footer-corporate-decor {font-size: 0;line-height: 0; margin: 10px 0 30px;} .footer-corporate-decor::before {display: inline-block;content:"";width: 58px;border-top: 2px solid #fff;} #footer {background: #000; padding: 10px 0;font-size: 14px; text-align: center;} #footer_nav .footer_menu ul li { } .bottom_footer_wrapper { margin-top: 25px; margin-bottom: 25px; } #footer_nav .footer_menu { margin: 0; } .bottom_footer_wrapper .fa { color:#FF5C00; margin-right: 5px; font-size: 22px; } .footer_menu a:hover { color: #FF5C00; } #footer a:hover { text-decoration: underline; } .getintouch_btn{background: #000;font-size: 15px;color: #fff;padding: 10px 10px; border-radius: 5px;font-weight: 600;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: #000; } .c_list_footer a .fa, .c_list_footer .fa {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; } .bottom_footer_wrapper .trading_footer { margin-top: 20px; } #footer_nav .footer_menu .footer_social_icons li { display: inline-block; } #footer_nav .footer_menu .footer_social_icons li:last-child a { margin-right: 0; } #footer_nav .footer_menu .footer_social_icons li a { font-size: 25px; color: #fff; padding: 0;border: 0; margin-right: 5px; line-height: 0; } #footer_nav .footer_menu .footer_social_icons li a:hover, #footer_nav .footer_menu .footer_social_icons li a:focus { color:#000; } #footer_nav {padding: 30px 0;} @media (max-width: 991px) { #footer_nav { text-align: center; } .footer-corporate-list { columns: 1; } .c_list_footer a .fa.fa-map-marker, .c_list_footer .fa.fa-clock-o { float: none; display: inline-block; padding-top: 0;} .f_address, .f_tradehours {width: auto;display: inline;} } @media (max-width: 767px) { .footer_custom {width: initial;} #search-options { text-align: center; } #SearchSortBy { margin-bottom: 20px; } } /*vehicle details page back button*/ #back-stock {background: transparent;color: #010101;padding: 10px;display: inline-block;margin: 0 0 15px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 15px;border: 2px solid #010101;} #back-stock:hover { background: #010101; color: #fff; } #details-sidebar-main-watchlist { display: none; } /*footer switch div*/ #footer_nav .container {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start; align-items: flex-start; /* max-width: 1250px; */} .footer_menu.footer_menu_nav {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} .footer_menu.footer_custom {webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2;-webkit-order: 2;order: 2;} /**Forms**/ .cforms { margin-bottom: 30px; background: #ccc; padding: 15px; border-radius: 10px;} #cform h3 {margin-bottom: 15px!important; margin-top: 0; } .form-horizontal .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: 9px;font-size: 16px;line-height: 1.42857143;color: #000;background-color: #eee;border: 0;-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;border: 0;} #details-sidebar-main-vehicleenquiry .form-row button {width: 100%;margin: 0;} .form-group textarea {padding: 9px;} #details-sidebar-main-vehicleenquiry .form-row label {display: none;} button {font-size: 18px;text-transform: uppercase;width: 200px;margin-top: 0px;padding: 14px 20px;font-weight: 600;background-color: #FF5C00;color: #fff;border: 0; border-radius: 5px; margin: 0 auto; display: block; letter-spacing: 1px;} button:hover {background: #010101;} ::-webkit-input-placeholder {color: #000;} .disclaimer {font-size: 14px;margin-left: 15px;margin-right: 15px;margin-top: 30px;clear: both;} .disclaimer b {display: block;margin-bottom: 10px;} .footer_menu_nav .social {display: block;margin-top: 20px;margin-left: 5px;} #md-licence {display: block;} .gmap {cursor: pointer;} .modal-open .modal {z-index: 999999;} body[data-url="sitemap"] .center-wrapper a {color: #000;} body[data-url="sitemap"] .center-wrapper a:hover {color: #ff5c00;} .contact-box a {color: #010101; } .contact-box a:hover { text-decoration: underline; } #ContactUsForm button { background-color: #010101;letter-spacing: 2px;font-size: 20px;text-align: center;width: 200px;margin: 0 auto;display: block; border-radius: 8px; font-weight: 600; } #ContactUsForm button:hover, #ContactUsForm button:focus { background: #FF5C00; } #filter-body .filter .header .fa.fa-angle-double-down, #filter-header .fa.fa-angle-double-down {float: right;font-size: 20px;} body[data-url="contact-us"] .center-wrapper .container { background: #fff; } #body .contact-box h3 {font-size: 18px;margin-bottom: 0;margin-top: 0; font-weight: 600;} #body h1.title_page{color: #FF5C00;margin-top: 15px;font-weight: 600;font-size: 30px;} #ContactUsForm label { display: none; } #ContactUsForm input, #ContactUsForm textarea { padding: 10px;border: none;color: #5a5b5a;height: 48px;background: #ffffff;width: 100%;} #ContactUsForm input, #ContactUsForm textarea { border-radius:5px; height: 50px; border: 1px solid #d5d5d5; } #ContactUsForm textarea { height: 150px; } body #ContactUsForm h3 {color: #000;font-size: 25px;font-weight: 600;text-align: center;text-transform: uppercase;letter-spacing: 2px;margin-top: 0; margin-bottom: 25px;} #ContactUsForm { padding: 25px; max-width: 100%; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); } #sell-your-car-form { padding: 25px; max-width: 100%; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); background: #b9b9b9d6; } #sell-your-car-form #cform h3 {text-align: center;font-size: 22px;} #sell-your-car-form #cform h2 {margin: 0;} /*three blocks*/ .three-blocks { background: url("/media/16312/bg-three-middle2.jpg") repeat; padding: 97px 0;} .three-blocks-top { background: url("/media/16313/bg-three-top2.png") no-repeat; min-height: 120px; } .three-blocks-bottom { background: url("/media/16311/bg-three-bottom2.png") no-repeat; min-height: 122px; } .three-blocks a img:hover {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); transition: 0.2s;} .three-blocks .container { width: 100%; max-width: 1200px; } @media (max-width: 991px) { .middle_circle_block { margin: 50px 0; } } /*latest slider block*/ #FeaturedListLarge .flex-viewport li {position: relative;border-top: 5px solid #010101; border-bottom: 5px solid #010101;} #body .latest_vehicles_wrapper h2 {background: #FF5C00;color: #fff;font-size: 25px;font-weight: 600;letter-spacing: 1px;padding: 8px 0;text-align: center;margin: 0 0 3px;} .latest_vehicles_wrapper #FeaturedListLarge .flexslider { border: 0; } .latest_vehicles_wrapper #FeaturedListLarge div.text-wrapper { width: 100%; top: 50%; margin-left:0; } .latest_vehicles_wrapper #FeaturedListLarge div.text-overlay { width: 100%; top: 55%; margin-left:0; } .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-description {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-size: 15px; margin-bottom: 10px;} .latest_vehicles_wrapper #FeaturedListLarge .text-content h3 {border-bottom: 0;color: #fff;font-size: 22px;margin-bottom: 10px;font-weight: 600;} .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-btn {text-transform: uppercase;font-size: 20px;letter-spacing: 1px;background: #010101; border-radius: 0;} .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-btn:hover { background: #FF5C00; } .get_in_touch_wrapper #enquiry { padding: 0; border-radius: 0 0 0 0; background-color: #ff5c00; background-image: url("/media/9890/egg-shell.png"); min-height: 650px; } #body .get_in_touch_wrapper #enquiry h3 {background: #010101;color: #fff;font-size: 35px;font-weight: 600;text-align: center; padding: 15px 0;letter-spacing: 2px; margin-top: 15px; } #body .get_in_touch_wrapper #enquiry .form-group input, #body .get_in_touch_wrapper #enquiry .form-group textarea{background: none;border-bottom: 1px solid #fff;box-shadow: none;color: #fff;font-size: 20px;letter-spacing: 1px; height: 50px; margin: 5px 0 8px; } #body .get_in_touch_wrapper #enquiry .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group input::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group input:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group input:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group textarea::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group textarea:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry .form-group textarea:-moz-placeholder { /* Firefox 18- */color: #fff; opacity: 1; font-weight: 400;} #body .get_in_touch_wrapper #enquiry #cform { padding: 0 50px;} #body .get_in_touch_wrapper #enquiry #cform button {background: transparent;border: 2px solid #fff;font-size: 23px;font-weight: 600;letter-spacing: 5px; margin-top: 10px; width: 100%; border-radius: 0;} #body .get_in_touch_wrapper #enquiry #cform button:hover, #body .get_in_touch_wrapper #enquiry #cform button:focus{background: #010101;border: 2px solid #010101;color: #fff;} #body .get_in_touch_wrapper #enquiry #cform3 { padding: 0 50px;} #body .get_in_touch_wrapper #enquiry #cform3 button {background: transparent;border: 2px solid #fff;font-size: 23px;font-weight: 600;letter-spacing: 5px; margin-top: 10px; width: 100%; border-radius: 0;} #body .get_in_touch_wrapper #enquiry #cform3 button:hover, #body .get_in_touch_wrapper #enquiry #cform3 button:focus{background: #010101;border: 2px solid #010101;color: #fff;} .bottom_section { padding: 50px 0 10px; } /*sitemap*/ [data-url="sitemap"] #body h2 {margin-top: 0;background: #010101;color: #fff;font-size: 20px;text-transform: uppercase;padding: 10px 15px;border-radius: 5px;font-weight: 500; letter-spacing: 2px; margin-bottom: 5px;} .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); } @media (max-width: 640px) { #footer_nav .footer_menu ul li { display: block !important; } #footer_nav .footer_menu ul li a { margin-right:0 !important; padding-right: 0 !important; border: 0 !important; margin-bottom: 5px !important; display: block; } #footer_nav .footer_menu .footer_social_icons li {display: inline-block !important; margin-right: 5px; } .latest_vehicles_wrapper #FeaturedListLarge .text-content h3 { font-size: 18px; } .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-description { font-size: 15px; } #FeaturedListLarge .text-content .text-price { font-size: 23px; } .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-btn { font-size: 16px; } #body .get_in_touch_wrapper #enquiry h3 { font-size: 25px; padding: 10px 0; } #body .main-content h1 { /* font-size: 35px; */ } .navbar-default .navbar-collapse { border-color: #010101; text-align: center; } .get_in_touch_wrapper #enquiry { min-height: auto;display: inline-block;width: 100%;padding-bottom: 30px;} #body .get_in_touch_wrapper #enquiry .form-group input, #body .get_in_touch_wrapper #enquiry .form-group textarea { font-size: 16px; height: 40px; } #body .get_in_touch_wrapper #enquiry #cform button { font-size: 18px; padding: 10px; margin-top: 15px; } } @media (max-width: 480px) { .latest_vehicles_wrapper #FeaturedListLarge .text-content .text-description { display: none; } .latest_vehicles_wrapper #FeaturedListLarge div.text-overlay { top: 35%; } .latest_vehicles_wrapper #FeaturedListLarge div.text-wrapper { top: 30%; } .latest_vehicles_wrapper #FeaturedListLarge .text-content h3 { margin-top: 0; font-size: 15px; letter-spacing: 0; } } /*Left filter hover*/ #search-filters .filter .header:hover {background-color: #FF5C00;} #search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #010101;} #search-filters { background: #FF5C00; background: linear-gradient(180deg,rgba(255, 92, 0, 1) 50%, rgba(180, 0, 51, 1) 100%); padding: 15px; margin-bottom: 20px; } /*Vehicle details page*/ #details-sidebar-main .header:hover {background-color: #FF5C00;} /*Veicle details page buttons top*/ #details-vehicle-info-options {background: transparent;color: #fff; padding: 0;} #details-vehicle-info-options a {font-weight: 600;color: #fff;font-size: 16px; background:#010101;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: #FF5C00; } #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: "";} .navbar-default .navbar-collapse { border-color: #010101; text-align: center; } #search-filters { padding: 0; } } /*social share*/ #details-vehicle-share-drop-down { background: #010101; padding: 10px 0; font-weight: 600; } #details-vehicle-share-drop-down:hover, #details-vehicle-share-drop-down:active, #details-vehicle-share-drop-down:focus {background-color: #FF5C00;} /*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; } } /*finance calculator*/ #finance-calc-custom { background-color: #010101; text-transform: uppercase; } #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;} #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-right #fc-repayments {color: #fff;font-size: 25px;} #finance-calc-custom { color: #fff; } /*contact*/ #body h2.contact_heading {color: #010101;font-weight: 600;font-size: 30px; margin-top: 0; margin-bottom: 30px;} .team_tabs { display: inline-block; margin-bottom: 30px; } .team_tabs img { border-radius: 150px; } .team_tabs .nav.nav-tabs li a {display: inline-block !important;width: 100%;padding: 10px 5px; color: #bbb;} .team_tabs .nav.nav-tabs li.active a { background: #eeee;border-radius: 5px; } .team_tabs .nav.nav-tabs { border: 0; } .key_name {display: block;font-size: 18px;font-weight: 600;color: #010101;} .key-person-role { font-size: 14px; color: #000;} .team_tabs .fa.fa-caret-right {float: right;font-size: 25px;display: block;margin-top: -22px;} .team_tabs .nav-tabs > li.active > a, .team_tabs .nav.nav-tabs li a:hover { color: #010101; } .team_tabs .tab-content{background: #efefef;border-radius: 5px;border: 1px solid #dbdbdb;padding: 15px;} .team_tabs .tab-content .key_name { font-size: 22px; } .team_tabs .tab-content .key-person-role { font-size: 16px; } .key-person-contact-method {padding: 8px 0; border-top: 1px solid #ccc; text-align: left; } .key-person-contact-method:last-child { border-bottom: 1px solid #ccc; } .key-person-contact-method .fa { color: #FF5C00; width: 25px; } .key-person-contact-method .fa.fa-mobile { font-size: 25px; } .key-person-contact-method .fa.fa-phone { font-size: 20px; } .key-person-contact-method a:hover { color: #FF5C00; } @media (min-width:991px){ .team_tabs .tab-content .key-person-name-role { margin-top: 55px; } .key_name { min-width: 140px; margin-top: 20px; } } @media (max-width:991px){ .team_tabs .nav.nav-tabs .key-person-image, .team_tabs .nav.nav-tabs .key-person-role, .team_tabs .fa.fa-caret-right { display: none; } .team_tabs .nav.nav-tabs li a { padding: 5px; line-height: 10px; } .team_tabs .tab-content .key-person-name-role { margin-bottom: 15px; } .team_tabs .nav.nav-tabs li.active a { border-radius: 5px 5px 0 0; } .team_tabs .tab-content { border-radius: 0 0 5px 5px; } } @media (max-width:400px){ .key-person-contact-method { text-align: center; } .key-person-contact-method .fa { display: none; } .key_name { font-size: 16px; } } #financeenquiry .modal-header { background: #010101; letter-spacing: 2px; text-align: center; border-radius: 5px 5px 0 0; border: 0; } #financeenquiry .modal-title { font-size: 22px; color: #fff; letter-spacing: 2px; margin: 0; } #financeenquiry .modal-body { /* padding: 0 15px; */ } #financeenquiry .cforms { margin-bottom:0; } #financeenquiry .modal-header .close { opacity: 1; font-size: 30px; color: #fff; width: auto; } .finance-logo{background: #959292; border-radius: 10px; margin-bottom: 20px;} /*sold Vehicles*/ #sold-vehicle { float: none; margin-top: 0; background:#FE0000;border-radius: 5px;color:#fff; box-shadow: 1px 2px 5px rgba(0,0,0,0.4); border: 5px solid #fff; padding: 15px 0;margin-bottom: 35px; } #body h3.sold-vehicle {margin-left: 0;font-size: 16px;margin: 0;text-align: center; font-weight: 600;line-height: 30px; color: #fff;} /*warranty*/ .twelve.columns h2 {border-bottom: thick solid #bedc9e;color: #808184;font-size: 3.6rem;font-weight: 100;letter-spacing: -0.1rem;line-height: 1.25;margin-bottom: 50px;padding-bottom: 5px;} p.light {color: #999999;font-size: 12px;font-style: italic;} button2 { background-color: #bedc9e; box-sizing: border-box;color: #666666;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 900;height: auto;line-height: 16px; padding-bottom: 7px;text-align: center;text-decoration: none;text-transform: uppercase;width: 100%; } .border_g { border-bottom: 5px solid #bedc9e; } .btn_tabs a.btn { padding: 10px 5px; background: #aaca43; max-width: 100px; font-size: 16px; color: #fff; } .tab-content { background: #efefef; padding: 20px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .nav-tabs > li.active > a { background-color: #efefef !important; } .btn_tabs { text-align: right; margin-bottom: 40px; margin-top: 20px; } .btn_tabs .btn { background-color: #010101; color: #fff;border-radius: 0; padding: 12px; font-size: 18px;} .btn_tabs .btn:hover {background: #FF5C00;transition: 0.3s;} /*Latest vehicles*/ .link{display: inline-block;padding: 15px 100px 15px 15px;position: relative;background: transparent;border: 1px solid #010101;font-size: 18px; font-weight: 600;} .link:after{content: "+";font-size: 24px;font-weight: 400;position: absolute;margin: auto;top: 0;bottom: 0;width: 20px;height: 15px;line-height: 15px;text-align: center;right: 20px;} #latest-vehicles {background: #ececec; padding: 50px 0; overflow: hidden;} #latest-vehicles .container{position: relative;} #latest-vehicles .link{float: right;position: absolute;right: 0;top: 0;bottom: 0;margin: auto; height: 55px;color: #30343a;} #latest-vehicles .link:hover{background: #FF5C00;color: #fff; transition: 1s; border: 1px solid #FF5C00;} #body #latest-vehicles h2 {padding-top: 0;padding-bottom: 30px; margin: 0;font-weight: 700;font-size: 35px;text-transform: uppercase; color: #000;} #body #latest-vehicles h2 span {color: #FFF;} @media(max-width: 767px){ #body #latest-vehicles h2{float: none;line-height: 40px;font-size: 45px;} #latest-vehicles .link{float: none;position: relative;left: 0;margin-bottom: 20px;} #latest-vehicles { text-align: center; } } @media(max-width: 480px){ #body #latest-vehicles h2{float: none;line-height: 45px;font-size: 35px;} } /*New Slider Styles*/ #new_vehicle_slider.flexslider .slides > li { background: #fff; text-align: center; font-weight: 500; box-shadow: none; border-radius:15px;} #new_vehicle_slider.flexslider { background: transparent !important; border: 0; box-shadow: 0 0 0 0; } #new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { /* background: #FF5C00; */ padding-top: 5px; color: #000; } #new_vehicle_slider.flexslider .f_title { font-weight: 600; font-size: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; } #new_vehicle_slider.flexslider .f_price { font-weight: 600; font-size: 23px; padding-bottom: 5px; } #new_vehicle_slider.flexslider .f_price .egc_option, #new_vehicle_slider.flexslider .f_price .dap_option { font-size: 13px; display: block;font-weight: 400;} #new_vehicle_slider .f_price.f_yesspecial .normal_price { text-decoration: line-through; font-size: 16px; } #new_vehicle_slider .f_price.f_yesspecial { text-decoration: none; } #new_vehicle_slider.flexslider .f_btn {/* background: #FF5C00; */color: #000;display: inline-block;text-transform: uppercase;font-size: 20px;padding: 10px;width: 100%;font-weight: 600; text-align: center; margin: 0; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0 0 15px 15px; border-top: 2px solid #ededed;} #new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 20px;margin-left: 6px;} #new_vehicle_slider.flexslider .f_btn:hover {background: #fff; color: #FF5C00;transition: 0.5s;} #new_vehicle_slider .vehicle_details_options {padding: 5px 0;margin: 0 auto;font-size: 14px;} #new_vehicle_slider .flex-control-paging li a { background: #fff; } #new_vehicle_slider .flex-control-paging li a { background: #fff; } #new_vehicle_slider .flex-control-paging li a.flex-active { background: #FF5C00; } #new_vehicle_slider .vehicle_details_options div { padding: 8px; width: 45%;background: #ff5c0070;display: inline-block;float: left;margin-left: 10px;margin-bottom: 10px;} #new_vehicle_slider .vehicle_details_options .f_odo { background-position: 0 -5px; } #new_vehicle_slider .vehicle_details_options .f_trans { background-position: 0 -96px; display: block;overflow: hidden;text-overflow: ellipsis; 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; display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; } #new_vehicle_slider .flexslider_background { border-radius: 15px 15px 0 0; } #new_vehicle_slider .flex-control-nav { display: none; } /*service section*/ .servcie-wrapper { background: url("/media/19283/service-home-bg.jpg") no-repeat; background-attachment: fixed; min-height: 550px; background-position: center; background-size: cover; display: flex; align-content: center; align-items: center; color: #fff; } #body .servcie-wrapper .big-heading { text-shadow: 1px 2px 3px #000; color: #fff; font-weight: 900; font-size: 70px; line-height: 80px; margin: 0 0 15px; } #body .servcie-wrapper .small-heading { color: #fff; font-size: 30px; line-height: 40px; font-weight: 400; margin: 0 0 40px;} .servcie-wrapper .common-btn { color: #000; } .servcie-wrapper .common-btn:focus, .servcie-wrapper .common-btn:hover { background-color: #fff; color: #FF5C00;} .service-items-wrapper .team-details.workshop-mode { min-height: 200px; align-content: center; } @media (max-width: 991px) { .common-btn {font-size: 25px; padding: 10px; min-width: 300px;} #body .servcie-wrapper .big-heading { font-size: 50px; line-height: 60px;} } @media (max-width: 767px) { .service-items-wrapper .team-details.workshop-mode { min-height: auto; } .common-btn {font-size: 20px; padding: 10px 20px; min-width: 250px;} } /*finance banner*/ .finance-Wrapper { padding: 50px 0; } #body .finance-Wrapper h2 { font-size: 45px; line-height: 52px; font-weight: 700; } #body .finance-Wrapper h3{ font-size: 30px; color: #010101;line-height: 38px;} .finance-banner { background-image: url("/media/19424/finance-banner.jpg"); } /*sell car home*/ .bg-sell-wrapper { padding: 50px 20px; background: #000 url("/media/19308/bg-sell-your-car.jpg") no-repeat; display: inline-block; width: 100%; background-position: center; min-height: 500px; background-size: cover; background-attachment: fixed; } .bg-sell-wrapper.finance-bg-img { background: #000 url("/media/19312/bg-finance-bg.jpg") no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } #body .valuation_enquiry_form h3 { color: #fff; text-align: center; } .valuation_enquiry_form #senbtn {border: 0;padding: 15px;width: 100%;background-color: #010101;color: #fff;border-radius: 10px;font-size: 20px; letter-spacing: 1px;} .valuation_enquiry_form #senbtn:hover, .valuation_enquiry_form #senbtn:focus { background-color: #fff; color: #FF5C00; } .sell-icon-block-wrapper img { max-width: 100px; } .sell-small-heading {color: #fff;font-size: 25px; font-weight: 600; } .sell-small-heading span { font-size: 35px; display: block; } .sell-icon-block-wrapper { margin-bottom: 35px; } .sell-icon-wrapper { margin-top: 35px; } #valuation_enquiry.cforms { background: transparent; padding: 0; margin: 0; } #valuation_enquiry .form-group select { text-transform: none; padding: 10px !important; font-weight: 400;} .sell-car-banner { background-image: url("/media/19423/bg-sell-car-banner.jpg"); } .common-page-banner { display: inline-block; width: 100%; background-position: center; min-height: 500px; background-size: cover; background-color: #000; background-repeat: no-repeat; } .block-widget-section .container { display: flex;align-items: center;} /*three icons wrapper*/ .three-options-cal-wrapper { display: inline-block; width: 100%; padding: 40px 0 30px;} #body .three-options-cal-wrapper h3 { font-size: 25px; margin: 0 0 15px; color: #0668ae; text-transform: uppercase;} #body .three-options-cal-wrapper h4 { font-size: 32px; font-weight: 500; line-height: 42px;} .three-options-cal-wrapper .icon-cover { margin-bottom: 35px; } .three-options-cal-wrapper .icon-cover img { max-width: 120px; } @media (max-width: 1199px) { .sell-icon-block-wrapper img { max-width: 65px; } .block-widget-section .container { flex-direction: column; } .order-1-mobile { order: 1;} .order-2-mobile { order: 2;} #body .three-options-cal-wrapper h4 { font-size: 25px; line-height: 35px;} .common-page-banner { min-height: auto; } } @media (max-width: 767px) { #body .finance-Wrapper h2 {font-size: 35px;line-height: 45px;} #body .finance-Wrapper h3 {font-size: 25px;line-height: 35px; } .three-options-cal-wrapper .icon-cover img { max-width: 100px; } .bg-sell-wrapper { padding: 20px 0; } } @media (max-width: 480px) { .sell-small-heading { font-size: 18px; } .sell-small-heading span { font-size: 25px; } .block-widget-section ul { text-align: left; } } /*file upload function*/ .plupload_header, .plupload_button.plupload_start{ display:none; } .plupload_filelist_footer { height: auto !important; } #cform_fileUploader_browse {font-size: 18px;background: #010101;color: #fff; padding: 5px 15px; display: inline-block; border: 0; margin: 0 15px 0 0;} #cform_fileUploader_browse:hover { background: #FF5C00; } #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; } /*finance options*/ .repayment_360 { font-size: 15px; padding-bottom: 8px; color: #000; text-align: right; } .repayment_360 .price_value { color: #000; font-size: 20px; font-weight: 700; } .repayment_360 .apply_terms { font-size: 14px; font-weight: 600; text-decoration: underline; color: #fff; } .apply_terms .btn { background: none; padding: 0; font-weight: 600; outline: 0; margin: 0; font-size: 14px; } #search-results .repayment_360 .apply_terms a {color: #706c6c; font-weight: 600; font-size: 12px; text-align: right;} .DriveOnFinance { padding-bottom: 15px; font-size: 13px; } #search-results .repayment_360 .apply_terms a:hover, #search-results .repayment_360 .apply_terms a:focus { color: #FF5C00; } @media(max-width:991px) { .repayment_360, #search-results .repayment_360 .apply_terms a { text-align: center; } .repayment_360 .apply_terms { display: block; } } /*New Finance Calculator detail page*/ .finance-btn-lw {background-color: #010101;color: #FFF;font-weight: 600;box-shadow: none;border: none;font-size: 18px;letter-spacing: 1px;text-transform: uppercase;border-radius: 10px; display: block; margin: 20px auto; width: 200px; padding: 10px 15px;} .finance-btn-lw:hover, .finance-btn-lw:focus {background: #ff5c00;transition: 0.3s; color: #FFF;} /*.lw-logo-cover {background: #fff;display: block;padding: 15px;border-radius: 10px;}*/ .lw-logo-cover img { max-width: 200px;} .terms_360 .btn-cover { background: none; outline: 0; } .terms_360 a { font-weight: 600; color: #ff5c00; margin-top: 10px; display: block; text-decoration: underline; } .terms_360 a:hover, .terms_360 a:focus { color: #231f20; } .terms_360 .modal-header { background: #ff5c00; color: #fff; border-radius: 5px 5px 0 0;} .terms_360 .modal-header h4 { font-weight: 600; } .terms_360 .modal-header .close { opacity: 1; color: #fff; width: auto; background: transparent; margin-top: 5px; } .terms_360 .modal-body {background-color: #fff; border-radius: 0 0 5px 5px; text-align: left;} .newcalculator.finace-calc-widget .finance-calculatot-title { background: #010101; margin-bottom: 10px;color: #fff; letter-spacing: 1px; padding: 10px; font-size: 18px;text-transform: uppercase;font-weight: 600;} .newcalculator.finace-calc-widget .finance-calc-body-bottom { background: #c8c8c8; padding-bottom: 10px; margin-bottom: 25px;} .newcalculator.finace-calc-widget .finance-calc-result-weekly { font-size: 35px; font-weight: 600;} .newcalculator.finace-calc-widget .finance-cal-condition { font-size: 13px; margin-top: 10px; border-top: 1px solid #b3afaf; padding-top: 10px; text-align: justify;} .newcalculator.finace-calc-widget .finance-calc-result { margin-top: 10px; cursor: pointer;} .newcalculator.finace-calc-widget .finance-calc-result:hover, .newcalculator.finace-calc-widget .finance-calc-result:focus { color: #ff5c00;} /*form styles*/ .finance_enquiry_form .form-row { margin: 2px 0;display: inline-block; width: 100%; } .finance_enquiry_form .form-row input, .finance_enquiry_form .form-row textarea { border: 0;background: #fff;border-radius: 2px !important; padding: 10px !important; border: 1px solid #ddd; width: 100%;} .finance_enquiry_form .form-row button {border: 0;padding: 10px 15px;font-weight: 500;font-size: 18px;background: #ff5c00;color: #fff;letter-spacing: 3px;text-transform: uppercase;margin-top: 6px;width: 100%;border-radius: 5px;} .finance_enquiry_form .form-row button:hover, .finance_enquiry_form .form-row button:focus { background-color: #010101; } #body h4.modal-title { text-transform: uppercase; letter-spacing: 2px; font-size: 25px; } #finance_enquiry_form.cforms { margin-bottom: 0;} /*Google Review Slider*/ .googlerating-title { background: url("/media/18033/google-rating.png") no-repeat top center; background-size: 220px; padding-top: 60px; } #body #googleratingtitle, #body #userratingtotal { display: inline-block; } #body .googlerating-title { color: #000; text-transform: uppercase; margin-bottom: 50px; line-height: 45px; } #body #googleratingtitle, #body #userratingtotal { font-size: 30px; color: #FF5C00; } #googlereviewsliderv2 .review-rating {background-image: url('/media/12927/stars-black.png');} .google-reviews .btn { background: #010101; color: #fff; font-weight: 600; letter-spacing: 1px; } .google-reviews .btn:hover, .google-reviews .btn:focus { background: #FF5C00; color: #fff; } .google-reviews { background: #ececec; padding: 60px 0; overflow-x: hidden; } #googlereviewsliderv2 .review-authorname { margin-top: 10px; font-weight: 500; color: #FF5C00; font-size: 20px; } #googlereviewsliderv2 #googlereviewlist li { min-height: 250px; background-color: #fff; } .google-reviews .google_review_btn .common-button { margin-top: 50px; } #googleratingtitle::after { content: " Star"; } #userratingtotal::after { content: " Reviews"; } @media (max-width:767px){ .googlerating-title { background-size: 160px; padding-top: 45px; } } /*service*/ .service-contact { background: #e8e8e8; padding:15px 20px; border-radius:10px; box-shadow: 1px 2px 5px #0000004d;} #body .service-contact h3 {margin: 0 0 30px;background: #ff5c00;color: #fff;padding: 10px 15px;text-align: center;font-size: 20px;border-radius: 25px;} .service-contact .fa { font-size: 20px; color: #ff5c00; margin-right: 10px;} .service-contact a { color: #000; } .service-contact a:hover, .service-contact a:focus { color: #ff5c00;} .service-banner { background-image: url("/media/19428/service-banner-new.jpg"); } #body .service-banner .banner-sub-heading { font-size: 35px; line-height: 45px; } #home-banner.service-banner .common-btn { background-color: #FF5C00; color: #000; } #home-banner.service-banner .common-btn:hover, #home-banner.service-banner .common-btn:focus { background-color: #fff; color: #FF5C00; } @media (max-width:1199px){ #body .service-banner .banner-sub-heading { font-size: 30px; line-height: 40px; } } @media (max-width: 480px) { #body .service-banner .banner-sub-heading { font-size: 20px; line-height: 30px; } } /*EOFY service*/ .sales-items-wrapper {background: #eee; background-image: url("/media/10691/egg-shell.png"); display: inline-block; width: 100%; background-attachment: fixed;} #body .sales-items-wrapper .common-sub-heading { font-size: 40px; } .sales-items-wrapper table { width: 100%; margin-bottom: 15px; } .sales-items-wrapper table, .sales-items-wrapper td { border: 2px solid #ff5c00; } .sales-items-wrapper th, .sales-items-wrapper td { padding: 5px; } .sales-items-wrapper th { background-color: #ff5c00; color: #fff; } #body .sales-items-wrapper h3 { text-transform: none; } #body .ser-title { margin: 0 0 20px; text-align: center; } #body .ser-title span { display: block; color: #000; } #body .ser-eofy-title {background: #ff5c00;color: #fff;padding: 15px;border: 2px solid #0003; border-radius: 0 50px 0 50px; box-shadow: 1px 2px 5px #00000069;} .sales-items-wrapper img { border-radius: 15px; box-shadow: 1px 2px 5px #000000a1; } /*Meet Our Team*/ .team-image img { border-radius: 20px 20px 0 0; } .team-details { background-color: #ff5c00; color: #000; border-radius: 0 0 20px 20px; padding: 20px; border-top: 3px solid #fff;} .team-details.workshop-mode { background-color: #000; color: #fff; border-top: 3px solid #ff5c00;} #body .team-details h3 { font-size: 18px; color: #000; font-weight: 700; margin: 0; text-transform: none; } .emp-details-wrapper { box-shadow: 1px 2px 5px #00000075; border-radius: 20px; margin-bottom: 40px;} .team-details h4 { font-weight: 400; font-size: 16px;margin: 5px 0;} .team-list-items { padding:0; margin: 0; list-style-type: none; } .team-list-items .fa { color: #fff; margin-right: 10px; } .team-details.workshop-mode .team-list-items .fa { color: #ff5c00; } .team-details.workshop-mode .team-list-items a, #body .team-details.workshop-mode h3 { color: #fff; } .team-details.workshop-mode .team-list-items a:hover, .team-list-items a:focus { color: #ff5c00; } .team-list-items a { color: #000; } .team-list-items a:hover, .team-list-items a:focus { color: #fff; } #body .common-sub-heading.our-team-sub-heading {font-size: 40px; font-weight: 400; margin: 0 0 20px; } @media (max-width:767px){ #body .common-sub-heading.our-team-sub-heading { font-size: 25px; margin: 0 0 10px; } } /*our cars*/ [data-url="used-cars-in-bibra-lake"] .container.center-wrapper { max-width: 100%; background: #fcfcfc; } /*three-block-wrapper*/ .three-block-wrapper { display: inline-block; width: 100%; /* background-color: #ff5c00; */ padding: 50px 0 10px; } .box-wrapper-cover { margin-bottom: 45px; background: #fff;border-radius: 20px; padding: 30px 20px; box-shadow: 1px 2px 3px #0000004f;} .box-wrapper-cover img { max-width: 120px; } .box-wrapper-cover .btn-box { background: #ff5c00; color: #fff; font-weight: 700; padding: 8px 20px; display: inline-block; font-size: 20px; border-radius: 15px; min-width: 200px; margin-top: 15px;} .box-wrapper-cover .btn-box:hover, .box-wrapper-cover .btn-box:focus { background-color: #000; color: #fff; } #body .three-block-wrapper .common-sub-heading { color: #fff; font-size: 40px; line-height: 50px;margin: 0 0 30px;} #body .box-wrapper-cover .box-title { font-size: 25px; } @media (max-width:767px){ #body .three-block-wrapper .common-sub-heading { font-size: 35px; line-height: 45px; } .box-wrapper-cover img { max-width: 80px; } } /*sell your car page*/ /* #home-banner { background-size: cover; min-height: 700px; background-position: center; background-size: cover; display: flex; align-content: center; align-items: center; } #home-banner.sell-car-banner { background: url("/media/19306/sell-your-car-banner.jpg") no-repeat; } */ .bg-white-wrapper { background: #ffffffb0; min-height: 840px; border-radius: 10px; padding: 40px 30px; align-content: center;} /*finance*/ /* #home-banner.finance-banner { background: url("/media/19309/finance-baner.jpg") no-repeat; } */ .bg-sell-wrapper.finance-bg-img .bg-white-wrapper { min-height: 400px; } #body .bg-sell-wrapper.finance-bg-img .finance-sect-title { font-size: 70px; color: #fff;font-weight: 700; line-height: 80px; margin: 0;} #body .bg-sell-wrapper.finance-bg-img .finance-sect-subtitle { font-size: 35px; color: #fff;font-weight: 700; line-height: 45px; margin: 15px 0 35px;} @media (max-width: 1199px) { #body .bg-sell-wrapper.finance-bg-img .finance-sect-title { font-size: 60px; line-height: 70px; } } @media (max-width:991px){ #body .bg-sell-wrapper.finance-bg-img .finance-sect-title { font-size: 40px; line-height: 50px; } #body .bg-sell-wrapper.finance-bg-img .finance-sect-subtitle { font-size: 30px; line-height: 40px; } } /*FAQ*/ #body .faq-title { font-size: 45px; line-height: 55px; color: #c70000; font-weight: 700; } #body .faq-line{font-size: 20px; font-weight: 600; margin-bottom: 35px;} [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;color: #fff; text-transform: none;} .checklist-widget-section #accordion .fa.fa-angle-double-right { float: right; margin-top: 5px; } .checklist-widget-section #accordion .panel-body ul li li { font-weight: 500; margin-bottom: 2px; } .checklist-widget-section #accordion .panel-body ul li { font-weight: 600; margin-bottom: 15px; } .checklist-widget-section #accordion .panel-title a { display: block; color: #fff; } .checklist-widget-section #accordion .panel-title a:hover, .checklist-widget-section #accordion .panel-title a:focus { color: #FF5C00; } .checklist-widget-section #accordion .panel-default > .panel-heading {color: #fff; background-color: #000; border-color: #666262; } .checklist-widget-section #accordion .panel-default { border: 0;} .checklist-widget-section #accordion .panel-body { background: #ebebeb; } @media (max-width:480px){ #body .checklist-widget-section #accordion h3 { font-size: 17px; line-height: 25px;} .checklist-widget-section #accordion .fa.fa-angle-double-right { float: none; position: absolute; right: 0; top: 5px; margin-top: 0;} #body .checklist-widget-section #accordion h3 { position: relative;} .checklist-widget-section #accordion .panel-title a { padding-right: 20px;} } /*for Google captcha*/ /* #recaptchaContactUs > div > div { transform: scale(0.7); transform-origin: left; transform-origin: left; -webkit-transform:scale(0.7); -webkit-transform-origin:left; } #recaptchaCustomForm > div > div { transform: scale(0.7); transform-origin: left; transform-origin: left; -webkit-transform:scale(0.7); -webkit-transform-origin:left; } */ @media (max-width: 991px) { #recaptchaContactUs > div > div, #recaptchaCustomForm > div > div { transform: scale(0.7); transform-origin: left; -webkit-transform:scale(0.7); -webkit-transform-origin:left;} } /*Google Review Header*/ .google-reviews-top .googlerating-number a { background: url("/media/12928/google-review-stars.png") no-repeat left 4px; padding-left: 105px; background-size: 100px; color: #fff; display: inline-block;} .google-reviews-top .googlerating-number a:hover, .google-reviews-top .googlerating-number a:focus { color: #0883e3; } .google-reviews-top .googlerating-number { /* text-align: right; */ } @media (max-width: 1460px) { .google-reviews-top .googlerating-number { text-align: center; } } @media (max-width: 767px) { .google-reviews-top, .adddress_wrapper, .social_wrapper { display:none; } } /*Importent Notice popup*/ .pop_home .modal-header {background: #FF5C00;border-radius: 5px 5px 0 0;text-align: center;color: #fff;} .pop_home .modal-title {text-transform: uppercase;text-align: center;color: #fff;letter-spacing: 1px; font-size: 20px; margin: 0;} .pop_home .close { font-weight: 500; font-size: 23px; opacity: 1; text-shadow: none; color: #fff; width: auto; } .pop_home .modal-body h3 { text-align: center; color: #c0202f; } .pop_home .modal-body h2 { margin-bottom:20px; line-height: 25px; font-size: 20px; margin-top: 10px; color: #000; text-align: center;font-weight: 600; } .pop_home table { width: 100%;} .pop_home table, .pop_home th, .pop_home td { border: 2px solid #ff5c00; } .pop_home th, .pop_home td { padding: 5px; } /*CTA stick buttons*/ #footer_nav .footer_menu .sticky-cta-cover { position: fixed; right: 1em; bottom: 3em; z-index: 99999; } #footer_nav .footer_menu .sticky-cta-cover ul li a { background: #ff5c00; display: block;padding: 6px 18px;margin-bottom: 5px;border-radius: 20px;text-align: center;font-weight: 500;text-transform: uppercase; border: 1px solid #fff !important; min-width: 120px; } #footer_nav .footer_menu .sticky-cta-cover ul li a:hover, .sticky-cta-cover ul li a:focus { background: #000; color: #fff; text-decoration: none; } @media (max-width: 767px) { #footer_nav .footer_menu .sticky-cta-cover ul li a { font-size: 13px !important; padding: 5px 15px !important;} #footer_nav .footer_menu .sticky-cta-cover { bottom: 2em; } } /*arrow back to top*/ #arrow { right: auto; left: 25px; }