/*common styles*/
html {scroll-behavior: smooth;}
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
#footer_nav #ContactUsForm { background: transparent; }
#footer_nav #ContactUsForm label { display: none; }
#footer_nav #ContactUsForm .col-md-4 { width: 100%; }
#footer_nav #ContactUsForm input, #footer_nav #ContactUsForm textarea { border: 0; border-radius: 5px; padding: 10px; margin-bottom: 10px; color: #000;}
#footer_nav #ContactUsForm button {background-color: #f5821f;font-size: 18px;font-weight: 700;letter-spacing: 2px;width: 100%;border-radius: 5px;}
#footer_nav #ContactUsForm button:hover, #footer_nav #ContactUsForm button:focus { background: #fff; color: #616163; }
#footer_nav #ContactUsForm div{margin-bottom: 0;}
::-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;}
html { scroll-behavior: smooth; }
/*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; }
#body h1, #body h2, #body h3, #details-vehicle-info-desc-H {color: #f5821f;font-weight: 400;text-transform: uppercase;margin-bottom: 20px;margin-top: 30px;line-height: 30px;}
#body h1 {font-size: 40px;margin-top: 0;line-height: 1em; font-family: 'Rubik', sans-serif; font-weight: 500;}
#body h1 span {color: #616163;display: block;}
#body h1.small-main {display: none;}
#body h2 {font-size: 25px; margin-bottom: 14px; font-family: 'Rubik', sans-serif; font-weight: 400;}
#body h3 {font-size: 18px;margin-bottom: 10px; margin-top: 5px; font-family: 'Rubik', sans-serif; font-weight: 400;}
#details-vehicle-info-desc-H {font-size: 24px;}
#body p {margin-bottom: 15px; line-height: 24px;}
body { font-family: 'Nunito Sans', sans-serif; font-size: 16px;}
.t-question {display: block;margin-top: 10px;color: #4d4e4f;font-size: 18px;font-weight: 600;margin-bottom: 15px;}
.footer_menu a { color: #fff; }
.footer_menu a:hover { color: #f5821f; }
#header-info a, #header-location { color: #fff;}
a {color: #f5821f;}
#details-vehicle-info-options li:not(:first-child):before {color: #fff;}
a:hover, a:focus {color: #616163; 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;}
select {-moz-appearance:none;border: 1px solid #ccc !important;}
#body {padding: 40px 0 0;}
body[data-url="five-star-caravans-and-campers"] #body {padding: 0;}
body[data-url='search-stock'] #body {padding-top: 0; }
header, header a {font-size: 16px;}
header {position: fixed;z-index: 999999;width: 100%;background: #FFF;top: 0;left: 0;right: 0;}
@media (min-width: 1199px) {
body[data-url='caravans'] .center-wrapper, body[data-url='caravan'] .center-wrapper { margin-top: 210px;}
}
.center-wrapper {margin-top: 170px;}
body[data-url='our-stock'] .center-wrapper {margin-top: 170px;}
body[data-url='quality-cars-direct-new'] .center-wrapper {margin-top: 140px;}
@media(min-width: 767px) {
.mobile-banner {display: none; }
}
@media(min-width: 1025px) {
/* #navbar { height: 132px; } */
}
header.sticky {transition: all 0.3s ease; background: rgba(255,255,255,0.9); box-shadow: 1px 1px 8px rgba(0,0,0,0.5); z-index: 999999999;}
.sticky #navbar .container-fluid {padding: 15px 0;transition: all 0.3s ease;}
.sticky #main-logo img { max-width: 300px;padding-top: 0; transition: all 0.3s ease; margin-top: 0;}
.sticky .navbar-default .navbar-nav>li>a {background-image: none; padding-top: 15px;}
.sticky .navbar-default .navbar-nav>li>a:hover, .sticky .navbar-default .navbar-nav > li > a.current_page_item {background-image: none;}
.sticky #navbar {height: auto;}
.navbar-default .navbar-nav>li>a { color: #616163;}
.container {width: 100%; max-width: 1550px;}
#navbar .container, #header .container {max-width: 1560px;width: 100%;}
#navbar .container-fluid {padding: 0;}
#main-logo img {padding-right: 30px;max-width: 250px; /*width: 100%;*/}
#header-location, #header-contact {display: inline-block;margin-top: 8px; font-weight: 600;}
#header-contact {text-transform: uppercase; color: #fff; margin-right: 30px; }
#header-contact .fa.fa-phone { margin-right: 5px; }
#header {background: #f5821f;text-align: right; }
.header-details a { color: #fff; }
.header-details a:hover, .header-details a:focus, .header-details a:active { color: #616163; }
.social a .fa {background: #f5821f;height: 40px;width: 40px;padding: 8px;text-align: center;margin-left: -4px;font-size: 25px; color: #fff;}
.social a .fa.fa-instagram { }
.social a .fa.fa-instagram:hover {background: #616163;}
.social a .fa:hover {background: #616163;}
.social a:focus, .social a:active { color: #fff; }
#header-info .social { float: left; }
.navbar-default .navbar-collapse { margin-top: 7px; }
header.sticky .navbar-default .navbar-collapse { margin-top: 20px; }
@media (min-width: 767px) {
.navbar-default .navbar-nav>li>a:hover { transition: 0.3s; color: #f5821f!important; background: url("/media/19691/menu-icons-sprite-hover.png") no-repeat top center; background-size: 80px auto;}
.navbar-default .navbar-nav>li>a.current_page_item { background: url("/media/19691/menu-icons-sprite-hover.png") no-repeat top center; background-size: 80px auto;}
}
.dropdown-menu > li > a { text-transform: uppercase; padding: 13px 20px; font-weight: 700;}
.navbar-default .navbar-nav>li>a:hover { color: #f5821f; }
.navbar-default .navbar-nav>li>a.current_page_item { color: #f5821f; }
#navbar_div { padding-bottom: 10px; }
header.sticky #navbar_div { padding-bottom: 0; }
/*Anchor tags*/
#ctn {height: 140px;margin-top: -140px;visibility: hidden;}
/*normal sprite*/
.navbar-default .navbar-nav>li>a {font-weight: normal; background: url("/media/19690/menu-icons-sprite.png") no-repeat top center; padding: 75px 20px 0px; transition: all 0.3s ease; background-size: 80px auto; height: 40px; font-weight: 700; text-transform: uppercase;}
.navbar-default .navbar-nav>li>a.home {background-position: center -73px;}
.navbar-default .navbar-nav>li>a.cars_for_sale {background-position: center -398px;}
.navbar-default .navbar-nav>li>a.sold_cars {background-position: center -398px;}
.navbar-default .navbar-nav>li>a.sell_your_car {background-position: center -495px;}
.navbar-default .navbar-nav>li>a.interstate_delivery {background-position: center -247px;}
.navbar-default .navbar-nav>li>a.service {background-position: center -167px;}
.navbar-default .navbar-nav>li>a.finance {background-position: center -230px;}
.navbar-default .navbar-nav>li>a.contact_us {background-position: center -155px;}
.navbar-default .navbar-nav>li>a.about_us {background-position: center 5px;}
.navbar-default .navbar-nav>li>a.warranty {background-position: center -292px; background-size: 75px;}
.navbar-default .navbar-nav>li>a.used_caravans {background-position: center -600px;}
.inner-banner {width: 100%;}
#breadcrumb_wrapper {background: #ECECEC;}
#breadcrumb {padding-left: 15px;padding-right: 15px;}
#breadcrumb a, #breadcrumb span {color: #000!important;font-size: 13px!important;}
.navbar-default .navbar-nav>li>a.about_us:hover {background-position: center 5px;}
.navbar-default .navbar-nav>li>a.home:hover {background-position: center -73px;}
.navbar-default .navbar-nav>li>a.finance:hover {background-position: center -230px;}
.navbar-default .navbar-nav>li>a.warranty:hover {background-position: center -292px; background-size: 75px;}
.navbar-default .navbar-nav>li>a.cars_for_sale:hover {background-position: center -398px;}
.navbar-default .navbar-nav>li>a.contact_us:hover {background-position: center -155px;}
.navbar-default .navbar-nav>li>a.sell_your_car:hover {background-position: center -495px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #f5821f;}
@media (min-width: 767px) {
#main-logo img { margin-top: 10px; max-width: 400px; }
}
@media (max-width: 767px) {
#navbar_div { padding-bottom: 0; }
}
@media (max-width: 499px) {
.inner-banner, .brand_logo {display: none;}
#quicksearch-wrapper { padding: 5px 20px 34px !important; }
#main-logo img { }
}
body[data-url='quality-cars-direct-new'] #body {padding: 0;border-bottom: 1px solid #e3e3e3;}
#features-wrapper {background: #f2f2f2;}
#features-wrapper .container {margin-top: -50px;padding-bottom: 30px;z-index: 9999;position: relative;}
#features-wrapper .feature-box a img {}
#features-wrapper .feature-box:hover a img {-webkit-filter: grayscale(1);filter: grayscale(1); transition: 0.3s; }
#features-wrapper .feature-box:hover h2 a { color:#f5821f!important; }
@media(min-width: 1199px) {
.feature-box img {margin-left: 0;margin-right: 0;width: 100%;}
}
#body #features-wrapper h2 a {color: #262626; text-transform: uppercase;text-decoration: none; text-align: center; display: block; margin-top: 20px; margin-bottom: 30px; font-size: 21px; font-weight: 200;}
.main-content {background: #f5821f url("/media/19696/home-bg.jpg") no-repeat;background-size: cover; background-attachment: fixed; padding: 70px 0; display: inline-block; width: 100%; color: #fff;}
#body .main-content h1, #body .main-content h2 { color: #fff; }
#body .main-content h1 { font-size: 50px; text-align: center; }
.feature-content { display: inline-block; width: 100%; padding: 50px 0; background-color: #f5f2f5; background-image: url("/media/8025/subtle-dots.png"); }
.main-content-2 {display: inline-block; width: 100%; padding: 50px 0; background-color: #f3f3f3; background-image: url("/media/8026/church.png"); }
#body .feature-content h2 {font-size: 35px;line-height: 40px; letter-spacing: 2px; text-align: center; color: #f5821f;}
.feature-content .featured-text { min-height: 120px; }
#body .main-content-2 h2 {font-size: 35px; line-height: 40px; letter-spacing: 2px;}
#body .home-info h1 span { color: #262626; display: inline;}
.r_more_button {background: #f5821f;color: #fff;display: block;padding: 10px;text-align: center;font-weight: 600;font-size: 18px;letter-spacing: 1px;border-radius: 5px;}
.r_more_button:hover, .r_more_button:focus { background: #616163; color: #fff; }
.feature-content img, .main-content-2 img {padding: 10px;box-shadow: 1px 2px 5px rgba(0,0,0,0.3); border-radius: 5px; width: 100%;}
@media(max-width: 1500px) {
#main-logo img { max-width: 320px; }
}
@media(max-width: 1400px) {
#main-logo img {max-width: 280px;margin-top: 18px;}
}
@media(max-width: 1350px) {
#main-logo img {}
.navbar-default .navbar-nav>li>a {padding: 55px 18px 0px;font-size: 14px;}
}
@media(max-width: 1199px) {
#body .feature-content h2 { font-size: 30px; letter-spacing: 0; }
#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: 8px 10px;}
.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 {margin-top:0;}
.center-wrapper {margin-top: /*150px;*/ 120px;}
body[data-url="quality-cars-direct-new"] .center-wrapper {/* margin-top:100px; */}
.navbar-default .navbar-collapse { margin-top: 20px; }
.feature-content .featured-text { min-height: auto; }
body[data-url='search-stock'] .center-wrapper, body[data-url='details'] .center-wrapper {margin-top: /*150px;*/ 110px;}
}
@media(max-width: 991px) {
.center-wrapper {margin-top: 170px;}
}
@media(max-width: 990px) {
.navbar-default .navbar-nav>li>a {padding: 15px 7px;font-size: 15px;}
.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: 767px) {
.upcoming_event { margin-bottom: 35px; }
#main-logo img {border-right: 0;position: absolute;top: 6px;}
#navbar .container-fluid {padding: 8px 0 0;}
.navbar-default .navbar-toggle {width: inherit;border: none;margin-bottom: 24px; margin-top: 18px;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-default .navbar-nav>li>a {font-size: 14px;}
#features-wrapper {margin-top: 0px;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: none;padding-top: 5px;font-size: 14px;}
#header-contact {padding: 5px 0; text-align: center; margin: 0 10px;}
#header { text-align: center; }
#body h1 {font-size: 30px;}
#body h1 span {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: #262626;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: 30px; line-height: 40px; }
#navbar_div .nav.navbar-nav {background: #fff; text-align: center;}
body[data-url='our-stock'] .center-wrapper {margin-top: 160px !important;}
.center-wrapper {margin-top: /* 200px */ 110px !important; }
#footer_nav .footer_menu { float: none; }
#search-options { text-align: center; }
#header-contact.mobile-number { display: none; }
}
@media(max-width: 460px) {
#body #features-wrapper h2 a {font-size: 20px;}
/* .center-wrapper {margin-top: 90px !important; } */
}
@media(max-width: 375px) {
.center-wrapper {}
}
.inner-banner {margin-bottom: 60px;}
/**Vehicle Listing**/
#carhistory-gif { width: 100%; }
#top-content {margin-bottom: 80px;}
.search_title_header {padding-top: 16px;margin-bottom: 56px; }
@media(max-width: 991px) {
#top-content, #side-content {display: none;}
}
/**Vehicle Description**/
#details-sidebar-main .section { background: #efefef; }
#details-sidebar-main-watchlist { display: none;}
.search_location {margin: 10px 0;}
#details-vehicle-info-vehicle { padding-bottom: 0; width: 100%; }
.btn-back {color: #fff;padding: 5px 10px;font-weight: 600;display: inline-block;font-size: 14px;text-transform: uppercase;background-color: #f5821f; border-radius: 5px; margin-bottom: 15px; margin-left: 15px; margin-top: 10px;}
.btn-back:hover { background-color: #262626; color: #fff; }
.search-results-header-inner { background-color: #262626; }
#search-results .watchlist.NotInWatchList, #search-results .watchlist.InWatchList {background-position: 36px center!important;}
#details-sidebar-main .header:before {padding: 9px 3px 2px 4px; }
.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; background-color: #f5821f; }
.watchlist-sidebar-InWatchList { background-color: #f5821f !important; }
#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: 10px; background-color: #616163; 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: #f5821f;}
#search-results-header {margin-bottom: 10px;}
#search-filters .filter .header, #details-sidebar-main .header {font-size: 17px;background: #616163; font-weight: 600;text-transform: uppercase; padding: 10px 15px; letter-spacing: 1px;}
#search-filters #filter-viewwatchlist .filter .header { background: #f5821f; }
#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 40px 0 8px;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: #f5821f;color: #fff;font-size: 18px;border: none;margin: 16px 0 0 12px;font-weight: 400;width: 91%;padding: 12px;text-transform: uppercase;border-radius: 0;}
.filter .btnGo:hover, #details-sidebar-main-vehicleenquiry .form-row button:hover {background-color: #616163;transition: 0.6s;}
#filter-reset a {color: #000;}
@media (max-width: 768px) {
#details-vehicle-share-drop-down {margin: 10px 10px 0px 0px;}
}
#details-vehicle-share-drop-down, #details-vehicle-info-options #btnEmailFriend { display: none; }
.dap-comment, .government_charges { font-size: 14px; }
#search-filters .filter .header.open {background-color: #f5821f;}
#search-results .search_item {border-top: 2px solid #f5821f;padding-top: 0;padding-bottom: 0;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
#search-results .search_price, #details-vehicle-info-vehicle-Price {font-size: 20px; font-weight: 600;}
.vehicle-heading, #details-vehicle-info-Heading {background: #efefef;display: inline-block;width: 100%;padding: 10px 0;}
.vehicle-heading { background: #f5821f; color: #fff; }
#details-vehicle-info-vehicle-Price {}
#details-vehicle-info-Heading {margin-left: 0;margin-right: 0;padding: 17px 0 15px;border-top: 2px solid #f5821f;}
#search-results .search_title a, #details-vehicle-info-vehicle-Name {color: #fff;font-weight: normal;font-size: 20px;}
#details-vehicle-info-vehicle-Name {color: #000;}
#search-results .search_price a { color: #fff; }
#search-results .search_title a:hover, #search-results .search_price a:hover {text-decoration: none; color: #000;}
#search-results .search_price .small, #egc {font-size: 14px;}
.vehicle-images-small {overflow: hidden;}
.vehicle-listing-img, .img-small {padding-left: 0;padding-right: 0;margin-bottom: 0;}
#search-results .search_item img {padding: 1px;}
.search_meta {position: relative;min-height: 50px;margin-bottom: 0;}
#search-results .search_desc {height: 102px;}
#search-results .search_details {clear: both;bottom: 0;right: 0;float: none;width: 100%;padding: 0;}
.search_desc, .search_meta {padding: 10px!important;}
.search_details .col-md-6, .vehicle-listing-desc {padding-left: 0;padding-right: 0;}
#search-results .search_meta, #search-results .search_meta ul {list-style-image: none;list-style-type: none;}
#search-results .search_meta li {background-image: url("/media/7908/sprites2.jpg");background-repeat: no-repeat;width: 200px;margin-right: 15px;padding: 0px 0 8px 40px;font-size: 14px;}
#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-fuel {background-position: 0px -38px;}
#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-stock {background-position: 0px -159px;}
#details-vehicle-info-vehicle-Extras li { background-image: url("/media/7908/sprites2.jpg");background-repeat: no-repeat;margin-right: 15px;margin-top: 20px;padding: 0px 0 8px 40px;font-size: 14px;}
#search-results .search_details a {color: white;background-color:#616163;font-size: 16px;font-weight: normal;text-transform: uppercase;padding: 15px;margin-bottom: 0;width: 50%; float: left;display: block;text-align: center;border: 1px solid #fff;}
#search-results .search_details a:hover {text-decoration: none;background: #f5821f;}
#details-vehicle-info-vehicle-Image div {background: #fff;}
#details-vehicle-info-vehicle-Image-Wrapper {border: none;}
#details-vehicle-info-options {}
#details-vehicle-info-options a {font-size: 16px;font-weight: 500;display: inline-block; text-transform: uppercase;}
#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: #262626;}
#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: #f5821f;}
#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-desc { background: #efefef;padding: 10px 25px; border-radius: 5px;margin-bottom: 20px; border: 1px solid #ccc;}
@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;}
#search-results .search_title a {line-height: 3px;}
#search-results .search_title a, #details-vehicle-info-vehicle-Name {font-size: 18px;}
#search-results .search_desc {display: none;}
.search_meta {padding-top: 0!important;margin-bottom: 20px;}
#search-results .search_details a {padding: 18px 20px;}
#navbar { height: auto; }
}
@media (max-width: 768px) {
#details-vehicle-info-vehicle-Name, #details-vehicle-info-vehicle-Price {text-align: center;}
#details-vehicle-info-vehicle-Price { margin-bottom: 10px;margin-top: 10px;}
.search_title {}
#search-filters #filter-header {background: #f5821f;font-weight: 400;text-transform: uppercase;padding: 15px 24px;border: none; cursor: pointer;}
#search-results .search_title {min-height: inherit;}
#details-vehicle-info-vehicle-Name {font-size: 18px;line-height: 22px;}
.details-vehicle-info-vehicle-HasSpecialPrice-False #details-vehicle-info-vehicle-Price {}
#search-results .search_price {text-align: center;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: inherit;}
#search-results .search_details {position: inherit}
#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; }
.government_charges { text-align: center; }
}
#footer_nav .footer_menu {}
#footer_nav {padding-bottom: 40px;}
footer {background:#616163;color: #fff;}
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer-logo img {max-width: 150px;margin: 0 auto 20px; float: left;}
.footer_custom {width: 100%;font-size: 16px;}
#footer_nav .footer_menu h3 {margin: 15px 0 5px;font-size: 20px;color: #f5821f;font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}
#footer_nav .footer_menu ul li a {font-size: 16px;}
#footer_nav .footer_menu ul {padding-left: 0;list-style-type: none;}
.footer_menu_nav h3 {margin-bottom: 20px!important;}
#footer { background: #f5821f;color: #fff; font-size: 14px; padding: 10px 0; text-align: center;}
#footer_nav .footer_menu h3.yard_heading { font-size: 22px; color: #db2329; border-bottom: 1px dotted #db2329; display: inline-block; }
@media (max-width: 991px) {
#footer_nav .footer_menu {text-align: center;float: none;}
}
@media (max-width: 767px) {
.footer_custom {width: initial;}
#footer_nav .footer_menu, #footer_nav .footer_header, #footer_nav .footer_body {width: initial;}
}
/**Forms**/
#enquiry, .cforms {padding-left: 0;padding-right: 0;margin-bottom: 30px;}
#cform h3 {margin-bottom: 15px!important;}
.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: #fff;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;}
#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: 100%;margin-top: 0px;padding: 14px 20px;font-weight: 600;background-color: #f5821f;color: #fff;border: 0; letter-spacing: 2px;}
button:hover, button:focus {background: #616163;}
::-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; }
.contact-box a {color: #000; }
#ContactUsForm button { background-color: #f5821f; width: 100%; }
#ContactUsForm button:hover, #ContactUsForm button:focus { background-color: #616163; }
#ContactUsForm input, #ContactUsForm textarea { border: 0; padding: 15px; }
#ContactUsForm label { display: none; }
.c_social_cover .fa { font-size: 25px; }
/*privacy*/
body[data-url="privacy-policy"] #body h1, body[data-url="terms-of-use"] #body h1 { font-size: 30px; }
body[data-url="privacy-policy"] .container.center-wrapper, body[data-url="terms-of-use"] .container.center-wrapper { padding-top: 25px; }
#filter-body .filter .header .fa.fa-angle-double-down, #filter-header .fa.fa-angle-double-down {float: right;font-size: 20px;}
/*for Social share button on vehicle detail page*/
@media(max-width: 767px) {#details-vehicle-share-drop-down { margin: 10px 0 0 0; }}
/***Latest Stock***/
.bx-wrapper .bx-pager.bx-default-pager a { background: #eee; }
#latest-vehicles {background-color: #f5f2f5; margin-bottom: 3px; background-image: url("/media/8025/subtle-dots.png");}
#latest-vehicles .container {position: relative;top: -60px;z-index: 9999;padding: 2px 20px; background-color: #262626; background-image: url("/media/8024/triangles.png"); max-width: 1180px; }
#body #latest-vehicles h2 {font-size: 46px;margin-bottom: 0;margin-top: 0;color: #fff;line-height: 58px;padding: 40px 37px 33px;font-weight: 600;letter-spacing: 3px; text-align: center;}
#body #latest-vehicles h2 small {color: #fff;}
body[data-url='quality-cars-direct-new'] #FeaturedList .bx-wrapper {max-width: 1170px!important;}
@media (max-width: 991px) {
#latest-vehicles .container {top: 0;}
}
@media(max-width: 767px) {
#body .feature-slider h2 {font-size: 43px;margin-top: 0;}
#latest-vehicles { display: none; }
}
/**Quick Search**/
body #quicksearch-wrapper h2 {text-transform: uppercase;font-size: 30px;margin-bottom: 3px;font-weight: 700;line-height: 40px;letter-spacing: 3px;color: #fff;font-family: 'Nunito Sans', sans-serif;margin-top: 20px;}
body #quicksearch-wrapper h2 span {color: #fff; }
body #quicksearch-wrapper p {font-weight: normal;color: #fff;letter-spacing: 4px;}
#quicksearch-wrapper {background: rgba(38, 38, 38,0.8); position: absolute;text-align: center;font-weight: 700;text-transform: uppercase;font-size: 20px;top: 300px;z-index: 9999;left: 250px;max-width: 420px;margin: 0 auto;padding: 12px 30px 34px; display: inline-block;}
#QuickSearchText, #QuickSearchMakeText, #QuickSearchModelText, #QuickSearchYardText, #QuickSearchYard {display: none;}
#QuickSearch {max-width: 100%;}
#QuickSearch select {max-width: 72%;width: 100%;height: 54px;cursor: pointer;border: none;margin: 5px 0;border-radius: 0;-moz-appearance: none; -webkit-appearance: none; background: url("/media/8036/arrow-down-01-16.png") no-repeat scroll right 10px center rgba(240, 130, 31, 0.5); color: #fff;text-align: center;text-transform: uppercase;padding: 10px;font-size: 16px; font-weight: 500;}
@media (max-width: 1199px) { #quicksearch-wrapper {top: 180px; left:20px;}}
@media (max-width: 991px) { #quicksearch-wrapper { left:10px;}}
@media (max-width: 1024px) {
#quicksearch-wrapper {max-width: 100%;position: relative;top: 0; left: 0; width: 100%; background: #616163; border-top: 2px solid #f5821f; border-bottom: 2px solid #f5821f; }
#body #quicksearch-wrapper h2 { font-size: 30px; }
/* .center-wrapper {margin-top: 110px;} */
}
/*slider arrows*/
.bx-wrapper .bx-prev, .bx-prev, .bx-wrapper .bx-next, .bx-next { background: url("/media/8037/controls.png") !important; }
/*top message*/
header #banner h2{text-transform: uppercase;font-size: 22px;background: #f5821f;text-align: center;margin-bottom: 0;color: #fff;padding: 15px;font-weight: 500;font-family: rubik;letter-spacing: 2px;border-bottom: 1px solid #fff; margin-top: 10px; }
header.sticky #banner h2 { margin-top:0; font-size: 18px; padding: 10px; }
@media (max-width: 1199px) {
header #banner h2 { font-size: 17px; padding: 10px; }
}
/*reserve vehicle*/
#body .reserver-title { background-color: #f5821f; color: #fff; padding: 15px 10px; margin: 0 0 15px;text-align: center;font-weight: 500;font-size: 20px; cursor: pointer; border-radius: 5px; letter-spacing: 1px;}
#reserve_enquiry_form.cforms { /* background-color: #eee; */ margin: 0;padding: 0;}
#body .reserver-title:hover, #body .reserver-title:focus { background: #58585a; color: #fff; }
/*modal popup*/
.pop_home .modal-header {background: #f5821f;border-radius: 5px 5px 0 0;}
#body .pop_home .modal-title {text-transform: uppercase;text-align: center;color: #fff;letter-spacing: 1px; font-size: 25px; margin: 0; font-weight: 500;}
.pop_home .close { font-weight: 400; font-size: 30px; opacity: 1; text-shadow: none; color: #fff; display: block;width: auto;}
.reserver-body-bottom { font-size: 20px; text-align: center; background: #f9f2ca; padding: 15px; border-radius: 15px; margin: 0 0 15px;}
.pop_home .modal-body { background: #dadada;}
/*finance calculator edited for colours*/
#finance-calc.newcalculator .finance-calc-result { text-align: center; }
#finance-calc.newcalculator .finance-calc-header-title { background: #f5821f !important; text-transform: uppercase; margin-bottom: 0; }
#finance-calc.newcalculator .finace-calc-body-new { background: #616163 !important; }
#finance-calc.newcalculator .finace-calc-body-new .finance-calc-result-title { background: #f5821f !important; }
#finance-calc.newcalculator .finance-calc-header { border: 0; }
#finance-calc.newcalculator .finance-calc-header-title .fa { color: #616163 !important; }
#finance-calc.newcalculator { margin-bottom: 30px !important; }
#finance-calc.newcalculator .finance-calc-body-bottom { background: #fff !important; }
#finance-calc.newcalculator .spacer { border-top: 2px solid #616163 !important; }
#finance-calc.newcalculator .slider-bar .ui-widget-header { border: 1px solid #f5821f !important; }
#finance-calc.newcalculator .slider-bar .ui-state-default {border: 5px solid #f5821f !important; color: #f5821f !important; }
/*sell your car*/
#sell-you-car-form {padding: 0 20px 20px;background: #dfdfdf; border-radius: 10px;}
#ContactUsForm {padding: 0 20px 20px;background: #dfdfdf; border-radius: 10px; display: inline-block; width: 100%;}
#body #ContactUsForm h3 { color: #f5821f; font-size: 25px; margin: 15px 0 15px; text-align: center; }
/*latest vehicles*/
#body h2.latest-vehicle-title {text-align: center;font-size: 35px;}
/*New Slider Styles*/
#new_vehicle_slider { overflow: hidden; }
#new_vehicle_slider.flexslider .slides > li { background: #f7f7f7; text-align: center; font-weight: 500; box-shadow: none;}
#new_vehicle_slider.flexslider { background: transparent; border: 0; box-shadow: 0 0 0 0; }
#new_vehicle_slider.flexslider .f_title, #new_vehicle_slider.flexslider .f_price { background: #616163; padding-top: 5px; color: #fff; }
#new_vehicle_slider.flexslider .f_title { font-weight: 600; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#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: 14px; }
#new_vehicle_slider .f_price.f_yesspecial .normal_price { text-decoration: line-through; font-size: 16px; }
#new_vehicle_slider.flexslider .f_btn {background: #616163;color: #fff;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;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;margin-left: 6px;}
#new_vehicle_slider.flexslider .f_btn:hover {background: #f5821f;color: #fff;transition: 0.5s;}
#new_vehicle_slider.flexslider .f_btn .point_arrows { font-size: 25px;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: #fff; }
#new_vehicle_slider .flex-control-paging li a.flex-active { background: #616163; }
#new_vehicle_slider .vehicle_details_options div { background: transparent url("/media/10587/vehile-slider-sprite-icons.png") no-repeat; padding: 10px 0 10px 65px; min-height: 43px; }
#new_vehicle_slider .vehicle_details_options .f_odo { background-position: 0 -5px; }
#new_vehicle_slider .vehicle_details_options .f_trans { background-position: 0 -96px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#new_vehicle_slider .vehicle_details_options .f_body { background-position: 0 -185px; }
#new_vehicle_slider .vehicle_details_options .f_fuel { background-position: 0 -279px; }
/*sitemap*/
[data-url="sitemap"] #body h2 {margin-top: 0;background: #f5821f;color: #fff;font-size: 20px;text-transform: uppercase;padding: 10px 15px;border-radius: 5px;font-weight: 500; letter-spacing: 2px; margin-bottom: 10px;}
.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: #616163; }
body[data-url="sitemap"] .center-wrapper a:hover {color: #f5821f;}
/*vehicle details page back button*/
#back-stock {background: transparent;color: #616163;padding: 10px;display: inline-block;margin: 0 0 15px;border-radius: 5px;font-weight: 600;text-transform: uppercase;font-size: 15px;border: 2px solid #616163;}
#back-stock:hover { background: #616163; color: #fff; }
/*sold Vehicles*/
#sold-vehicle { float: none; margin-top: 0; background:#f5821f;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;}
/*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: #f5821f;}
#search-filters .filter a:hover, #search-filters .filter a:focus, #search-filters .filter a:active {color: #de2121;}
/*Vehicle details page*/
#details-sidebar-main .header:hover {background-color: #f5821f;}
/*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:#f5821f;padding: 10px 15px;border-radius: 3px;min-width: 120px;text-align: center; margin-top: 0;}
#details-vehicle-info-options a:hover, #details-vehicle-info-options a:active, #details-vehicle-info-options a:focus { background-color: #616163; }
#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: "";}
}
/*social share*/
#details-vehicle-share-drop-down { background: #f5821f; padding: 10px 0; }
#details-vehicle-share-drop-down:hover, #details-vehicle-share-drop-down:active, #details-vehicle-share-drop-down:focus {background-color: #616163;}
/*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; }
}
/*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: 20px;padding: 7px 0 0 45px;list-style-type: none;font-weight: 600; display: table; width: 40%;}
#details-vehicle-info-vehicle-Extras li {width: 40%;}
.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 list page*/
@media (min-width: 767px) {
#search-results .search_desc { }
.search_meta { min-height: 309px; }
.share-btn { padding-right: 0; }
}
.img-small {padding-left: 0;padding-right: 0;}
.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: 20px; }
/*contact us*/
[data-url="contact-us"] #body h3 { color: #616163; }
/*warranty*/
.btn-warranty { background: #00467f; color: #fff; padding: 15px 20px; display: inline-block; border-radius: 10px; font-weight: 600; font-size: 18px; letter-spacing: 0.5px; margin-bottom: 25px;}
.btn-warranty:hover, .btn-warranty:focus { background: #ee2e24; color: #fff; transition: 0.4s; }