@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
    .visible-xs-block {
        display: block!important
    }
    .visible-xs-inline {
        display: inline!important
    }
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
    .visible-sm-block {
        display: block!important
    }
    .visible-sm-inline {
        display: inline!important
    }
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
    .visible-md-block {
        display: block!important
    }
    .visible-md-inline {
        display: inline!important
    }
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
    .visible-lg-block {
        display: block!important
    }
    .visible-lg-inline {
        display: inline!important
    }
    .visible-lg-inline-block {
        display: inline-block!important
    }
    .hidden-lg {
        display: none!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
    .hidden-print {
        display: none!important
    }
}

.u-flash {
    background-color: rgba(255, 255, 0, 0);
    animation: flash 1s ease-out .5s
}

@keyframes flash {
    0%,
    100% {
        background-color: rgba(255, 255, 0, 0)
    }
    50% {
        background-color: #ff0
    }
}

#wpadminbar.u-z-index-initial,
.u-z-index-initial {
    z-index: initial!important
}

@media screen and (max-width:768px) {
    .u-position-fixed-sm {
        position: fixed!important
    }
}

.slider-label {
    display: block;
    color: #333;
    font-size: 15px;
    padding: 2px;
    margin-bottom: 4px
}

.c-mileage-left {
    float: left
}

.c-mileage-right {
    float: right;
    text-align: right
}

.c-full-search .c-finance .c-finance-options,
.c-full-search .c-mileage .c-mileage-options {
    display: block;
    margin-top: 4px;
    margin-bottom: 8px
}

.c-full-search .c-finance .c-finance-options label,
.c-full-search .c-fuel .c-fuel-options label,
.c-full-search .c-gearbox .c-gearbox-options label,
.c-full-search .c-mileage .c-mileage-options label,
.search-checkbox-list label {
    display: inline
}

.c-full-search .noUi-horizontal .noUi-tooltip {
    top: 32px;
    bottom: auto
}

.c-full-search .noUi-value {
    top: 15px
}

.search-checkbox-list {
    margin: 6px 0
}

.checkbox-heading {
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline
}

.car-preview-body>div {
    display: inline-table;
    text-align: center
}

.car-preview-body-left {
    width: 55%
}

.car-preview-body-left>div {
    display: inline-table;
    width: 48%
}

.car-preview-body-left>div>div>div {
    display: inline-table;
    width: 48%;
    margin: 0;
    padding: 0
}

.car-preview-body-right {
    width: 44%
}

.car-preview-thumb-img {
    width: 100px;
    margin: 0 1px 6px
}

.car-preview-footer {
    font-size: 14px;
    padding: 4px 0 6px
}

.car-preview-body-right>div {
    display: inline-table;
    text-align: left
}

.car-preview-body-right>div>div {
    margin-bottom: 6px
}

.car-preview-body-right label {
    font-size: 13px
}

.car-preview-body-right .col1,
.car-preview-body-right .col2 {
    width: 34%
}

.car-preview-body-right .col3 {
    width: 28%
}

.car-preview-body-right .price {
    height: 63px
}

.car-preview-body-right img {
    padding: 0 4px 4px 2px
}

#featured-cars,
#featured-cars-list {
    width: 100%;
    text-align: center;
    vertical-align: top
}

#featured-cars .static-item {
    width: 160px;
    display: inline-block;
    border: 1px solid #000;
    margin: 6px;
    cursor: pointer;
    text-align: center
}

#featured-cars .static-item .img {
    width: 100%;
    margin: 0 auto
}

#featured-cars .static-item .details {
    text-align: left;
    padding: 10px
}

#featured-cars .carousel-item {
    border: 1px solid #000;
    margin: 6px;
    cursor: pointer;
    text-align: center
}

#featured-cars .carousel-item .img {
    width: 100%;
    margin: 0 auto
}

#featured-cars .carousel-item .details {
    text-align: left;
    padding: 10px
}

.inline-item {
    display: inline-block;
    margin-right: 4px
}

.spacer {
    margin-bottom: 8px
}

.cars-form {
    width: 100%
}

.form-error-header {
    padding: 2px 0 2px 8px!important;
    border: 1px solid red;
    background-color: #f9c0cd
}

.form-tooltip {
    padding: 4px 8px!important;
    margin: 6px 0 10px;
    border: 1px solid #666;
    color: #666;
    background-color: #EFEFEF
}

.form-error {
    background-color: #f9d4dc!important
}

.cars-form-response label {
    font-size: 24px
}

.location-map-to-from input[type=text] {
    width: 200px;
    margin-right: 0
}

.location-map-to-from>div {
    margin: 0 6px 6px 0;
    display: inline-flex
}

.location-map-to-from label {
    font-weight: 700
}

.location-map-to-from span {
    padding-right: 6px
}

#location-map-route {
    margin: 4px 0
}

#finance-iframe {
    width: 100%;
    height: 2600px;
    border-collapse: collapse;
    scrolling: auto
}

.c-full-search {
    position: relative
}

@media screen and (max-width:768px) {
    .c-full-search {
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #fff;
        z-index: 20000;
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        transition: all ease .4s;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
    }
    .c-full-search__form {
        padding: 1rem;
        background-color: #efefef
    }
}

.c-full-search.is-active {
    left: 0
}

.c-full-search.is-active .c-full-search__apply-filters-box {
    display: grid;
    opacity: 1;
    transition: opacity ease-out .5s;
    transition-delay: 1s;
    grid-template-columns: 25% 75%;
    align-items: center
}

@media screen and (min-width:768px) {
    .c-full-search.is-active .c-full-search__apply-filters-box {
        display: none
    }
}

.c-full-search__mobile-header {
    padding: 1rem;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width:768px) {
    .c-full-search__mobile-header {
        display: none
    }
}

.c-full-search__title {
    font-size: 1rem;
    color: #333;
    display: block;
    text-transform: uppercase;
    font-weight: 700
}

.c-full-search__closer {
    cursor: pointer
}

.c-full-search__apply-filters-box {
    opacity: 0;
    display: none;
    bottom: 0;
    padding: 1rem;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #333;
    transition: opacity ease-out .5s;
    transition-delay: 1s
}

.c-full-search__clear-filters-mobile {
    cursor: pointer;
    padding: .5rem;
    color: #fff;
    text-transform: capitalize;
}

#search-panel .left {
    float: left;
    width: 25%
}

#search-panel .right {
    float: right;
    width: 75%
}

.c-button.c-button {
    text-transform: uppercase;
    color: #111;
    border: 1px solid #111;
    padding: .8rem 1rem;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: .8rem;
    transition: all .2s ease-out;
    cursor: pointer
}

.c-button.c-button:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

.c-button.c-button>:first-child {
    margin-right: .5rem
}

.c-button.c-button--expand {
    width: 100%;
    display: block
}

.c-button.c-button--small {
    padding: .5rem .8rem
}

.c-button.c-button--light-grey {
    color: #666;
    border: 1px solid #efefef
}

.c-button.c-button--primary {
    background-color: #111;
    color: #fff
}

.c-button.c-button--primary:hover {
    color: #111;
    background-color: #fff
}

.c-select {
    color: #666;
    padding: .5rem;
    border: 1px solid #666;
    margin-bottom: .5rem
}

.c-select select {
    background-color: transparent;
    border: 0;
    width: 100%;
    margin: 0
}

.c-car-preview,
.c-date-picker,
.c-slider__label {
    margin-bottom: 1rem
}

.c-slider {
    padding: 1rem 1.3rem;
    min-height: 105px;
    border-bottom: 1px solid #ddd
}

.c-slider:after,
.c-slider:before {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.c-slider:last-child {
    border-bottom: 0
}

.c-slider--height-auto {
    min-height: 0
}

.c-price {
    height: 120px
}

.c-mileage {
    height: 155px
}

.c-finance {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid #ddd
}

.c-engine,
.c-year {
    height: 120px
}

.c-date-picker {
    border: 1px solid #666;
    font-size: 1rem;
    color: #333;
    padding: .5rem
}

.noUi-connect.noUi-connect {
    background-color: #1caddd;
    box-shadow: none
}

.noUi-target.noUi-target {
    border: 0;
    background: #efefef;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #b3b3b3, 0 3px 6px -5px #BBB
}

.noUi-handle.noUi-handle {
    box-shadow: none;
    width: 25px!important;
    height: 25px!important;
    border-radius: 50%
}

.noUi-horizontal {
    height: 12px!important
}

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

.noUi-handle {
    background: #efefef!important;
    border: 0!important;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5)!important
}

.c-car-preview,
.c-car-preview-card,
.c-filter-box,
.c-mini-search-form,
.c-page-content,
.c-sorting-bar {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.noUi-tooltip.noUi-tooltip {
    border: 0;
    font-size: .75rem
}

.noUi-horizontal .noUi-handle {
    left: -7px!important
}

.noUi-tooltip {
    color: inherit!important
}

.c-car-preview {
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 3px
}

@media screen and (max-width:768px) {
    .c-car-preview {
        padding: .8rem 1.5rem;
        position: relative
    }
}

.c-car-preview__header {
    /*display: grid;*/
    grid-template-columns: auto 85px 1fr;
    border-bottom: 1px solid #efefef;
    padding: 0 0 .5rem;
    margin-bottom: 1.5rem;
    position: relative
}

.c-car-preview__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width:768px) {
    .c-car-preview__header {
        grid-template-columns: auto 1fr
    }
    .c-car-preview__footer {
        display: block
    }
    .c-car-preview .c-car-preview__title {
        grid-column: 1/2;
        grid-row: 2/2;
        margin: 0 .5rem 0 0
    }
}

.c-car-preview__footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-car-preview__footer-actions#c-footer-actions-0 .btn-details {
    background-color: #ccc
}

.c-car-preview .c-car-preview__title {
    font-size: 1.375rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 .5rem 0 0
}

.c-car-preview__price {
    font-size: 1.375rem;
    font-weight: 700;
    text-align: right;
    flex: 2;
    position: absolute;
    right: 0
}

.c-car-preview-card__overlay,
.c-car-preview__overlay {
    right: calc(0% - 0px);
    opacity: .6;
    bottom: calc(0% - 0px)
}

.c-car-preview__body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1.5rem
}

@media screen and (max-width:768px) {
    .c-car-preview__price {
        grid-column: 2/2;
        grid-row: 2/2;
        position: relative
    }
    .c-car-preview__body {
        display: block;
        margin-bottom: 0
    }
}

.c-car-preview__gallery {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-basis: 95%
}

.c-car-preview__main-image-container {
    cursor: pointer;
    width: 60%;
    position: relative
}

@media screen and (max-width:768px) {
    .c-car-preview__gallery {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 1rem
    }
    .c-car-preview__main-image,
    .c-car-preview__main-image-container {
        width: 100% !important;
    }
}

.c-car-preview__features {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-grow: 1;
    flex-wrap: wrap;
}

.c-car-preview__feature-icon {
    margin-right: .4rem
}

.c-car-preview__features-list {
    width: calc(50% - 1rem);
    list-style: none;
    margin: 0 0 0 1rem;
    padding: 0
}

.c-car-preview__features-list.full {
    width: calc(100% - 1rem);
}

@media screen and (max-width:768px) {
    .c-car-preview__features {
        display: block
    }
    .c-car-preview__features-list {
        width: 100%;
        margin-left: 0
    }
}

.c-car-preview__features-list li {
    display: flex;
    align-items: center;
    margin-bottom: .7rem;
    font-size: .75rem
}

.c-car-preview__features-list li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-car-preview__features-list strong {
    font-weight: 700
}

.c-car-preview__thumbnails {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 40%
}

@media screen and (max-width:768px) {
    .c-car-preview__features-list li {
        font-size: 1rem
    }
    .c-car-preview__thumbnails {
        display: none
    }
}

.c-car-preview__thumb {
    cursor: pointer;
    width: calc(50% - .5rem);
    margin-bottom: .3rem;
    margin-left: .5rem;
    box-sizing: border-box
}

.c-car-preview .c-car-preview__blurb {
    margin-bottom: 0;
    padding: 0;
    margin-right: 1rem;
    font-size: .8125rem;
    width: 55%
}

@media screen and (max-width:768px) {
    .c-car-preview .c-car-preview__blurb {
        border-top: 1px solid #efefef;
        border-right: 0;
        margin-right: 0;
        margin-bottom: 1rem;
        padding: 1rem 0 0;
        font-size: 1rem;
        width: 100%
    }
    .c-car-preview .c-button {
        margin-bottom: 1rem;
        width: 100%
    }
}

.c-car-preview .c-button {
    margin-left: .1rem;
    margin-right: .1rem
}

.c-car-preview .c-button:hover {
    cursor: pointer;
    background-color: #efefef
}

.c-car-preview--body-reverse .c-car-preview__body {
    flex-direction: row-reverse
}

.c-car-preview--body-reverse .c-car-preview__gallery {
    margin-left: 1rem;
    margin-right: 0
}

@media screen and (max-width:768px) {
    .c-car-preview--body-reverse .c-car-preview__gallery {
        margin-left: 0
    }
}

.c-car-preview--body-reverse .c-car-preview__features-list {
    margin: 0 1rem 0 0
}

.c-car-preview--gallery-reverse .c-car-preview__gallery {
    margin-right: 1rem;
    flex-direction: row-reverse
}

@media screen and (max-width:768px) {
    .c-car-preview--gallery-reverse .c-car-preview__gallery {
        margin-left: 0
    }
}

.c-car-preview--gallery-reverse .c-car-preview__thumb {
    margin-left: 0;
    margin-right: .5rem
}

.c-car-preview--gallery-reverse .c-car-preview__features-list {
    margin: 0 1rem 0 0
}

.c-car-preview__save-button {
    cursor: pointer;
    padding-left: .5rem;
    padding-right: .5rem;
    transition: transform .2s ease;
    border-radius: 1.5px
}

.c-car-preview__save-button:hover {
    transform: translateX(3px)
}

.c-car-preview__save-button i {
    margin-right: .2rem
}

@media screen and (max-width:768px) {
    .c-car-preview__save-button {
        padding: 0;
        grid-column: 2/2;
        grid-row: 1/2;
        text-align: right;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: .2rem
    }
    .c-car-preview__save-button:hover {
        transform: initial
    }
    .c-car-preview__save-button i {
        margin-left: .3rem;
        margin-right: 0
    }
}

.c-car-preview__overlay {
    display: inline-flex;
    position: absolute;
    background: #0f0f0f;
    border-radius: 20px 0 0;
    padding-left: 5px
}

.c-car-preview__overlay img {
    height: 18px;
    margin: 5px
}

@media screen and (max-width:768px) {
    .c-car-preview__overlay img {
        height: 28px;
        margin: 8px
    }
}

.c-car-preview__overlay label {
    color: #fff;
    line-height: 28px;
    padding: 0 5px 0 0
}

@media screen and (max-width:768px) {
    .c-car-preview__overlay label {
        line-height: 44px;
        font-size: 130%
    }
}

.c-car-preview-card {
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem
}

@media screen and (max-width:480px) {
    .c-car-preview__overlay img {
        height: 18px;
        margin: 5px
    }
    .c-car-preview__overlay label {
        line-height: 28px;
        font-size: 100%
    }
    .c-car-preview-card {
        margin-bottom: .5rem
    }
}

.c-car-preview-card__header {
    display: grid;
    grid-template-columns: auto auto;
    margin: .5rem 0;
    align-items: start
}

.c-car-preview-card__features-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-car-preview-card__features-list li {
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
    font-size: .85rem
}

@media screen and (max-width:768px) {
    .c-car-preview-card__features-list {
        width: 100%;
        margin-left: 0
    }
    .c-car-preview-card__features-list li {
        font-size: 1rem
    }
}

.c-car-preview-card__features-list li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-car-preview-card__features-list strong {
    font-weight: 700
}

.c-car-preview-card__title {
    font-weight: 700;
    font-size: 1.3rem!important;
    margin: 0
}

.c-car-preview-card__feature-icon {
    margin-right: .4rem
}

.c-car-preview-card__actions {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.c-car-preview-card__actions>* {
    width: calc(50% - .4rem);
    padding: .2rem;
    white-space: normal
}

.c-car-preview-card__actions>:only-child {
    width: 100%
}

.c-car-preview-card__actions .c-button {
    margin-bottom: 0
}

.c-car-preview-card__actions .c-button:hover {
    cursor: pointer;
    background-color: #efefef
}

.c-car-preview-card__price {
    font-size: 1.3rem;
    padding: .5rem 0;
    font-weight: 700
}

.c-car-preview-card__image {
    cursor: pointer;
    position: relative
}

.c-car-preview-card__image>img {
    width: 100%
}

.c-car-preview-card__save-button {
    cursor: pointer;
    padding-left: .5rem;
    transition: transform .2s ease;
    border-radius: 1.5px;
    align-items: baseline;
    text-align: right
}

.c-car-preview-card__save-button:hover {
    transform: translateX(3px)
}

@media screen and (max-width:768px) {
    .c-car-preview-card__save-button {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
    .c-car-preview-card__save-button:hover {
        transform: initial
    }
}

.c-car-preview-card__save-button i {
    margin-right: .2rem
}

.c-car-preview-card__overlay {
    display: inline-flex;
    position: absolute;
    background: #0f0f0f;
    border-radius: 20px 0 0;
    padding-left: 5px
}

.c-car-preview-card__overlay img {
    height: 18px;
    margin: 5px
}

@media screen and (max-width:768px) {
    .c-car-preview-card__overlay img {
        height: 28px;
        margin: 8px
    }
}

.c-car-preview-card__overlay label {
    color: #fff;
    line-height: 28px;
    padding: 0 5px 0 0
}

@media screen and (max-width:768px) {
    .c-car-preview-card__overlay label {
        line-height: 44px;
        font-size: 130%
    }
}

@media screen and (max-width:480px) {
    .c-car-preview-card__overlay img {
        height: 18px;
        margin: 5px
    }
    .c-car-preview-card__overlay label {
        line-height: 28px;
        font-size: 100%
    }
}

.c-search-preview-results--grid-view {
    display: block;
    grid-gap: .5rem
}

@media screen and (min-width:768px) {
    .c-search-preview-results--grid-view {
        grid-template-columns: repeat(2, 1fr);
        display: grid
    }
}

@media screen and (min-width:992px) {
    .c-search-preview-results--grid-view {
        grid-template-columns: repeat(3, 1fr);
        display: grid
    }
}

.c-filter-box {
    background-color: #fff;
    padding: .8rem;
    border-radius: 3px;
    margin-bottom: .7rem
}

.c-filter-box__select {
    background-color: transparent;
    border: 0;
    width: 100%
}

.c-label {
    font-weight: 700;
    font-size: .875rem;
    display: block
}

.c-text-input.c-text-input,
.c-textarea.c-textarea {
    border: 1px solid #666;
    font-size: 1rem;
    color: #333;
    margin-bottom: 1rem
}

.c-text-input.c-text-input {
    height: 40px
}

.c-textarea.c-textarea {
    padding: 8px 15px;
    width: 100%;
    height: 100px
}

.c-gallery {
    margin-bottom: 1rem
}

.c-gallery__main-image-container {
    position: relative;
    text-align: center;
    justify-content: center
}

.c-gallery__next,
.c-gallery__prev {
    position: absolute;
    top: calc(50% - 32px);
    padding: 1rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    font-size: 3rem;
    cursor: pointer
}

.c-gallery__next:hover,
.c-gallery__prev:hover {
    color: #fff
}

.c-gallery__prev {
    left: 0
}

.c-gallery__next {
    right: 0
}

.c-gallery__thumbnails {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: .5rem
}

.c-gallery__thumbnails .thumb {
    display: inline-block;
    background-color: #96c346;
}

.c-gallery__thumbnails img {
    width: 100%;
    cursor: pointer;
    transition: opacity .5s ease
}

.c-gallery__thumbnails img:hover {
    opacity: .8
}

.c-page-content {
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 3px;
    overflow: hidden
}

.c-car-details-data__buttons,
.c-car-details-data__header {
    display: flex;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #efefef
}

.c-car-details-data__header {
    justify-content: space-between;
    align-items: center
}

.c-car-details-data__price {
    font-size: 1.375rem;
    font-weight: 700
}

.c-car-details-data__buttons {
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:768px) {
    .c-gallery__thumbnails {
        grid-template-columns: repeat(5, 1fr)
    }
    .c-car-details-data__buttons div input {
        font-size: 80%
    }
}

.c-car-details-data__buttons div:nth-of-type(1) {
    margin-right: .5rem
}

.c-car-details-data__highlights {
    background: url(../images/star.png) left 4px no-repeat;
    padding-left: 32px;
    line-height: 25px;
    font-size: .85rem;
    border-bottom: 1px solid #efefef;
    margin-bottom: .5rem
}

.c-car-details-data__highlights strong {
    position: relative;
    top: -6px;
    font-weight: 700;
    margin-bottom: 3px
}

.c-car-details-data__highlights span {
    position: relative;
    top: -10px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.4em;
    white-space: nowrap;
    display: block
}

.c-car-details-data__cta {
    text-transform: uppercase;
    border: 1px solid #111;
    padding: .8rem 1rem;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: .8rem
}

.c-car-details-data__cta:hover {
    cursor: pointer;
    background-color: #efefef
}

.c-car-details-data__description-title h3,
.c-car-details-data__description-title h4,
.c-car-details-data__features-title h3,
.c-car-details-data__features-title h4 {
    font-size: .875rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 600
}

.c-car-details-data__features {
    /*border-bottom: 1px solid #efefef;*/
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    overflow: hidden
}

.c-car-details-data__features-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-car-details-data__features-list li {
    display: flex;
    align-items: center;
    margin-bottom: .7rem;
    font-size: .85rem
}

@media screen and (max-width:768px) {
    .c-car-details-data__features-list li {
        font-size: 1rem
    }
}

.c-car-details-data__features-list span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-car-details-data__features-list strong {
    font-weight: 700
}

.c-car-details-data__feature-icon {
    margin-right: .5rem
}

.search_number_photos_gallery {
    margin: 0 5px 5px
}

.search_number_photos_gallery label {
    font-size: 14px;
    color: #ddd
}

.search_car_svg_images {
    height: 15px;
    margin: 4px
}

.search_info_video_images_360 {
    display: inline-flex;
    position: absolute;
    background: #0f0f0f;
    opacity: .7;
    border: 1px solid #0f0f0f;
    border-radius: 10px 0 0;
    margin-top: calc(14% - 0px);
    margin-left: calc(10% - 3px)
}

@media screen and (max-width:768px) {
    .search_car_svg_images {
        height: 30px;
        margin: 10px
    }
    .search_info_video_images_360 {
        position: inherit;
        display: inline-flex;
        width: auto;
        height: auto;
        background: #0f0f0f;
        opacity: .7;
        border: 1px solid #0f0f0f;
        border-radius: 20px 0 0;
        margin-left: auto;
        margin-right: 0;
        margin-bottom: auto;
        margin-top: calc(-8% - 0px);
        align-items: center
    }
}

.container_mainContent {
    display: inline-flex;
    position: absolute;
    bottom: calc(0% - 0px);
    right: calc(0% - 0px);
    background: #0f0f0f;
    opacity: .7;
    border-radius: 20px 0 0
}

.car_details_svg_images {
    height: 30px;
    margin: 10px;
    cursor: pointer
}

.div_number_photos_gallery {
    margin: 10px 5px 5px 0;
    padding: 5px
}

.div_number_photos_gallery label {
    font-size: 21px;
    color: #ddd
}

.mainContentIframe {
    width: 100%;
    height: 400px
}

@media screen and (max-width:600px) {
    .car_details_svg_images {
        height: 20px
    }
    .div_number_photos_gallery {
        margin: 5px 5px 5px 0
    }
    .div_number_photos_gallery label {
        font-size: 12px
    }
    .mainContentIframe {
        height: auto
    }
}

.c-finance-calculator {
    height: auto;
    width: auto;
    text-align: center
}

.c-finance-calculator__input {
    display: inline-flex;
    margin-bottom: 10px
}

.c-finance-calculator__input p {
    display: inline-flex;
    line-height: 2
}

.c-finance-calculator__input label {
    color: #0f0f0f
}

@media screen and (max-width:600px) {
    .c-finance-calculator__input {
        display: inline-block
    }
}

.c-finance-calculator__button {
    margin-top: auto;
    margin-bottom: 25px
}

.c-finance-calculator__amount {
    display: flex;
    padding-top: 10px;
    border-top: 1px solid #ddd
}

.c-finance-calculator__btn-apply {
    margin: 15px
}

.c-finance-calculator__table {
    color: #0f0f0f;
    width: 100%;
    table-layout: fixed
}

.c-finance-calculator__table th {
    text-align: center!important
}

.c-finance-calculator__table thead tr th {
    background: #4c6066;
    color: #fff
}

.c-finance-calculator__table tbody tr {
    background: #BBB
}

@media screen and (max-width:600px) {
    .c-finance-calculator__table thead {
        clip: rect(0 0 0 0);
        overflow: hidden;
        position: absolute
    }
    .c-finance-calculator__table tr {
        display: block;
        margin: 5px
    }
    .c-finance-calculator__table td {
        display: block;
        text-align: right
    }
    .c-finance-calculator__table td::before {
        content: attr(data-label);
        float: left
    }
    .c-finance-calculator__table tbody tr td:nth-child(1) {
        text-align: center;
        font-weight: 700;
        background: #4c6066
    }
}

caption,
th {
    text-align: left
}

@media screen and (max-width:420px) {
    .c-finance-calculator h3 {
        font-size: 14px
    }
}

@media screen and (max-width:360px) {
    .c-finance-calculator h3 {
        font-size: 12px
    }
}

.c-finance-calculator p.finance-info {
    text-align: left;
    padding: 8px
}

.c-details-tabs__nav {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
    margin: 0 0 1rem;
    padding: 0
}

@media screen and (max-width:768px) {
    .c-details-tabs__nav {
        display: none
    }
}

.c-details-tabs__nav li {
    margin: 0;
    border-bottom: 1px solid #efefef;
    cursor: pointer
}

.c-details-tabs__nav li:hover {
    background-color: #efefef
}

.c-details-tabs__nav li.is-active:hover,
table {
    background-color: transparent
}

.c-details-tabs__nav li.is-active {
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.c-details-tabs__nav li.is-active a {
    color: #333;
    font-weight: 700
}

.c-details-tabs__nav a {
    padding: .875rem;
    font-size: .875rem;
    display: block;
    color: #b3b3b3;
    width: 122px;
}

.c-details-tabs__nav a:hover {
    color: #666
}

.c-details-tabs__tab-content {
    display: none
}

@media screen and (max-width:768px) {
    .c-details-tabs__tab-content {
        margin-bottom: 1rem
    }
}

.c-details-tabs__tab.is-active .c-details-tabs__tab-content {
    display: block;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: custom-fadeIn
}

.c-details-tabs__tab.is-active .c-details-tabs__mobile-trigger:after {
    transform: rotate(180deg)
}

.c-details-tabs .c-details-tabs__mobile-trigger {
    font-weight: 700;
    font-size: .875rem;
    border-bottom: 1px solid #efefef;
    margin: 0;
    padding: .8rem .25rem;
    position: relative
}

@media screen and (min-width:768px) {
    .c-details-tabs .c-details-tabs__mobile-trigger {
        display: none
    }
}

.c-details-tabs .c-details-tabs__mobile-trigger:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    position: absolute;
    top: calc(50% - 7px);
    right: 1rem;
    transition: transform .3s ease-out
}

@keyframes custom-fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

.c-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px
}

.c-table>tbody>tr>td,
.c-table>tbody>tr>th,
.c-table>tfoot>tr>td,
.c-table>tfoot>tr>th,
.c-table>thead>tr>td,
.c-table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.c-table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.c-table>caption+thead>tr:first-child>td,
.c-table>caption+thead>tr:first-child>th,
.c-table>colgroup+thead>tr:first-child>td,
.c-table>colgroup+thead>tr:first-child>th,
.c-table>thead:first-child>tr:first-child>td,
.c-table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.c-table>tbody+tbody {
    border-top: 2px solid #ddd
}

.c-table .c-table {
    background-color: #fff
}

.c-table-condensed>tbody>tr>td,
.c-table-condensed>tbody>tr>th,
.c-table-condensed>tfoot>tr>td,
.c-table-condensed>tfoot>tr>th,
.c-table-condensed>thead>tr>td,
.c-table-condensed>thead>tr>th {
    padding: 5px
}

.c-table-bordered,
.c-table-bordered>tbody>tr>td,
.c-table-bordered>tbody>tr>th,
.c-table-bordered>tfoot>tr>td,
.c-table-bordered>tfoot>tr>th,
.c-table-bordered>thead>tr>td,
.c-table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.c-table-bordered>thead>tr>td,
.c-table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.c-table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.c-table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.c-off-canvas-form {
    position: fixed;
    width: 450px;
    right: -450px;
    top: 0;
    height: 100%;
    z-index: 2000000;
    background: #fff;
    padding: 1rem;
    overflow: scroll;
    transition: all ease .4s
}

@media screen and (max-width:768px) {
    .c-off-canvas-form {
        width: 270px;
        right: -270px
    }
}

.c-off-canvas-form.is-active {
    right: 0;
    transition: all ease .4s
}

.c-backdrop {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
    cursor: pointer
}

.c-backdrop.is-active {
    display: block
}

.c-backdrop.is-active .c-backdrop__closer {
    display: block;
    opacity: 1
}

.c-backdrop__closer {
    position: fixed;
    top: 0;
    right: calc(450px + 1rem);
    color: #fff;
    font-size: 1.5rem;
    z-index: 20000;
    display: none;
    opacity: 0;
    cursor: pointer;
    transition: opacity ease .4s;
    transition-delay: 1s
}

.c-mini-search-form {
    background-color: #fff;
    padding: .8rem 1rem;
    border-radius: 3px;
    border: 0
}

.c-mini-search-form .c-slider {
    margin: 1.5rem 0 .3rem
}

.c-mini-search-form .c-select {
    padding: .3rem
}

.c-mini-search-form .c-label {
    font-size: .9rem;
    margin-left: 1rem;
    margin-top: .9rem;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .c-mini-search-form--horizontal {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1.8rem 1rem .8rem
    }
    .c-mini-search-form--horizontal>* {
        padding-left: .5em;
        padding-right: .5rem
    }
    .c-mini-search-form--horizontal .c-mini-search-form__slider {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .c-mini-search-form--horizontal .c-slider {
        width: 190px;
        margin: 0
    }
    .c-mini-search-form--horizontal .c-label {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 0
    }
    .c-mini-search-form--horizontal .c-select {
        margin-bottom: 0;
        padding: .1rem .3rem
    }
    .c-mini-search-form--horizontal select {
        width: 120px
    }
}

@media screen and (min-width:768px) and (max-width:768px) {
    .c-mini-search-form--horizontal .c-mini-search-form__slider {
        display: block
    }
}

@media screen and (min-width:768px) {
    .c-mini-search-form--hide-prices {
        padding: .8rem 1rem
    }
    .c-mini-search-form--full-wdith-container .c-select,
    .c-mini-search-form--hide-prices .c-select {
        width: 250px
    }
}

.c-ajax-spinner {
    padding: 2rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-ajax-spinner__ellipsis span {
    opacity: 0;
    -webkit-animation: ellipsis-dot 1s infinite;
    animation: ellipsis-dot 1s infinite
}

.c-ajax-spinner__ellipsis span:nth-child(1) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.c-ajax-spinner__ellipsis span:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.c-ajax-spinner__ellipsis span:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@keyframes ellipsis-dot {
    0%,
    100% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.c-not-found {
    padding: 4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border: 3px dashed rgba(0, 0, 0, .12)
}

@media screen and (max-width:768px) {
    .c-backdrop__closer {
        right: initial;
        left: 1rem
    }
    .c-not-found {
        padding: 1.5rem
    }
}

.c-not-found>* {
    margin: 0 1rem
}

.c-not-found .c-not-found__title {
    font-size: 3rem;
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: 700;
    display: flex
}

.c-not-found .c-not-found__title img {
    margin-left: .5rem
}

.c-disclaimer {
    border: 1px solid #efefef
}

.c-disclaimer .c-disclaimer__title {
    font-size: .875rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 600
}

.c-disclaimer__content {
    font-size: .9rem
}

.c-filter-box-trigger {
    background-color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: .8rem;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    border: 1px solid #efefef;
    padding: .5rem .8rem;
    display: none;
    z-index: 1
}

@media screen and (max-width:768px) {
    .c-filter-box-trigger {
        position: fixed;
        display: block;
        top: 45px;
        background-color: #000;
        color: #fff;
        right: 0;
        font-size: 1rem;
        padding: 0.7rem;
        border: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.c-multi-select__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-multi-select__header label {
    font-size: .875rem
}

.c-multi-select__container {
    overflow: auto;
    max-height: 120px;
    margin-bottom: .5rem
}

.multi-select-body {
    padding: 3px
}

.multi-select-checkbox:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0
}

.multi-select-checkbox:not(old)+label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url(../images/checks.png) no-repeat;
    line-height: 24px;
    font-size : 13px;
}

.multi-select-checkbox:not(old):checked+label {
    background-position: 0 -24px
}

.c-search-page {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media screen and (max-width:768px) {
    .c-search-page {
        margin-left: 0;
        margin-right: 0;
        display: block
    }
}

.c-search-page__filters {
    width: 25%;
    margin-left: .5rem;
    margin-right: .5rem
}

@media screen and (max-width:768px) {
    .c-search-page__filters {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.c-search-page__results {
    width: 75%;
    margin-left: .5rem;
    margin-right: .5rem
}

@media screen and (max-width:768px) {
    .c-search-page__results {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.c-search-page--row-reverse {
    flex-direction: row-reverse
}

.c-sorting-bar {
    background-color: #fff;
    padding: .8rem;
    border-radius: 3px;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    margin-bottom: .7rem;
    font-size: .8rem;
    justify-content: space-between
}

.c-sorting-bar__col-2 {
    justify-self: end
}

.c-sorting-bar__results-number {
    margin-left: 10px;
    font-style: italic
}

.c-sorting-bar__clear-filters {
    cursor: pointer;
    margin-left: .7rem;
    padding-left: .7rem;
    border-left: 1px solid #efefef;
    transition: transform .2s ease
}

@media screen and (max-width:768px) {
    .c-sorting-bar__clear-filters,
    .c-sorting-bar__results-number {
        display: none
    }
}

.c-sorting-bar__clear-filters i {
    margin-right: .3rem
}

.u-loading-bar {
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: c-loading-bars-amination;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 440px 104px;
    border-radius: 6px;
    margin-bottom: 1rem
}

.u-loading-bars-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: .5rem;
    margin-bottom: 1.3rem;
    justify-content: space-between
}

.u-loading-bars-wrapper--wrap {
    flex-wrap: wrap
}

@keyframes c-loading-bars-amination {
    0% {
        background-position: -880px 0
    }
    100% {
        background-position: 880px 0
    }
}

@keyframes spinneriminen {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.c-car-spinner {
    height: 120px;
    width: 120px;
    position: relative
}

.c-car-spinner__svg {
    animation: spinneriminen 1s linear infinite;
    position: absolute;
    top: 0
}

.c-car-spinner__svg-circle {
    stroke: rgba(0, 0, 0, .3);
    stroke-dasharray: 140;
    transform-origin: center center;
    fill: transparent;
    stroke-width: 2px
}

.c-car-spinner__svg-car {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    opacity: .6
}

.c-car-spinner--small {
    height: 60px;
    width: 60px
}

.c-car-spinner--small .c-car-spinner__svg-car {
    top: calc(50% - 12px);
    left: calc(50% - 11px)
}

.c-car-spinner--small .c-car-spinner__svg-circle {
    stroke-width: 4px
}

.c-gallery-loader__thumbs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: .5rem
}

.c-gallery-loader__thumb {
    width: 100%;
    height: 80px;
    border-radius: 6px;
    display: flex;
    background-color: #eee;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:768px) {
    .c-gallery-loader__thumbs {
        grid-template-columns: repeat(3, 1fr)
    }
    .c-gallery-loader__thumb {
        width: 100%;
        height: 60px
    }
}

.c-gallery-loader__big-thumb {
    background-color: #eee;
    height: 400px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
    flex-direction: column
}

@media screen and (max-width:768px) {
    .c-gallery-loader__big-thumb {
        height: 255px
    }
}

.ua-mobile #main {
    padding: .5rem
}

.fusion-footer-copyright-area {
    z-index: 9
}

.c-car-preview__header {
    display: flex;
    flex-wrap: wrap;
}

.c-car-preview__header .c-car-preview__title-wrap {
    float: left;
    display: inline-block;
    width: calc(100% - 300px);
}

.c-car-preview__header .c-car-preview__title-wrap .c-car-preview__title {
    width: 75%;
    float: left;
}

.c-car-preview__header .c-car-preview__title-wrap .c-car-preview__subtitle {
    font-size: 1.12rem;
    float: left;
    width: 100%;
}

.c-car-preview__header .c-car-preview__price-wrap,
.c-car-preview__body .c-car-preview__price-wrap-block {
    float: right;
    display: flex;
    width: 290px;
    max-height: 50px;
    margin-left: 10px;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
}

.c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-week,
.c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-month,
.c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-week,
.c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-month {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
    border-right: 1px solid rgba(0, 0, 0, .3);
}

.c-car-preview__header .c-car-preview__price-wrap h4,
.c-car-preview__body .c-car-preview__price-wrap-block h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.c-car-preview__header .c-car-preview__price-wrap .number-wrap,
.c-car-preview__body .c-car-preview__price-wrap-block .number-wrap {
    display: flex;
}

.c-car-preview__header .c-car-preview__price-wrap .number-wrap .price-number,
.c-car-preview__body .c-car-preview__price-wrap-block .number-wrap .price-number {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.c-car-preview__header .c-car-preview__price-wrap .number-wrap p,
.c-car-preview__body .c-car-preview__price-wrap-block .number-wrap p {
    width: 30px;
    margin: 0 0 0 3px;
    font-size: 0.48rem !important;
}

.c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-details,
.c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-details {
    text-align: left;
    padding: 0 10px;
}

@media (max-width: 640px) {
    .c-car-preview__header .c-car-preview__title-wrap,
    .c-car-preview__header .c-car-preview__price-wrap {
        width: 100%;
    }
    .c-car-preview__header .c-car-preview__price-wrap {
        display: none !important;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block {
        width: 100%;
        display: flex !important;
        margin-bottom: 25px !important;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block {
        float: none !important;
    }

    #car-details-description {
        display: none !important;
    }

    #car-details-description-block {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .c-car-preview__header .c-car-preview__price-wrap {
        margin:0 0 0 0;
        display: none !important;
    }

    .c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-week,
    .c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-month {
        margin-bottom: 10px;
    }
    .c-car-preview__header .c-car-preview__price-wrap .c-car-preview__price-details {
        padding: 0;
    }
    .c-car-preview__header .c-car-preview__price-wrap .number-wrap p {
        width: auto;
    }
    .c-car-preview__header .c-car-preview__title-wrap .c-car-preview__title {
        font-size: 1.375rem;
    }

    .c-car-preview__header .c-car-preview__title-wrap .c-car-preview__subtitle {
        font-size: 1rem;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block {
        margin:0 0 0 0;
        display: flex !important;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-week,
    .c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-month{
        margin-bottom: 10px;
        padding: 0 18px;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-details {
        width: 100% !important;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block .number-wrap p {
        width: auto;
    }

    .c-car-preview__body .c-car-preview__price-wrap-block {
        float: none !important;
    }

    #car-details-description {
        display: none !important;
    }

    #car-details-description-block {
        display: block !important;
    }
}

@media (max-width: 320px) {
    .c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-week,
    .c-car-preview__body .c-car-preview__price-wrap-block .c-car-preview__price-month{
        margin-bottom: 10px;
        padding: 0 5px !important;
    }

    #car-details-description {
        display: none !important;
    }

    #car-details-description-block {
        display: block !important;
    }
}

#search-pagination-panel .c-sorting-bar__col-2,
#search-pagination-panel-bottom .c-sorting-bar__col-2 {
    display: inline-block;
}
#search-pagination-panel, #search-pagination-panel-bottom,
.result-pagination {
    display: inline-block;
    width: 100%;
}
#search-pagination-panel .result-pagination .results,
#search-pagination-panel-bottom .result-pagination .results
{
    float: left;
    display: inline-block;
    width: 35%;
}
#search-pagination-panel .result-pagination .top-pagination-results,
#search-pagination-panel-bottom .result-pagination .top-pagination-results {
    float: left;
    display: inline-block;
    width: 65%;
}
.result-pagination .top-pagination-results .right {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.result-pagination .top-pagination-results .right li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.result-pagination .top-pagination-results .right li a,
.result-pagination .top-pagination-results .right li p {
    display: inline-block;
    padding: 10px;
    color: #1caddd;
    border: 1px solid #CCC;
    line-height: 16px;
}
.result-pagination .top-pagination-results .right li p {
    margin: 0;
    color: #FFF;
    border-color: #1caddd ;
    background-color: #1caddd ;
}

#search-pagination-panel .right, #search-pagination-panel-bottom .right {
    width: 100% !important;
}

@media (max-width: 767px) {
    #search-pagination-panel .result-pagination .results,
    #search-pagination-panel .result-pagination .top-pagination-results,
    #search-pagination-panel-bottom .result-pagination .top-pagination-results {
        width: 100%;
    }
    #search-pagination-panel .result-pagination .top-pagination-results,
    #search-pagination-panel-bottom .result-pagination .top-pagination-results {
        margin-top: 10px;
        text-align: left;
    }
    #search-pagination-panel .result-pagination .top-pagination-results ul,
    #search-pagination-panel-bottom .result-pagination .top-pagination-results ul {
        float: unset;
        text-align: left;
    }
}

#wrapper #main {
    padding-left: 10px;
    padding-right: 10px;
}


.c-car-details-data__header .c-car-details-data__price {
    float: right;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
}

.c-car-details-data__header .c-car-details-data__price .c-car-preview__price-details {
    margin-left: 10px;
}

.c-car-details-data__header .c-car-details-data__price .c-car-preview__price-week,
.c-car-details-data__header .c-car-details-data__price .c-car-preview__price-month {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
    border-right: 1px solid rgba(0, 0, 0, .3);
}

.c-car-details-data__header .c-car-details-data__price h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.c-car-details-data__header .c-car-details-data__price .number-wrap {
    display: flex;
}

.c-car-details-data__header .c-car-details-data__price .number-wrap .price-number {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.c-car-details-data__header .c-car-details-data__price .number-wrap p {
    width: 30px;
    margin: 0 0 0 3px;
    font-size: 0.48rem !important;
}

#car-details-description {
    margin-top: 15px;
}

.car-details-left-sidebar {
   width:calc((60%) - ((4%) *0.5)) !important;
   margin-right: 4%;
}

.car-details-right-sidebar{
    width:calc((40%) - ((4%)* 0.5)) !important;
}

.car-details-separator-clear {
    border-color:#e0dede !important;
    border-top-width:0 !important;
    border-bottom-width:0 !important;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}

.c-car-preview__footer-actions a{
    width: 100% !important;
}

.c-car-details-data__buttons {
    display: block;;
}

#car-details-summary-call,
#car-details-summary-enquiry,
#car-details-summary-finance {
 margin: 5px 0 10px 0;
}

#car-details-summary-call,
#car-details-summary-enquiry,
#car-details-summary-finance {
    margin: 5px 0 10px 0;
}

#car-details-summary-call .c-car-details-data__cta,
#car-details-summary-enquiry .c-car-details-data__cta {
    width: 100%;
    background-color: #1caddd !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

#car-details-summary-finance .c-car-details-data__cta {
    width: 100%;
    background-color: #0f5074 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

#car-details-summary-call .c-car-details-data__cta:hover,
#car-details-summary-enquiry .c-car-details-data__cta:hover,
#car-details-summary-finance .c-car-details-data__cta:hover {
    cursor: pointer;
    background-color: #fff;
}


/* Accordian*/
#accordion {
    width: 100%;
}

#accordion .panel-title {
    background-color: #D5E8F0;
    border-bottom: 1px solid #7DA4B4;
    position: relative;
    padding: 13px;
    line-height: 0;
    font-size: .875rem;
    cursor: pointer;
    overflow: hidden;
}

#accordion .panel-title * {
    cursor: pointer;
}

#accordion .panel-title h4 {
    float: left;
}

#accordion .panel-title:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}

#accordion .panel-body {
    border-bottom: 1px solid #7DA4B4;
    height: auto;
    display: none;
}

#accordion .arrow {
    float: right;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    margin-top: 21px;
    border-top-color: #000;
}
#accordion .close {
    float: none;
    opacity: unset;

}

#accordion .panel-title.open {
    background: #90BBCD!important;
    color:#fff;
}

#accordion .panel-title.open .arrow {
    margin-top: 11px;
    border-bottom-color: #F3F3F3;
    border-top-color: transparent;
}

.termsText {
    font-size: 14px !important;
    float: left;
}

#car-details-description .body,
#car-details-description-block .body {
    padding: 20px !important;
    background: #F9F9F9;
    border: 1px solid #DDD;
    margin-top: 20px;
    margin-bottom: 15px;
    white-space: pre-line;
}