/* Layout
   ========================================================================== */

@font-face {
    font-family: 'Gotham HTF';
    src: url('/fonts/GothamHTF-Thin.eot');
    src: url('/fonts/GothamHTF-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamHTF-Thin.woff2') format('woff2'),
        url('/fonts/GothamHTF-Thin.woff') format('woff'),
        url('/fonts/GothamHTF-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham HTF';
    src: url('/fonts/GothamHTF-Light.eot');
    src: url('/fonts/GothamHTF-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamHTF-Light.woff2') format('woff2'),
        url('/fonts/GothamHTF-Light.woff') format('woff'),
        url('/fonts/GothamHTF-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham HTF';
    src: url('/fonts/GothamHTF-Book.eot');
    src: url('/fonts/GothamHTF-Book.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamHTF-Book.woff2') format('woff2'),
        url('/fonts/GothamHTF-Book.woff') format('woff'),
        url('/fonts/GothamHTF-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Gotham HTF';
    src: url('/fonts/GothamHTF-Medium.eot');
    src: url('/fonts/GothamHTF-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamHTF-Medium.woff2') format('woff2'),
        url('/fonts/GothamHTF-Medium.woff') format('woff'),
        url('/fonts/GothamHTF-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham HTF';
    src: url('/fonts/GothamHTF-Ultra.eot');
    src: url('/fonts/GothamHTF-Ultra.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamHTF-Ultra.woff2') format('woff2'),
        url('/fonts/GothamHTF-Ultra.woff') format('woff'),
        url('/fonts/GothamHTF-Ultra.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body {
    padding-top: 86px;
    margin: 0;
}

html {
    font-family: 'Gotham HTF';
    padding: 0;
    margin: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

*, *:before, *:after {
  -webkit-box-sizing:inherit;
  -moz-box-sizing:inherit;
  box-sizing:inherit
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

#remove-cars {
    text-transform: capitalize;
}

/* Mobile menu
   ========================================================================== */

body.show-menu {
    overflow: hidden;
}

.show-menu .nav-menu {
  display: block;
  max-height: 1000px;
  overflow: auto;
}


.mobile-link {
    background: 0;
    color: #fff;
    border: 0;
    font-size: 35px;
    padding: 0;
    margin-right: 20px;
    z-index: 999;
}

/* Top Nov 
   ========================================================================== */
header {
    background: url(images/nav-bg.jpg);
    background-position: bottom;
    height: 86px;
    width: 100%;
    background-repeat: repeat-x;
    position: fixed;
    top: 0;
    z-index: 5;
}

header .wrapper {
    max-width: 1576px;
    width: 100%;
    padding: 9px 10px 0;
    display: flex;
    margin: 0 auto;
}


.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    overflow: hidden;
}

.nav-menu a {
    text-decoration: none;
    display: block;
    padding: 8px 0;
    color: #FFFFFF;
    transition: color 0.4s ease 0s;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 31px;
}

.nav-menu a:hover {
    color: #f20c10;
}

.nav-menu .nav-child ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    min-width: 100%;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 1);
    list-style: none;
}

.nav-menu .nav-child:hover ul {
    display: block
}

.nav-child ul {
    display: none;
}

.back-results .back-btn {
    font-size: 12px;
}

.similar-cars a {
 color: #000;
}


/* Footer
   ========================================================================== */
footer {
    background: #000;
    color: #999997;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}


footer .wrapper {
    max-width: 1576px;
    width: 100%;
    padding: 18px 50px 10px;
    margin: 0 auto;
}


.social-icons {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icons svg {
    fill: #fff;
    font-size: 34px;
}

.social-icons a {
    width: 53px;
    height: 53px;
    margin:0;
    padding: 8px;
    line-height: 0;
    display: block;
}

.social-icons a:hover, a.privacy:hover {
    color: #f20c10;
}

.social-icons li:hover svg {
    fill: #f20c10;   
}

.privacy {
     color: #999997;  
     font-size: 12px;  
     text-decoration: none;
}

.icon-instagram {  
    font-size: 29px !important;
}

.insta {
    padding: 13px 0 0 !important;
}

/* Top Search
   ========================================================================== */

.mk-grid {
    max-width: 100%;
}

#car-search, .car-result {
    padding-top: 0px;
}

.car-search .wrapper {
    max-width: 1300px;
    font-size: 14px;
}

.car-search #mk-button-14 {
    margin: 0 !important;
}

.car-search #mk-button-14 .mk-button {
   display: block !important;
   width: 100%;
}

.car-search .mk-button--dimension-savvy::after {
    z-index: -1;    
}

#mk-button-14 .mk-button {
    text-transform: uppercase;
}

/*.featured-banner .cl-content:after, .just-arrived .cl-content:after, .special-banner .cl-content:after, #btn-row {
    content: none;
}*/

.mobile-price .pweek {
    font-size: 10px !important;
    margin-left: 15px;
    font-weight: normal !important;
    line-height: 2.2em;
    position: relative;
}

.mobile-price .pweek sup {
    margin-right: 5px;
    position: absolute;
    left: -14px;
    top: -4px;
    font-size: 15px;
}

ul.car-features li, ul.lsGrab li, ul.lSGallery li, ul#car-gallery li, ul.vehicle-details li {
    margin-left: 0 !important;
}

.icon-dollar {
    font-weight: bold;
    margin-left: 2px;
}

.car-result .cl-title {
    background: #191919;
}

.car-result .cl-title h1 {
    color: #fff;
}

.car-result .car-price {
    padding-right: 20px;
}

.car-result h4 {
    font-size: 16px;
}

.car-result p {
    font-size: 14px;
    line-height: 1.5em;
}

.car-search .tab-header {
    background-color: #191919;
}

.results-break {
    margin-bottom: 20px;
}

.cs-layout-row .f-grid, .cs-layout-grid .f-list {
    display: none;
}

.cs-layout-row h1 {
    font-weight: normal;
}

.cs-layout-row .f-list, .cs-layout-row .save-list {
    color: #fff !important;
    background: #000 !important;
    padding: 10px 20px !important;  
 }

.f-list h1, .save-list h1 {
    margin: 0 !important; 
    font-size: 24px !important;
    color: #fff !important;
    padding: 0 !important;
 }

#copy {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0px;
    font-size: 16px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
    border: none;
    color: #000;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: none;
}

#copy:hover {
    color: #d51d20;  
} 

.copy-msg {
    display: none;
}

.show-msg .copy-msg {
    display: block;
    position: absolute;
    top: 3px;
    left: -90px;
    width: 90px;
    font-size: 12px;
    background: rgba(213, 29, 32, 0.6);
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 3s;animation-duration: 3s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
}

@keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

.mk-animate-element {
    -webkit-perspective: none !important;   
}

 a.back-btn {
    color: #191919;
}

 a.back-btn:hover {
    color: #d51d20;
}

/* Top Search 
   ========================================================================== */

.blk-bg {
    background: #191919;
}

.refine-fixed h1 {
    color: #fff;
    font-size: 35px;
}


#refine-search {
    color: #fff;
    font-family: 'Gotham HTF';
}

.refine-search .title, .results-options h1 {
    color: #fff;
    margin-bottom: 20px !important;
}

.noUi-target {
    background: rgb(115, 115, 115);
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.noUi-horizontal {
    height: 7px;
}

.noUi-horizontal .noUi-handle {
    width: 15px;
    height: 15px;
    left: -6px;
    top: -4px;
    border-radius: 50%;
}


.noUi-base .noUi-origin:first-child .noUi-handle {
    left: -1px;
}

.noUi-base .noUi-origin:last-child .noUi-handle {
    left: -14px;
}

.noUi-handle {
    border: none;
    border-radius: 3px;
    background: #d51d20;
    cursor: default;
    box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
    display: none;
}

.noUi-connect {
    background: #fff;
}

#refine-search span {
    font-weight: 400;
}

.car-search .form-slider {
    padding: 0; 
    margin: 15px 0;
}

.btn-red, a.btn-red {
    background-color: #d51d20;
    color: #fff;
    border: 2px solid #d51d20 !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.btn-red:hover, .btn-red:hover {
    background-color: transparent;
    border-color: #fff !important;
    color: #fff;
}

/* Grid Buttons
   ========================================================================== */

#btn-grid, #btn-row {
    display: none !important;
} 

.btn-saved-cars {
    display: inline-block !important;
}

#btn-grid, #btn-row, .btn-saved-cars {
    width: auto !important;
    margin-top: 0;
    padding: 10px;
    min-width: auto;
    font-size: 24px;
} 

.btn-saved-cars {
    color: #000;
}

.car-search .btn-secondary:hover, .car-search a.btn-secondary:hover {
    background: #fff !important;
    color: #d51d20
}

.car-search .btn-secondary, .car-search a.btn-secondary, .car-search .refine-search .more-options {
    background-color: #fff;
    border: none;
}

.car-search .sort-by label {
    display: inline-block;
    margin-right: 10px;
    font-weight: normal;
    vertical-align: middle;
}

.car-search .sort-by .select-container {
    vertical-align: middle;
    width: 100%;
    max-width: 190px;
    margin: 0;
}

.car-search .sort-by .select-container {
    background: none;
}

.results-line {
    border-bottom: 1px solid #1f1f1f;
    padding-bottom: 15px;
    margin-bottom: 25px;
}


.car-search .cs-layout-grid .cl-content, .car-search .cl-content {
    border-color: #191919 !important; 
} 

.tickbox {
    margin-bottom: 12px;
}


.saved-cars .icon-star {
    margin-bottom: 3px;
}

/* Results page
   ========================================================================== */

.car-search .social-share .save-car svg {
    margin-right: 0;
}

#save-car, .printer, .social-share .email {
    font-size: 23px;
    background-color: #fff !important;
    border: none !important;
}

#save-car:hover, .email:hover, .printer:hover {
    color: #d51d20 !important;
    transform: none !important;
}

#save-car span {
    display: none;
}

.car-search .save-car:hover, .car-search .save-car.active {
    color: #d51d20 !important;
}

.car-search .btn-saved-cars.active, .car-search a.btn-saved-cars.active {
    background-color: #fff !important;    
    color: #d51d20 !important;
}

#mk-button-14 .click-call {
    display: none !important;
}

/* pageination
   ========================================================================== */
.page-btns {
    justify-content: center !important;
}

.page-btns .select-container {
    border: none;
}

.page-btns .select-container {
    border: none;
    background: none;
}

.saved-cars a {
    color: #000;
}

#saved-cars #mk-button-14 a {
    color: #fff;
    background: #000;
    text-align: center;
    padding: 12px 5px 12px;
}

.saved-cars .back-results {
    margin-bottom: 0;
}

/* MOBILE STYLES
   ========================================================================== */

@media screen and (min-width: 1141px) {

#car-search, .car-result, .saved-cars {
    padding-top: 0px;
}

}


@media screen and (min-width: 500px) {

/* Top Nov 
   ========================================================================== */
header .wrapper {
    justify-content: space-between;
}

}


@media screen and (min-width: 600px) {

/* Grid Buttons
   ========================================================================== */
/*#btn-grid, #btn-row {
    display: inline-block !important;
} */

.back-results .back-btn {
    font-size: 14px;
}


}



@media screen and (max-width: 1023px) {

.nav-menu {
    display: none;
    background: rgba(0, 0, 0, 0.92);
    position: absolute;
    top: 0;
    left: 0;
    max-width: 284px;
    height: 100vh;
    padding: 100px 30px 20px;
    text-align: left;
}

.nav-menu li {
    position: relative;
    border-top: solid 1px rgba(232, 230, 230, 0.5);
    width: 165px;
}

}

@media screen and (min-width: 1024px) {

body {
    padding-top: 101px;
}

#copy {
    display: block;
}


.mobile-link {
    display: none;
}

/* Top Nov 
   ========================================================================== */
header {
    height: 101px;
}

header .wrapper {
    padding: 26px 50px 0;
}

.nav-child {
    position: relative;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    max-width: 765px;
    overflow: visible;
}

.nav-menu a {
    text-align: center;
    padding: 0 15px;
    font-size: 15px;
}

}

.featured-banner .cl-content:after, .just-arrived .cl-content:after, .special-banner .cl-content:after {
    padding-top: 10px;
    padding-bottom: 10px;
    top: 25px;
    left: -65px;
}

.t-large {
    font-weight: bold;    
}

.car-search h1 {
    text-transform: capitalize;
}

.saved-cars .blk-bg {
    background: #fff;
}


@media screen and (max-width: 768px) {

.car-gallery .lSAction {
    display: none !important;
}

}

.mobile-price {
    display: none;
}

@media screen and (max-width: 1024px) {

.car-search .cl-title h1 {
    padding-bottom: 0;    
}

.mobile-price {
    display: block;
    padding: 0 10px 10px;
    color: #fff;
    margin: 0 !important;
}

}

@media screen and (max-width: 599px) {
.mobile-price {
    text-align: center;
}

}

.car-search.saved-cars {
    min-height: calc(100vh - 283px);
}

@media(min-width: 520px) {
    .car-search.saved-cars {
        min-height: calc(100vh - 261px);
    }
}

@media(min-width: 1025px) {
    .car-search.saved-cars {
        min-height: calc(100vh - 276px);
    }
}

.car-search .car-features .pweek, .vehicle-details .pweek {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
}