/*
Theme Name: 	Zooper
Theme URI: 	    http://www.dealersolutions.com.au
Description: 	Dealer Solutions Zooper Responsive Template 1
Version: 	    1.0.2
Author: 	    Dealer Solutions
Author URI: 	http://www.dealersolutions.com.au

License:	    Closed
*/

body {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #231f20;
}

@font-face {
    font-family: "American Typewriter Bold";
    src: url("fonts/American-Typewriter-Bold-BT.eot");
    src: url("fonts/American-Typewriter-Bold-BT.eot?#iefix") format("embedded-opentype"),
    url("fonts/American-Typewriter-Bold-BT.woff2") format("woff2"),
    url("fonts/American-Typewriter-Bold-BT.woff") format("woff"),
    url("fonts/American-Typewriter-Bold-BT.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TTRounds Bold";
    src: url("fonts/TTRounds-Bold.eot");
    src: url("fonts/TTRounds-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/TTRounds-Bold.woff2") format("woff2"),
    url("fonts/TTRounds-Bold.woff") format("woff"),
    url("fonts/TTRounds-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TTRounds Regular";
    src: url("fonts/TTRounds-Regular.eot");
    src: url("fonts/TTRounds-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/TTRounds-Regular.woff2") format("woff2"),
    url("fonts/TTRounds-Regular.woff") format("woff"),
    url("fonts/TTRounds-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* BTNS */
.zooper-sidebar .btn.btn-primary,
.zooper-form .btn.btn-primary,
.zooper-main-content .btn.btn-primary {
    border-radius: 3px;
    border: 2px solid #000000;
    background: #ffdd00;
    color: #231f20;
    font-size: 17px;
    font-family:"American Typewriter Bold", Helvetica, Arial, sans-serif;
    transition: opacity 0.2s ease;
}

.zooper-sidebar .btn.btn-primary:hover,
.zooper-form .btn.btn-primary:hover,
.zooper-main-content .btn.btn-primary:hover{
    opacity: 0.7;
}

.zooper-sidebar .btn.btn-primary:focus,
.zooper-form .btn.btn-primary:focus,
.zooper-main-content .btn.btn-primary:focus,
.zooper-sidebar .btn.btn-primary:active,
.zooper-form .btn.btn-primary:active,
.zooper-main-content .btn.btn-primary:active {
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(0,0,0,0.75);
    box-shadow: inset 1px 1px 5px -1px rgba(0,0,0,0.75);
    outline: none;
}

textarea:focus,
button:focus,
input:focus,
textarea:hover,
button:hover,
input:hover,
textarea:active,
button:active,
input:active {
    outline:0 !important;
}

/* Row with equal height columns */

/* BELOW IS CAUSING CONFLICTS WITH INVENTORY, COMMENTED OUT FOR NOW, DOESNT SEEM TO BE USED */
/*.row-eq-height {*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display:         flex;*/
/*}*/

/* Header */

#page-top {
    background-color: #000000;
}

@media screen and (min-width: 1441px) {
    #page-top {
        padding-top: 20px;
    }
}

.header {
    background-color: #000000;
    color: #ffffff;
    line-height: 25px;
}

.header .header-links .col-header-link {
    padding-right: 0;
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .header .col-header-link {
        text-align: center;
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
    }
}

.col-header-link-assist {
    padding-left: 13px;
}

.header-links a {
    color: #ffffff;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 17px;
    text-decoration: none;
}

.header-links a img {
    display: inline;
}

.header-links a:focus, .header-links a:hover {
    color: #ffdd00;
    text-decoration: none;
}

.icon-service, .icon-assist, .icon-call {
    width: 23px;
    height: 23px;
}

.logo-col {
    padding-left: 13px;
    padding-right: 10px;
    min-height: 84px;
    background-color: #000000;
}

.header-logo {
    margin-top: 16px;
    max-height: 68px;
}

/* Navigation */

#zooper-navbar {
    /* Overlay menu rather than forcing content further down page */
    position: absolute;
    width: 100%;
    background: #000000;
    background: rgba(0, 0, 0, 0.85);
    top: 84px;
    left: 15px;
    padding: 0;
    overflow-x: hidden;
}

#menu-header-menu {
    margin-top: 210px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.zooper-nav.navbar {
    background-color: #000000;
    border: 0;
    margin-bottom: 0;
}

.hamburger-menu-button-text {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
}

.zooper-nav .navbar-header .navbar-toggle {
    border: 2px solid #ffdd00;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 16px;
    padding-bottom: 0;
    padding-top: 1px;
}

.zooper-nav.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffdd00;
    display: block;
    width: 28px;
    height: 4px;
    margin: 0 auto 4px;
    position: relative;
    top: 6px;
}

.zooper-nav.navbar-default #zooper-navbar.navbar-collapse {
    border: 0;
    -webkit-box-shadow: 0 9px 7px -7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 9px 7px -7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 9px 7px -7px rgba(0, 0, 0, 0.5);
}

.zooper-nav.navbar-default .navbar-toggle:hover, .zooper-nav.navbar-default .navbar-toggle:focus {
    background-color: #000000;
}

.zooper-nav.navbar-default .navbar-toggle:hover, .zooper-nav.navbar-default .navbar-toggle:focus .hamburger-menu-button-text {
    color: #ffdd00;
}

.zooper-nav.navbar-default .navbar-toggle.collapsed:focus .hamburger-menu-button-text {
    color: #ffffff;
}

.zooper-nav.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
}

.zooper-nav.navbar-default .navbar-nav>li>a:focus, .zooper-nav.navbar-default .navbar-nav>li>a:hover {
    color: #ffdd00;
}

.zooper-nav.navbar-default .navbar-nav>.active>a,
.zooper-nav.navbar-default .navbar-nav>.active>a:hover,
.zooper-nav.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #ffdd00;
}

.zooper-nav .fa-chevron-right {
    float: right;
}

.zooper-nav .nav > li {
    border-bottom: 2px solid rgba(255,255,255,0.3);
}

/* Car Finder - Mobile Nav */
.car-finder-box {
    position: relative;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    padding-bottom: 18px;
    text-align: center;
    background-color: #ffdd00;
    margin-bottom: 15px;
}
.car-finder-box h2 {
    font-size: 24px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    margin-top: 32px;
    padding-top: 20px;
    padding-bottom: 4px;
}

.car-finder-box .search-btn {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    width: 100%;
    max-width: 400px;
    margin: 9px 0 0 0;
    padding: 0;
    height: 46px;
    background: #ffdd00;
    border: 1px solid #000000;
    color: #231f20;
    border-radius: 0;
    transition: opacity linear 0.2s;
}

.car-finder-box .search-btn:hover {
    opacity: 0.7;
}



.search-box-results-page {
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#search-zooper {
    max-width: 754px;
}

@media screen and (max-width: 328px) {
    #carfinder-wrapper h2 {
        font-size: 21px;
    }
}

.carfinder-search {
    position: relative;
    top: -1px;
    border: 1px #000000 solid;
    width: 100%;
    max-width: 400px;
    padding: 9px;
    border-radius: 0;
    font-size: 18px;
    font-family: 'TTRounds Regular', Helvetica, Arial, sans-serif;
}

h1.title-find-your-next-car {
    margin-top: 32px;
}

.btn-close-carfinder {
    height: 33px;
    border-top: 2px #ffdd00 solid;
    width: 100%;
    background-color: #000000;
    text-align: right;
    color: #ffffff;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    border-radius: 0;
    line-height: 31px;
    padding-top: 0;
}
.col-car-finder-white-box rzslider .rz-bubble {
    font-size: 14px;
    color: #231f20;
}



.car-finder-price-range-heading {
    margin-bottom: -18px;
}

.car-finder-price-range-heading + .ng-isolate-scope {
    max-width: 246px;
    margin: 0 auto 36px auto;
}

/* Front Page: Video Section */
.top-video-section {
    background: #ffdd00;
    padding: 20px 15px 11px;
}

.slogan-mobile {
    margin-bottom: 11px;
}

.slogan-desktop {
    margin-top: 17px;
}

.tagline {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 27px;
    letter-spacing: -1px;
    margin-top: 58px;
}

/* Front Page Carousel */
.page-template-front-page .carousel a.carousel-control {
    background-image: none;
    transition: all 333ms;
}

/* Front Page: Car Finder & CTAs */

#dealership-finder .map {
    height: 100%;
}

/*Clear default select element styles */
.select-style {
    padding: 0;
    margin: 0;
    border: 0;
    width: 120px;
    overflow: hidden;
    background: #fff;
    border-radius: 0;
}
.select-style select {
    padding: 7px 30px 7px 12px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.select-style select:focus {
    outline: none;
}


.select-style.yellow-select select {
    background: #ffdd00 url("img/select-btn-arrows.png") no-repeat right 15px center;
}

.select-style.yellow-select select[disabled] {
    opacity: 0.7;
    background: #ffdd00 url("img/select-btn-arrows.png") no-repeat right 15px center;
}


.select-style.yellow-select {
    width: 100%;
    max-width: 242px;
    margin: 0 auto 13px auto;
}

.car-finder-front-page .scm-dropdown .scm-dropdown__btn {
    padding-right: 30px;
    border-radius: 0;
    color: #000;
    border:none;
    font-size: 19px;
    height: 40px;
    overflow: hidden;
    background: #ffdd00 url("img/select-btn-arrows.png") no-repeat right 15px center;
}

.scm-dropdown .scm-dropdown__list .scm-dropdown__option:hover,
.scm-dropdown .scm-dropdown__list .scm-dropdown__option.stripe:hover {
    background-color:#EFCF00;
}

.scm-dropdown .scm-dropdown__list .scm-dropdown__option.selected {
    background: #F7D600;
}

.scm-dropdown .scm-dropdown__list .scm-dropdown__option {
    background: #F7D600;
}

.scm-dropdown .scm-dropdown__list .scm-dropdown__option.stripe {
     background: #FD0;
}

.car-finder-front-page .scm-dropdown .scm-dropdown__btn::after {
    display: none;
}

.btn-close-carfinder-front-page {
    background: #ffdd00 url("img/btn-arrow-down.png") no-repeat 96% 50%;
    width: 100%;
    max-width: 242px;
    display: block;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    padding: 12px 8px;
    text-align: left;
    color: #000000;
}

.btn-close-carfinder-front-page:focus,
.btn-close-carfinder-front-page:hover {
    color: #000000;
}

.btn-close-carfinder-front-page[aria-expanded|=true] {
    background: #ffdd00 url("img/btn-arrow-up.png") no-repeat 96% 50%;
}

#car-finder-body-types {
    text-align: center;
    max-width: 272px;
    margin: 17px auto 0 auto;
}

#car-finder-body-types .category-box {
    color: #231f20;
    background: #ffffff url("img/vehicle-icon.png") no-repeat 0 0;
    height: 81px;
    width: 107px;
    display: inline-block;
    padding: 46px 0 0;
    border: 3px solid #ffdd00;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: normal;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}

#car-finder-body-types .category-box.icon_wagons {
    background: #ffffff url("img/vehicle-icon-wagons.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_convertibles {
     background: #ffffff url("img/vehicle-icon-convertibles.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_vans {
    background: #ffffff url("img/vehicle-icon-vans.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_utes {
    background: #ffffff url("img/vehicle-icon-utes.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_4wds {
    background: #ffffff url("img/vehicle-icon-4wds.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_hatchbacks {
    background: #ffffff url("img/vehicle-icon-hatchbacks.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_sedans {
    background: #ffffff url("img/vehicle-icon-sedans.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_coupes {
    background: #ffffff url("img/vehicle-icon-coupes.png") no-repeat 0 0;
}

#car-finder-body-types .category-box.icon_sports_cars {
    background: #ffffff url("img/vehicle-icon-sports-cars.png") no-repeat 0 0;
}

#car-finder-body-types .col-sm-4 {
    width: 50%;
    display: inline-block;
}

#car-finder-body-types .category-box.active {
    background-color: #ffdd00;
}

#car-finder-body-types .ctas-section-front-page {
    color: #000000;
}


.car-finder-front-page h1,
.ctas-section-front-page h1 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    color: #231f20;
    font-size: 26px;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 13px;
}

.car-finder-front-page h2 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    color: #231f20;
}

.car-finder-front-page .rz-bubble .min-label,
.car-finder-front-page .rz-bubble .max-label {
    display: none;
}

.car-finder-front-page .select-style select {
    font-size: 16px;
    line-height: 30px;
    min-height: 45px;
    width: 100%;
    /*margin-left: -5px;*/
    color: #231f20;
}

.car-finder-front-page {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

a.btn-advanced-options-car-finder {
    background: #ffffff;
    border: 4px solid #ffdd00;
    border-radius: 0;
    font-size: 18px;
    padding: 4px 9px;
    margin-top: 28px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px #acacac;
    color: #000000;
    outline: none !important;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    max-width: 232px;
}

a.btn-advanced-options-car-finder:focus,
a.btn-advanced-options-car-finder:hover {
    border: 4px solid #ffdd00;
    background: #ffdd00;
    color: #000000;
}

a.btn-advanced-options-car-finder .fa-search {
    padding-left: 7px;
}

.btn-reset-search-car-finder {
    background: #ffffff;
    border: 1px solid #5b5b5b;
    color: #5b5b5b;
    margin-bottom: 20px;
    font-size: 18px;
    padding: 5px 12px;
    float: right;
}

@media screen and (max-width: 991px) {
    .btn-reset-search-car-finder {
        margin-top: 25px;
        float: none;
    }
}

.btn-reset-search-car-finder .fa-times {
    padding-left: 22px;
}

.form-lower-section {
    background: #eeeeee url('img/car-finder-search-bg-mobile.jpg') center top no-repeat;
    min-height: 82px;
    margin-top: 20px;
}

.search-row-car-finder {
    padding-bottom: 24px;
    border-bottom: 2px solid #eeeeee;
}

.car-finder-front-page .search-btn {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 25px;
    background: #ffdd00;
    border: solid 2px #231f20;
    color: #231f20;
    padding: 10px 20px;
    margin: 0 auto;
    text-align: center;
    min-width: 131px;
    display: block;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.car-finder-front-page .search-btn:focus,
.car-finder-front-page .search-btn:hover {
    opacity: 0.7;
}

.ctas-section-front-page h2 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    border-bottom: #000 2px solid;
    display: table;
    margin: 0 auto;
    padding-bottom: 5px;
    text-align: center;
}
.ctas-section-front-page h2 a {
    text-decoration: none;
    color: inherit;
}
.ctas-section-front-page ul {
    padding: 0;
    margin-bottom: 25px;
}

.ctas-section-front-page li {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    list-style-type: none;
}

.ctas-section-front-page li::before {
    content: '\2022';
    padding-right: 4px;
}

.ctas-section-front-page {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ctas-section-front-page-bg {
    position: absolute;
    top: 21px;
    left: 50%;
    margin-left: -182px;
    z-index: -1;
}

.ctas-section-front-page .cta-icon {
    margin-top: 19px;
    margin-bottom: 14px;
}


/* Front Page: Browse Cars */

.browse-cars-section-front-page .nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
}

.browse-cars-section-front-page .nav-tabs {
    text-align: center;
}

.browse-cars-section-front-page .tab-content {
    position: relative;
    padding-top: 15px;
    padding-bottom: 21px;
    background: #ffffff;
}

.section-heading-browse-cars-container {
    background-color: #ffdd00;
    min-height: 55px;
}

.browse-cars-section-front-page h1 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #231f20;
    border-bottom: #231f20 2px solid;
    display: table;
    margin: 11px auto;
    text-align: center;
}

.browse-cars-section-front-page .nav-tabs li > a,
.browse-cars-section-front-page .nav-tabs li > a:hover,
.browse-cars-section-front-page .nav-tabs li > a:focus {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 21px;
    padding-top: 5px;
    background-color: #cccccc;
    color: #ffffff;
    outline: 0;
    position: relative;
    top: 2px;
    border: 0;
    padding-left: 18px;
    padding-right: 18px;
    min-width: 143px;
}

.browse-cars-section-front-page .nav-tabs li > a:hover,
.browse-cars-section-front-page .nav-tabs li > a:focus {
    color: #231f20;
}

.browse-cars-section-front-page .nav-tabs li.active > a,
.browse-cars-section-front-page .nav-tabs li.active > a:hover,
.browse-cars-section-front-page .nav-tabs li.active > a:focus {
    border: 3px solid #ffdd00;
    border-bottom-color: transparent;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
}

.browse-cars-section-front-page .nav-tabs li:first-child > a {
    border-top-right-radius: 0;
    left: 7px;
}

.browse-cars-section-front-page .nav-tabs li.active:first-child > a {
    border-top-right-radius: 4px;
    left: 0;
}

.browse-cars-section-front-page .nav-tabs li:nth-child(2) > a {
    border-top-left-radius: 0;
    left: -7px;
}

.browse-cars-section-front-page .nav-tabs li.active:nth-child(2) > a {
    border-top-left-radius: 4px;
    left: 0;
}

.browse-cars-section-front-page .nav-tabs {
    border-bottom: 3px solid #ffdd00;
    margin-top: 6px;
}

.browse-cars-section-front-page .nav-tabs li.active > a {
    color: #231f20;
    z-index: 2;
}

.browse-cars-section-front-page .tabs-browse-cars-container {
    background: #eeeeee;
    position: relative;
}

.browse-cars-section-front-page img {
    margin: 0 auto 5px auto;
}
.browse-cars-section-front-page .slick-slide h2 {
    font-size: 21px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 5px;
}

.browse-cars-section-front-page .slick-slide h3 {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
}

.show-more-container {
    position: absolute;
    right: 20px;
    top: 20px;
}

.btn.btn-show-more,
li.active .btn.btn-show-more {
    position: relative;
    z-index: 2;
    background: #ffdd00;
    color: #231f20;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    outline: 0 !important;
    opacity: 1;
    box-shadow: 1px 1px 1px #aaa;
    transition: box-shadow linear 0.2s;
}

.btn.btn-show-more:hover,
li.active .btn.btn-show-more:hover {
    box-shadow: none;
}

.btn.btn-show-more:active,
li.active .btn.btn-show-more:active {
    box-shadow: inset 1px 1px 1px #aaa;
}

li .btn.btn-show-more {
    background: #ffffff;
    color: #cccccc;
    box-shadow: none;
}

li .btn.btn-show-more .fa {
    color: #ccc;
}
li.active .btn.btn-show-more .fa {
    color: #231f20;
}



.btn-show-more  .fa-chevron-right {
    color: #231f20;
}

.recent-listing-info h3.text-manu-model {
    font-size: 16px;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.recent-listing-info h3.text-prop-badge {
    font-size: 16px;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
    line-height: 18px;
    padding-top: 3px;
    height: 28px;
    overflow:hidden;
}

.recent-listing-info h2.price {
    font-size: 27px;
    font-weight: normal;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    border-bottom: 4px solid #ffdd00;
    padding-bottom: 5px;
    margin-top: 2px;
    color: #231f20;
}
.recent-listing-info h2.price small {
    display: block;
    font-size: 14px;
    color: #231f20;
}

#recent-listings .slick-prev, #recent-listings .slick-next,
#repay-monthly .slick-prev, #repay-monthly .slick-next{
    font-size: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: calc(33% - 14px);
    width: 19px;
    height: 36px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: #ffdd00;
}

#recent-listings a.slick-slide,
#repay-monthly a.slick-slide{
    color: #231f20;
    text-decoration: none;
}

#recent-listings a.slick-slide:hover,
#repay-monthly a.slick-slide:hover{
    color: #5b5b5b;
}

#recent-listings .slick-prev,
#repay-monthly .slick-prev{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#recent-listings .slick-next,
#repay-monthly .slick-next{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#repay-monthly {
    min-height: 220px;
}
.browse-cars-section-front-page .desktop-repay-slider {
    position: absolute;
    width: 240px;
    top: 7px;
    right: 15px;
}
.browse-cars-section-front-page .mobile-repay-slider {
    padding: 10px 30px;
}
.browse-cars-section-front-page .repay-slider {
    position: relative;
    font-size: 14px;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    z-index: 100;
    margin: 15px 0 25px;
}
.browse-cars-section-front-page .repay-slider .rz-pointer,
.col-car-finder-white-box rzslider .rz-pointer{
    width: 36px;
    height: 20px;
    top: -7px;
    background-color: #ffdd00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.browse-cars-section-front-page li .repay-slider .rz-pointer {
    background-color: #ffffff;
}

.browse-cars-section-front-page li.active .repay-slider .rz-pointer {
    background-color: #ffdd00;
}
.browse-cars-section-front-page .repay-slider .rz-pointer:after,
.col-car-finder-white-box rzslider .rz-pointer:after {
    left: 12px;
    border-radius: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffdd00;
    background: none;
    top: 20px;
}
.browse-cars-section-front-page li .repay-slider .rz-pointer:after {
    border-top: 6px solid #ffffff;
}
.browse-cars-section-front-page li.active .repay-slider .rz-pointer:after {
    border-top: 6px solid #ffdd00;
}

.browse-cars-section-front-page .repay-slider .rz-bubble,
.col-car-finder-white-box rzslider .rz-bubble {
    bottom: -36px;
    color: #231f20;
}
.browse-cars-section-front-page li .repay-slider .rz-bubble {
    color: #ffffff;
}
.browse-cars-section-front-page li.active .repay-slider .rz-bubble {
    color: #231f20;
}

.browse-cars-section-front-page .repay-slider  .rz-bar.rz-selection,
.col-car-finder-white-box rzslider .rz-bar.rz-selection {
    background: #939598;
}
.browse-cars-section-front-page .repay-slider  .rz-bar,
.col-car-finder-white-box rzslider .rz-bar {
    height: 6px;
    background: #939598;
}

.browse-cars-section-front-page li .repay-slider  .rz-bar.rz-selection,
.browse-cars-section-front-page li .repay-slider  .rz-bar {
    background: #ffffff;
}
.browse-cars-section-front-page li.active .repay-slider  .rz-bar.rz-selection,
.browse-cars-section-front-page li.active .repay-slider  .rz-bar {
    background: #939598;
}

.browse-cars-section-front-page .repay-slider .rz-bar:before,
.col-car-finder-white-box rzslider .rz-bar:before {
    content: "";
    display: block;
    background: #939598;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    border-radius: 50%;
}

.browse-cars-section-front-page .repay-slider .rz-bar:after,
.col-car-finder-white-box rzslider .rz-bar:after {
    content: "";
    display: block;
    background: #939598;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -4px;
    right: 0;
    border-radius: 50%;
}
.browse-cars-section-front-page li .repay-slider .rz-bar:after,
.browse-cars-section-front-page li .repay-slider .rz-bar:before {
    background: #ffffff;
}
.browse-cars-section-front-page li.active .repay-slider .rz-bar:after,
.browse-cars-section-front-page li.active .repay-slider .rz-bar:before {
    background: #939598;
}

.slick-prev::before, .slick-next::before {
    font-family: "FontAwesome", sans-serif;
    font-size: 15px;
    line-height: 1;
    opacity: 1;
    color: #231f20;
    text-shadow: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev::before {
    content: '\f053';
}

.slick-next::before {
    content: '\f054';
}


#recent-listings .slick-prev,
#repay-monthly .slick-prev{
    position: absolute;
    left: 0;
}

#recent-listings .slick-next,
#repay-monthly .slick-next{
    position: absolute;
    right: 0;
}

.text-bold {
    font-weight: bold;
}

/* Content Area */

.page-title-area {
    background-color: #ffdd00;
    position: relative;
}

.page-title-area h1 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 14px;
    font-size: 24px;
    line-height: 19px;
    text-align: center;
    color: #231f20;
}

.zooper-main-content h2 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-bottom: 18px;
    border-bottom: solid 2px #eeedee;
    margin-bottom: 15px;
    line-height: 21px;
    font-size: 18px;
    color: #231f20;
}

.zooper-main-content h2.entry-title {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    font-size: 20px;
    border-bottom: 0;
    letter-spacing: normal;
    text-align: left;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 2px solid #231f20;
    display: inline-block;
    line-height: 20px;
}

.zooper-main-content h2.entry-title a,
.zooper-main-content h2.entry-title a:focus,
.zooper-main-content h2.entry-title a:hover {
    text-decoration: none;
}

.entry-summary {
    margin-bottom: 21px;
}

strong.search-excerpt {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.zooper-main-content .zooper-responsive-embed {
    padding: 0 20px 20px 15px;
    border-bottom: solid 2px #eeedee;
    margin-bottom: 10px;
}
.zooper-main-content {
    font-size: 16px;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    text-align: center;
    color: #231f20;
}

.category .zooper-main-content {
    text-align: left;
}

.zooper-main-content a {
    font-weight: bold;
    color: inherit;
}

.zooper-main-content article p img {
    display: block;
    max-width: 100%;
    padding: 0 20px 20px 15px;
    border-bottom: solid 2px #eeedee;
    margin: 0 auto 10px;
}

/* Finance Page */
.zooper-calculator-loan-results {
    background: #ffdd00;
    height: 100%;
}

.zooper-calculator-loan h3 {
    margin: 0;
    text-align: center;
}
.zooper-calculator-loan-form {
    background: #000000;
    height: 100%;
    padding-bottom: 25px;
}
.zooper-calculator-loan-form p {
    color: #ffffff;
    text-align: left;
    margin-bottom: 6px;
}
.zooper-calculator-loan-form h3 {
    color: #ffffff;
}
.repayment-frequency {
    margin-bottom: 0;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 78px;
}
.tab-content .repayment-frequency {
    padding-bottom: 45px;
}
.zooper-calculator-loan h3 {
    font-size: 26px;
    line-height: 28px;
    padding-top: 17px;
    padding-bottom: 23px;
}
.zooper-calculator-loan .zooper-calculator-loan-form h3 {
    padding-top: 62px;
}
.zooper-calculator-loan label {
    text-align: left;
    width: 48%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0;
    vertical-align: middle;
}
.zooper-calculator-loan input,
.zooper-calculator-loan select {
    color: #231f20;
    padding: 9px 12px;
    border: 1px solid #000000;
    outline: 0;
    min-height: 45px;
    width: calc(50% - 9px);
    vertical-align: middle;
    border-radius: 0;
}
.zooper-calculator-loan select {
    display: inline;
    border-radius: 0;
    font-size: 16px;
}
.zooper-calculator-loan input:focus,
.zooper-calculator-loan select:focus {
    border: 1px solid #FFDD00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 221, 0, 1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 221, 0, 1);
}
.zooper-repayment-amount {
    font-size: 54px;
    line-height: 54px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #000000;
    display: inline;
    margin: 0;
}
.zooper-repayment-amount-result {
    font-size: 34px;
}
.results-amt {
    text-align: center;
    margin: 0;
}
.col-loan-form {
    position: relative;
}
.zooper-calculator-icon {
    position: absolute;
    left: calc(50% - 40px);
    top: -41px;
}
.accrue-field-amount {
    display: none;
}
.accrue-field-term {
    display: none;
}
a.btn-finance-estimator {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    background: #FFDD00;
    color: #231f20;
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    font-size: 28px;
    font-weight: normal;
    outline: 0;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    padding: 0;
    width: 100%;
    max-width: 195px;
    margin: 22px auto 0 auto;
    display: block;
    letter-spacing: -1px;
}
a.btn-finance-estimator:focus,
a.btn-finance-estimator:hover {
    opacity: 0.7;
}
.zooper-calculator-loan-results p {
    text-align: center;
}
#weekly-repayment-result {
    display: none;
}

/* Service Page */

.service-tile {
    background: #ffdd00;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    width: 100%;
}

.zooper-main-content .service-tile h3 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    color: #000000;
    letter-spacing: normal;
}

.service-price {
    color: #ffffff;
    background: #000000;
    font-size: 47px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    line-height: 56px;
    height: 56px;
    width: 100%;
    display: block;
}

.service-details {
    line-height: 21px;
    color: #231f20;
}

.service-details p {
    margin: 0;
}

.service-tile ul {
    padding: 0 0 13px 0;
}

.service-tile li {
    list-style-type: none;
}

.service-tile li::before {
    content: '\2022';
    padding-right: 4px;
}

.service-secondary-content.terms {
    border-bottom: 2px solid #eeedee;
    margin-top: 15px;
    margin-bottom:15px;
    padding: 15px;
}

.service-secondary-content h2:first-child {
    border-top: solid 2px #eeedee;
    border-bottom: 0;
    padding-top: 19px;
    padding-bottom: 0;
    margin-top: 13px;
    margin-bottom: 5px;
}

/* terms-and-conditions */
.content-terms-and-conditions article {
    margin-top: 15px;
}

/* privacy-policy */
.privacy-policy-link {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Search Results Page */
.col-search-results-heading {
    position: relative;
}

/* Footer */

.dealership-location-clientno {
    display: none;
}

#dealership-finder {
    color: #231f20;
}

.footer-dealership-finder-section .finder-search-area {
    background: #231f20;
    color: #ffffff;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.footer-dealership-finder-section .dealersearchbox {
    width: 255px;
    margin: 10px auto 15px;
    padding: 9px 11px;
    color: #231f20;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    display: block;
    letter-spacing: -0.5px;
    border-radius: 0;
}

#search-by-clientno-btn, #search-by-clientno-input, #search-by-clientno-input-footer {
    display: none;
    color: #231f20;
}

.footer-dealership-finder-section .search-btn {
    width: 116px;
    margin: 0 auto 19px;
    display: block;
    text-align: center;
    padding: 0;
    height: 52px;
    background: #ffdd00;
    color: #231f20;
    border: 0;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 24px;
    transition: opacity linear 0.2s;
}

.footer-dealership-finder-section .search-btn:hover {
    opacity: 0.7;
}

.footer-dealership-finder-section .search-btn:focus,
.footer-dealership-finder-section .search-btn:active {
    opacity: 1;
    box-shadow: inset 1px 1px 1px #aaa;
}

/* Base for label styling */
.footer-dealership-finder-section [type="checkbox"]:not(:checked),
.footer-dealership-finder-section [type="checkbox"]:checked,
.form-details [type="checkbox"]:not(:checked),
.form-details [type="checkbox"]:checked,
.form-details [type="radio"]:not(:checked),
.form-details [type="radio"]:checked,
.zooper-main-content [type="checkbox"]:not(:checked),
.zooper-main-content [type="checkbox"]:checked,
.ds-form [type="checkbox"]:not(:checked),
.ds-form [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.footer-dealership-finder-section [type="checkbox"]:not(:checked) + label,
.footer-dealership-finder-section [type="checkbox"]:checked + label,
.form-details [type="checkbox"]:not(:checked) + label,
.form-details [type="checkbox"]:checked + label,
.form-details [type="radio"]:not(:checked) + label,
.form-details [type="radio"]:checked + label,
.zooper-main-content [type="checkbox"]:not(:checked) + label,
.zooper-main-content [type="checkbox"]:checked + label,
.ds-form [type="checkbox"]:not(:checked) + label,
.ds-form [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.form-details [type="radio"] + label {
    padding-left: 29px;
    padding-top: 3px;
}

/* checkbox aspect */
.footer-dealership-finder-section [type="checkbox"]:not(:checked) + label:before,
.footer-dealership-finder-section [type="checkbox"]:checked + label:before,
.form-details [type="checkbox"]:not(:checked) + label:before,
.form-details [type="checkbox"]:checked + label:before,
.form-details [type="radio"]:not(:checked) + label:before,
.form-details [type="radio"]:checked + label:before,
.zooper-main-content [type="checkbox"]:not(:checked) + label:before,
.zooper-main-content [type="checkbox"]:checked + label:before,
.ds-form [type="checkbox"]:not(:checked) + label:before,
.ds-form [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 5px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

/* checked mark aspect */
.footer-dealership-finder-section [type="checkbox"]:not(:checked) + label:after,
.footer-dealership-finder-section [type="checkbox"]:checked + label:after,
.form-details [type="checkbox"]:not(:checked) + label:after,
.form-details [type="checkbox"]:checked + label:after,
.form-details [type="radio"]:not(:checked) + label:after,
.form-details [type="radio"]:checked + label:after,
.zooper-main-content [type="checkbox"]:not(:checked) + label:after,
.zooper-main-content [type="checkbox"]:checked + label:after,
.ds-form [type="checkbox"]:not(:checked) + label:after,
.ds-form [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 2px;
    font-size: 18px;
    line-height: 0.8;
    color: #231f20;
    transition: all .2s;
}

/* checked mark aspect changes */
.footer-dealership-finder-section [type="checkbox"]:not(:checked) + label:after,
.form-details [type="checkbox"]:not(:checked) + label:after,
.form-details [type="radio"]:not(:checked) + label:after,
.zooper-main-content [type="checkbox"]:not(:checked) + label:after,
.ds-form [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.footer-dealership-finder-section [type="checkbox"]:checked + label:after,
.form-details [type="checkbox"]:checked + label:after,
.form-details [type="radio"]:checked + label:after,
.zooper-main-content [type="checkbox"]:checked + label:after,
.ds-form [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.footer-dealership-finder-section [type="checkbox"]:disabled:not(:checked) + label:before,
.footer-dealership-finder-section [type="checkbox"]:disabled:checked + label:before,
.form-details [type="checkbox"]:disabled:not(:checked) + label:before,
.form-details [type="checkbox"]:disabled:checked + label:before,
.form-details [type="radio"]:disabled:not(:checked) + label:before,
.form-details [type="radio"]:disabled:checked + label:before,
.zooper-main-content [type="checkbox"]:disabled:not(:checked) + label:before,
.zooper-main-content [type="checkbox"]:disabled:checked + label:before,
.ds-form [type="checkbox"]:disabled:not(:checked) + label:before,
.ds-form [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.footer-dealership-finder-section [type="checkbox"]:disabled:checked + label:after,
.form-details [type="checkbox"]:disabled:checked + label:after,
.form-details [type="radio"]:disabled:checked + label:after,
.zooper-main-content [type="checkbox"]:disabled:checked + label:after,
.ds-form [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.footer-dealership-finder-section [type="checkbox"]:disabled + label,
.form-details [type="checkbox"]:disabled + label,
.form-details [type="radio"]:disabled + label,
.zooper-main-content [type="checkbox"]:disabled + label,
.ds-form [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.footer-dealership-finder-section [type="checkbox"]:checked:focus + label:before,
.footer-dealership-finder-section [type="checkbox"]:not(:checked):focus + label:before,
.form-details [type="checkbox"]:checked:focus + label:before,
.form-details [type="checkbox"]:not(:checked):focus + label:before,
.form-details [type="radio"]:checked:focus + label:before,
.form-details [type="radio"]:not(:checked):focus + label:before,
.zooper-main-content [type="checkbox"]:checked:focus + label:before,
.zooper-main-content [type="checkbox"]:not(:checked):focus + label:before,
.ds-form [type="checkbox"]:checked:focus + label:before,
.ds-form [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px solid #555555;
    outline: none;
}
/* hover style just for information */
.footer-dealership-finder-section label:hover:before,
.form-details label:hover:before {
    border: 1px solid #555555!important;
}

.footer-dealership-finder-section h1 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 28px;
    text-align: center;
}

.yellowtext {
    color: #ffdd00;
}

.footer-dealership-finder-section .search-box {
    text-align: left;
    margin: 0 auto;
    display: block;
    width: 200px;
}

.footer-dealership-finder-section .search-box label {
    font-weight: normal;
}

.footer-dealership-finder-section .finder-map-area {
    background-color: #eeeeee;
}

.footer-dealership-finder-section .finder-map-area .google-map {
    width: 100%;
    height: auto;
    min-height: 272px;
    border: 3px solid #ffffff;
    background-color: #d6d6d6;
}

.map-top-text, .map-bottom-text {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    display: block;
}

.map-top-text {
    margin-top: 7px;
    margin-bottom: 14px;
}

.map-bottom-text {
    margin-top: 8px;
    margin-bottom: 9px;
}

.dealer-map-row .col-xs-12 {
    margin-right: 30px;
}

.find-search-area {
    padding-top: 15px;
    padding-bottom: 10px;
}

.btn-show-all-dealers .fa-chevron-right {
    color: #231f20;
    position: relative;
    left: 3px;
}

.btn-show-all-dealers {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background: #ffffff;
    margin-bottom: 20px;
    padding: 5px 15px;
    outline: 0;
    border: none;
    box-shadow: 1px 1px 1px #cccccc;
    transition: box-shadow linear 0.2s;
}

.btn-show-all-dealers:hover {
    box-shadow: none;
}

.btn-show-all-dealers:active,
.btn-show-all-dealers:focus {
    box-shadow: inset 1px 1px 1px #cccccc;
}

.fa-map-marker {
    font-size: 35px;
}

.col-finder-details {
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}

.btn-location {
    display: block;
    width: 100%;
    background: #ffdd00;
    color: #231f20;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 17px;
    min-height: 50px;
    border-radius: 0;
    text-align: left;
    position: relative;
    margin-bottom: 5px;
}

.btn-location .fa-chevron-right {
    color: #231f20;
    position: absolute;
    top: 19px;
    right: 15px;
}

.btn-location .location-tab-title {
    vertical-align: top;
    margin-top: 6px;
    position: relative;
    top: 6px;
}

.btn-location .fa-map-marker {
    font-size: 35px;
    padding-left: 2px;
    padding-right: 11px;
}

.btn-location.collapsed .fa-map-marker {
    color: #ffffff;
}

.btn-location.collapsed .fa-chevron-right {
    display: none;
}

.btn-location.collapsed {
    background: #eeeeee;
}

.btn-location.collapsed:hover {
    background: #ffdd00;
    color: #231f20;
}

.btn-location.collapsed:hover .fa-map-marker {
    color: #231f20;
}

.btn-form-step {
    display: block;
    width: 100%;
    letter-spacing: -0.5px;
    background: #eeeeee;
    color: #231f20;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    min-height: 39px;
    border-radius: 0;
    text-align: left;
    position: relative;
    margin-bottom: 1px;
    line-height: 39px;
    padding: 0 10px 0 10px !important;
    margin-top: 20px;
}

.btn-form-step:after {
    content: '\f078';
    font-family: "FontAwesome", sans-serif;
    position: absolute;
    right: 0;
    line-height: 39px;
    min-height: 39px;
    padding-left: 13px;
    padding-right: 13px;
    min-width: 41px;
    text-align: center;
    background-color: #dedede;
}

.btn-form-step[aria-expanded='true']:after {
    content: '\f077';
}

.form-details {
    background: #eeeeee;
    padding: 20px;
    text-align: left;
    line-height: 19px;
}

.form-details strong {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.form-details .not-bold {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
}

.form-details label {
    font-weight: normal;
    font-size: 14px;
    margin-top: 4px;
}

.form-details .list-dealers-service-selection label {
    width: 100%;
}

.form-details label.checkbox-label {
    width: 100%;
    padding-left: 0;
}

.form-details label.checkbox-label label {
    margin-top: 0;
    width: 100%;
}

.form-details .form-group-last {
    margin-bottom: 0 !important;
}

.col-find-by-postcode {
    position: relative;
    margin-top: 19px;
}

#dealersearchbox-postcode {
    display: inline-block;
    width: 62%;
}

#service-step-2 .btn-block {
    display: inline-block;
    width: 36%;
    min-width: 84px;
    max-width: 120px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

.form-submit-wrapper {
    position: relative;
}

.zooper-main-content .form-details .btn.btn-primary {
    max-width: 245px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

.form-control:focus {
    border-color: #FFDD00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 221, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 221, 0, 0.6);
}

.date-picker-wrapper {
    position: relative;
}

.pick-date:after {
    position: absolute;
    top: 28px;
    right: 0;
    content: '\f073';
    font-family: "FontAwesome", sans-serif;
    text-align: center;
    background: #FFDD00;
    min-width: 40px;
    height: 34px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 34px;
    font-size: 24px;
}

.mandatory-fields-note {
    margin-bottom: 0;
    margin-top: 11px;
}

.location-details {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 6px 15px 10px 24px;
}

.footer-grey {
    background: #555555;
    color: #ffffff;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 23px;
    min-height: 373px;
}

.btn-location-cta {
    display: block;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    background: #ffdd00;
    color: #231f20;
    max-width: 207px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 1px 12px;
    transition: background 333ms;
}
.btn-location-cta:hover {
    background: #FDEB74;
}

.glyphicon-home {
    position: relative;
    top: -5px;
    left: 5px;
}

.zooper-ng-app button.postcode-find-btn {
    color: #666666;
    padding: 0 4px;
    text-align: right;
    float: right;
    line-height: 19px;
    background: #cccccc;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.zooper-ng-app input.postcode-input {
    border-radius: 0;
}

.location-addresses, .hours-dept-title, .hours-days {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
}

.hours-dept-title {
    display: block;
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 7px;
}

.btn-location-cta .fa-chevron-right {
    color: #231f20;
}

.hours-dept {
    line-height: 12px;
    /*margin-top: 14px;*/
    padding-bottom: 5px;
    margin-bottom: 0;
}
.hours-dept p {
    margin-bottom: 2px;
}

.hours-days {
    display: inline-block;
    /*width: 92px;*/
    width: 50%;
}

.hours-dept span.dept-day {
    width: 50%;
    display: inline-block;
}
@media screen and (max-width: 320px) {
    span.hours-days {
        display: block;
    }
    span.hours-open {
        margin-top: 8px;
        display: block;
        margin-left: 15px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
    .footer-opening-hours span.dept-day {
        display: block;
        width: 100%;
        margin-bottom: 2px;
    }
    .footer-opening-hours span.dept-time {
        display: block;
        margin-left: 15px;
    }
}

.location-hours {
    border-top: 1px solid #eeeeee;
}

.location-buttons {
    border-top: 1px solid #eeeeee;
}

.footer-grey h2 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #ffdd00;
    border-bottom: 1px solid #ffdd00;
    padding-bottom: 10px;
}

.footer-grey h3 {
    color: #ffdd00;
    font-size: 14.5px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 3px;
}

#footer-menu-zooper {
    margin-top: 9px;
}

#footer-menu-zooper a {
    color: #ffffff;
    text-transform: capitalize;
}


#footer-menu-zooper a:focus,
#footer-menu-zooper a:hover {
    color: #ffdd00;
    background: transparent;
}

#footer-menu-zooper .navbar-nav>li {
    float: none;
}


.dealership-location-title {
    font-size: 16px;
    display: block;
    line-height: 15px;
}

#footer-menu-zooper a.btn-change-dealership {
    color: #666666;
    padding: 0 4px;
    text-align: right;
    float: right;
    line-height: 19px;
    background: #cccccc;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#footer-menu-zooper a.btn-change-dealership:focus, #footer-menu-zooper a.btn-change-dealership:hover {
    color: #666666;
    background: #cccccc;
    opacity: 0.7;
}

#footer-menu-zooper .btn-change-dealership[data-ng-if=MyDealership\.length\ \=\=\=\ 0] {
    float: left;
    background: transparent;
    padding: 0;
    color: #ffffff;
}

#footer-menu-zooper .btn-change-dealership[data-ng-if=MyDealership\.length\ \=\=\=\ 0]:focus, #footer-menu-zooper .btn-change-dealership[data-ng-if=MyDealership\.length\ \=\=\=\ 0]:hover {
    background: transparent;
    color: #ffffff;
}

.infowindow-location h3 {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 18px;
}

.infowindow-location p {
    margin: 0;
}

.infowindow-location .btn-default {
    margin-top: 5px;
}

.footer-grey a.click-to-call {
    color: #ffffff;
}

.footer-grey .trading-hours {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

#footer-menu-zooper a.view-on-map-link {
    color: #cccccc;
    text-decoration: underline;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
    margin-top: 8px;
}

#footer-menu-zooper a.view-on-map-link:focus,
#footer-menu-zooper a.view-on-map-link:hover {
    color: #ffffff;
}

.phone-heading {
    display: inline;
}

.footer-logo {
    max-width: 174px;
    position: relative;
    top: 1px;
    margin-top: 29px;
    z-index: 2;
}

.footer-logo-row {
    position: relative;
    overflow: hidden;
}

.footer-social-icons {
    min-height: 27px;
    position: absolute;
    bottom: 0;
    right: 15px;
    width: calc(100% - 30px);
    text-align: right;
    border-bottom: 1px solid #ffdd00;
}

.footer-logo-row a .fa {
    color: #cccccc;
    font-size: 25px;
    margin-bottom: 6px;
}

.footer-logo-row a:focus .fa,
.footer-logo-row a:hover .fa {
    color: #ffdd00;
}

.footer-logo-row a:focus .fa.fa-facebook-square,
.footer-logo-row a:hover .fa.fa-facebook-square {
    color: #3b5998;
}


.footer-logo-row a:focus .fa.fa-twitter-square,
.footer-logo-row a:hover .fa.fa-twitter-square {
    color: #0084b4;
}

.footer-logo-row a:focus .fa.fa-youtube-square,
.footer-logo-row a:hover .fa.fa-youtube-square {
    color: #c4302b;
}

.footer-logo-row a:focus .fa.fa-instagram,
.footer-logo-row a:hover .fa.fa-instagram {
    color: #125688;
}

#footer-menu-zooper .fa-chevron-right {
    vertical-align: top;
    line-height: 20px;
    padding-right: 7px;
}

.footer-menu-text {
    display: inline-block;
    max-width: 95px;
}

.footer-lower {
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
    line-height: 19px;
    padding-top: 18px;
    background-color: #ffffff;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
}

.footer-logo-ap-eagers {
    margin-top: 10px;
    margin-bottom: 14px;
}

.nav-footer.nav>li>a{
    padding-top: 5px;
    padding-bottom: 5px;
}

.footer-lower a {
    color: #666666;
}

.footer-lower .copyright {
    padding-left: 0;
    padding-right: 0;
}

/* ABOUT PAGE */
.zooper-sidebar .about-sidebar {
    border-left: solid 2px #ffdd00;
    border-right: solid 2px #ffdd00;
    margin: 20px 0 20px;
    padding: 0 15px 15px 15px;
    text-align: center;
}

.zooper-sidebar .about-sidebar .sidebar-header {
    margin-bottom: 10px;
}

.zooper-sidebar .about-sidebar h5 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    display: inline-block;
    width: 70%;
    vertical-align: bottom;
    margin:0;
}

.zooper-sidebar .about-sidebar .sidebar-icon {
    padding-right: 15px;
    width: 30%;
    vertical-align: bottom;
    max-width: 81px;
}

.zooper-sidebar .about-sidebar .sidebar-content {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    clear: both;
}

.zooper-sidebar .about-sidebar .sidebar-content ul {
    padding-left: 0;
    list-style-position: inside;
}

/* BLOG - HOME PAGE*/
#zooper-blog-carousel {
    background: #ffdd00;
}
#zooper-blog-carousel .carousel-indicators {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: auto;
    padding: 0 4px;
    margin: 0;
}
#zooper-blog-carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 3px;
}
#zooper-blog-carousel .carousel-indicators .active {
    background-color: #000;
    border: 1px solid #000;
}
#zooper-blog-carousel .carousel-control {
    display: none;
}
.blog-carousel-category {
    font-size: 16px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    padding-bottom: 0;
    border-bottom: 2px solid #000000;
    color: #000000;
    display: inline-block;
    margin-top: 8px;
}
.blog-carousel-title {
    font-size: 24px;
    line-height: 26px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    margin-top: 9px;
    color: #000000;
}
.page-template-page-zooper-blog .grid-sizer {
    width: 29%;
}
.blog-carousel-lead-in,
.story-count {
    font-size: 16px;
    line-height: 24px;
}
.story-count {
    display: inline-block;
    padding: 0 4px;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
}
.carousel-indicators-wrapper {
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin: 0;
    z-index: 1;
}
.blog-carousel-text-col {
    padding-bottom: 49px;
}
.page-template-page-zooper-blog .grid-sizer {
    width: 30.5%;
}
.page-template-page-zooper-blog .grid-item {
    width: 30.5%;
    margin-bottom: 25px;
    background: #ffdd00;
    position: relative;
    min-height: 279px;
}
.masonry-text {
    background: #ffffff;
    width: 100%;
    min-height: 131px;
    position: relative;
    padding-top: 4px;
}
.masonry-text h1 {
    margin: 0;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-size: 24px;
    padding: 0 15px 15px 15px;
}
.masonry-cat {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    padding: 0 15px;
}
.grid-item-large .masonry-cat {
    padding: 0 15px 0 0;
}
.grid-item-large .masonry-text {
    padding-top: 10px;
}
.grid-item-large .masonry-text h1 {
    font-size: 30px;
    line-height: 32px;
    padding: 0 15px 0 0;
}
.grid-item-large .masonry-text p {
    padding-right: 15px;
}
.read-more-masonry {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ffdd00;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
}
.read-more-masonry a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    padding: 2px 8px 4px 8px;
    font-size: 16px;
}
.read-more-masonry a:focus,
.read-more-masonry a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.blog-home {
    background: #ffffff;
}
.page-template-page-zooper-blog .grid-item img,
#zooper-blog-carousel img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.page-template-page-zooper-blog .grid-item img:focus,
.page-template-page-zooper-blog .grid-item img:hover {
    opacity: 0.6;
}

#zooper-blog-carousel img:focus,
#zooper-blog-carousel img:hover {
    opacity: 0.8;
}

.blog-carousel-banner-link {
    position: relative;
    z-index: 2;
}

.page-template-page-zooper-blog .grid-item-large {
    width: 100%;
}

.col-most-read,
.col-featured,
.col-recommended {
    margin-bottom: 24px;
}

.col-featured {
    margin-top: 23px;
}

.col-most-read a,
.col-featured a,
.col-recommended a {
    color: #000000;
    text-decoration: none;
    opacity: 1;
    transition: opacity 0.25s ease;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.col-most-read a:focus,
.col-most-read a:hover,
.col-featured a:focus,
.col-featured a:hover,
.col-recommended a:focus,
.col-recommended a:hover {
    opacity: 0.6;
}

.col-view-all-posts {
    display: none;
}

.featured-post-thumbnail-link,
.popular-post-thumbnail-link,
.recommended-post-thumbnail-link
{
    background: #ffdd00;
    display: inline-block;
}

.featured-post-thumbnail-link:focus,
.featured-post-thumbnail-link:hover,
.popular-post-thumbnail-link:focus,
.popular-post-thumbnail-link:hover,
.recommended-post-thumbnail-link:focus,
.recommended-post-thumbnail-link:hover {
    opacity: 1;
}

.featured-post-thumbnail-link:focus img,
.featured-post-thumbnail-link:hover img,
.popular-post-thumbnail-link:focus img,
.popular-post-thumbnail-link:hover img,
.recommended-post-thumbnail-link:focus img,
.recommended-post-thumbnail-link:hover img {
    opacity: 0.7;
}

.col-most-read h1,
.col-featured h1,
.col-recommended h1 {
    margin: 0;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 24px;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 3px solid #ffdd00;
    font-weight: normal;
}

.popular-post-heading,
.featured-post-heading,
.recommended-post-heading {
    margin: 0;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.popular-post-item,
.featured-post-item,
.recommended-post-item {
    display: inline-block;
    min-height: 81px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffdd00;
    margin-left: 15px;
    margin-right:15px;
    width: calc(100% - 30px);
}

.popular-post-item .col-xs-6,
.featured-post-item .col-xs-6,
.recommended-post-item .col-xs-6 {
    min-height: 78px;
    padding-left: 0;
}

.popular-post-item .col-xs-6:nth-child(2),
.featured-post-item .col-xs-6:nth-child(2),
.recommended-post-item .col-xs-6:nth-child(2) {
    padding-left: 0;
}

.popular-post-item img,
.featured-post-item img,
.recommended-post-item img {
    width: auto;
    height: 100%;
    max-height: 63px;
    max-width: 123px;
}

/* BLOG - ARTICLE PAGE */
.single-post article {
    color: #000000;
}
.single-post .entry-content {
    font-size: 16px;
    line-height: 24px;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
}
.single-post .entry-content p:first-of-type {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    padding-top: 15px;
}
.post-top-heading {
    background: #ffdd00;
    padding-top: 7px;
}
.post-top-section {
    background: #ffdd00;
}
.blog-carousel-text-col .post-socials {
    margin-top: 7px;
}
.post-socials {
    display: inline-block;
    float: right;
}
.post-socials a {
    font-size: 28px;
    color: #000000;
}
.post-socials a:focus, .post-socials a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.post-categories {
    display: inline-block;
}
.post-cat {
    font-size: 16px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    padding-bottom: 2px;
    border-bottom: 2px solid #000000;
    color: #000000;
}
.post-top-heading h1 {
    font-size: 24px;
    line-height: 26px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    margin-top: 9px;
    color: #000000;
}
.post-breadcrumbs {
    font-size: 14px;
}
.post-breadcrumbs .col-xs-12 {
    margin-top: 11px;
}
.breadcrumbs-inner {
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 14px;
}
.post-breadcrumbs a {
    color: #5b5b5b;
    padding-right: 2px;
}
.post-breadcrumbs a:focus, .post-breadcrumbs a:hover {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    text-decoration: none;
}
.breadcrumb-cat {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
}
.breadcrumb-divider {
    padding-right: 2px;
}
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
}
.single-post .entry-content h1 {
    font-size: 22px;
    line-height: 24px;
}
.single-post .entry-content h2 {
    font-size: 20px;
    line-height: 22px;
}
.single-post .nav-previous,
.single-post .nav-next {
    display: block;
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-align: left;
    background: #ffdd00;
    color: #000000;
    max-width: 148px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 1px 12px;
    position: relative;
    width: 50%;
    min-height: 30px;
    border-radius: 3px;
    overflow: hidden;
}
.single-post .nav-previous {
    float: left;
    margin-right: 5px;
}
.single-post .nav-next {
    float: right;
    float: right;
    margin-left: 5px;
}
.single-post .nav-previous:focus,
.single-post .nav-previous:hover,
.single-post .nav-next:focus,
.single-post .nav-next:hover {
    opacity: 0.7;
}
.single-post .nav-previous .fa,
.single-post .nav-next .fa {
    color: #000000;
}

.single-post .nav-previous .fa {
    float: left;
    line-height: 31px;
    padding-right: 7px;
}

.single-post .nav-next .fa {
    float: right;
    line-height: 31px;
    padding-left: 7px;
}

.single-post .nav-previous a,
.single-post .nav-next a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 7px;
    outline: 0;
    display: block;
    color: #000000;
    line-height: 30px;
}
.single-post .nav-previous a:focus,
.single-post .nav-previous a:hover,
.single-post .nav-next a:focus,
.single-post .nav-next a:hover {
    text-decoration: none;
}
.single-post .post-navigation .screen-reader-text {
    display: none;
}
.single-post .popular-post-item,
.single-post .recommended-post-item {
    display: none;
}
/* Only show 3 items on blog detail pages */
.single-post .popular-post-item:nth-child(1),
.single-post .popular-post-item:nth-child(2),
.single-post .popular-post-item:nth-child(3),
.single-post .recommended-post-item:nth-child(1),
.single-post .recommended-post-item:nth-child(2),
.single-post .recommended-post-item:nth-child(3) {
    display: inline-block;
    width: calc(100% - 30px);
}

ul.blog-archives {
  margin-top: 15px;
}

    /* CONTACT PAGE */
.zooper-main-content .contact-cta {
    border-bottom: solid 2px #eeedee;
    padding: 20px 0;
}
.zooper-main-content .contact-cta .contact-cta-content {
    text-align: center;
    font-size: 16px;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
}
.zooper-main-content .contact-cta .contact-cta-content p {
    margin: 0;
}
.zooper-main-content .contact-cta .contact-cta-icon {
    text-align: center;
}

.zooper-main-content .contact-cta h3 {
    text-align: center;
    font-size: 20px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    color: #231f20;
}
.zooper-main-content h3, .zooper-calculator-loan h3 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.zooper-main-content strong {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.zooper-main-content .contact-cta .contact-cta-social {
    width: 100%;
    margin: 10px 0;
}
.zooper-main-content .contact-cta .contact-cta-social a {
    color: #cccccc;
    font-size: 1.2em;
    line-height: 1em;
    display: inline-block;
    padding: 0 5px;
}
.zooper-main-content .contact-cta .contact-cta-social a:hover {
    color: #ffdd00;
}

/* SIDEBAR */
.zooper-sidebar h5 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
}

.zooper-sidebar h2 {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.zooper-sidebar p {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.zooper-sidebar > div {
    margin: 20px 0;
}

.zooper-sidebar .sidebar-nearest-dealership a {
    display: block;
    width: 100%;
    background: #000000;
    border-radius: 5px;
    color: #ffffff;
    padding: 20px 65px 20px 75px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    position: relative;
    transition: opacity 0.2s ease;
}

.zooper-sidebar .sidebar-nearest-dealership a:hover,
.zooper-sidebar .sidebar-nearest-dealership a:focus,
.zooper-sidebar .sidebar-nearest-dealership a:active {
    text-decoration: none;
    opacity: 0.7;
}

.zooper-sidebar .sidebar-nearest-dealership a span {
    color: #ffdd00;
}

.zooper-sidebar .sidebar-nearest-dealership a:before {
    content: "";
    background: url('img/sidebar-location-marker.png') no-repeat;
    height: 47px;
    width: 35px;
    position: absolute;
    left:20px;
    top:0;
    bottom:0;
    margin: auto 0;
}
.zooper-sidebar .sidebar-nearest-dealership a:after {
    content: "";
    background: url('img/sidebar-location-chevron.png') no-repeat;
    height: 40px;
    width: 24px;
    position: absolute;
    right:20px;
    top:0;
    bottom:0;
    margin: auto 0;
}

.zooper-sidebar .sidebar-service-cta {
    padding: 20px 15px;
    border: solid 5px #000000;
    border-radius: 5px;
    text-align: center;
    list-style-image: url('img/icon-tick.png');
}

.zooper-sidebar .sidebar-service-cta ul {
    margin: 0;
    text-align: left;
}

.zooper-sidebar .sidebar-service-cta .btn {
    margin-top: 15px;
}

.zooper-sidebar .sidebar-newsletter-cta {
    padding: 20px 15px;
    border: solid 5px #000000;
    border-radius: 5px;
    text-align: center;
}

.zooper-sidebar .sidebar-newsletter-cta h2 {
    margin-top: 0;
}
.zooper-sidebar .sidebar-newsletter-cta label {
    display: none;
}
.zooper-sidebar .sidebar-newsletter-cta input[type='email'] {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 0;
}

.zooper-sidebar .sidebar-newsletter-cta .btn.btn-primary {
    width: auto;
    display: inline-block;
}

.zooper-sidebar .sidebar-newsletter-cta #form-group-generic1,
.zooper-sidebar .sidebar-newsletter-cta #form-group-generic2 {
    position: absolute;
    left: -40000px;
}

.zooper-sidebar .sidebar-finance-cta {
    padding: 20px 15px;
    border: solid 5px #000000;
    border-radius: 5px;
    text-align: center;
}

.zooper-sidebar .sidebar-quick-call a {
    display: block;
    width: 100%;
    background: #000000;
    border-radius: 5px;
    color:#ffdd00;
    padding: 20px 0 20px 75px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    position: relative;
    transition: opacity 0.2s ease;
}

.zooper-sidebar .sidebar-quick-call a:hover,
.zooper-sidebar .sidebar-quick-call a:focus,
.zooper-sidebar .sidebar-quick-call a:active {
    text-decoration: none;
    opacity: 0.7;
}

.zooper-sidebar .sidebar-quick-call a span {
    color: #ffffff;
    display: block;
    font-size:27px;
}

.zooper-sidebar .sidebar-quick-call a:before {
    content: "";
    background: url('img/sidebar-call-icon.png') no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left:20px;
    top:0;
    bottom:0;
    margin: auto 0;
}

.zooper-sidebar .sidebar-roadside-app-cta {
    padding: 20px 15px;
    border: solid 5px #000000;
    border-radius: 5px;
    text-align: center;
}
.zooper-sidebar .sidebar-roadside-app-cta h2 {
    margin-top: 0;
}

.zooper-sidebar .sidebar-roadside-app-cta img {
    max-width: 100%;
}

.zooper-sidebar .sidebar-roadside-app-cta .roadside-app-images .app-image {
    width: 55%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
}

.zooper-sidebar .sidebar-roadside-app-cta .roadside-app-images .app-links {
    display: inline-block;
    width: 45%;
    vertical-align: bottom;
    text-align: left;
    padding-left: 10px;
}
.zooper-sidebar .sidebar-roadside-app-cta .roadside-app-images .app-links a {
    display: block;
}
.zooper-sidebar .sidebar-roadside-app-cta .roadside-app-images .app-links img {
    margin-top: 10px;
}

    /* FORM */
.zooper-main-content .zooper-form {
    margin-top: 20px;
    margin-bottom: 20px;
}
.zooper-form {
    background: #eeeeee;
    padding: 30px;
    text-align: left;
}
.zooper-form form h2 {
    font-size: 18px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    margin-top: 0;
}

.zooper-form label {
    font-size: 14px;
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.zooper-form .btn.btn-primary {
    float: right;
    width: auto;
}

.zooper-form input,
.zooper-form textarea,
.zooper-form select,
#service.ds-form input,
#service.ds-form textarea,
#service.ds-form select {
    border-radius: 0;
    font-size: 14px;
}

.zooper-form input,
.zooper-form select,
#service.ds-form input,
#service.ds-form select
{
    height: 36px;
}

#service.ds-form label.error {
    width: 100%;
}

.zooper-form label.error, .form-details label.error, .error-note {
    color: red;
}

label span.required, p span.required {
    color: #B94A48;
}

.zooper-form input:focus,
.zooper-form textarea:focus,
.zooper-form select:focus,
.zooper-sidebar .sidebar-newsletter-cta input:focus,
#service.ds-form input:focus,
#service.ds-form textarea:focus,
#service.ds-form select:focus {
    border-color:#ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,221,0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,221,0, 0.6);
}

.zooper-form select,
.form-details select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("img/form-select-arrows.png") no-repeat 96% 50%;
}

.zooper-calculator-loan select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("img/form-select-arrows.png") no-repeat 90% 50%;
}

.zooper-calculator-loan select:focus, .zooper-calculator-loan select:hover {
    cursor: pointer;
}

.zooper-form input.form-upload {
    display: block !important;
    width: 100% !important;
}

.zooper-form #finance .btn.btn-primary {
    float: none;
    margin: 0px auto;
}

#disabled-option-used-for-validation-msg,
#disabled-option-used-for-validation-msg:before,
#disabled-option-used-for-validation-msg:after,
.please-select-dealership-hidden {
    /*display: none !important;*/
    opacity: 0;
    height: 1px;
    display: block;
}

#form-group-generic1 {
    display: none;
}

.list-dealers-service-selection {
    font-family: "TTRounds Bold", Helvetica, Arial, sans-serif;
    max-height: 265px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 30px;
    margin-top: 15px;
}

.list-dealers-service-selection input {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
}

.form-details .col-find-by-postcode .form-control {
    width: 56%;
    display: inline-block;
}

.form-details [type="radio"]:not(:checked) + label.error:before {
    display: none;
}

.form-details .list-dealers-service-selection [type="radio"]:not(:checked) + label.error {
    position: relative;
    top: 10px;
}

/* Selling Page */
.selling-cta-top-inner-wrapper {
    text-align: left;
    border-bottom: 2px solid #eeeeee;
    padding: 9px 15px;
}
.selling-cta-top-inner {
    margin: 0 auto;
    width: 250px;
}
.selling-cta-top-img {
    vertical-align: middle;
    display: inline-block;
}
.selling-cta-top-text {
    vertical-align: middle;
    display: inline-block;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    max-width: 70%;
    padding-left: 6px;
}

@media (min-width: 992px) {
    #selling-cta-top-2 .selling-cta-top-inner {
        margin-left: 17px;
    }
}

.zooper-main-content .col-selling-video .zooper-responsive-embed {
    padding: 15px 0 15px 0;
}
.page-template-page-selling .zooper-main-content h1 {
    font-size: 24px;
    line-height: 26px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
}
.selling-cta-bottom-inner-wrapper {
    border: 6px solid #000000;
    border-radius: 8px;
    width: 236px;
    min-height: 230px;
    margin: 0 auto 17px auto;
    padding: 20px 7px 17px 7px;
}
.zooper-main-content .selling-cta-bottom-text h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 11px 0 3px;
    letter-spacing: -1px;
}
.selling-cta-bottom-text {
    text-align: center;
}

.selling-cta-bottom-text a {
    font-weight: normal;
}
.selling-cta-bottom-text-call p a {
    font-size: 30px;
    line-height: 32px;
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
}
.selling-cta-bottom-text p {
    font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.4px;
    margin: 0;
}
.selling-top-content-area {
    padding-bottom: 19px;
}
.row-selling-cta-bottom {
    margin-bottom: 15px;
}

.page-template-page-selling .zooper-form form h2 {
    font-size: 22px;
    line-height: 24px;
}
.page-template-page-selling .zooper-form label {
    font-size: 16px;
    line-height: 18px;
}
.page-template-page-selling .zooper-form .btn.btn-primary {
    float: none;
    margin: 0 auto;
}
.page-template-page-selling .zooper-form {
    padding: 30px 30px 24px 30px;
}


/* Careers Page */
.zooper-main-content .careers-secondary-text h2 {
    font-size: 16px;
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 20px;
    border-top: 2px solid #ffdd00;
}
form#employment .btn {
    float: none;
    margin: 0 auto;
}

/* Sitemap */
.zooper-main-content.sitemap ul {
    margin-top: 20px;
}

.zooper-main-content.sitemap ul ul {
    margin-top: 0;
}


/* Google Site Search */
.google-search-box .gsc-search-box {
    color: #231f20;
    font-family: "TTRounds Regular",sans-serif;
    padding: 0;
    position: relative;
}
.google-search-box .cse input.gsc-input,
.google-search-box input.gsc-input {
    font-size: 18px;
    line-height: 25px;
    padding: 9px;
    border: 1px #000000 solid;
    height: 49px;
}
.google-search-box input.gsc-search-button {
    font-family: "American Typewriter Bold", sans-serif;
    color: #231f20;
    border-radius: 0;
    font-size: 20px;
    height: 49px;
    border: solid 1px #000000;
    transition: opacity linear 0.2s;
}

.google-search-box input.gsc-search-button:hover {
    opacity: 0.7;
}

.google-search-box .cse table.gsc-search-box td.gsc-input,
.google-search-box table.gsc-search-box td.gsc-input {
    padding-right: 0;
}

.google-search-box td.gsc-clear-button {
    position: absolute;
    right: 120px;
    top: 12px;
}

.header .google-search-box {
    margin-top: 10px;
}

.zooper-nav .google-search-box .gsc-search-box {
    width: 95%;
    max-width: 380px;
    margin: 0 auto;
}

.zooper-nav .google-search-box td.gsc-input {
    display: block !important;
    margin-bottom: 10px;
}

.zooper-nav .google-search-box input.gsc-input {
    width: 100%;
}

.zooper-nav .google-search-box td.gsc-search-button {
    display: block !important;
    width: 100%;
}
.zooper-nav  .google-search-box input.gsc-search-button {
     width: 100%;
     margin:0;
}
.zooper-nav .google-search-box td.gsc-clear-button {
    position: absolute;
    right: 20px;
    top: 12px;
}


/* Google Search Results */
.zooper-main-content .gsc-control-cse {
    font-family: "TTRounds Regular", sans-serif;
}

.zooper-main-content .gsc-control-cse .gsc-table-result {
    font-family: "TTRounds Regular", sans-serif;
}

.zooper-main-content .gsc-control-cse .gs-result .gs-title,
.zooper-main-content .gsc-control-cse .gs-result .gs-title * {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
    height: auto;
    text-align: left;
}

.zooper-main-content .gsc-control-cse .gs-result .gs-title:hover,
.zooper-main-content .gsc-control-cse .gs-result .gs-title:hover *{
    text-decoration: none;
}

.zooper-main-content .gsc-control-cse .gs-result .gs-title b {
    font-weight: bold;
}

.zooper-main-content .cse .gs-result .gs-snippet,
.zooper-main-content .gs-result .gs-snippet,
.zooper-main-content .cse .gs-spelling-original,
.zooper-main-content .gs-spelling-original {
    font-size: 18px;
}

.zooper-main-content .gsc-webResult.gsc-result,
.zooper-main-content .gsc-results .gsc-imageResult{
    border-bottom: solid 1px #eeedee;
    padding-bottom: 10px;
}

.zooper-main-content .cse .gsc-webResult.gsc-result:hover,
.zooper-main-content .gsc-webResult.gsc-result:hover,
.zooper-main-content .gsc-webResult.gsc-result.gsc-promotion:hover,
.zooper-main-content .gsc-results .gsc-imageResult-classic:hover,
.zooper-main-content .gsc-results .gsc-imageResult-column:hover {
    border-bottom: solid 1px #eeedee;
}

.zooper-main-content .gsc-result-info {
    font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #000000;
}

.zooper-main-content .gsc-above-wrapper-area-container {
    margin-bottom: 15px;
}

.zooper-main-content .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #231f20;
    background-color: #ffffff;
    border:solid 1px #5b5b5b;
    font-weight: normal;
    font-family: "TTRounds Regular",sans-serif;
    padding: 6px 12px;
    text-shadow: none;
    text-decoration: none;
}
.zooper-main-content .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
.zooper-main-content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #231f20;
    background-color: #ffdd00;
    border-color: #5b5b5b;
}

.gssb_c {
    z-index: 10000 !important;
}

@media (max-width: 320px){
    .btn-form-step:after {
        padding-left: 0;
        padding-right: 0;
        min-width: 29px;
    }
}

@media (max-width: 328px){
    .header-links a {
        font-size: 13px;
    }
}

@media (max-width: 355px) {
    .single-post .nav-previous,
    .single-post .nav-next {
        max-width: 123px;
    }
}

@media (max-width: 378px){
    .ctas-section-front-page {
        overflow-x: hidden;
    }
    .search-box-results-page {
        max-width: 280px;
    }
}

@media (max-width: 460px) {
    .browse-cars-section-front-page .nav-tabs > li, .nav-pills > li {
        width: 129px;
    }
    .carfinder-search, .search-box-results-page {
        max-width: 280px;
    }
    .footer-social-icons {
        position: relative;
        border-top: 1px solid #ffdd00;
        right: 0;
        border-bottom: 0;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 0;
    }
    div#footer-menu-zooper {
        margin-top: -8px;
    }

    .blog-carousel-lead-in {
        min-height: 100px;
    }
}

@media (min-width: 460px) {
    .recent-listing-info {
        margin: 0 15px;
    }
    #recent-listings .slick-prev,
    #repay-monthly .slick-prev{
        left: 15px;
    }
    #recent-listings .slick-next,
    #repay-monthly .slick-next{
        right: 15px;
    }
}

@media (min-width: 768px) {
    /* Careers Page */
    .zooper-main-content .careers-secondary-text h2 {
        font-size: 24px;
    }

    /* Blog Detail Page */
    .post-cat {
        font-size: 26px;
    }
    .post-top-heading {
        padding-top: 10px;
    }
    .post-top-heading h1 {
        font-size: 40px;
        line-height: 42px;
        letter-spacing: -1px;
        margin-top: 16px;
        margin-bottom: 26px;
    }
    .post-breadcrumbs .col-xs-12 {
        padding: 0;
    }
    .single-post .zooper-nav.navbar-static-top {
        margin-bottom: 18px;
    }
    .post-categories {
        margin-top: 8px;
    }
    .single-post .nav-previous,
    .single-post .nav-next,
    .single-post .nav-previous a,
    .single-post .nav-next a {
        display: none;
    }
    a.previous-post-title,
    a.next-post-title {
        display: inline-block;
        font-family: "TTRounds Bold",Helvetica,Arial,sans-serif;
        font-size: 15px;
        text-align: left;
        background: rgb(255, 221, 0) none repeat scroll 0% 0%;
        color: rgb(0, 0, 0);
        max-width: 50%;
        margin-top: 6px;
        margin-bottom: 15px;
        padding: 1px 12px;
        position: relative;
        min-height: 30px;
        border-radius: 3px;
        outline: 0;
    }
    a.next-post-title.view-all-posts-btn {
        max-width: 100%;
    }
    a.next-post-title {
        float: right;
    }
    a.previous-post-title:focus,
    a.previous-post-title:hover,
    a.next-post-title:focus,
    a.next-post-title:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    a.next-post-title .fa-chevron-right {
        color: #000000;
    }
    .single-post .entry-footer {
        border-top: 2px solid rgb(238, 238, 238);
        padding-top: 12px;
    }

    /* FORM */
    .zooper-form form h2 {
        font-size: 24px;
        font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
        margin-top: 0;
        margin-bottom: 21px;
    }

    .zooper-form label {
        font-size: 18px;
        font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
        font-weight: normal;
    }

    .zooper-form input,
    .zooper-form textarea,
    .zooper-form select,
    #service.ds-form input,
    #service.ds-form textarea,
    #service.ds-form select{
        font-size: 18px;
    }

    .zooper-form input,
    .zooper-form select,
    #service.ds-form input,
    #service.ds-form select {
        height: 40px;
    }

    /* CONTACT PAGE */
    .zooper-main-content .contact-cta .contact-cta-content {
        text-align: left;
        font-size: 18px;
    }
    .zooper-main-content .contact-cta h3 {
        text-align: left;
        margin-top: 0;
        font-size: 24px;
    }
    .zooper-main-content .contact-cta .contact-cta-social {
        width: auto;
        margin: 0;
    }
    .zooper-main-content .contact-cta .contact-cta-social a {
        padding: 0;
    }
    /* SIDEBAR */
    .zooper-sidebar h5 {
        font-size: 20px;
    }
    .zooper-sidebar h2 {
        font-size: 26px;
    }
    .zooper-sidebar p {
        font-family: "TTRounds Regular", Helvetica, Arial, sans-serif;
        font-size: 18px;
    }
    .zooper-sidebar > div {
        margin-left: 20px;
    }
    .zooper-sidebar .sidebar-quick-call a {
        font-size: 20px;
    }

    .zooper-sidebar .sidebar-quick-call a span {
        font-size:30px;
    }

    .zooper-sidebar .sidebar-newsletter-cta input[type='email'] {
        font-size: 18px;
    }

    /* Front Page */
    .top-video-section {
        padding: 11px 0 11px;
    }
    .slogan-mobile {
        margin-top: 11px;
    }
    .search-row-car-finder {
        padding-bottom: 0;
        border-bottom: 0;
    }
    #car-finder-body-types {
        max-width: none;
    }
    #car-finder-body-types .category-box {
        width: 204px;
        text-align: left;
        padding: 15px 0 6px 96px;
        height: 63px;
    }


    /* ABOUT PAGE */
    .zooper-sidebar .about-sidebar h5 {
        font-size: 20px;
    }
    .zooper-sidebar .about-sidebar {
        margin-left: 15px;
        border-right: none;
        text-align: left;
    }
    .zooper-sidebar .about-sidebar .sidebar-content ul {
        padding-left: 30px;
        list-style-position: outside;
    }
    .zooper-sidebar .about-sidebar .sidebar-content {
        font-size: 18px;
    }

    /* CONTENT */
    .zooper-main-content h2, .zooper-main-content h3, .zooper-calculator-loan h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: -1px;
    }
    .zooper-main-content {
        font-size: 18px;
        text-align: left;
    }
    .zooper-main-content h2.entry-title {
        font-size: 24px;
        line-height: 24px;
    }

    /* Footer */
    .footer-dealership-finder-section .finder-map-area .google-map {
        border: 0;
        margin-top: 19px;
    }
}

@media (min-width: 992px) {
    .zooper-calculator-loan-results {
        min-height: 364px;
    }
    .zooper-calculator-loan-form {
        min-height: 364px;
    }
    #recent-listings .slick-prev, #recent-listings .slick-next,
    #repay-monthly .slick-prev, #repay-monthly .slick-next{
        width: 26px;
        height: 37px;
    }
    #recent-listings .slick-prev,
    #repay-monthly .slick-prev{
        left: -11px;
        border-radius: 4px 0 0 4px;
    }
    #recent-listings .slick-next,
    #repay-monthly .slick-next{
        right: -11px;
        border-radius: 0 4px 4px 0;
    }
    .browse-cars-section-front-page .tab-content {
        padding-top: 36px;
        margin-bottom: 25px;
    }
    .recent-listing-info h3.text-manu-model {
        font-size: 18px;
        margin-top: 13px;
    }
    .recent-listing-info h3.text-prop-badge {
        font-size: 18px;
        margin-top: 2px;
        padding-bottom: 10px;
        height: 32px;
    }
    .recent-listing-info h2.price {
        font-size: 28px;
        padding-bottom: 9px;
    }
    .browse-cars-section-front-page img {
        max-height: 136px;
    }

    .zooper-sidebar .btn.btn-primary,
    .zooper-form .btn.btn-primary,
    .zooper-main-content .btn.btn-primary {
        font-size: 19px;
    }

    .page-title-area h1 {
        font-size: 36px;
        line-height: 42px;
        margin-top: 13px;
        margin-bottom: 15px;
        text-align: left;
    }
    .page-title-area .col-search-results-heading h1 {
        font-size: 24px;
        display: inline-block;
    }
    .search-box-results-page {
        display: inline-block;
        max-width: none;
        width: 696px;
        margin-left: 13px;
        vertical-align: middle;
    }
    #search-zooper-results-page .search-btn {
        display: inline-block;
    }
    .zooper-sidebar .about-sidebar {
        margin-left: 15px;
        border-right: none;
        text-align: left;
    }
    #zooper-navbar {
        position: relative;
        top: 0;
    }
    .zooper-nav.navbar-static-top {
        min-height: 59px;
    }
    .single-post .zooper-nav.navbar-static-top {
        border-bottom: #eeeeee 2px solid;
    }
    .single-post .zooper-nav.navbar-default .navbar-nav > li > a {
        border-bottom: 7px rgba(0,0,0,0) solid;
    }
    .zooper-main-content .col-selling-video .zooper-responsive-embed {
        padding: 40px 0 40px 0;
    }
    .page-template-page-selling .zooper-form form h2 {
        font-size: 24px;
        line-height: 27px;
    }
    .page-template-page-selling .zooper-form label {
        font-size: 18px;
        line-height: 20px;
    }
    .page-template-page-selling .zooper-main-content h1 {
        font-size: 40px;
        line-height: 42px;
    }
    .selling-cta-top-text {
        font-size: 17px;
    }
    .row-selling-cta-top {
        border-bottom: 2px solid #eeeeee;
    }
    .selling-cta-top-inner-wrapper {
        border-bottom: none;
        padding: 20px 15px 20px 0;
    }
    .selling-cta-bottom-inner-wrapper {
        width: auto;
    }
    .selling-cta-bottom-text-call p a {
        font-size: 28px;
    }
    /* Hide Roadside Assistant top menu item on desktop, as per design */
    #menu-item-48 {
        display: none;
    }
    .zooper-nav.navbar-default .navbar-nav>li>a {
        border-bottom: 7px #ffffff solid;
        text-transform: none;
        color: #000000;
        font-size: 20px;
    }
    .page-template-page-selling .zooper-form .btn.btn-primary {
        margin: 23px auto 2px auto;
    }
    .zooper-main-content .selling-cta-bottom-text h3 {
        letter-spacing: -0.5px;
    }
    .header-logo {
        margin-top: 24px;
        max-height: none;
        position: relative;
        top: 1px;
    }
    .icon-call {
        width: 33px;
        height: 33px;
        position: relative;
        top: -3px;
    }
    .icon-service, .icon-assist {
        width: 27px;
        height: 27px;
    }
    .header-links a.desktop-1300 {
        font-size: 34px;
        font-family: "American Typewriter Bold", Helvetica, Arial, sans-serif;
    }
    #menu-header-menu {
        margin-top: 0;
        margin-bottom: -8px;
    }
    .zooper-nav.navbar-default  {
        background: #ffffff;
    }
    .zooper-nav #zooper-navbar {
        background: #ffffff;
    }
    .zooper-nav.navbar .navbar-nav {
        display: inline-block;
        float: none;
    }
    .zooper-nav.navbar .navbar-collapse {
        text-align: center;
    }
    .zooper-nav.navbar-default #zooper-navbar.navbar-collapse {
        box-shadow: none;
    }
    .header .header-links .col-header-link {
        margin-top: 28px;
    }
    #search-zooper {
        z-index: 10000;
        width: 100%;
        max-width: 633px;
    }
    .carfinder-search {
        color: #000000;
        max-width: 490px;
        height: 41px;
    }
    .car-finder-box .search-btn, #search-zooper .search-btn, #search-zooper-results-page .search-btn {
        width: 97px;
        color: #000000;
        height: 41px;
    }
    a.clear-search-btn {
        position: absolute;
        top: 12px;
        right: 205px;
    }
    .carfinder-search {
        padding: 5px;
    }
    #car-finder-body-types .col-sm-4 {
        width: 25%;
        margin: 0 8px 0 0;
        padding: 0;
    }
    #car-finder-body-types .col-sm-4:nth-child(4n){
        margin-right: 0;
        width: 22%;
    }
    #car-finder-body-types {
        max-width: none;
    }
    #car-finder-body-types .category-box {
        width: 207px;
        float: left;
        border: 4px solid #ffdd00;
    }
    .zooper-nav.navbar-default .navbar-nav>.active>a,
    .zooper-nav.navbar-default .navbar-nav>li>a {
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
    }

    .zooper-nav.navbar-default .navbar-nav>.active>a,
    .zooper-nav.navbar-default .navbar-nav>.active>a:hover,
    .zooper-nav.navbar-default .navbar-nav>.active>a:focus,
    .zooper-nav.navbar-default .navbar-nav>li>a:focus,
    .zooper-nav.navbar-default .navbar-nav>li>a:hover,
    #zooper-navbar .navbar-nav>li.current-menu-item>a {
        background-color: #ffdd00;
        color: #010101;
        border-bottom: 7px #231f20 solid;
        outline: none;
    }
    .zooper-nav.navbar-default .navbar-nav>li>a {
        padding: 16px 25px;
    }
    .zooper-nav.navbar-default  {
        margin-bottom: 0;
    }
    .zooper-nav.navbar-default  .nav > li {
        border-bottom: 0;
    }
    .page-title-area {
        z-index: 9999;
    }
    .btn-form-step {
        font-size: 28px;
        min-height: 50px;
        line-height: 50px;
        margin-bottom: 2px;
        padding: 0 26px 0 26px !important;
        border: 0;
    }
    .btn-form-step:after {
        min-height: 50px;
        line-height: 50px;
    }
    .form-details {
        padding: 30px;
        font-size: 20px;
        line-height: 24px;
    }
    .form-details label {
        display: inline-block;
        /*width: 24%;*/
        font-size: 18px;
    }
    .form-details .form-control {
        display: inline-block;
        /*width: 75%;*/
        font-size: 20px;
        line-height: 24px;
        min-height: 46px;
    }
    .form-details .col-find-by-postcode .form-control {
        width: 62%;
    }
    .form-details .form-group {
        margin-bottom: 15px;
        margin-top: 18px;
    }
    #service-step-2 .btn-block {
        margin-top: 58px;
        margin-right: 86px;
        height: 45px;
    }
    .zooper-main-content .form-details .btn.btn-primary {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 263px;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .form-submit-wrapper {
        min-height: 50px;
    }
    .date-picker-wrapper,
    .time-picker-wrapper {
        display: inline-block;
        width: 270px;
    }
    .date-picker-wrapper {
        margin-right: 15px;
    }
    .date-picker-wrapper .form-group label:first-child,
    .time-picker-wrapper .form-group label:first-child {
        width: 100%;
        display: block;
    }
    .date-picker-wrapper .form-group input,
    .time-picker-wrapper .form-group input {
        width: 100%;
        display: block;
    }
    .col-car-finder-white-box {
        background: #ffffff url('img/body-type-bg.gif') 0 246px repeat-x;
        border-radius: 9px 9px 0 9px;
        padding: 28px 30px;
    }
    .car-finder-front-page h2 {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .car-finder-front-page h2.car-finder-price-range-heading {
        margin-bottom: -10px;
    }
    .car-finder-front-page h2.body-type-heading {
        font-size: 28px;
        margin-top: 55px;
        margin-bottom: 23px;
    }
    .car-finder-front-page .select-style select {
        font-size: 18px;
        line-height: 30px;
        min-height: 42px;
    }
    .car-finder-front-page .search-btn {
        font-size: 40px;
        min-width: 205px;
        border: solid 3px #231f20;
        margin: 0 15px 0 0;
        float: right;
        padding-top: 18px;
        padding-bottom: 22px;
    }
    .search-row-car-finder2 {
        background: url('img/search-btn-bg.jpg') right top no-repeat;
        min-height: 99px;
        margin-bottom: 39px;
    }
    .form-lower-section {
        margin-top: 0;
        background-image: none;
    }
    .car-finder-front-page h1,
    .ctas-section-front-page h1 {
        font-size: 40px;
    }
    .car-finder-front-page h1 {
        margin-bottom: 24px;
    }
    .btn-advanced-options-car-finder {
        margin-top: 27px;
    }
    .btn-reset-search-car-finder {
        margin-top: 32px;
        width: 218px;
        text-align: left;
    }
    .btn-reset-search-car-finder .fa-times {
        padding-left: 53px;
    }
    .col-advanced-options {
        margin-right: 38px;
    }
    .ctas-section-front-page h2 {
        font-size: 28px;
    }
    .ctas-section-front-page ul {
        margin-top: 12px;
    }
    .ctas-section-front-page li {
        line-height: 33px;
    }
    .body-type-heading {
        font-size: 28px;
    }
    .ctas-section-front-page .cta-icon {
        margin-bottom: 23px;
    }
    .car-finder-front-page {
        background: #eeeeee;
    }
    .yellow-select {
        margin: 0 auto;
        box-shadow: 1px 1px 1px #acacac;
    }
    .browse-cars-section-front-page h1 {
        font-size: 40px;
        padding-top: 8px;
        margin-bottom: 17px;
    }
    .browse-cars-section-front-page .nav-tabs li:first-child > a,
    .browse-cars-section-front-page .nav-tabs li.active:first-child > a,
    .browse-cars-section-front-page .nav-tabs li:nth-child(2) > a {
        border-top-right-radius: 7px;
        left: 0;
    }
    .browse-cars-section-front-page .nav-tabs li.active:first-child > a,
    .browse-cars-section-front-page .nav-tabs li:nth-child(2) > a,
    .browse-cars-section-front-page .nav-tabs li.active:nth-child(2) > a {
        border-top-left-radius: 7px;
    }
    .browse-cars-section-front-page .nav-tabs {
        margin-top: 16px;
    }
    .browse-cars-section-front-page .nav-tabs li > a,
    .browse-cars-section-front-page .nav-tabs li > a:hover,
    .browse-cars-section-front-page .nav-tabs li > a:focus {
        font-size: 28px;
        padding: 20px;
        min-width: 300px;
        text-align: left;
        border-radius: 7px 7px 0 0;
    }
    .footer-dealership-finder-section h1 {
        text-align: left;
    }
    .footer-dealership-finder-section .search-box {
        text-align: left;
        margin: 0;
        display: inline;
        padding-right: 27px;
        font-size: 20px;
    }
    .footer-dealership-finder-section [type="checkbox"]:not(:checked) + label:before,
    .footer-dealership-finder-section [type="checkbox"]:checked + label:before,
    .form-details [type="checkbox"]:not(:checked) + label:before,
    .form-details [type="checkbox"]:checked + label:before,
    .form-details [type="radio"]:not(:checked) + label:before,
    .form-details [type="radio"]:checked + label:before,
    .zooper-main-content [type="checkbox"]:not(:checked) + label:before,
    .zooper-main-content [type="checkbox"]:checked + label:before,
    .ds-form [type="checkbox"]:not(:checked) + label:before,
    .ds-form [type="checkbox"]:checked + label:before {
        position: absolute;
        left: -1px;
        top: 3px;
        width: 23px;
        height: 23px;
    }
    .footer-dealership-finder-section [type="checkbox"]:not(:checked) + label:after,
    .footer-dealership-finder-section [type="checkbox"]:checked + label:after,
    .form-details [type="checkbox"]:not(:checked) + label:after,
    .form-details [type="checkbox"]:checked + label:after,
    .form-details [type="radio"]:not(:checked) + label:after,
    .form-details [type="radio"]:checked + label:after,
    .zooper-main-content [type="checkbox"]:not(:checked) + label:after,
    .zooper-main-content [type="checkbox"]:checked + label:after,
    .ds-form [type="checkbox"]:not(:checked) + label:after,
    .ds-form [type="checkbox"]:checked + label:after {
        position: absolute;
        top: 5px;
        left: 3px;
        font-size: 21px;
    }
    .footer-dealership-finder-section [type="checkbox"]:not(:checked) + label,
    .footer-dealership-finder-section [type="checkbox"]:checked + label,
    .form-details [type="checkbox"]:not(:checked) + label,
    .form-details [type="checkbox"]:checked + label,
    .form-details [type="radio"]:not(:checked) + label,
    .form-details [type="radio"]:checked + label,
    .zooper-main-content [type="checkbox"]:not(:checked) + label,
    .zooper-main-content [type="checkbox"]:checked + label,
    .ds-form [type="checkbox"]:not(:checked) + label,
    .ds-form [type="checkbox"]:checked + label {
        padding-left: 31px;
    }
    .footer-dealership-finder-section .dealersearchbox {
        display: inline;
    }
    .footer-dealership-finder-section .search-btn {
        display: inline;
        margin: 0;
        position: relative;
        top: 3px;
        left: 1px;
        height: 45px;
    }
    .footer-dealership-finder-section .map-instructions-desktop {
        background: #eeeeee;
    }
    .footer-dealership-finder-section .finder-map-area {
        background-color: #ffffff;
    }
    .map-top-text {
        display: inline;
        text-align: left;
        font-size: 20px;
        position: relative;
        top: 3px;
    }
    .map-bottom-text {
        display: inline;
        text-align: right;
        font-size: 20px;
        margin-top: 3px;
        margin-bottom: 14px;
        margin-right: 39px;
        float: right;
    }
    .btn-show-all-dealers {
        display: inline;
        float: right;
        margin-bottom: 15px;
        box-shadow: 1px 1px 1px #acacac;
        font-size: 18px;
        padding: 4px 13px;
    }
    .footer-dealership-finder-section .map-instructions-desktop {
        padding-top: 20px;
    }
    .col-finder-details {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pick-date:after {
        top: 49px;
        right: 1px;
        min-width: 50px;
        height: 44px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        line-height: 44px;
        font-size: 33px;
    }
    .mandatory-fields-note {
        margin-top: 28px;
    }
    .service-price {
        font-size: 54px;
        height: 65px;
        line-height: 65px;
    }
    .service-tile {
        font-size: 18px;
        min-height: 196px;
    }
    .service-details {
        line-height: 24px;
    }
    .service-tile ul {
        padding: 0 0 4px 0;
    }
    .service-secondary-content h2 {
        font-size: 24px;
    }
    .service-secondary-content h2:first-child {
        margin-top: 37px;
    }
    .page-template-page-zooper-blog .grid-item-large {
        max-width: 930px;
        display: flex;
    }
    .page-template-page-zooper-blog .grid-item-large img {
        max-width: 610px;
    }
    .page-template-page-zooper-blog .grid-item-large .masonry-thumbnail-link {
        display: inline-block;
    }
    .page-template-page-zooper-blog .grid-item-large .masonry-text {
        display: inline-block;
        padding-left: 30px;
        max-width: 320px;
        margin: 0;
        vertical-align: top;
    }
    .blog-home {
        background: #eeeeee;
        padding-top: 32px;
    }
    .blog-carousel-lead-in {
        font-size: 20px;
        line-height: 28px;
    }
    .blog-carousel-lead-in p {
        margin: 0;
    }
    .blog-carousel-title {
        font-size: 40px;
        line-height: 42px;
        letter-spacing: -1px;
        margin-top: 5px;
    }
    .col-most-read h1,
    .col-featured h1,
    .col-recommended h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .blog-carousel-text-col {
        margin-top: 75px;
    }
    .blog-carousel-category {
        font-size: 26px;
        line-height: 28px;
        padding-bottom: 4px;
    }
    .blog-post-sidebar {
        padding-left: 30px;
    }
    .nav-footer.nav>li>a{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .carousel-indicators-wrapper {
        text-align: right;
        padding-right: 10px;
        position: absolute;
        left: auto;
        width: 33.33%;
        right: 0;
    }
    .popular-post-heading,
    .featured-post-heading,
    .recommended-post-heading {
        font-size: 18px;
        padding-left: 48px;
    }
    .page-template-page-zooper-blog .popular-post-heading,
    .page-template-page-zooper-blog .featured-post-heading,
    .page-template-page-zooper-blog .recommended-post-heading {
        padding-left: 51px;
    }
    .popular-post-item img,
    .featured-post-item img,
    .recommended-post-item img {
        min-height: 70px;
    }
    .popular-post-item,
    .featured-post-item,
    .recommended-post-item {
        min-height: 91px;
    }
    .page-template-page-zooper-blog .col-view-all-posts {
        display: block;
    }
    .zooper-main-content .zooper-repayment-amount-result {
        font-size: 20px;
    }
    .col-loan-results {
        padding-right: 0;
    }
    .col-loan-form {
        padding-left: 0;
    }
    .zooper-calculator-icon {
        position: absolute;
        left: -50px;
        top: calc(50% - 50px);
    }
    .zooper-calculator-loan label {
        width: 56%;
        padding-left: 90px;
    }
    .zooper-calculator-loan input,
    .zooper-calculator-loan select {
        width: calc(42% - 9px);
    }
    .zooper-calculator-loan h3 {
        padding-top: 20px;
    }
    .zooper-calculator-loan .zooper-calculator-loan-form h3 {
        padding-top: 20px;
    }
    a.btn-finance-estimator {
        border: 2px solid #000000;
        max-width: 166px;
    }
    .zooper-main-content .repayment-frequency {
        padding-bottom: 32px;
        font-size: 16px;
    }
    .zooper-calculator-loan-results .results {
        margin-top: 50px;
        position: relative;
        right: 17px;
    }
    .footer-logo {
        max-width: 100%;
        position: relative;
        top: 0;
    }
    .footer-social-icons {
        border-bottom: 2px solid #ffdd00;
    }
    .footer-grey h2 {
        margin-top: 0;
        border-bottom: 2px solid #ffdd00;
        font-size: 26px;
        line-height: 30px;
    }
    .footer-logo-row a .fa {
        font-size: 30px;
        margin-left: 4px;
    }
    div.col-footer-hours {
        position: relative;
        top: -51px;
    }
    .footer-lower {
        min-height: 100px;
        padding-top: 22px;
        padding-bottom: 25px;
        margin-top: -34px;
    }
    .footer-lower .copyright {
        text-align: left;
    }
    .footer-lower .footer-links {
        /*position: absolute;*/
        /*bottom: 42px;*/
        /*right: 0;*/
        text-align: right;
    }
    .footer-logo-ap-eagers {
        margin-top: 0;
    }
    .row-eq-height-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
}

@media (min-width: 1200px) {
    .browse-cars-section-front-page img {
        max-height: 170px;
    }
    #car-finder-body-types .category-box {
        width: 236px;
        float: left;
        margin-left: 14px;
        padding: 15px 0 6px 109px;
    }
    .car-finder-price-range-heading + .ng-isolate-scope {
        max-width: none;
    }
    .zooper-main-content .repayment-frequency {
        font-size: 20px;
    }
    .zooper-main-content .zooper-repayment-amount-result {
        font-size: 28px;
    }
    a.btn-finance-estimator {
        max-width: 195px;
    }
    .selling-cta-top-text {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: -0.5px;
    }
    .carfinder-search {
        height: 49px;
    }
    .search-box-results-page {
        width: 904px;
    }
    a.clear-search-btn {
        position: absolute;
        top: 16px;
        right: 261px;
    }
    .zooper-sidebar .btn.btn-primary,
    .zooper-form .btn.btn-primary,
    .zooper-main-content .btn.btn-primary {
        font-size: 20px;
    }
    .header-links a.desktop-1300 {
        font-size: 36px;
    }
    .date-picker-wrapper {
        margin-right: 128px;
    }
    #service-step-2 .btn-block {
        margin-right: 15px;
    }
    .zooper-main-content .form-details .btn.btn-primary {
        max-width: 280px;
    }
    .date-picker-wrapper, .time-picker-wrapper {
        display: inline-block;
        width: 281px;
    }
    #search-zooper {
        max-width: 754px;
    }
    .carfinder-search {
        padding: 9px;
        max-width: 646px;
    }
    .col-advanced-options {
        margin-right: 0;
    }
    .yellow-select {
        max-width: 230px;
    }
    .select-style.yellow-select {
        max-width:339px;
    }
    .car-finder-box .search-btn, #search-zooper .search-btn, #search-zooper-results-page .search-btn {
        height: 49px;
    }
    #search-zooper-results-page .search-btn {
        position: relative;
        top: -1px;
    }
    .car-finder-front-page .search-btn {
        min-width: 230px;
        margin: 0 17px 0 0;
    }
    .search-row-car-finder2 {
        background: url('img/search-btn-bg2.jpg') right top no-repeat;
        min-height: 99px;
    }
    .col-car-finder-white-box {
        padding: 28px 16px;
    }
    .browse-cars-section-front-page .nav-tabs li > a,
    .browse-cars-section-front-page .nav-tabs li > a:hover,
    .browse-cars-section-front-page .nav-tabs li > a:focus {
        min-width: 550px;
    }
    .browse-cars-section-front-page .nav-tabs li:first-child {
        margin-right: 27px;
        margin-left: 13px;
    }
    .footer-dealership-finder-section .dealersearchbox {
        padding: 10px 11px;
        margin: 0;
    }
    .postcode-plus-search-wrapper {
        display: inline-block;
        float: right;
        margin-top: -4px;
        margin-bottom: 15px;
    }
    .footer-dealership-finder-section .search-btn {
        height: 49px;
    }
    .footer-dealership-finder-section .search-box {
        position: relative;
        top: 10px;
    }
    .footer-dealership-finder-section h1 {
        margin-top: 14px;
    }
    .finder-map-area {
        float: right;
        position: relative;
    }
    .dealer-map-row {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .footer-dealership-finder-section .finder-map-area .google-map {
        height: calc(100% - 19px);
        position: absolute;
        top: 0;
    }
    .row-eq-height-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
    .row-map-parent {
        position: relative;
    }
    .finder-map-area {
        min-height: 600px;
        margin-bottom: 36px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .col-finder-details {
        max-height: 581px;
        overflow-y: auto;
    }
    .btn-location {
        min-height: 61px;
    }
    .page-template-page-zooper-blog .grid-item-large {
        max-width: 847px;
    }
    .page-template-page-zooper-blog .grid-item-large img {
        max-width: 554px;
    }
    .page-template-page-zooper-blog .grid-item-large .masonry-text {
        max-width: 293px;
    }
    .blog-post-sidebar {
        padding-left: 45px;
    }
    .popular-post-heading,
    .featured-post-heading,
    .recommended-post-heading {
        padding-left: 32px;
    }
    .post-socials a {
        font-size: 31px;
    }
    .footer-grey h2 {
        font-size: 28px;
    }
    .finder-details-area {
        margin-top: 19px;
        min-height: 581px;
        margin-bottom: 36px;
    }
    #footer-menu-zooper a {
        padding-left: 0;
    }
}