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

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

@font-face {
    font-family: "VWAGTheSans";
    src: url("../fonts/VWAGTheSans-Light.eot");
    src: url("../fonts/VWAGTheSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/VWAGTheSans-Light.woff") format("woff"), url("../fonts/VWAGTheSans-Light.woff2") format("woff2"), url("../fonts/VWAGTheSans-Light.svg#VWAGTheSans-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "VWAGTheSans";
    src: url("../fonts/VWAGTheSans-Italic.eot");
    src: url("../fonts/VWAGTheSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/VWAGTheSans-Italic.woff") format("woff"), url("../fonts/VWAGTheSans-Italic.woff2") format("woff2"), url("../fonts/VWAGTheSans-Italic.svg#VWAGTheSans-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

.tab-bar .tab-bar-inner > ul > li, .card-results > li, .offer-view .favourite, .offer-view .bid-level, .offer-nav ul li, .list-options-inner .form-group, .pagination li {
    display: inline-block;
    margin-right: -0.25em;
    vertical-align: top;
}

@media (min-width: 600px) {
    .footer .main-links > ul > li, .listing-specs > span, .listing-item, .settings-modal .settings-list li {
        display: inline-block;
        margin-right: -0.25em;
        vertical-align: top;
    }
}

@media (min-width: 900px) {
    .tabs li, .page-col, .listing-gallery, .offer-col, .listing-features li {
        display: inline-block;
        margin-right: -0.25em;
        vertical-align: top;
    }
}

@media (min-width: 1200px) {
    .table .col-left, .table .col-right {
        display: inline-block;
        margin-right: -0.25em;
        vertical-align: top;
    }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }
/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}
    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

.visible-md-inline {
    display: none !important;
}

@media (min-width: 900px) {
    .visible-md-inline {
        display: inline-block !important;
    }
}

::-ms-clear {
    display: none;
}

body,
button,
input,
select,
textarea {
    color: #4c5356;
    font-family: "VWAGTheSans", Helvetica, sans-serif;
    line-height: 1.6;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "VWAGTheSans", Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

h1, .h1 {
    font-size: 48px;
}

h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

big {
    font-size: 125%;
}

small, .small {
    font-size: 80%;
    line-height: normal;
    display: inline-block;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.uppercase {
    text-transform: uppercase;
}

.bright-green {
    color: #05CE9F;
}

.bright-red {
    color: #FF4963;
}

.bright-yellow {
    color: #F5E850;
}

hr {
    background-color: #a8adb3;
    border: 0;
    height: 1px;
    margin: 20px 0;
}

    hr.extra-space {
        margin: 40px 0;
    }

.btn, .result_pages > a, .zoom_button, .btn-round, .show-saved-filters-list, .show-bid-history {
    display: inline-block;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 0;
    border: 1px solid transparent;
}

    .btn:hover, .result_pages > a:hover, .zoom_button:hover, .btn-round:hover, .show-saved-filters-list:hover, .show-bid-history:hover, .btn:focus, .result_pages > a:focus, .zoom_button:focus, .btn-round:focus, .show-saved-filters-list:focus, .show-bid-history:focus {
        text-decoration: none;
        text-shadow: none;
    }

    .btn span, .result_pages > a span, .zoom_button span {
        display: inline-block;
        vertical-align: middle;
    }

.btn-block {
    width: 100%;
}

.btn-link {
    padding: 0;
}

.btn-default {
    border-color: #66E4EE;
    background-color: #66E4EE;
    color: #004666;
    text-align: center;
}

    .btn-default:hover, .btn-default:focus {
        border-color: #fff;
        background-color: #fff;
        color: #66E4EE;
        text-decoration: none;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

.btn-round {
    border-radius: 50%;
    min-width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 36px;
}

@media (min-width: 600px) {
    .btn-lg-round {
        min-width: 96px;
        height: 96px;
        line-height: 96px;
        font-size: 86px;
    }
}

.btn-primary, .zoom_button, .btn-secondary, .saved-filters-list ul, .bid-history ul, .show-saved-filters-list, .show-bid-history, .result_pages > a, .btn-default {
    padding: 8px 12px 8px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.bl .btn-primary, .bl .zoom_button, .bl .btn-secondary, .bl .saved-filters-list ul, .saved-filters-list .bl ul, .bl .bid-history ul, .bid-history .bl ul, .bl .show-saved-filters-list, .bl .show-bid-history, .bl .result_pages > a, .bl .btn-default {
    font-size: 15px;
    padding: 11px 20px;
}

.btn-primary:hover, .zoom_button:hover, .btn-secondary:hover, .saved-filters-list ul:hover, .bid-history ul:hover, .show-saved-filters-list:hover, .show-bid-history:hover, .result_pages > a:hover, .btn-default:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.btn-primary:active, .zoom_button:active, .btn-secondary:active, .saved-filters-list ul:active, .bid-history ul:active, .show-saved-filters-list:active, .show-bid-history:active, .result_pages > a:active, .btn-default:active {
    box-shadow: none;
}

.btn-primary[disabled], [disabled].zoom_button, .btn-primary.disabled, .disabled.zoom_button, .btn-secondary[disabled], .saved-filters-list ul[disabled], .bid-history ul[disabled], [disabled].show-saved-filters-list, [disabled].show-bid-history, .result_pages > a[disabled], .btn-secondary.disabled, .saved-filters-list ul.disabled, .bid-history ul.disabled, .disabled.show-saved-filters-list, .disabled.show-bid-history, .result_pages > a.disabled, .btn-default[disabled], .btn-default.disabled {
    background-color: #f2f2f2 !important;
    color: #4c5356 !important;
    box-shadow: none;
    cursor: not-allowed;
    border-color: transparent;
}

.btn-primary i, .zoom_button i, .btn-secondary i, .saved-filters-list ul i, .bid-history ul i, .show-saved-filters-list i, .show-bid-history i, .result_pages > a i, .btn-default i {
    vertical-align: middle;
    display: inline-block;
}

.btn-primary, .zoom_button, .btn-secondary, .saved-filters-list ul, .bid-history ul, .show-saved-filters-list, .show-bid-history, .result_pages > a, .btn-default {
    border-width: 1px;
    border-style: solid;
}

.btn-round, .btn-primary, .zoom_button, .btn-orange {
    background-color: #66E4EE;
    color: #004666;
    border-color: #66E4EE;
}

.btn-centered {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}

.btn-round:hover, .btn-primary:hover, .zoom_button:hover, .btn-orange:hover {
    background-color: #66E4EE;
}

.btn-round:active, .btn-primary:active, .zoom_button:active, .btn-orange:active {
    background-color: #66E4EE;
}

.btn-round:focus, .btn-primary:focus, .zoom_button:focus, .btn-orange:focus {
    background-color: #66E4EE;
}

.btn-yellow {
    background-color: #F5E850;
}

    .btn-yellow:hover {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
    }

.btn-secondary, .saved-filters-list ul, .bid-history ul, .show-saved-filters-list, .show-bid-history, .result_pages > a {
    background-color: #fff;
    border: solid 1px #004969;
    color: #004666;
}

    .btn-secondary:hover, .saved-filters-list ul:hover, .bid-history ul:hover, .show-saved-filters-list:hover, .show-bid-history:hover, .result_pages > a:hover {
        background-color: #fff;
    }

    .btn-secondary:active, .saved-filters-list ul:active, .bid-history ul:active, .show-saved-filters-list:active, .show-bid-history:active, .result_pages > a:active {
        background-color: #fff;
    }

    .btn-secondary.btn-dark, .saved-filters-list ul.btn-dark, .bid-history ul.btn-dark, .btn-dark.show-saved-filters-list, .btn-dark.show-bid-history, .result_pages > a.btn-dark {
        background-color: transparent;
        border-color: #66E4EE;
        color: #66E4EE;
    }

        .btn-secondary.btn-dark:hover, .saved-filters-list ul.btn-dark:hover, .bid-history ul.btn-dark:hover, .btn-dark.show-saved-filters-list:hover, .btn-dark.show-bid-history:hover, .result_pages > a.btn-dark:hover {
            border-color: #66E4EE;
        }

.btn-square {
    width: 32px;
    height: 32px;
    padding: 0 !important;
}

    .btn-square i {
        line-height: 34px;
    }

.btn-slim {
    padding: 6px 12px 5px !important;
    line-height: 1;
    font-weight: normal;
}

    .btn-slim i {
        font-size: 13px;
    }

    .btn-slim .icon-down-angle, .btn-slim .arrow-down:before, .btn-slim .show-saved-filters-list:before, .btn-slim .show-bid-history:before {
        float: right;
    }

.icon-in-square {
    display: inline-block;
    font-size: 12px;
    border: 1px solid transparent;
    background-color: #f2f2f2;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 22px;
    top: -1px;
    position: relative;
}

.table .icon-in-square {
    line-height: normal;
    vertical-align: middle;
}

.cards-view .icon-in-square {
    width: 27px;
    height: 25px;
    line-height: 28px;
}

.icon-in-square.secondary {
    border-color: #333;
    background-color: #fff;
}

.icon-in-square.bright-blue, .link-icon.icon-right:hover .icon-in-square {
    background-color: #66E4EE;
    color: #004666;
}

.icon-in-square.bright-green {
    background-color: #05ce9f;
}

.icon-in-square.bright-red {
    background-color: #ff4963;
}

.icon-in-square.bright-green, .icon-in-square.bright-red {
    color: #fff;
}

.icon-in-square.lg {
    width: 32px;
    height: 32px;
    line-height: 34px;
    font-size: 18px;
    top: 0;
}

.btn:hover .icon-in-square, .result_pages > a:hover .icon-in-square, .zoom_button:hover .icon-in-square, a:hover .icon-in-square {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn-xs {
    font-size: 11px;
    min-height: 20px;
    line-height: 10px;
}

.btn-sm {
    font-size: 14px;
    min-height: 24px;
    line-height: 16px;
    padding: 6px 10px;
}

.btn-lg {
    font-size: 20px;
    padding: 12px 30px;
}

    .btn-lg.btn-block {
        height: 66px;
        display: table-cell;
        width: 100vw;
    }

.arrow-left:before {
    content: '\0041';
}

.btn-dark .arrow-left {
    color: #66E4EE;
}

.arrow-right:before {
    content: '\0042';
}

.btn-dark .arrow-right {
    color: #66E4EE;
}

.arrow-up:before {
    content: '\0043';
}

.btn-dark .arrow-up {
    color: #66E4EE;
}

.arrow-m, .arrow-s {
    padding: 0;
}

    .arrow-m i, .arrow-s i {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

.arrow-m {
    padding-left: 14px;
    padding-right: 14px;
}

    .arrow-m i {
        width: 16px;
        height: 16px;
        font-size: 16px;
        font-weight: normal;
    }

.arrow-s {
    padding-left: 5px;
    padding-right: 5px;
}

    .arrow-s i {
        width: 10px;
        height: 10px;
        font-size: 10px;
        font-weight: bold;
    }

.more-arrow, .right-arrow:before, .back-arrow, .swiper-navigation > div {
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    padding-top: 2px;
}

    .more-arrow:before, .right-arrow:before, .back-arrow:before, .swiper-navigation > div:before {
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        padding-top: 5px;
        position: absolute;
        left: 0;
        top: 0;
    }

.more-arrow {
    position: relative;
    text-transform: uppercase;
    padding-left: 30px;
}

    .more-arrow:before {
        font-weight: bold;
        content: '\0042';
        background-color: #66E4EE;
        color: #004969;
        width: 20px;
        height: 20px;
    }

    .more-arrow + span {
        display: block;
        font-size: 14px;
        line-height: 1;
        margin-left: 30px;
        margin-bottom: 10px;
    }

    .more-arrow a {
        color: inherit;
        text-decoration: none;
    }

.right-arrow {
    position: relative;
    padding-right: 40px;
}

    .right-arrow:before {
        right: 10px;
        top: 8px;
        left: auto;
    }

.back-arrow {
    position: relative;
}

    .back-arrow:before {
        content: '\0041';
        color: #004969;
    }

.close, .alert .close {
    text-decoration: none;
    background: none;
    border: none;
    float: right;
    margin-left: 24px;
    margin-right: -6px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

    .close i, .alert .close i {
        font-size: 18px;
    }

    .close:focus, .close:active {
        outline: 0;
    }

.alert {
    background-color: #f4f4f4;
    padding: 10px 30px 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
}

@media (max-width: 599px) {
    .alert {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.alert.alert-info, .alert.alert-success, .alert.alert-warning, .alert.alert-error, .alert.alert-danger {
    color: #fff;
}

    .alert.alert-info .close, .alert.alert-success .close, .alert.alert-warning .close, .alert.alert-error .close, .alert.alert-danger .close {
        color: #fff;
    }

    .alert.alert-info a, .alert.alert-success a, .alert.alert-warning a, .alert.alert-error a, .alert.alert-danger a {
        color: #fff;
        text-decoration: underline;
    }

.alert.alert-info {
    background-color: #66E4EE;
}

.alert.alert-success {
    background-color: #05CE9F;
}

.alert.alert-warning {
    background-color: #f5e850;
    color: #4c5356;
}

.alert.alert-error, .alert.alert-danger {
    background-color: #FF4963;
}

.alert.sticky-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.alert.sticky-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

form .alert {
    margin-bottom: 22px;
}

.badge, .filter-amount {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 3px;
    border-radius: 5px;
    min-width: 28px;
    text-align: center;
}

.badge {
    background-color: #026384;
    color: #fff;
}

    .badge.circle {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 16px;
        font-weight: 500;
        border-radius: 50%;
    }

    .badge.outline {
        background-color: transparent;
        border: 1px solid #004666;
        color: inherit;
    }

.filter-amount {
    background-color: #66E4EE;
    color: #004666;
}

@media (min-width: 900px) {
    .filter-amount {
        display: none;
    }
}

@media (max-width: 899px) {
    .filter-amount {
        float: right;
        margin: 0 10px 0 10px;
    }
}

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

.arrow-left:before, .arrow-right:before, .arrow-up:before, .arrow-down:before, .more-arrow:before, .right-arrow:before, .back-arrow:before, .swiper-navigation > div:before, .close:before, [class*='icon-']:before, .table-filters .table-search, .table-filters .table-settings, .authorization:before, input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before, .footer .breadcrumb li + li:before, .filters .tabs li.option:before, .filters .tabs li .show-results .icon:before, .filter-badge:before, .remove-filters:before, .save-filters:before, .page-title .path:before, .offer-view .listing-title .make:before, .show-saved-filters-list:before, .show-bid-history:before, .search-icon, .listing-sitemap .sitemap-item li:before, .listing-download ul li > span.link a:before, .faq-item h3:after, .fa {
    display: inline-block;
    font-family: 'symbols' !important;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none !important;
}

[class*='icon-'] {
    font-weight: normal;
}

i {
    font-weight: normal;
}

.icon-left-angle:before, .icon-arrow-left:before {
    content: '\0041';
}

.icon-right-angle:before, .right-arrow:before, .filters .tabs li.option:before, .page-title .path:before, .offer-view .listing-title .make:before, .icon-arrow-right:before, .icon-arrow-right-bold:before {
    content: '\0042';
}

.icon-up-angle:before {
    content: '\0043';
}

.icon-down-angle:before, .arrow-down:before, .show-saved-filters-list:before, .show-bid-history:before {
    content: '\0044';
}

.icon-check-circle:before, span.save-filters:before {
    content: '\0045';
}

.icon-minus-circle:before, span.remove-filters:before {
    content: '\0046';
}

.close:before, .filter-badge:before, .icon-close:before {
    content: '\0047';
}

.icon-search:before, .table-filters .table-search:before, .search-icon:before {
    content: '\0048';
}

.icon-list:before {
    content: '\0049';
}

.icon-tiles:before {
    content: '\004a';
}

.icon-home:before {
    content: '\004b';
}

.icon-clock:before {
    content: '\004c';
}

.icon-user:before {
    content: '\004d';
}

.icon-restore:before {
    content: '\004e';
}

.icon-thick:before, .authorization:before, input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before {
    content: '\004f';
}

.icon-timer:before {
    content: '\0050';
}

.icon-settings:before, .table-filters .table-settings:before {
    content: '\0051';
}

.icon-trash:before {
    content: '\0052';
}

.icon-trash2:before {
    content: '\0053';
}

.icon-car:before {
    content: '\0056';
}

.icon-phone:before {
    content: '\0057';
}

.icon-login:before {
    content: '\0058';
}

.icon-register:before {
    content: '\0059';
}

.icon-clock-down:before {
    content: '\005a';
}

.icon-mail:before {
    content: '\0061';
}

.icon-xls:before {
    content: '\0063';
}

.icon-pencil {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('Icons/edit.svg');
}

.icon-pencil {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('Icons/edit.svg');
}

.icon-exlamation {
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('Icons/default_exclamation-mark-circle.svg');
}

.icon-warning {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('Icons/default_semantic-warning.svg');
}

.icon-info-circle {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('images/default_info-circle_32px_color-white.png');
}





.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

    .table label {
        display: inline;
    }

@media (min-width: 1200px) {
    .table .col-left {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .table .col-right {
        width: 25%;
    }
}

.table .col-right .listing-item {
    display: block;
}

.table td.short {
    width: 50px;
}

.table th.short {
    width: 50px;
}

.table th.sortable {
    position: relative;
    cursor: pointer;
    padding-right: 15px;
}

    .table th.sortable:before, .table th.sortable:after {
        content: '';
        width: 0px;
        height: 0px;
        background-color: transparent;
        position: absolute;
        right: 3px;
        top: 50%;
        border: 5px solid transparent;
        opacity: 0.5;
    }

    .table th.sortable:before {
        border-top: 5px solid #4c5356;
        margin-top: 4px;
    }

    .table th.sortable:after {
        border-bottom: 5px solid #4c5356;
        margin-top: -10px;
    }

    .table th.sortable:hover:before, .table th.sortable:hover:after {
        opacity: 1;
    }

.table th.desc:after {
    border-top: 5px solid #4c5356;
    border-bottom: 5px solid transparent;
    margin-top: 0;
}

.table th.asc:after {
    border-bottom: 5px solid #4c5356;
    border-top: 5px solid transparent;
    margin-top: -7px;
}

.table th.desc:before, .table th.asc:before {
    border-top: 5px solid transparent;
}

.table.fixed-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    width: 100%;
    margin-left: 0;
}

    .table.fixed-height thead {
        /* head takes the height it requires,
		    and it's not scaled when table is resized */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: calc(100% - 0.9em);
    }

    .table.fixed-height tbody {
        /* body takes all the remaining available space */
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        overflow-y: scroll;
        max-height: 125px;
        border: 1px solid #a8adb3;
        padding: 5px;
    }

.table.no-max-height tbody {
    max-height: none;
    overflow-y: hidden;
}


.table.fixed-height tbody tr {
    width: 100%;
}

.table.fixed-height thead,
.table.fixed-height tbody tr {
    display: table;
    table-layout: fixed;
}

.table-fixed {
    table-layout: fixed;
}

.table-center {
    text-align: center;
}

.table-left {
    text-align: left;
}

.table-first-left th:first-child {
    text-align: left;
    padding-left: 10px;
}

.table-first-left td:first-child {
    text-align: left;
}

.table-first-short th:first-child {
    width: 50px;
}

.table-first-short td:first-child {
    width: 50px;
}

.table-first-short.fixed-height th:first-child {
    text-align: right;
    padding-right: 10px;
}

.table-first-short.fixed-height td:first-child {
    text-align: right;
    padding-right: 10px;
    border-bottom: none;
}

.table-first-short.fixed-height tr:first-child:last-child td {
    border-bottom: none;
}

@media (min-width: 900px) {
    .table-stock {
        font-size: 18px;
    }
}

.table-data a {
    text-decoration: underline;
}

.table-semi-bordered {
    border-spacing: 6px 1px;
    border-collapse: separate;
    margin-left: -6px;
    width: calc(100% + 12px);
}

    .table-semi-bordered th {
        font-size: 15px;
        font-weight: normal;
        color: #a8adb3;
    }

    .table-semi-bordered td {
        border-bottom: 1px solid #dee0e3;
    }

.listing-item .table-semi-bordered tr:last-child td {
    border-bottom: none;
}

.table-default-header th, .table-striped th {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #a8adb3;
    background-color: #f2f2f2;
    border-top: 2px solid #004666;
    height: 40px;
}

.table-striped {
    overflow: hidden;
    border-spacing: 6px 1px;
    border-collapse: separate;
    margin-left: -6px;
    width: calc(100% + 12px);
}

    .table-striped td, .table-striped th {
        height: 50px;
        padding: 2px;
    }

        .table-striped td:first-child {
            padding-left: 10px;
        }

    .table-striped tr.stripe th {
        background-color: #fff;
    }

    .table-striped tr td {
        border-top: 1px solid #a8adb3;
        border-bottom: 1px solid #a8adb3;
    }

    .table-striped tr.stripe td {
        background-color: #f2f2f2;
        border-top: none;
        border-bottom: none;
        height: 46px;
    }

    .table-striped tr.hidden {
        display: none;
    }

        .table-striped tr.hidden td {
            padding: 0;
        }

            .table-striped tr.hidden td > div {
                text-align: left;
                color: #004666;
                padding: 20px 0 5px;
            }

            .table-striped tr.hidden td textarea {
                font-size: 14px;
                font-weight: normal;
            }

    .table-striped tr.open td {
        border-bottom: none;
    }

    .table-striped tr.open + .hidden {
        display: table-row;
    }

        .table-striped tr.open + .hidden td {
            border-top: none;
            border-bottom: none;
        }

    .table-striped tr.open .show-car-details i:before {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .table-striped tr.selected {
        color: #000;
    }

        .table-striped tr.selected td {
            position: relative;
            background-color: #fff9c7;
        }

    .table-striped i:before {
        vertical-align: middle;
    }

    .table-striped a {
        color: inherit;
    }

[class^="mark-"] td:first-child {
    position: relative;
}

    [class^="mark-"] td:first-child:before {
        content: '';
        border-left: 7px solid transparent;
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: -4px;
        min-height: 46px;
    }

[class^="mark-"].stripe td:first-child:before {
    top: 0;
    bottom: 0;
}

/*.mark-navi td:first-child:before {
    border-color: #004666;
}*/

.mark-red td:first-child:before {
    border-color: #FF4963;
}

.mark-yellow td:first-child:before {
    border-color: #F5E850;
}

.show-car-details {
    display: block;
    height: 42px;
    line-height: 36px;
}

    .show-car-details i {
        font-size: 12px;
    }

        .show-car-details i:before {
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        }

.link-icon.icon-right {
    position: relative;
    display: block;
    padding-right: 25px;
}

    .link-icon.icon-right i {
        position: absolute;
        right: -1px;
        top: 4px;
    }

    .link-icon.icon-right .icon-in-square {
        background-color: transparent;
    }

    .link-icon.icon-right:hover {
        text-decoration: underline;
    }

.handle {
    display: inline-block;
    width: 16px;
    height: 12px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: move;
}

    .handle,
    .handle::before,
    .handle::after {
        background-image: -webkit-radial-gradient(#a8adb3 40%, transparent 40%);
        background-image: radial-gradient(#a8adb3 40%, transparent 40%);
        background-size: 4px 4px;
        background-position: 0 100%;
        background-repeat: repeat-x;
    }

        .handle::before, .handle::after {
            content: '';
            display: block;
            width: 100%;
            margin-top: -4px;
        }

        .handle::before {
            height: 66%;
        }

        .handle::after {
            height: 66%;
        }

.table-filters th {
    position: relative;
    border-top: none;
}

    .table-filters th .handle {
        position: absolute;
        left: 0;
        top: 50%;
    }

.table-filters .table-search {
    font-size: 22px;
    vertical-align: middle;
    color: #004666;
    cursor: pointer;
}

.table-filters .table-settings {
    font-size: 22px;
    vertical-align: middle;
    color: #004666;
    cursor: pointer;
}

.authorization:before {
    overflow: hidden;
}

.table .authorization {
    padding-left: 24px;
}

    .table .authorization:before {
        color: #05CE9F;
        position: absolute;
        left: 3px;
        top: 3px;
        font-size: 22px;
    }

.table-first-two-cols-merged tr {
    overflow: hidden;
}

.table-first-two-cols-merged td:first-child {
    text-align: right;
}

    .table-first-two-cols-merged td:first-child + td, .table-first-two-cols-merged th:first-child + th {
        position: relative;
        width: 32px;
        text-align: left;
    }

        .table-first-two-cols-merged th:first-child + th:before {
            content: '';
            border-left: 6px solid #f2f2f2;
            position: absolute;
            left: -6px;
            top: 0;
            bottom: 0;
            height: 100%;
            box-shadow: 0 -1px 0 0 #004666, 0 -2px 0 0 #004666;
        }

.table-first-two-cols-merged td + td .space-mask {
    border-left: 6px solid #fff;
    position: absolute;
    left: -6px;
    top: 1px;
    bottom: 0;
    height: 8em;
    box-shadow: 0 -1px 0 0 #fff, 0 -2px 0 0 #a8adb3, 0 -3px 0 0 #fff;
}

.table-first-two-cols-merged .stripe th:first-child + th:before {
    content: none;
}

.table-first-two-cols-merged .stripe td + td .space-mask {
    border-left-color: #f2f2f2;
    box-shadow: 0 -1px 0 0 #fff, 0 -2px 0 0 #a8adb3;
    top: 0;
}

.table-first-two-cols-merged .selected td + td .space-mask {
    border-left-color: #fff9c7;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
main-menu-btn, .search-btn, .top-bar-btn {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    padding: 7px 34px 7px 14px;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 16px;
    font-weight: bold;
    color: #004969;
    cursor: pointer;
}

@media (min-width: 600px) {
    main-menu-btn, .search-btn, .top-bar-btn {
        margin-left: 10px;
    }
}

@media (max-width: 599px) {
    main-menu-btn, .search-btn, .top-bar-btn {
        font-size: 15px;
        line-height: 14px;
    }
}

main-menu-btn:hover, .search-btn:hover, .top-bar-btn:hover {
    color: #004969;
    text-decoration: none;
}

@media (min-width: 600px) {
    main-menu-btn:after, .search-btn:after, .top-bar-btn:after, .menu-label:after {
        content: '';
        display: block;
        margin: auto;
        height: 2px;
        width: 0px;
        bottom: -2px;
        position: relative;
        background-color: transparent;
        -webkit-transition: width .5s ease, background-color .5s ease;
        transition: width .5s ease, background-color .5s ease;
    }

    main-menu-btn:hover:after, .search-btn:hover:after, .top-bar-btn:hover:after, .menu-label:hover:after {
        width: 100%;
        background-color: #004666;
    }
}

@media (min-width: 600px) {
    .main-menu-btn + ul {
        width: 33.33333% !important;
    }
}

.hide {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
/* hamburger icon */
.main-menu-btn-icon {
    margin-top: -2px;
    z-index: -1;
}

    .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
        position: absolute;
        top: 50%;
        right: 0;
        height: 2px;
        width: 24px;
        background: #004666;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

@media (max-width: 599px) {
    .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
        right: 50%;
        margin-right: -12px;
    }
}

.main-menu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.main-menu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}

#main-menu {
    float: right;
    position: relative;
    width: 100%;
    letter-spacing: 0.5px;
}

@media (max-width: 599px) {
    #main-menu > ul > li > a {
        text-indent: -999px;
    }
}
/* x icon */
main-menu-btn.highlighted .main-menu-btn-icon {
    height: 0;
    background: transparent;
}

    main-menu-btn.highlighted .main-menu-btn-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    main-menu-btn.highlighted .main-menu-btn-icon:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

#main-menu-underlay {
    display: none;
    position: absolute;
    background: red;
    width: 100%;
    top: 0;
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm {
    z-index: 9999;
}

    .sm, .sm ul, .sm li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        direction: ltr;
        text-align: left;
        -webkit-tap-highlight-color: transparent;
    }

.sm-rtl, .sm-rtl ul, .sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm a {
    position: relative;
}

.sm a {
    display: block;
}

    .sm a.disabled {
        cursor: not-allowed;
    }

.sm:after {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.sm, .sm *, .sm *:before, .sm *:after {
    box-sizing: border-box;
}
/* Your rules to style the menu in mobile view (collapsible mode) here... */
.sm-vwmenu {
    position: relative;
}

    .sm-vwmenu > li li {
        line-height: normal;
    }

    .sm-vwmenu > li > a i {
        z-index: -1;
    }

    .sm-vwmenu > li form {
        position: relative;
    }

    .sm-vwmenu > li input {
        background-color: transparent;
        font-weight: normal;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.15);
        width: 100%;
    }

        .sm-vwmenu > li input:focus {
            border-color: #66E4EE;
        }

        .sm-vwmenu > li input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #fff;
        }

        .sm-vwmenu > li input::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
            opacity: 1;
        }

        .sm-vwmenu > li input:-ms-input-placeholder {
            /* IE 10+ */
            color: #fff;
        }

        .sm-vwmenu > li input:-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
        }

        .sm-vwmenu > li input::-webkit-search-cancel-button {
            position: relative;
            margin-right: 30px;
        }

        .sm-vwmenu > li input::-ms-clear {
            margin-right: 30px;
        }

    .sm-vwmenu > li .btn-input {
        color: #fff;
        background-color: transparent;
        position: absolute;
        right: 8px;
        top: 6px;
    }

@media (max-width: 599px) {
    .sm > li > a i {
        position: relative;
    }

    .sm > li ul {
        width: auto;
        min-height: 0 !important;
        max-height: calc(100vh - 48px);
        overflow-y: auto;
    }

    .sm > li > ul {
        position: absolute;
        left: -20px !important;
        right: -20px !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 600px) {
    /* Switch to desktop layout
	-----------------------------------------------
	   These transform the menu tree from
	   collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
    /* start... (it's not recommended editing these rules) */
    .sm-vwmenu ul {
        position: absolute;
    }

        .sm-vwmenu ul li, .sm-vwmenu.sm-rtl ul li, .sm-vwmenu.sm-vertical li {
            float: none;
        }

    .sm-vwmenu a {
        white-space: nowrap;
    }

    .sm-vwmenu ul a, .sm-vwmenu.sm-vertical a {
        white-space: normal;
    }

    .sm-vwmenu .sm-nowrap > li > a, .sm-vwmenu .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }
    /* ...end */
    /* Your rules to style the menu in desktop view here... */
    .sm-vwmenu ul {
        width: 312px;
    }

        .sm-vwmenu ul:before {
            content: '';
            border-left: 1px solid rgba(255, 255, 255, 0.15);
            position: absolute;
            display: block;
            right: -1px;
            top: 28px;
            bottom: 28px;
        }
}

.sm-vwmenu {
    text-align: right;
}

    .sm-vwmenu ul {
        background: #004666;
    }

        .sm-vwmenu ul.main-menu a, .sm-vwmenu ul.main-menu a:hover, .sm-vwmenu ul.main-menu a:focus, .sm-vwmenu ul.main-menu a:active {
            padding: 12px 10px;
            /* make room for the toggle button (sub indicator) */
            font-family: inherit;
            font-size: 15px;
            line-height: 20px;
            text-decoration: none;
            color: #fff;
        }

            .sm-vwmenu ul.main-menu a.has-submenu {
                padding-right: 49px;
            }

            .sm-vwmenu ul.main-menu a.current {
                background: black;
            }

            .sm-vwmenu ul.main-menu a.highlighted {
                background: rgba(255, 255, 255, 0.15);
            }

            .sm-vwmenu ul.main-menu a span.sub-arrow {
                position: absolute;
                top: 50%;
                left: auto;
                right: 16px !important;
                overflow: hidden;
                text-align: center;
                text-shadow: none;
                margin-top: -8px;
                width: 16px;
                height: 16px;
                color: #66E4EE;
            }

                .sm-vwmenu ul.main-menu a span.sub-arrow i {
                    font-size: 10px;
                    display: block;
                }

@media (min-width: 600px) {
    .sm-vwmenu ul.main-menu a span.sub-arrow i {
        line-height: 19px;
    }
}

@media (max-width: 599px) {
    .sm-vwmenu ul.main-menu a span.sub-arrow i {
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        line-height: 0;
    }

        .sm-vwmenu ul.main-menu a span.sub-arrow i:before {
            content: '\0044';
        }

    .sm-vwmenu ul.main-menu a.highlighted .sub-arrow i {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

.sm-vwmenu > li:before, .sm-vwmenu > li:after {
    content: '';
    position: absolute;
    top: 58px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: 5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #004666 transparent;
    display: none;
}

.header-fixed .sm-vwmenu > li:before, .header-fixed .sm-vwmenu > li:after {
    top: 35px;
}

@media (max-width: 599px) {
    .sm-vwmenu > li:before, .sm-vwmenu > li:after {
        margin-left: 15px;
        top: 30px;
    }
}

.sm-vwmenu > li:last-child:before, .sm-vwmenu > li:last-child:after {
    margin-left: 25px;
}

.sm-vwmenu > li.open:before, .sm-vwmenu > li.open:after {
    display: block;
}

.sm-vwmenu > li > a > .sub-arrow {
    display: none;
}

.sm-vwmenu li:nth-last-child(2) ul {
    right: 0;
    margin-left: 0 !important;
}

.sm-vwmenu li:last-child ul {
    right: 0;
    margin-left: 0 !important;
}

.sm-vwmenu li:first-child {
    border-top: 0;
}

.sm-vwmenu ul {
    padding: 0;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
    margin-left: 0;
    color: #fff;
}

@media (min-width: 600px) {
    .sm-vwmenu ul {
        padding: 30px 28px;
    }
}

.sm-vwmenu ul ul a, .sm-vwmenu ul ul a:hover, .sm-vwmenu ul ul a:focus, .sm-vwmenu ul ul a:active {
    color: #fff;
}

.sm-vwmenu ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 599px) {
    .sm-vwmenu > li > ul {
        padding: 30px 17px;
    }
}

@media (min-width: 600px) {
    /* Switch to desktop layout
	-----------------------------------------------
	   These transform the menu tree from
	   collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
    .sm-vwmenu {
        background: none;
    }

        .sm-vwmenu > li > ul {
            top: 76px;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: top 0.5s ease, max-height 0.5s linear;
            transition: top 0.5s ease, max-height 0.5s linear;
        }

    .header-fixed .sm-vwmenu > li > ul {
        top: 53px;
    }

    .sm-vwmenu ul {
        z-index: -1;
        top: 0;
    }

        .sm-vwmenu ul ul {
            width: 100%;
        }

        .sm-vwmenu ul:after {
            content: '';
            background: inherit;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            height: 100%;
            z-index: -1;
            -webkit-transition: right 0.5s ease;
            transition: right 0.5s ease;
        }

    .sm-vwmenu.menu-hide {
        max-height: 0;
        -webkit-transition: top 0.5s ease;
        transition: top 0.5s ease;
    }

    .sm-vwmenu.level-1 > li > ul {
        max-height: 1000px;
        right: 0;
    }

    .sm-vwmenu.level-2 li {
        background: inherit;
    }

    .sm-vwmenu.level-2 > li > ul {
        -webkit-transition: top 0.5s ease, right 0.5s ease, max-height 0.5s linear;
        transition: top 0.5s ease, right 0.5s ease, max-height 0.5s linear;
        overflow: visible;
        right: 33.3333%;
    }

        .sm-vwmenu.level-2 > li > ul > li > ul {
            right: -100%;
        }

    .sm-vwmenu.level-3 > li > ul {
        right: 66.666%;
        z-index: 2;
    }

        .sm-vwmenu.level-3 > li > ul > li > ul {
            right: -100%;
        }

            .sm-vwmenu.level-3 > li > ul > li > ul:after {
                right: -100%;
                z-index: -2;
            }

            .sm-vwmenu.level-3 > li > ul > li > ul > li > ul {
                right: -100%;
            }

    .sm-vwmenu ul a.current {
        background: black;
    }

    .sm-vwmenu ul a.disabled {
        background: #004666;
    }

    .sm-vwmenu ul a.has-submenu {
        padding-right: 22px;
    }

    .sm-vwmenu ul a.highlighted span.sub-arrow:before {
        display: none;
    }

    .sm-vwmenu > li {
        border-top: 0;
    }

        .sm-vwmenu > li:first-child {
            border-left: 0;
        }

    .sm-vwmenu ul {
        background: #004666;
    }

        .sm-vwmenu ul a {
            border: 0 !important;
        }

            .sm-vwmenu ul a.has-submenu {
                padding-right: 10px;
            }

            .sm-vwmenu ul a span.sub-arrow {
                right: auto;
                margin-left: -12px;
            }

        .sm-vwmenu ul > li {
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
        }

    .sm-vwmenu span.scroll-up,
    .sm-vwmenu span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #004666;
        height: 20px;
    }

    .sm-vwmenu span.scroll-up-arrow, .sm-vwmenu span.scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #fff transparent;
    }

    .sm-vwmenu span.scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #fff transparent transparent transparent;
    }

    .sm-vwmenu.sm-rtl a.has-submenu {
        padding-right: 10px;
        padding-left: 22px;
    }

    .sm-vwmenu.sm-rtl a span.sub-arrow {
        right: auto;
        left: 10px;
    }

    .sm-vwmenu.sm-rtl.sm-vertical a.has-submenu {
        padding: 14px 10px;
    }

    .sm-vwmenu.sm-rtl.sm-vertical a span.sub-arrow {
        right: 10px;
        margin-right: -12px;
    }

    .sm-vwmenu.sm-rtl > li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .sm-vwmenu.sm-rtl > li:last-child {
        border-left: 0;
    }

    .sm-vwmenu.sm-rtl ul a.has-submenu {
        padding: 14px 10px;
    }

    .sm-vwmenu.sm-rtl ul a span.sub-arrow {
        right: 10px;
        margin-right: -12px;
    }

    .sm-vwmenu.sm-vertical a span.sub-arrow {
        right: auto;
        margin-left: -12px;
    }

    .sm-vwmenu.sm-vertical li {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .sm-vwmenu.sm-vertical > li:first-child {
        border-top: 0;
    }
}
/*--------------------------------------------------------------
## TOP BAR MENU ( 1. level only)
--------------------------------------------------------------*/
@media (min-width: 600px) {
    body.menu-open {
        overflow-y: hidden;
    }
}

.root-menu {
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 18px;
}

@media (min-width: 600px) {
    .root-menu {
        line-height: 100px;
    }

    .bl .root-menu {
        line-height: 68px;
    }
}

@media (max-width: 899px) {
    .root-menu {
        white-space: nowrap;
    }
}

@media (max-width: 599px) {
    .root-menu {
        line-height: 45px;
        position: relative;
        z-index: 2;
        padding-top: 3px;
    }
}

.root-menu > li {
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}

@media (min-width: 600px) {
    .root-menu > li {
        margin-left: 4%;
    }
}

@media (max-width: 374px) {
    .root-menu > li {
        margin-left: 1%;
    }
}

.root-menu > li > a {
    cursor: pointer;
    color: inherit;
}

.root-menu > li i {
    vertical-align: middle;
    font-size: 30px;
    display: inline-block;
    line-height: 1;
}

.root-menu > li .icon-timer {
    font-size: 24px;
}

.fixed .root-menu {
    line-height: 45px;
    color: #fff;
}

.root-menu-left {
    float: left;
    width: 270px;
    margin-left: 210px;
    margin-top: 30px;
    z-index: 10000;
    position: relative;
}

.header-fixed .root-menu-left {
    margin-top: 5px;
}

.menu-label {
    text-transform: uppercase;
    line-height: normal;
    display: inline-block;
}

@media (max-width: 599px) {
    .menu-label {
        display: none;
    }
}

.root-menu a:hover .menu-label:after {
    width: 100%;
}

@media (min-width: 600px) {
    main-menu-btn:after, .search-btn:after, .top-bar-btn:after, .menu-label:after {
        content: '';
        display: block;
        margin: auto;
        height: 1px;
        width: 0px;
        bottom: -1px;
        position: relative;
        background-color: #004666;
        -webkit-transition: width .35s ease, background-color .35s ease;
        transition: width .35s ease, background-color .35s ease;
    }

    .fixed main-menu-btn:after, .fixed .search-btn:after, .fixed .top-bar-btn:after, .fixed .menu-label:after {
        background-color: #fff;
    }

    main-menu-btn:hover:after, .search-btn:hover:after, .top-bar-btn:hover:after, .menu-label:hover:after, main-menu-btn.open:after, .open.search-btn:after, .open.top-bar-btn:after, .open.menu-label:after {
        width: 100%;
    }
}
/* hamburger icon */
.hamburger-icon {
    display: inline-block;
    width: 24px;
    height: 16px;
    position: relative;
    vertical-align: middle;
    top: -2px;
    margin-left: 7px;
}

    .hamburger-icon span {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #004666;
    }

    .hamburger-icon:before, .hamburger-icon:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #004666;
    }

    .hamburger-icon:before {
        top: 0;
    }

    .hamburger-icon:after {
        bottom: 0;
    }

.fixed .hamburger-icon span, .fixed .hamburger-icon:before, .fixed .hamburger-icon:after {
    background-color: #fff;
}

@media (max-width: 599px) {
    .hamburger-icon span, .hamburger-icon:before, .hamburger-icon:after {
        background-color: #fff;
    }
}

.hide {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    min-height: 44px;
    border: 1px solid #a8adb3;
    display: inline-block;
    line-height: 1.56;
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
        outline: none;
        border-color: #4c5356;
    }

select,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 2px 10px;
    color: #004666;
    font-weight: bold;
    background-color: #fff;
}

.has-error select, .has-error
input[type="text"], .has-error
input[type="tel"], .has-error
input[type="email"], .has-error
input[type="url"], .has-error
input[type="password"], .has-error
input[type="search"], .has-error
textarea {
    border-color: #ff4963;
}

select[disabled],
input[type="text"][disabled],
input[type="tel"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
textarea[disabled] {
    color: #a8adb3;
    background-color: white;
    cursor: not-allowed;
}

.disabled select, .disabled
input[type="text"], .disabled
input[type="tel"], .disabled
input[type="email"], .disabled
input[type="url"], .disabled
input[type="password"], .disabled
input[type="search"], .disabled
textarea {
    color: #a8adb3;
    background-color: #f2f2f2;
    cursor: not-allowed;
    border-color: #D8D8D8 !important;
}

textarea {
    padding-left: 3px;
    width: 100%;
    max-width: 100%;
}

select {
    border: 1px solid #a8adb3;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a8adb3;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #a8adb3;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #a8adb3;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #a8adb3;
}

input:hover::-webkit-search-cancel-button {
    display: none;
}

input:focus::-webkit-search-cancel-button {
    display: none;
}

.text-center input[type="search"] + .btn, .text-center .result_pages > input[type="search"] + a, .text-center input[type="search"] + .zoom_button {
    vertical-align: top;
}

.help-block {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
    position: relative;
    display: inline-block;
}

.has-error .help-block {
    color: #ff4963;
}

input.has-icon {
    background-color: transparent;
    margin-right: -4px;
}

    input.has-icon + [class*='icon-'] {
        font-size: 23px;
        position: absolute;
        margin-left: -30px;
        margin-top: 10px;
        z-index: -1;
    }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.control-label, legend {
    font-weight: normal;
    line-height: normal;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 8px;
    color: #004666;
}

.form-horizontal .form-group {
    margin-right: 0;
}

.form-control {
    width: 100%;
}

.form-control-static {
    margin-top: 0;
    line-height: normal;
}

.form-group .form-control {
    display: block;
}

.checkbox, .radio {
    margin: 20px 0;
}

.form-group .checkbox, .form-group .radio {
    margin: 0;
}

.table .checkbox, .table .radio {
    margin: 0;
}

input[type="radio"] {
    position: absolute;
    left: -9999px;
}

    input[type="radio"]:checked + label::after,
    input[type="radio"]:checked + span::after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    input[type="radio"] + label,
    input[type="radio"] + span {
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.55556;
        display: inline-block;
        padding-top: 0px;
        padding-left: 35px;
        position: relative;
        line-height: 28px;
        color: #4c5356;
        cursor: pointer;
    }

.table input[type="radio"] + label, .table
input[type="radio"] + span {
    padding-left: 28px;
}

input[type="radio"] + label::before,
input[type="radio"] + span::before {
    display: block;
    width: 28px;
    height: 28px;
    border: 1px solid #a8adb3;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

input[type="radio"] + label::after,
input[type="radio"] + span::after {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #004666;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
}

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

    input[type="checkbox"]:checked + label:before,
    input[type="checkbox"]:checked + span:before {
        color: #004666;
    }

    input[type="checkbox"]:checked + label:after,
    input[type="checkbox"]:checked + span:after {
        width: 0;
        left: 26px;
    }

    input[type="checkbox"] + label,
    input[type="checkbox"] + span {
        font-size: 18px;
        color: #4c5356;
        padding-top: 3px;
        padding-left: 35px;
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
    }

.table input[type="checkbox"] + label, .table
input[type="checkbox"] + span {
    padding-left: 28px;
}

input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    color: #004666;
    border: 1px solid #a8adb3;
    position: absolute;
    top: 0;
    left: 0;
}

input[type="checkbox"] + label:after,
input[type="checkbox"] + span:after {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #fff;
    content: "";
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio-block, .checkbox-block {
    margin-bottom: 20px;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.daterangepicker {
    color: inherit;
    background-color: #fff;
    border-radius: 0px;
    padding: 10px;
    margin-top: 12px;
    border-color: #4c5356;
    box-shadow: none;
    top: 100px;
    left: 20px;
    /* Calendars */
}

.modal .daterangepicker {
    z-index: 10001;
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #4c5356;
}

.daterangepicker:after {
    top: -9px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 12px;
}

.daterangepicker.opensleft:after {
    right: 13px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 12px;
}

.daterangepicker.opensright:after {
    left: 13px;
}

.daterangepicker.dropup {
    margin-top: -5px;
}

    .daterangepicker.dropup:before {
        top: initial;
        bottom: -10px;
        border-bottom: initial;
        border-top: 10px solid #4c5356;
    }

    .daterangepicker.dropup:after {
        top: initial;
        bottom: -9px;
        border-bottom: initial;
        border-top: 9px solid #fff;
    }

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar {
    display: none;
    max-width: 258px;
    margin: 10px;
}

    .daterangepicker .calendar.single .calendar-table {
        border: none;
    }

    .daterangepicker .calendar th, .daterangepicker .calendar td {
        white-space: nowrap;
        text-align: center;
        min-width: 32px;
    }

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 0px;
    background-color: #fff;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    border: none;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #d8d8d8;
        border-color: transparent;
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        background-color: #fff;
        border-color: transparent;
        color: #999;
    }

        .daterangepicker td.off:before, .daterangepicker td.off:after, .daterangepicker td.off.in-range:before, .daterangepicker td.off.in-range:after, .daterangepicker td.off.start-date:before, .daterangepicker td.off.start-date:after, .daterangepicker td.off.end-date:before, .daterangepicker td.off.end-date:after {
            content: normal;
        }

    .daterangepicker td.in-range {
        background-color: #a8adb3;
        border-color: transparent;
        color: #000;
        border-radius: 0;
    }

    .daterangepicker td.start-date {
        border-radius: 0px 0 0 0px;
    }

    .daterangepicker td.end-date {
        border-radius: 0 0px 0px 0;
    }

        .daterangepicker td.end-date:before {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 18px 4px 18px 0;
            border-color: transparent #004666 transparent transparent;
            position: absolute;
            margin-top: -6px;
            left: -4px;
            display: inline-block;
        }

    .daterangepicker td.start-date.end-date {
        border-radius: 0px;
    }

        .daterangepicker td.start-date.end-date:before {
            content: normal;
        }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #004666;
        border-color: transparent;
        color: #fff;
    }

    .daterangepicker th.month {
        width: auto;
        font-size: 18px;
    }

    .daterangepicker td.disabled, .daterangepicker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through;
    }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker .input-mini {
    border: 1px solid #a8adb3;
    border-radius: 0px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    width: 100%;
}

    .daterangepicker .input-mini.active {
        border: 1px solid #08c;
        border-radius: 0px;
    }

.daterangepicker .daterangepicker_input {
    position: relative;
}

    .daterangepicker .daterangepicker_input i {
        position: absolute;
        left: 8px;
        top: 8px;
    }

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

    .daterangepicker .calendar-time select.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

    .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .ranges li {
        font-size: 13px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-radius: 0px;
        color: #08c;
        padding: 3px 12px;
        margin-bottom: 8px;
        cursor: pointer;
    }

        .ranges li:hover {
            background-color: #08c;
            border: 1px solid #08c;
            color: #fff;
        }

        .ranges li.active {
            background-color: #08c;
            border: 1px solid #08c;
            color: #fff;
        }
/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 160px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .calendar.left {
            clear: none;
        }

        .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
            float: left;
        }

        .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
            float: right;
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left;
        }

            .daterangepicker.ltr .calendar.left {
                clear: left;
                margin-right: 0;
            }

                .daterangepicker.ltr .calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.ltr .calendar.right {
                margin-left: 0;
            }

                .daterangepicker.ltr .calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.ltr .left .daterangepicker_input {
                padding-right: 12px;
            }

            .daterangepicker.ltr .calendar.left .calendar-table {
                padding-right: 12px;
            }

            .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
                float: left;
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right;
        }

            .daterangepicker.rtl .calendar.left {
                clear: right;
                margin-left: 0;
            }

                .daterangepicker.rtl .calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.rtl .calendar.right {
                margin-right: 0;
            }

                .daterangepicker.rtl .calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.rtl .left .daterangepicker_input {
                padding-left: 12px;
            }

            .daterangepicker.rtl .calendar.left .calendar-table {
                padding-left: 12px;
            }

            .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
                text-align: right;
                float: right;
            }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none !important;
    }
}

.fa-chevron-left:before {
    content: '\0041';
}

.fa-chevron-right:before {
    content: '\0042';
}

html {
    box-sizing: border-box;
}

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

body {
    margin: 0;
    box-sizing: inherit;
}

.page-wrap {
    box-sizing: border-box;
    position: relative;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.policy-page h2 {
    text-align: center;
    margin-bottom: 50px;
}

.policy-page p,
.policy-page li,
.policy-page span,
.policy-page h5 {
    line-height: 1.6;
}

.policy-page p,
.policy-page li,
.policy-page a,
.policy-page span {
    font-size: 18px;
    word-wrap: break-word;
}

.policy-page h5, h6 {
    margin: 20px 0;
}

.policy-page ul,
.policy-page ol {
    margin-left: 30px;
}

.policy-page li::marker {
    line-height: 1.6;
    color: #5bd3df;
}

.policy-page a {
    color: #004666;
}

.policy-page .table-container {
    width: 100%;
    overflow: auto;
}

.policy-page .table-of-contents-element {
    color: #004666;
    font-size: 18px;
    word-wrap: break-word;
    cursor: pointer;
}

.policy-page .regulations-table-container {
    overflow-x: auto;
}

.policy-page table,
.policy-page th,
.policy-page td {
    border: 1px solid black;
}

.policy-page td {
    padding: 5px;
}

.policy-page table {
    border-collapse: collapse;
    width: 100%;
}

.policy-page .regulation-contact-data {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.policy-page .highlight-cookie-text {
    cursor: pointer;
    color: #004666;
    font-weight: 700;
}

@media screen and (max-width: 1024px) {
    .policy-page .regulation-layout {
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 30px;
    }

    .policy-page h2 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 27px;
        text-align: left;
    }

    .policy-page .regulation-layout__list {
        padding-left: unset;
        padding-right: unset;
    }

        .policy-page .regulation-layout__list p:not(:last-child) {
            margin-bottom: 30px;
        }
}

@media (max-width: 599px) {
    .page-wrap {
        padding-left: 10px;
        padding-right: 15px;
    }
}

.page-wrap section > *:last-child {
    margin-bottom: 0;
}

body.header-fixed {
    padding-top: 100px;
}

@media (max-width: 599px) {
    body.header-fixed {
        padding-top: 48px;
    }
}

.top-bar {
    color: #004666;
    height: 100px;
    margin-bottom: 8px;
    top: -46px;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
    background-color: rgba(255, 255, 255, 0.75);
}

.bl .top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

@media (min-width: 600px) {
    .bl .top-bar {
        height: 68px;
    }
}

@media (max-width: 599px) {
    .top-bar {
        background-color: #004666;
        height: 48px;
        color: #fff;
    }
}

.top-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background-color: #004666;
    height: 48px;
}

@media (min-width: 600px) {
    .top-bar.fixed .root-menu-wrap {
        padding-top: 4px;
    }
}

.top-bar .root-menu-wrap {
    text-align: right;
}

.brand-logo {
    margin: 0;
    position: relative;
}

    .brand-logo .logo-big, .brand-logo .logo-small {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1010;
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #004666;
        background-image: -webkit-linear-gradient(45deg, #003b57 0%, #0b6e8e 100%);
        background-image: linear-gradient(45deg, #003b57 0%, #0b6e8e 100%);
        line-height: 0;
    }

        .brand-logo .logo-big svg, .brand-logo .logo-small svg {
            width: 140px;
            height: 108px;
            fill: #fff;
        }

@media (max-width: 599px) {
    .brand-logo .logo-big, .brand-logo .logo-small {
        padding-left: 15px;
        padding-right: 15px;
    }

        .brand-logo .logo-big svg, .brand-logo .logo-small svg {
            width: 130px;
            height: 48px;
        }
}

@media (max-width: 374px) {
    .brand-logo .logo-big, .brand-logo .logo-small {
        padding-left: 10px;
        padding-right: 10px;
    }

        .brand-logo .logo-big svg, .brand-logo .logo-small svg {
            width: 120px;
            height: 48px;
        }
}

@media (min-width: 600px) {
    .brand-logo .logo-small {
        display: none;
    }
}

@media (max-width: 599px) {
    .brand-logo .logo-big {
        display: none;
    }
}

.brand-logo .btn-square {
    display: none;
}

.fixed .brand-logo .logo-big, .fixed .brand-logo .logo-small {
    display: none;
}

.fixed .brand-logo .btn-square {
    position: absolute;
    top: 10px;
    margin-left: 20px;
    display: block;
    border-width: 2px;
    width: 29px;
    height: 29px;
    z-index: 10001;
}

    .fixed .brand-logo .btn-square i {
        line-height: 29px;
        margin-left: 1px;
    }

.fixed .root-menu-left {
    margin-left: 80px;
}

.fixed .described-switch {
    margin: 10px 5px 10px 15px;
    padding: 0;
    height: 20px;
}

.fixed .described-switch__left-label,
.fixed .described-switch__right-label {
    color: #fff;
}

@media (max-width:1000px) {
    .fixed .described-switch .described-switch__switch {
        display: none;
    }

    .fixed .described-switch .switch-icon {
        padding: 5px;
    }

    .fixed .root-menu-wrapper .root-menu-left {
        margin-left: 100px;
    }
}

@media (max-width: 600px) {
    .fixed .root-menu-wrapper .described-switch {
        position: absolute;
        left: 70px;
        top: 8px;
        width: 80px;
    }

    .root-menu-wrapper .described-switch {
        position: absolute;
        top: 22px;
        right: 8px;
    }
}

@media (max-width:400px) {
    .described-switch .switch__icon {
        font-size: 10px;
    }

    .root-menu-wrapper .described-switch {
        position: absolute;
        display: flex;
        flex-direction: column;
        top: 23px;
        right: 10px;
    }

    .fixed .root-menu-wrapper .described-switch {
        display: flex;
        flex-direction: row;
    }
}

.logo-aa {
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 22px;
}

    .logo-aa a {
        position: relative;
        background-color: #fff;
        z-index: 1;
        display: inline-block;
    }

@media (min-width: 600px) {
    .logo-aa a {
        padding: 0 38px;
    }
}

.logo-aa a svg {
    width: 220px;
    height: 40px;
    max-width: 100%;
}

@media (min-width: 600px) {
    .logo-aa:after {
        content: '';
        border-bottom: 1px solid #999;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 0;
    }
}

.logo-aa-small {
    display: none;
}

    .logo-aa-small svg {
        width: 128px;
        height: 45px;
        max-width: 100%;
    }

        .logo-aa-small svg * {
            fill: #fff;
        }

.fixed .logo-aa-small {
    display: inline-block !important;
}

@media (min-width: 900px) {
    .fixed .logo-aa-small {
        position: absolute;
        left: 50%;
        margin-left: -72px;
    }
}

@media (max-width: 899px) {
    .fixed .logo-aa-small {
        float: left;
        margin-left: 5%;
    }
}

@media (max-width: 899px) {
    .fixed .logo-aa-small {
        display: none !important;
    }
}

.logo-aa-solo {
    margin: 10px 0;
}

    .logo-aa-solo svg {
        width: 310px;
        max-width: 90%;
    }

    .logo-aa-solo.centered {
        text-align: center;
    }

.bid-timer {
    color: #a5a5a5;
    padding-right: 5%;
}

    .bid-timer i {
        margin-right: 6px;
    }

@media (max-width: 599px) {
    .bid-timer {
        padding-right: 1%;
    }

        .bid-timer i {
            display: none;
        }
}

.fixed .bid-timer {
    color: #fff;
}

.footer {
    font-size: 15px;
    background: #004666;
    color: #fff;
    padding-top: 1px;
    padding-bottom: 1px;
}

    .footer .breadcrumb {
        font-size: 15px;
        float: left;
        margin-top: 24px;
    }

        .footer .breadcrumb .icon-breadcrumb {
            font-size: 25px;
            line-height: 1;
        }

            .footer .breadcrumb .icon-breadcrumb i {
                font-size: 25px;
                line-height: 1;
                bottom: -3px;
                position: relative;
            }

        .footer .breadcrumb li {
            display: inline-block;
            vertical-align: bottom;
        }

            .footer .breadcrumb li + li {
                padding-left: 10px;
                position: relative;
            }

                .footer .breadcrumb li + li:before {
                    content: '\0042';
                    margin-right: 10px;
                    font-size: 10px;
                }

    .footer .to-top {
        border-bottom: 1px solid rgba(102, 228, 238, 0.3);
        padding: 14px 0 14px;
        text-align: right;
        min-height: 74px;
    }

        .footer .to-top .btn, .footer .to-top .result_pages > a, .footer .to-top .zoom_button {
            margin-left: 16px;
        }

    .footer .footer-links {
        margin-top: 60px;
        margin-bottom: 10px;
    }

@media (max-width: 899px) {
    .footer .footer-links {
        margin-top: 30px;
    }
}

.footer ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

    .footer ul li {
        margin-bottom: 16px;
        line-height: normal;
    }

        .footer ul li a, .footer ul li a:visited {
            color: #fff;
        }

.footer a {
    text-decoration: none;
}

    .footer a:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.footer .main-links {
    margin-bottom: 30px;
}

@media (max-width: 899px) {
    .footer .main-links {
        border-bottom: 1px solid rgba(102, 228, 238, 0.3);
        padding-bottom: 10px;
    }
}

@media (min-width: 900px) {
    .footer .main-links > ul {
        margin-left: -3.125%;
    }
}

@media (min-width: 600px) {
    .footer .main-links > ul > li {
        width: 46.875%;
        margin-left: 3.125%;
    }
}

@media (min-width: 900px) {
    .footer .main-links > ul > li {
        width: 16.875%;
    }
}

.footer .main-links > ul > li .group-links {
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .footer .main-links > ul > li .btn, .footer .main-links > ul > li .result_pages > a, .footer .main-links > ul > li .zoom_button {
        display: none;
    }
}

@media (max-width: 899px) {
    .footer .main-links > ul > li .btn, .footer .main-links > ul > li .result_pages > a, .footer .main-links > ul > li .zoom_button {
        float: right;
    }

        .footer .main-links > ul > li .btn i, .footer .main-links > ul > li .result_pages > a i, .footer .main-links > ul > li .zoom_button i {
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease;
            font-size: 13px;
        }

        .footer .main-links > ul > li .btn.open i, .footer .main-links > ul > li .result_pages > a.open i, .footer .main-links > ul > li .open.zoom_button i {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
}

@media (min-width: 600px) {
    .footer .main-links > ul > li ul {
        display: block !important;
    }
}

@media (max-width: 899px) {
    .footer .main-links > ul > li ul {
        display: none;
        padding-bottom: 2px;
    }
}

@media (min-width: 600px) {
    .footer .bottom-right-links ul {
        float: right;
    }

    .footer .bottom-right-links li {
        display: inline-block;
        margin-left: 15px;
    }
}

@media (max-width: 899px) {
    .footer .bottom-links {
        padding-bottom: 1px;
    }
}

@media (min-width: 600px) {
    .footer .bottom-links li {
        display: inline-block;
        margin-right: 15px;
    }
}

.footer-info .brand-info {
    font-size: 13px;
    border-top: 1px solid rgba(102, 228, 238, 0.3);
    padding-top: 24px;
    margin-bottom: 20px;
}

.footer-info .copyright {
    margin-bottom: 20px;
    display: block;
    font-size: 15px;
}

.tab-bar {
    margin-bottom: 20px;
}

    .tab-bar.fixed {
        position: fixed;
        top: 48px;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        background-color: #f2f2f2;
    }

    .tab-bar .tab-bar-inner {
        font-size: 18px;
        background-color: #f2f2f2;
    }

@media (max-width: 599px) {
    .tab-bar .tab-bar-inner {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.tab-bar .tab-bar-inner:after {
    content: '';
    display: table;
    clear: both;
}

.tab-bar .tab-bar-inner .btn-slim {
    margin-top: 9px;
}

.tab-bar .tab-bar-inner > ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

@media (min-width: 600px) {
    .tab-bar .tab-bar-inner > ul {
        padding-left: 5%;
        padding-right: 2%;
    }

    .remarketing-template .tab-bar .tab-bar-inner > ul {
        padding-left: 2%;
        padding-right: 1%;
    }
}

@media (min-width: 900px) {
    .tab-bar .tab-bar-inner > ul {
        white-space: nowrap;
        float: left;
    }
}

@media (max-width: 599px) {
    .tab-bar .tab-bar-inner > ul {
        display: table;
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
}

.tab-bar .tab-bar-inner > ul + ul {
    float: right;
    width: auto;
}

@media (max-width: 599px) {
    .tab-bar .tab-bar-inner > ul + ul:before {
        content: '';
        border-top: 1px solid #fff;
        position: absolute;
        left: 0;
        right: 0;
    }
}

@media (max-width: 599px) {
    .tab-bar .tab-bar-inner > ul > li {
        display: table-cell;
        vertical-align: middle;
        padding: 1px 0;
    }
}

.tab-bar .tab-bar-inner > ul a {
    padding: 9px 20px 10px;
    padding: 9px 1.8vw 10px;
    text-decoration: none;
    color: #004666;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    text-transform: uppercase;
}

.remarketing-template .tab-bar .tab-bar-inner > ul a {
    padding: 9px 1vw 10px;
}

.tab-bar .tab-bar-inner > ul a.active {
    background-color: #fff;
}

.tab-bar div.tab-right-set {
    float: right;
    padding-right: 10px;
    padding-bottom: 8px;
}

@media (min-width: 900px) {
    .tab-bar div.tab-right-set .btn-slim {
        min-width: 350px;
    }
}

@media (max-width: 599px) {
    .tab-bar div.tab-right-set .btn-slim {
        font-size: 14px;
    }
}

@media (min-width: 900px) {
    body.filters-fixed {
        padding-top: 208px;
    }
}

@media (max-width: 899px) {
    body.no-scroll {
        overflow: hidden !important;
    }
}

.tabs {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}

@media (max-width: 599px) {
    .tabs {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.tabs:before {
    display: block;
    width: 100%;
    left: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #a8adb3;
    content: "";
}

.fixed.tabs:before {
    content: none;
}

@media (min-width: 900px) {
    .tabs li {
        vertical-align: middle;
    }
}

@media (max-width: 899px) {
    .tabs li {
        background-color: #004666;
        border-bottom: 1px solid rgba(102, 228, 238, 0.3);
    }
}

.tabs li a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    color: #a8adb3;
}

@media (min-width: 900px) {
    .tabs li a {
        padding-left: 1.6vw;
        padding-right: 1.6vw;
        line-height: 44px;
        border: 1px solid transparent;
        border-top-width: 2px;
        border-bottom-width: 0;
        display: inline-block;
    }
}

@media (max-width: 899px) {
    .tabs li a {
        color: #fff;
        padding-top: 16px;
        padding-bottom: 12px;
    }
}

@media (min-width: 900px) {
    .tabs li a[data-state=open] {
        border-top-width: 2px;
        border-color: #a8adb3;
        border-top-color: #004666;
        background-color: #fff;
        color: #004666;
    }
}

.fixed.tabs li a[data-state=open] {
    border-top-width: 0;
    border-color: transparent;
    bottom: -1px;
}

    .fixed.tabs li a[data-state=open]:after {
        content: '';
        border-bottom: 2px solid #004666;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
    }

.filters {
    margin: 50px 0 20px;
    background-color: #fff;
    -webkit-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;
}

@media (min-width: 900px) {
    .filters.fixed {
        position: fixed;
        top: 48px;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }
}

.filters .tabs li.option, .filters .tabs li.actions {
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .filters .tabs li.option, .filters .tabs li.actions {
        font-size: 18px;
        line-height: 18px;
    }
}

.filters .tabs li.option {
    position: relative;
    color: #fff;
}

    .filters .tabs li.option:before {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -5px;
        font-size: 10px;
    }

.filters .tabs li.mobile-action {
    text-align: right;
    font-size: 14px;
}

@media (min-width: 900px) {
    .filters .tabs li.mobile-action {
        display: none;
    }
}

.filters .tabs li.mobile-action a {
    text-decoration: underline;
}

@media (min-width: 900px) {
    .filters .tabs li.actions {
        float: right;
        margin-bottom: 0px;
    }
}

.fixed.filters .tabs li.actions a[data-state=open] {
    bottom: 0;
}

@media (min-width: 900px) {
    .filters .tabs li.actions a:before {
        content: '';
        position: absolute;
        background-color: #fff;
        width: 20px;
        height: 1px;
        bottom: 0px;
        left: -13px;
    }
}

@media (max-width: 899px) {
    .filters .tabs li .show-results {
        border-top: 1px solid rgba(102, 228, 238, 0.3);
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.filters .tabs li .show-results .icon {
    background-color: #66E4EE;
    color: #004969;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 18px;
    margin-right: 8px;
    text-align: center;
}

    .filters .tabs li .show-results .icon:before {
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        content: '\0042';
    }

@media (max-width: 899px) {
    .filter-panel-open .filters .tabs li .show-results {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
        background-color: #004666;
    }
}

.filters .tabs li .saved-filters {
    display: none;
}

    .filters .tabs li .saved-filters.is-visible {
        display: inline-block;
    }

@media (max-width: 599px) {
    .filters .tabs li .saved-filters.is-visible {
        display: block;
    }
}

.filters .tabs li .saved-filters i {
    font-size: 24px;
    line-height: 0;
    bottom: -4px;
    position: relative;
    margin-right: 6px;
}

.filters .double-line {
    position: relative;
}

    .filters .double-line span {
        display: block;
    }

    .filters .double-line i {
        font-size: 12px;
        position: absolute;
        right: 1px;
        top: 50%;
        margin-top: -7px;
    }

.filters .has-icon {
    padding-right: 18px;
}

@media (min-width: 900px) {
    .filters .space {
        width: 120px;
    }

        .filters .space:before {
            content: '';
            height: 1px;
            border-left: 20px solid #fff;
            position: absolute;
            left: -10px;
            bottom: -1px;
        }
}

.filters .result a {
    color: #004666;
}

@media (max-width: 899px) {
    .filter-panel-open .filters-content {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 60px;
        background: #fff;
        z-index: 9998;
        overflow-y: auto;
        padding: 4%;
    }
}


.filters-content .control-label,
.filters-content legend {
    font-size: 18px;
    font-weight: 600;
    margin: 3% 0 4%;
}

.filters-content .form-group, .filters-content fieldset {
    margin-bottom: 5%;
}


.filters-content.vehicle-ongoing-filters-content .control-label {
    margin: 10px 0px 10px 0px;
}

.filters-content.vehicle-ongoing-filters-content .select2-search--inline .select2-search__field {
    height: 32px;
    min-height: unset !important;
}

.filters-content.vehicle-ongoing-filters-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 8px;
}

.filters-content.vehicle-ongoing-filters-content .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 8px;
}

@media (max-width: 900px) {
    .filters-content .control-label,
    .filters-content legend {
        font-size: 17px;
        font-weight: 400;
        margin: 3% 0 4%;
    }

    .filters-content.vehicle-ongoing-filters-content.hidden {
        display: none
    }
}

.tab-content {
    display: none;
    position: relative;
    z-index: 1;
}

@media (min-width: 900px) {
    .filters-close-cross-mobile {
        display: none !important;
    }

    .module-2-col {
        display: table;
        width: 100%;
    }
}

@media (min-width: 900px) {
    .module-2-col > * {
        padding: 20px 40px;
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        position: relative;
    }
}

.module-2-col .top {
    vertical-align: top;
}

.module-2-col .bottom {
    vertical-align: bottom;
}

@media (min-width: 600px) {
    .module-2-col .border {
        position: relative;
        padding-left: 40px;
    }
}

@media (min-width: 600px) {
    .module-2-col .border:before {
        content: '';
        border-left: 1px solid #a8adb3;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: 10px;
    }
}

.module-2-col:last-child {
    padding-bottom: 40px;
}

@media (min-width: 600px) {
    .active-filters {
        padding: 0 10px 10px;
    }
}

.car-search-container {
    display: flex;
    gap: 12px;
    padding: 0 20px;
    width: 100%;
}

    .car-search-container input {
        width: 100%;
        max-width: 350px;
    }

@media screen and (max-width:900px) {
    .car-search-container {
        margin: 0 10px;
        width: auto;
    }

        .car-search-container input {
            width: 100%;
        }
}

.email-search-container {
    display: flex;
    gap: 12px;
    padding: 0 0px 20px;
    width: 100%;
}

    .email-search-container input {
        width: 100%;
        max-width: 350px;
    }

@media screen and (max-width:900px) {
    .email-search-container {
        margin: 0 10px;
        width: auto;
    }

        .email-search-container input {
            width: 100%;
        }
}

.active-filters .active-filters-right {
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .active-filters .active-filters-right {
        margin-bottom: 0;
    }
}

@media (min-width: 900px) {
    .active-filters .active-filters-right {
        float: right;
    }
}

.active-filters:after {
    content: '';
    display: table;
    clear: both;
}

.active-filters-right .saved-filters-list {
    min-width: 350px;
}

.saved-filters-list li {
    position: relative;
}

    .saved-filters-list li .remove {
        position: absolute;
        right: 4px;
        top: 50%;
        margin-top: -15px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 32px;
        text-align: center;
        padding: 0;
        cursor: pointer;
    }

    .saved-filters-list li .edit {
        position: absolute;
        right: 34px;
        border-radius: 50%;
        line-height: 28px;
        text-align: center;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        top: 50%;
        bottom: 50%;
        margin: auto;
    }

        .saved-filters-list li .edit:hover i {
            background-image: url('Icons/edit-hover.svg');
        }

    .saved-filters-list li .remove i {
        color: #d1d3d7;
    }

    .saved-filters-list li .remove:hover i {
        color: #FF4963;
    }

.saved-filters-list.active .show-saved-filters-list {
    box-shadow: none;
    z-index: 2;
}

    .saved-filters-list.active .show-saved-filters-list:before {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

body.filters-fixed .saved-filters-list.active .show-saved-filters-list {
    z-index: 1;
}

.filter-badge, .remove-filters, .save-filters {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 30px 6px 15px;
    font-size: 14px;
    border: 1px solid #a8adb3;
    border-radius: 18px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
}

    .filter-badge:before, .remove-filters:before, .save-filters:before {
        position: absolute;
        right: 10px;
        color: #a8adb3;
    }

    .filter-badge:before {
        font-size: 10px;
        top: 12px;
    }

    .filter-badge:hover, .filter-badge:hover:before {
        color: #FF4963;
    }

.remove-filters, .save-filters {
    padding-right: 35px;
}

    .remove-filters:before, .save-filters:before {
        font-size: 18px;
        top: 7px;
    }

span.remove-filters:hover, span.remove-filters:hover:before {
    color: #FF4963;
}

span.save-filters {
    float: right;
    margin-left: 6%;
}

    span.save-filters:hover, span.save-filters:hover:before {
        color: #05CE9F;
    }

.close-filter-panel {
    display: none;
}

@media (max-width: 899px) {
    .filter-panel-open .close-filter-panel {
        display: block;
        margin: 10px 0 20px;
        cursor: pointer;
    }
}

.saved-list {
    font-size: 18px;
    list-style: none;
    padding-left: 0;
}

    .saved-list li {
        border-top: 1px solid #f2f2f2;
        padding: 10px 0;
    }

        .saved-list li a {
            color: #004666;
        }

        .saved-list li:after {
            content: '';
            display: table;
            clear: both;
        }

        .saved-list li:hover .action {
            display: inline-block;
        }

    .saved-list .show-saved-results {
        float: right;
    }

    .saved-list .btn, .saved-list .result_pages > a, .saved-list .zoom_button {
        line-height: inherit;
        margin-left: 20px;
    }

    .saved-list .action {
        margin: 0 10px;
        cursor: pointer;
    }

.card-view, .list-view, .offer-view {
    clear: both;
    font-size: 18px;
    color: #004666;
}

    .card-view a, .list-view a, .offer-view a {
        color: #004666;
    }

    .card-view a, .list-view a, .offer-view a {
        color: #004666;
    }

    .card-view + .list-options, .list-view + .list-options, .offer-view + .list-options {
        margin-top: 0;
    }

.card-results, .list-results {
    list-style: none;
    padding-left: 0;
}

@media (min-width: 600px) {
    .card-results {
        margin-left: -1.875%;
    }
}

@media (max-width: 599px) {
    .card-results {
        text-align: center;
    }
}

.card-results > li {
    margin-bottom: 24px;
}

@media (min-width: 600px) {
    .card-results > li {
        width: 48.125%;
        margin-left: 1.875%;
    }
}

@media (min-width: 900px) {
    .card-results > li {
        width: 31.45833%;
    }
}

@media (min-width: 1200px) {
    .card-results > li {
        width: 23.125%;
    }
}

@media (max-width: 599px) {
    .card-results > li {
        max-width: 300px;
        width: 100%;
    }
}

.card-result > div {
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
    border: 2px solid transparent;
}

    .card-result > div.c1 {
        border: 1px solid #e8e8e8;
        padding: 1px;
    }

    .card-result > div.c2 {
        border: 1px solid #d6d6d6;
        padding: 1px;
    }

    .card-result > div.c3 {
        border: 2px solid #66E4EE;
    }

.card-result article {
    position: relative;
}

@media (max-width: 899px) {
    .list-results {
        overflow-x: auto;
        padding-right: 5px;
    }
}

.list-result {
    border-bottom: 1px solid #a8adb3;
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-width: 900px;
}

    .list-result:last-child {
        border-bottom: none;
    }

    .list-result:after {
        content: '';
        display: table;
        clear: both;
    }

    .list-result .c1 .listing-main-image, .list-result .c2 .listing-main-image, .list-result .c3 .listing-main-image {
        position: relative;
    }

        .list-result .c1 .listing-main-image img, .list-result .c2 .listing-main-image img, .list-result .c3 .listing-main-image img {
            display: block;
        }

        .list-result .c1 .listing-main-image:before, .list-result .c2 .listing-main-image:before, .list-result .c3 .listing-main-image:before {
            content: '';
            border-left: 10px solid transparent;
            position: absolute;
            top: 0;
            bottom: 0;
        }

        .list-result .c3 .listing-main-image:before {
            border-color: #66E4EE;
        }

.stock-view section {
    margin: 20px 0 60px;
}

.page-title {
    border-bottom: 1px solid #a8adb3;
    padding-bottom: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
}

    .page-title h1 {
        margin: 0;
    }

    .page-title .path {
        font-size: 24px;
        position: relative;
        padding-right: 40px;
        font-weight: normal;
    }

        .page-title .path:before {
            position: absolute;
            right: 10px;
            font-size: 12px;
            color: #a8adb3;
            top: 50%;
            margin-top: -6px;
        }

    .page-title .current {
        font-size: 32px;
    }

    .page-title + .offer-nav {
        margin-top: -30px;
        margin-bottom: 60px;
    }

    .page-title.alt {
        border-bottom: none;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.page-col {
    position: relative;
}

@media (min-width: 900px) {
    .page-col {
        width: 50%;
        padding-right: 10%;
    }
}

@media (min-width: 900px) {
    .page-col + .page-col {
        padding-right: 0;
        padding-left: 10%;
    }

        .page-col + .page-col:before {
            content: '';
            position: absolute;
            top: 10px;
            bottom: 20px;
            left: 0;
            border-left: 1px solid #004666;
        }
}

.card-result, .list-result {
    text-align: left;
}

.card-view .favourite {
    position: absolute;
    right: 10px;
    top: 10px;
}

.list-view .favourite {
    float: right;
    margin-left: 15px;
    margin-top: 3px;
}

.offer-view .favourite {
    margin-left: 15px;
}

@media (min-width: 600px) {
    .offer-view .favourite {
        float: right;
    }
}

.mark-favourite svg {
    width: 18px;
    height: 18px;
}

.offer-view .mark-favourite svg {
    width: 28px;
    height: 28px;
}

.mark-favourite:hover * {
    fill: #66E4EE;
    stroke: #004666;
}

.mark-favourite.active * {
    fill: #66E4EE;
}

.card-view .bid-level {
    position: absolute;
    right: 4px;
    top: 40px;
}

.list-view .bid-level {
    float: right;
    margin-left: 15px;
}

.offer-view .bid-level {
    margin-left: 15px;
}

@media (min-width: 600px) {
    .offer-view .bid-level {
        float: right;
    }
}

.listing-title {
    font-size: inherit;
    margin: 0;
    text-align: left;
}

    .listing-title .make {
        font-weight: normal;
        font-size: 18px;
        display: inline-block;
        margin-bottom: 4px;
    }

.offer-view .listing-title .make {
    font-size: 24px;
    position: relative;
    padding-right: 40px;
}

    .offer-view .listing-title .make:before {
        position: absolute;
        right: 10px;
        font-size: 12px;
        color: #a8adb3;
        top: 50%;
        margin-top: -6px;
    }

.listing-title .model {
    font-size: 20px;
    line-height: 20px;
    min-height: 46px;
    font-weight: bold;
}

.card-result .listing-title .model {
    display: block;
}

.offer-view .listing-title .model {
    font-size: 32px;
}

.card-view .listing-title {
    padding: 14px 34px 10px 14px;
    min-height: 65px;
}

.list-view .listing-title {
    padding-top: 4px;
    margin-bottom: 15px;
}

@media (max-width: 599px) {
    .offer-view .listing-title {
        margin-top: 20px;
    }
}

.listing-main-image img {
    width: 100%;
}

.card-view .listing-main-image {
    margin-left: -2px;
    margin-right: -2px;
}

.list-view .listing-main-image {
    float: left;
    width: 25%;
    width: calc(300px);
    padding-right: 20px;
}

.card-view .listing-key-specs, .card-view .listing-other-info, .listing-invoice-info {
    margin-left: 14px;
    margin-right: 14px;
}

.listing-key-specs {
    font-weight: 500;
    padding-bottom: 4px;
    margin-bottom: 8px;
}

.listing-invoice-info {
    margin-top: 8px;
}

.listing-key-specs .fuel.badge {
    position: relative;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5%;
}

.offer-view .listing-key-specs .fuel.badge {
    font-size: 20px;
    width: 34px;
    height: 30px;
    line-height: 22px;
    vertical-align: middle;
    border-radius: 6px;
    margin-right: 4px;
}

.list-view .listing-key-specs {
    border-bottom: 1px solid #a8adb3;
}

.card-view .listing-key-specs .year {
    float: right;
}

.offer-view .listing-key-specs {
    border-top: 1px solid #a8adb3;
    padding-top: 20px;
}

.expertise-btn {
    display: flex;
    text-align: center;
}

.dekra {
    display: inline-block;
}

    .dekra a:hover * {
        fill: #05ce9f;
    }

@media screen and (max-width:900px) {
    img.exprertise-cta,
    svg.exprertise-cta {
        display: none;
    }
}

@media screen and (min-width:900px) {
    button.exprertise-cta {
        display: none;
    }
}

.expert_Go a img {
    opacity: 0.35;
    filter: grayscale(100%);
    transition: all 0.1s ease-in-out;
}

    .expert_Go a img:hover {
        opacity: 1;
        filter: grayscale(0);
    }

.rts a img {
    opacity: 0.5;
    filter: grayscale(100%);
    transition: all 0.1s ease-in-out;
}

    .rts a img:hover {
        opacity: 1;
        filter: grayscale(0);
    }

.card-view .dekra {
    margin: 5px 0;
}

.listing-other-info {
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .listing-other-info:after {
        content: '';
        display: table;
        clear: both;
    }

    .listing-other-info .dekra svg {
        width: 80px;
        height: 22px;
    }

    .listing-other-info .end-date {
        float: right;
    }

    .listing-other-info .end-time {
        float: right;
        clear: right;
        display: block;
    }

    .listing-other-info .shield {
        font-size: 24px;
        display: block;
    }

.listing-specs .dekra svg {
    width: 82px;
    height: 36px;
}

.card-view .listing-price-area, .list-view .listing-price-area {
    display: table;
    height: 64px;
}

    .card-view .listing-price-area > *, .list-view .listing-price-area > * {
        display: table-cell;
        vertical-align: middle;
    }

.card-view .listing-price-area {
    margin-top: 12px;
    margin-bottom: 8px;
    width: 100%;
    padding: 0 12px;
}

.list-view .listing-price-area {
    width: 75%;
    width: calc(100% - 300px);
}

.listing-price-area:after {
    content: '';
    display: table;
    clear: both;
}

.listing-price-area .current-bid-price {
    line-height: 22px;
}

    .listing-price-area .current-bid-price .amount {
        font-weight: bold;
        display: inline-block;
    }

.card-view .listing-price-area .current-bid-price .amount {
    font-size: 21px;
}

.card-view .listing-price-area .current-bid-price .currency {
    font-size: 16px;
}

.list-view .listing-price-area .current-bid-price {
    width: 26%;
}

@media (min-width: 1200px) {
    .list-view .listing-price-area .current-bid-price {
        width: 20%;
    }
}

.list-view .listing-price-area .current-bid-price .amount {
    font-size: 29px;
}

.list-view .listing-price-area .current-bid-price .currency {
    font-size: 22px;
}

.offer-view .listing-price-area .current-bid-price .amount {
    font-size: 39px;
    margin-top: 10px;
}

.offer-view .listing-price-area .current-bid-price .currency {
    font-size: 29px;
}

.listing-price-area .bid {
    text-transform: uppercase;
}

    .listing-price-area .bid a {
        display: block;
        white-space: nowrap;
        text-align: right;
        line-height: 24px;
        letter-spacing: 0;
    }

        .listing-price-area .bid a i {
            text-align: center;
            margin-top: -3px;
        }

        .listing-price-area .bid a + a {
            margin-top: 5px;
        }

.list-view .listing-price-area .bid {
    width: 26%;
}

@media (min-width: 1200px) {
    .list-view .listing-price-area .bid {
        width: 15%;
    }
}

.offer-view .listing-price-area .bid .btn-link {
    font-size: 24px;
}

    .offer-view .listing-price-area .bid .btn-link i {
        margin-left: 10px;
    }

.offer-view .listing-price-area .bid .secondCallNonActive, .card-view .listing-price-area .bid .secondCallNonActive, .list-view .listing-price-area .bid .secondCallNonActive {
    color: #a8adb3;
}

@media screen and (max-width: 430px) {
    .list-result {
        min-width: auto;
        width: auto;
    }

    .list-view article {
        display: flex;
        flex-direction: column;
    }

    .list-view .listing-price-area {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        height: auto;
        min-width: auto;
        width: auto;
    }

        .list-view .listing-price-area.bid a {
            display: inline-block;
        }
}

.listing-accessories {
    list-style: none;
    padding-left: 0;
    padding-right: 5%;
    margin: 0;
}

    .listing-accessories li {
        display: inline-block;
        margin-right: 6px;
        margin-top: 8px;
    }

        .listing-accessories li svg {
            width: 32px;
            height: 32px;
            vertical-align: middle;
        }

.listing-specs > span {
    vertical-align: middle;
    margin-left: 3%;
}

    .listing-specs > span:first-child {
        margin-left: 0;
    }


.listing-specs .end-date, .listing-specs .end-time {
    float: right;
    margin-top: 7px;
}

.listing-specs .end-time {
    clear: right;
}

.listing-code {
    color: #a8adb3;
}

.card-view .listing-code {
    position: absolute;
    margin-top: -35px;
    z-index: 1;
    left: -2px;
    background: #f2f2f2;
    color: #4c5356;
    padding: 3px 10px;
    line-height: 1;
    font-size: 14px;
}

.card-view .listing-code-truck {
    position: absolute;
    margin-top: -28px;
    z-index: 1;
    left: -2px;
    background: #f2f2f2;
    color: #4c5356;
    padding: 3px 10px;
    line-height: 1;
    font-size: 14px;
}


.offer-title {
    border-bottom: 1px solid #a8adb3;
    padding-bottom: 20px;
    margin-top: 50px;
    text-align: right;
}

.offer-nav ul {
    list-style: none;
    padding-left: 0;
}

@media (min-width: 600px) {
    .offer-nav ul {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}

@media (min-width: 600px) {
    .offer-nav ul li {
        display: table-cell;
        vertical-align: top;
        width: 33.3333%;
    }

        .offer-nav ul li.next {
            left: 33.3333%;
            position: relative;
            text-align: right;
        }

        .offer-nav ul li.back {
            left: -33.3333%;
            position: relative;
            text-align: center;
        }
}

@media (max-width: 599px) {
    .offer-nav ul li.prev, .offer-nav ul li.next {
        width: 50%;
        margin-bottom: 10px;
    }

    .offer-nav ul li.next {
        text-align: right;
    }

    .offer-nav ul li.back {
        width: 100%;
        text-align: center;
    }
}

.offer-nav .btn, .offer-nav .result_pages > a, .offer-nav .zoom_button {
    padding-top: 6px;
    padding-bottom: 3px;
    font-size: 16px;
    font-weight: normal;
}

@media (min-width: 900px) {
    .listing-gallery {
        width: 50%;
        float: left;
    }
}

@media (min-width: 900px) {
    .offer-col {
        width: 50%;
        padding-left: 8%;
    }
}

.offer-view .offer-col {
    position: relative;
}

@media (min-width: 900px) {
    .offer-view .offer-col:before {
        content: '';
        border-left: 1px solid #f2f2f2;
        position: absolute;
        top: 10px;
        bottom: 0;
        left: 11%;
    }
}

@media (min-width: 900px) {
    .offer-col + .offer-col:before {
        top: 0px;
        bottom: 30px;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .offer-col + .offer-col {
        width: 100%;
        padding-left: 0;
    }

        .offer-col + .offer-col:before {
            content: none;
        }
}

.offer-view .dekra svg {
    width: 82px;
    height: 36px;
}

.listing-item {
    font-size: 23px;
    margin-bottom: 20px;
    width: 100%;
}



@media (max-width: 768px) {
    .listing-item {
        font-size: 20px;
        margin-bottom: 8px;
        width: 100%;
    }

        .listing-item .label {
            font-size: 16px;
        }
}

.listing-item.free {
    width: auto !important;
    padding-right: 2px;
}

.table .listing-item {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 10px;
    width: 160px;
    position: relative;
}

    .table .listing-item:before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 0;
        border-left: 1px solid #a8adb3;
    }

.action-modal .listing-item, .filter-table-modal .listing-item.without-max-width {
    /*IE11*/
    max-width: 48vw;
    /*Normal browsers*/
    max-width: unset;
}

.action-modal .listing-item, .filter-table-modal .listing-item {
    padding-left: 10px !important;
    width: auto !important;
    max-width: 320px;
    position: relative;
    text-align: left;
}

    .action-modal .listing-item:before, .filter-table-modal .listing-item:before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 0;
        border-left: 1px solid #a8adb3;
    }

    .action-modal .listing-item input, .filter-table-modal .listing-item input {
        margin: 10px 10px 15px;
    }

@media (min-width: 1200px) {
    .page-col .listing-item {
        width: 50%;
        padding-left: 20px;
    }

        .page-col .listing-item:nth-child(odd) {
            padding-left: 0;
        }
}

@media (min-width: 1200px) {
    .offer-col .listing-item {
        width: 50%;
        padding-left: 20px;
    }

        .offer-col .listing-item:nth-child(odd) {
            padding-left: 0;
        }
}

@media (min-width: 600px) and (max-width: 899px) {
    .offer-col .listing-item {
        width: 50%;
        padding-left: 20px;
    }

        .offer-col .listing-item:nth-child(odd) {
            padding-left: 0;
        }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .offer-col + .offer-col .listing-item {
        width: 50%;
        padding-left: 20px;
    }

        .offer-col + .offer-col .listing-item:nth-child(odd) {
            padding-left: 0;
        }
}

.listing-item .label {
    font-size: 18px;
    color: #a8adb3;
    display: block;
    min-height: 28px;
}

    .listing-item .label + .fuel,
    .listing-item .expertise {
        font-size: 17px;
    }

.table .listing-item .label {
    font-size: 14px;
    min-height: 0;
}

.auction {
    border-top: 1px solid #f2f2f2;
    padding-top: 10px;
}

    .auction:first-child {
        border-top: none;
        padding-top: 0;
        margin-bottom: auto;
    }

    .auction .form-control {
        text-align: center;
    }

.listing-info {
    font-size: 16px;
    line-height: normal;
    display: inline-block;
}

.listing-additional-info {
    border-top: 1px solid #a8adb3;
    margin-top: 20px;
    margin-bottom: 80px;
    padding-top: 40px;
}

.listing-features {
    font-size: 22px;
    line-height: normal;
    list-style: none;
    padding-left: 0;
    padding-right: 5%;
    margin: 30px 0;
}

    .listing-features li {
        padding-left: 25px;
        padding-right: 20px;
        margin-bottom: 10px;
        position: relative;
    }

@media (min-width: 900px) {
    .listing-features li {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .listing-features li {
        width: 33.3333%;
    }
}

.listing-features li:before {
    content: '';
    background-color: #66E4EE;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}

@media (max-width: 599px) {
    .listing-features li:before {
        width: 9px;
        height: 9px;
        top: 10px;
        left: 4px;
    }
}

.list-options {
    margin: 30px 0 15px;
}

    .list-options:last-child {
        margin-bottom: 60px;
    }

@media (min-width: 600px) {
    .list-options-inner {
        margin-left: -1.875%;
    }
}

.list-options-inner .form-group {
    margin-bottom: 15px;
    margin-left: 1.875%;
}

@media (min-width: 900px) {
    .list-options-inner .form-group.right {
        float: right;
        margin-top: 25px;
    }
}

@media (max-width: 899px) {
    .list-options-inner .form-group.right {
        width: 100%;
        text-align: center;
    }
}

.pagination {
    list-style: none;
    margin: 0;
    padding-left: 0;
    color: #004666;
    font-size: 18px;
}

    .pagination li a {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #004666;
    }

        .pagination li a:hover {
            background-color: rgba(242, 242, 242, 0.9);
        }

    .pagination li.active a {
        background-color: #004666;
        color: #fff;
    }

    .pagination li i {
        font-size: 11px;
    }

    .pagination li.disabled {
        color: #D8D8D8;
    }

        .pagination li.disabled a {
            color: #D8D8D8;
            pointer-events: none;
        }

.popup-gallery {
    max-width: 580px;
    padding: 10px 20px 10px;
}

.modal-change-filter-name-container {
    display: none
}

    .modal-change-filter-name-container.active {
        display: block
    }

.modal-change-filter-background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.6;
    z-index: 1;
}

.modal-change-filter-name {
    max-width: 580px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #f2f2f2;
    border: 2px solid #004666;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 500px;
    z-index: 2;
}

    .modal-change-filter-name label {
        font-weight: 600;
    }

    .modal-change-filter-name input {
        min-height: 44px;
        border: 1px solid #a8adb3;
        display: inline-block;
        line-height: 1.56;
        padding: 7px 10px;
        color: #4c5356;
        font-weight: bold;
    }

        .modal-change-filter-name input.invalid {
            border-color: #FF4963;
        }

        .modal-change-filter-name input:active,
        .modal-change-filter-name input:focus {
            outline: none;
            border-color: #4c5356;
        }

    .modal-change-filter-name .modal-change-filter-name-buttons-container {
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
    }

.gallery-thumbs .swiper-slide {
    width: 126px;
    padding: 1px;
}

.gallery-top {
    background-color: #4c5356;
    margin: 10px 0 15px;
    border: 1px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    .gallery-top img {
        display: block;
    }

    .gallery-top .swiper-lazy-preloader {
        margin-top: 20%;
    }

.car-id {
    color: #fff;
    font-size: 18px;
    text-align: left;
}

.gallery-buttons, .gallery-close {
    display: none;
}

.fullscreen-gallery-active {
    overflow: hidden;
}

    .fullscreen-gallery-active .listing-gallery {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 111111;
        background: #2D2D2D;
        float: none;
        width: auto;
        margin: 0;
        display: block;
        overflow-y: auto;
        padding-top: 20px;
        color: #66E4EE;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media (min-width: 900px) {
    .fullscreen-gallery-active .listing-gallery {
        padding: 1% 80px 0;
    }
}

.fullscreen-gallery-active .gallery-top {
    background-color: transparent;
    border: none;
    box-shadow: none;
    max-width: 1200px;
    margin: 0 auto;
    cursor: default;
}

    .fullscreen-gallery-active .gallery-top img {
        margin: 0 auto;
    }

.fullscreen-gallery-active .gallery-thumbs {
    display: none;
}

@media (min-width: 900px) and (orientation: landscape) {
    .fullscreen-gallery-active .gallery-thumbs {
        position: fixed;
        bottom: 0;
        left: 80px;
        right: 80px;
    }
}

.fullscreen-gallery-active .gallery-buttons {
    display: block;
    text-align: center;
}

@media (max-width: 899px) {
    .fullscreen-gallery-active .gallery-buttons {
        margin-bottom: 20px;
    }
}

.fullscreen-gallery-active .gallery-buttons > * {
    outline: none;
}

@media (min-width: 900px) {
    .fullscreen-gallery-active .gallery-buttons > * {
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }
}

@media (max-width: 899px) {
    .fullscreen-gallery-active .gallery-buttons > * {
        display: inline-block;
    }
}

.fullscreen-gallery-active .gallery-buttons > *:active {
    margin-top: -9px;
}

.fullscreen-gallery-active .gallery-buttons .gallery-button-prev {
    left: 20px;
}

.fullscreen-gallery-active .gallery-buttons .gallery-button-next {
    right: 20px;
}

.fullscreen-gallery-active .gallery-close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
}

.fullscreen-gallery-active .swiper-counter {
    margin: 0 20px;
}

.bid-popup {
    padding: 10px;
}

    .bid-popup input {
        max-width: 100%;
        margin-bottom: 10px;
    }

.saved-filters-list, .bid-history {
    position: relative;
}

    .saved-filters-list ul, .bid-history ul {
        list-style: none;
        padding: 5px 15px 15px;
        margin: 0;
        width: 100%;
        font-size: 15px;
        display: none;
        position: absolute;
        z-index: 2;
        background-color: #fff;
        max-height: 300px;
        overflow-y: auto;
        text-transform: none;
    }

        .saved-filters-list ul li, .bid-history ul li {
            display: block;
            border-bottom: 1px solid #a8adb3;
            padding: 5px 0;
        }

            .saved-filters-list ul li a, .bid-history ul li a {
                color: inherit;
                display: block;
                margin: -2px -5px;
                padding: 2px 5px;
            }

                .saved-filters-list ul li a:hover, .bid-history ul li a:hover {
                    background-color: #f2f2f2;
                }

.active.saved-filters-list, .active.bid-history {
    outline: none;
}

    .active.saved-filters-list ul, .active.bid-history ul {
        display: block;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-top: none;
    }

.saved-filters-list span, .bid-history span {
    display: block;
    line-height: normal;
    font-weight: normal;
}

.bid-history .date {
    color: #a8adb3;
}

.bid-history .amount {
    font-size: 20px;
    font-weight: bold;
}

.show-saved-filters-list, .show-bid-history {
    display: block;
    text-align: left;
    position: relative;
    z-index: 1;
    padding-right: 30px;
}

    .show-saved-filters-list:before, .show-bid-history:before {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -6px;
        -webkit-transition: -webkit-transform 0.4s ease;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    }

.bid-history.active .show-bid-history {
    box-shadow: none;
}

    .bid-history.active .show-bid-history:before {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

.actions-set, .alerts-set {
    position: relative;
}

    .actions-set ul, .alerts-set ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        font-size: 15px;
        display: none;
        position: absolute;
        z-index: 3;
    }

        .actions-set ul li, .alerts-set ul li {
            display: block;
        }

        .actions-set ul a, .alerts-set ul a {
            display: block;
            padding: 7px 0;
            line-height: 1;
            font-size: 17px;
            color: inherit;
            cursor: pointer;
        }

.active.actions-set, .active.alerts-set {
    outline: none;
}

    .active.actions-set ul, .active.alerts-set ul {
        display: block;
    }

    .active.actions-set > a, .active.alerts-set > a {
        box-shadow: none;
    }

        .active.actions-set > a i:before, .active.alerts-set > a i:before {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }

.actions-set ul {
    background-color: #66E4EE;
    z-index: 2;
}

    .actions-set ul li {
        border-top: 1px solid #61C6D2;
    }

    .actions-set ul a {
        text-align: center;
        text-transform: uppercase;
    }

        .actions-set ul a:hover {
            background-color: #94ecf3;
        }

.actions-set.active > a {
    color: #46B5C5;
}

.alerts-set, .alerts-set .btn, .alerts-set .result_pages > a, .alerts-set .zoom_button {
    text-align: left;
}

    .alerts-set ul {
        background-color: #F5E850;
    }

        .alerts-set ul li {
            border-top: 1px solid #B9C5CB;
        }

        .alerts-set ul a {
            padding: 7px 12px;
        }

            .alerts-set ul a:hover {
                background-color: #f8ee80;
            }

    .alerts-set.active > a:hover {
        box-shadow: none !important;
    }

.show-actions-set:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.show-actions-set i:before {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.show-alerts-set.active a:hover {
    box-shadow: none !important;
}

.show-alerts-set i:before {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

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

@media (max-width: 719px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 719px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 719px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 719px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 720px) and (max-width: 1023px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 720px) and (max-width: 1023px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 720px) and (max-width: 1023px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 720px) and (max-width: 1023px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1280px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1280px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1280px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1280px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

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

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

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

@media (min-width: 1280px) {
    .hidden-lg {
        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;
    }

    th.visible-print,
    td.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;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(25%, 0);
        transform: translate(25%, 0);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    }

    .modal.fade:not(.in).bottom .modal-dialog {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-open .daterangepicker {
    z-index: 9999;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

@media (min-width: 1280px) {
    .modal-dialog {
        margin: 30px auto;
    }
}

@media (min-width: 720px) {
    .alert-modal .modal-dialog {
        width: 600px;
    }
}

@media (min-width: 720px) {
    .action-modal .modal-dialog {
        max-width: 1140px;
    }

    #ec-code-actions .modal-dialog {
        max-width: 1600px;
    }

    #for-defined-comments .modal-dialog {
        max-width: 1600px;
    }
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}

.alert-modal .modal-content {
    background-color: #f4f4f4;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.3);
}

.action-modal .modal-content {
    border: 2px solid #004666;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.modal-header {
    padding: 20px 20px 0;
}

@media (min-width: 720px) {
    .action-modal .modal-header {
        padding: 40px 40px 20px;
    }
}

.action-modal .modal-header .title {
    border-bottom: 1px solid #004666;
    padding-bottom: 10px;
    margin: 0;
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table;
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    line-height: 18px;
    height: 20px;
}

.modal-title {
    margin: 10px 0 20px;
    line-height: 1.27;
    font-size: 24px;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.alert-modal .modal-body {
    text-align: center;
}

@media (min-width: 720px) {
    .action-modal .modal-body {
        padding: 0 40px 20px;
    }
}

.modal-body p {
    margin: 16px 0 10px;
}

.modal-footer {
    padding: 0 20px 32px;
    text-align: center;
}

@media (min-width: 480px) {
    .modal-footer .left {
        display: inline-block;
        margin-right: -0.25em;
        width: 50%;
        text-align: left;
    }
}

@media (min-width: 480px) {
    .modal-footer .right {
        display: inline-block;
        width: 50%;
        text-align: right;
    }
}

@media (min-width: 720px) {
    .action-modal .modal-footer {
        padding: 0 40px 32px;
    }
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 720px) {
    .alert-modal .modal-dialog {
        top: 40%;
        margin-top: -150px;
        max-width: 440px;
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 1280px) {
    .modal-lg {
        width: 900px;
    }
}

.modal .amount {
    font-size: 39px;
    margin-top: 10px;
}

.modal .currency {
    font-size: 29px;
}

.alert-modal .form-control {
    max-width: 80%;
    text-align: center;
}

.action-modal .form-group {
    margin-bottom: 20px;
}

.modal .listing-title {
    font-size: 24px;
    margin-bottom: 10px;
    padding-right: 30px;
    margin-top: -40px;
}

.modal-form {
    margin: 40px 0 0;
}

    .modal-form h3, .modal-form h4, .modal-form h5, .modal-form h6 {
        margin: 20px 0 15px;
    }

.fade-scale {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

    .fade-scale.in {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.filter-table-modal, .settings-modal {
    padding-right: 0 !important;
    background-color: #f2f2f2;
}

    .filter-table-modal.modal-centered {
        overflow-y: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    .filter-table-modal .close, .settings-modal .close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .filter-table-modal .modal-dialog, .settings-modal .modal-dialog {
        height: 100%;
        margin: 0;
    }

    .filter-table-modal .modal-content, .settings-modal .modal-content {
        display: table;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .filter-table-modal .modal-body, .settings-modal .modal-body {
        display: table-cell;
    }

    .filter-table-modal .modal-body {
        vertical-align: middle;
        text-align: center;
    }

.settings-modal {
    background-color: #004666;
    color: #fff;
}

    .settings-modal .close {
        color: #66E4EE;
    }

    .settings-modal input[type="checkbox"] + label {
        color: #fff;
    }

        .settings-modal input[type="checkbox"] + label:before {
            border-color: #66E4EE;
        }

    .settings-modal h2, .settings-modal h3, .settings-modal h4 {
        color: #66E4EE;
    }

    .settings-modal .modal-body {
        padding: 3% 5% 0;
    }

    .settings-modal .settings-wrap {
        border-top: 1px solid #66E4EE;
        max-height: calc(100% - 160px);
        padding: 3% 1%;
    }

    .settings-modal .settings-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .settings-modal .settings-list li {
            width: 20%;
        }

    .settings-modal .settings-actions {
        text-align: center;
        position: relative;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 90px;
    }

.swiper-navigation {
    max-width: 1140px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .swiper-navigation > div {
        background: none;
    }

        .swiper-navigation > div:before {
            color: #fff;
            font-size: 40px;
        }

.swiper-button-next:before {
    content: '\0042';
}

.swiper-button-prev:before {
    content: '\0041';
}

@media (max-width: 1023px) {
    .swiper-container {
        height: auto;
    }
}

@media (min-width: 1024px) {
    .swiper-container .swiper-slide {
        height: 100% !important;
    }
}

@media (max-width: 1023px) {
    .swiper-container .swiper-slide {
        height: auto;
    }
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    width: 280px;
    margin: 0 auto;
    right: 0;
}

.swiper-pagination {
    text-align: center;
    margin: 10px 20px;
    bottom: 32px !important;
}

@media (max-width: 1023px) {
    .swiper-pagination {
        top: 90px;
    }
}

@media (max-width: 719px) {
    .swiper-pagination {
        top: 50px;
    }
}

.swiper-pagination-bullet {
    border: 1px solid #66e4ee;
    width: 12px;
    height: 12px;
    margin: 0 10px !important;
    opacity: 1;
    background: #66e4ee;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.001);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
    display: block;
    background: #000;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media (min-width: 720px) {
    .image-right {
        float: right;
        max-width: 40%;
        margin: 1% 0 1% 2%;
    }
}

.content-narrow :not(.result_pages) a:not([class]):not(.pdf), a.download-now {
    color: #004666;
    box-shadow: inset 0 -1px 0 #004666;
}

a:hover, a:focus {
    color: #004666;
}

    .content-narrow :not(.result_pages) a:hover:not([class]), a:hover.download-now, .content-narrow :not(.result_pages) a:focus:not([class]), a:focus.download-now {
        text-decoration: none;
        box-shadow: inset 0 -2px 0 #004666;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "VWAGTheSans", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: #004666;
}

.blue-teaser h1, .blue-teaser h2, .blue-teaser h3, .blue-teaser h4, .blue-teaser h5, .blue-teaser h6 {
    color: #fff;
}

h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover {
    color: #004666;
}

.content-narrow h1 a, .content-narrow h1 a:hover, .content-narrow h2 a, .content-narrow h2 a:hover, .content-narrow h3 a, .content-narrow h3 a:hover, .content-narrow h4 a, .content-narrow h4 a:hover, .content-narrow h5 a, .content-narrow h5 a:hover, .content-narrow h6 a, .content-narrow h6 a:hover {
    box-shadow: none !important;
}

h1, .h1 {
    font-size: 48px;
}

@media (max-width: 1023px) {
    h1, .h1 {
        font-size: 34px;
    }
}

h2 {
    font-size: 36px;
}

@media (max-width: 1023px) {
    h2 {
        font-size: 30px;
    }
}

h3 {
    font-size: 30px;
}

@media (max-width: 1023px) {
    h3 {
        font-size: 26px;
    }
}

h4 {
    font-size: 22px;
}

@media (max-width: 1023px) {
    h4 {
        font-size: 20px;
    }
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

code, kbd, tt, var {
    font-size: 15px;
    font-size: 0.9375rem;
}

big {
    font-size: 125%;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.header .header-vwfs-logo {
    margin: 0;
    max-width: 180px;
    position: absolute;
    z-index: 2;
    top: 0;
    font-size: 16px;
}

    .header .header-vwfs-logo img {
        border: 0;
    }

@media (max-width: 719px) {
    .header .header-vwfs-logo {
        width: 170px;
        height: 48px;
        background-image: url(../img/logo-vwfs-xs.png);
        background-repeat: no-repeat;
    }

        .header .header-vwfs-logo img {
            display: none;
        }
}

.search-icon {
    font-size: 22px;
    width: 22px;
    height: 22px;
    right: 10px;
    top: 4px;
}

.active .search-icon {
    font-size: 18px;
    top: 6px;
}

    .active .search-icon:before {
        content: '\0069';
    }

@media (min-width: 720px) {
    .search-btn .search-icon {
        position: absolute;
    }
}

.index-content, .content {
    font-size: 18px;
    line-height: 28px;
}

    .index-content .lead, .content .lead {
        font-family: "VWAGTheSans", Helvetica, sans-serif;
        font-size: 16px;
        margin: 20px 0;
    }

    .index-content .date, .content .date {
        font-size: 14px;
    }

.outer-bg {
    padding: 25px 0;
}

    .outer-bg + .outer-bg h2 {
        margin-top: 0;
    }

    .outer-bg:nth-last-child(2) .grey-teaser {
        margin-bottom: 40px;
    }

.divider {
    width: 60px;
    height: 4px;
    margin: 55px auto 16px;
    background-color: #004666;
    border: none;
}

@media (max-width: 719px) {
    .divider {
        width: 46px;
    }
}

.divider:first-child {
    margin-top: 60px;
}

.content-narrow header {
    text-align: center;
    margin: 0 auto 42px;
    max-width: 528px;
}

    .content-narrow header p {
        margin-top: 4px;
    }

    .content-narrow header ~ h3, .content-narrow header ~ h4 {
        margin-top: 56px;
        margin-bottom: 16px;
    }

    .content-narrow header ~ h5, .content-narrow header ~ h6 {
        margin-top: 26px;
        margin-bottom: 12px;
    }

@media (min-width: 720px) {
    .content-narrow {
        padding-left: 80px;
        padding-right: 80px;
    }

        .content-narrow .content-wide {
            margin-left: -80px;
            margin-right: -80px;
        }
}

.content-narrow + section {
    margin-top: 80px;
}

.content-narrow figure {
    text-align: center;
}

    .content-narrow figure figcaption {
        text-align: center;
        margin-top: 20px;
        display: inline-block;
        background-color: #a8adb3;
        padding: 2px 10px;
    }

.grey-teaser *:first-child, .blue-teaser *:first-child {
    margin-top: 0;
}

.grey-teaser *:last-child, .blue-teaser *:last-child {
    margin-bottom: 0;
}

@media (min-width: 480px) {
    .grey-teaser, .blue-teaser {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 719px) {
    .grey-teaser, .blue-teaser {
        margin-left: -17px;
        margin-right: -17px;
        padding: 50px 17px;
    }
}

.grey-teaser {
    background-color: #a8adb3;
}

.divider + .outer-bg .grey-teaser {
    margin-top: 30px;
}

.blue-teaser {
    background-color: #006384;
    color: #fff;
}

.divider + .outer-bg .blue-teaser {
    margin-top: 30px;
}

.interested header {
    text-align: center;
    max-width: 780px;
}

    .interested header h2 {
        font-size: 48px;
        margin-top: 28px;
    }

@media (max-width: 1023px) {
    .interested header h2 {
        font-size: 34px;
        margin-top: 16px;
    }
}

.interested ul {
    padding: 0;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 8px;
    margin-top: -10px;
}

    .interested ul:before, .interested ul:after {
        content: " ";
        display: table;
    }

    .interested ul:after {
        clear: both;
    }

@media (max-width: 1023px) {
    .interested ul {
        margin-top: -40px;
        margin-bottom: 0;
    }
}

.interested li {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

@media (min-width: 1024px) {
    .interested li {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33%;
    }
}

@media (max-width: 1023px) {
    .interested li {
        padding-top: 20px;
        padding-bottom: 0;
        margin-top: 30px !important;
    }
}

.interested li:before {
    content: normal !important;
}

.interested li img {
    width: 100px;
    margin-bottom: 23px;
}

.interested li .title {
    line-height: 1.2;
    display: block;
    max-width: 220px;
    margin: 0 auto;
}

.interested li .description {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    display: block;
    max-width: 250px;
    margin: 10px auto 0;
}

.interested li a {
    color: #004666;
    box-shadow: none !important;
}

.interested li .picto {
    margin-bottom: 20px;
}

.featured-thumbs img {
    display: block;
}

.featured-thumbs header h2 {
    margin-bottom: 4px;
    margin-top: 26px;
}

.featured-thumbs header p:last-child {
    margin-bottom: 0;
}

.featured-thumbs.featured-thumbs-2-cols .articles {
    margin-left: -10px;
    margin-right: -10px;
}

    .featured-thumbs.featured-thumbs-2-cols .articles:before, .featured-thumbs.featured-thumbs-2-cols .articles:after {
        content: " ";
        display: table;
    }

    .featured-thumbs.featured-thumbs-2-cols .articles:after {
        clear: both;
    }

.featured-thumbs.featured-thumbs-2-cols article {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .featured-thumbs.featured-thumbs-2-cols article {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%;
    }
}

.featured-thumbs.featured-thumbs-3-cols .articles {
    margin-left: -10px;
    margin-right: -10px;
}

    .featured-thumbs.featured-thumbs-3-cols .articles:before, .featured-thumbs.featured-thumbs-3-cols .articles:after {
        content: " ";
        display: table;
    }

    .featured-thumbs.featured-thumbs-3-cols .articles:after {
        clear: both;
    }

.featured-thumbs.featured-thumbs-3-cols article {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .featured-thumbs.featured-thumbs-3-cols article {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33333%;
    }
}

.featured-thumbs.featured-thumbs-no-cols .articles {
    margin-top: 60px;
}

.featured-thumbs.featured-thumbs-no-cols article {
    margin-left: -10px;
    margin-right: -10px;
}

    .featured-thumbs.featured-thumbs-no-cols article:before, .featured-thumbs.featured-thumbs-no-cols article:after {
        content: " ";
        display: table;
    }

    .featured-thumbs.featured-thumbs-no-cols article:after {
        clear: both;
    }

    .featured-thumbs.featured-thumbs-no-cols article > div {
        padding-left: 10px;
        padding-right: 10px;
    }

@media (min-width: 1024px) {
    .featured-thumbs.featured-thumbs-no-cols article > div {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%;
    }
}

.featured-thumbs.featured-thumbs-no-cols article > .text-part:first-child {
    width: 100%;
}

@media (min-width: 1024px) {
    .featured-thumbs.featured-thumbs-no-cols .title {
        margin-top: 20px;
    }
}

.featured-thumbs.featured-thumbs-no-cols .text-part {
    padding-bottom: 10px;
}

@media (min-width: 1024px) {
    .featured-thumbs.featured-thumbs-swapped-cols .image-part {
        left: 50%;
        position: relative;
    }

        .featured-thumbs.featured-thumbs-swapped-cols .image-part + .text-part {
            right: 50%;
            position: relative;
        }
}

.featured-thumbs .articles {
    padding: 0;
    margin-bottom: 25px;
    margin-top: -40px;
    list-style: none;
}

.featured-thumbs article {
    margin-top: 50px;
}

    .featured-thumbs article p:last-child {
        margin-bottom: 5px;
    }

.featured-thumbs .featured-image {
    margin-bottom: 20px;
}

.featured-thumbs .subtitle, .featured-thumbs .date {
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
    color: #004666;
    display: block;
}

    .featured-thumbs .date:first-child {
        margin: 0 0 -10px;
    }

.featured-thumbs .title {
    margin: 5px 3% 8px 0;
}

.featured-thumbs .description {
    margin-right: 3%;
    margin-top: 8px;
}

.featured-thumbs img {
    width: 100%;
}

.need-help > ul, .picto-cols > ul {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 720px) {
    .need-help > ul, .picto-cols > ul {
        margin-left: -10px;
        margin-right: -10px;
    }

        .need-help > ul:before, .picto-cols > ul:before, .need-help > ul:after, .picto-cols > ul:after {
            content: " ";
            display: table;
        }

        .need-help > ul:after, .picto-cols > ul:after {
            clear: both;
        }
}

.need-help > ul > li, .picto-cols > ul > li {
    margin-bottom: 30px;
    line-height: 28px;
    min-height: 60px;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

@media (min-width: 720px) {
    .need-help > ul > li, .picto-cols > ul > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 720px) and (min-width: 1024px) {
    .need-help > ul > li, .picto-cols > ul > li {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .need-help > ul > li:nth-last-child(2):nth-child(2n+1), .picto-cols > ul > li:nth-last-child(2):nth-child(2n+1) {
        margin-bottom: 0;
    }
}

.need-help > ul > li:last-child, .picto-cols > ul > li:last-child {
    margin-bottom: 0;
}

.need-help > ul > li:before, .picto-cols > ul > li:before {
    content: normal;
}

.need-help > ul > li .picto, .picto-cols > ul > li .picto {
    float: left;
    margin-right: 20px;
}

    .need-help > ul > li .picto + div, .picto-cols > ul > li .picto + div {
        margin-left: 80px;
    }

.need-help > ul > li .title, .picto-cols > ul > li .title {
    margin-bottom: 8px;
    line-height: 24px;
}

.need-help > ul > li p, .picto-cols > ul > li p {
    margin: 0 0 3px;
}

.need-help {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 20px;
}

    .need-help:before, .need-help:after {
        content: " ";
        display: table;
    }

    .need-help:after {
        clear: both;
    }

@media (max-width: 375px) {
    .need-help {
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
    }

        .need-help:before, .need-help:after {
            content: " ";
            display: table;
        }

        .need-help:after {
            clear: both;
        }
}

.need-help header {
    text-align: center;
}

.need-help > ul {
    margin-top: 44px;
}

.picto-cols ul ul:last-child {
    margin-bottom: 0;
}

.picto-cols ul .title {
    font-weight: bold;
    color: #004666;
}

.picto-cols:not(:last-child) {
    margin-bottom: 40px;
}

@media (min-width: 1024px) {
    .picto-cols .picto + div {
        padding-right: 5%;
    }
}

.top-image {
    overflow: hidden;
    position: relative;
    height: auto;
}

@media (min-width: 1024px) {
    .top-image {
        height: 60vh !important;
    }
}

.top-image.swiper-wrapper {
    overflow: visible;
    display: flex;
    flex-direction: column;
    position: relative;
}

.top-image img {
    width: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
}

@media (min-width: 1024px) {
    .top-image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}

@media (max-width: 1023px) {
    .top-image img {
        width: auto;
    }
}

.top-image img + .headlines {
    min-height: 0;
    background-color: transparent;
    padding-top: 0;
    position: relative;
}

    .top-image img + .headlines .page-wrap {
        position: absolute;
        left: 0;
        right: 0;
    }

@media (min-width: 1024px) {
    .top-image img + .headlines .page-wrap {
        padding-top: 160px;
    }
}

@media (max-width: 1023px) {
    .top-image img + .headlines {
        margin-top: -20px;
        position: relative;
    }

        .top-image img + .headlines .page-wrap {
            position: static;
        }
}

.top-image .headlines {
    background-color: #f5f5f5;
    padding-top: 180px;
}

    .top-image .headlines:first-child {
        padding-bottom: 20px;
    }

    .top-image .headlines h1, .top-image .headlines h2, .top-image .headlines h3, .top-image .headlines h4 {
        margin-top: 0;
        margin-bottom: 0;
    }

@media (min-width: 1024px) {
    #main-slider {
        background: #000;
    }
}

#main-slider {
    position: relative;
}

.swiper-slide-home {
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-pagination {
    position: absolute;
    left: calc(50% - (100px/2));
    width: 60px;
    height: 30px;
    display: flex;
    flex-direction: row;
    z-index: 1000;
    justify-content: space-around;
    align-items: center;
}

.swiper-pagination-circle {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: rgba(255,255,255, 0.7);
}

.swiper-pagination-circle__active {
    background-color: rgba(255,255,255, 0.9);
    transform: scale(1.45);
    transition: all .5s ease-in-out
}

#main-slider .swiper-slide {
    overflow: hidden;
}

.headline-left a, .headline-right a {
    color: #fff;
    text-decoration: none;
}

.headline-left .btn, .headline-right .btn, .headline-left .result_pages > a, .headline-right .result_pages > a, .headline-left .zoom_button, .headline-right .zoom_button {
    color: #004666;
}

.headline-row {
    background-color: rgba(0, 70, 102, 0.8);
    color: #FFFFFF;
    display: block;
    padding: 3px 10px;
}

.headline-left {
    padding-left: 10px;
    text-align: left;
    margin-bottom: 4px;
    max-width: 600px;
}

    .headline-left:before, .headline-left:after {
        content: " ";
        display: table;
    }

    .headline-left:after {
        clear: both;
    }

    .headline-left > * {
        margin-left: -10px;
        position: relative;
        z-index: 2;
    }

    .headline-left .headline-row {
        float: none;
        display: inline;
        white-space: pre-wrap;
        padding: 0 10px 0 0;
        margin-left: 0;
        box-shadow: -10px 0 0 rgba(0, 70, 102, 0.8);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        line-height: normal;
    }

    .headline-left h4 {
        font-weight: normal;
    }

.headline-right {
    text-align: right;
}

    .headline-right .headline-row {
        clear: right;
        float: right;
    }

.headline-button {
    margin-top: 16px;
}

.inner-tabs {
    background: #fff;
}

    .inner-tabs.scroll-fix {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .inner-tabs ul {
        font-size: 15px;
        line-height: 16px;
        font-weight: bold;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #a8adb3;
        padding-left: 0;
        margin: 0;
        text-transform: uppercase;
        list-style: none;
    }

        .inner-tabs ul li {
            display: inline-block;
            margin-bottom: -2px;
        }

            .inner-tabs ul li.active a {
                border-color: #004666;
                outline: none;
            }

        .inner-tabs ul a {
            color: #004666;
            border-bottom: 2px solid #a8adb3;
            padding: 15px 20px 11px;
            display: block;
        }

            .inner-tabs ul a:hover, .inner-tabs ul a:focus, .inner-tabs ul a:active {
                text-decoration: none;
                outline: none;
            }

@media (max-width: 1023px) {
    .inner-tabs ul {
        display: none;
    }
}

.listing-sitemap {
    margin-left: -10px;
    margin-right: -10px;
}

    .listing-sitemap:before, .listing-sitemap:after {
        content: " ";
        display: table;
    }

    .listing-sitemap:after {
        clear: both;
    }

    .listing-sitemap .sitemap-item {
        padding-left: 40px;
        padding-right: 40px;
    }

@media (min-width: 1024px) {
    .listing-sitemap .sitemap-item {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33333%;
    }
}

.listing-sitemap .sitemap-item h2 a, .listing-sitemap .sitemap-item h3 a {
    box-shadow: none;
}

.listing-sitemap .sitemap-item ul {
    margin-top: 10px;
    margin-left: 0;
    list-style: none;
}

    .listing-sitemap .sitemap-item ul ul {
        margin-left: 1em;
    }

.listing-sitemap .sitemap-item li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;
    line-height: normal;
}

    .listing-sitemap .sitemap-item li:before {
        content: '\0042';
        position: absolute;
        margin-left: -18px;
        top: 7px;
        font-size: 10px;
        font-weight: bold;
    }

    .listing-sitemap .sitemap-item li a {
        box-shadow: none !important;
    }

        .listing-sitemap .sitemap-item li a:hover {
            text-decoration: underline !important;
        }

.listing-download {
    margin: 45px 0 0;
}

    .listing-download ul {
        list-style: none;
        margin: 0;
    }

@media (min-width: 720px) {
    .listing-download ul {
        display: table;
        width: 100%;
        border-collapse: collapse;
    }
}

.listing-download ul li {
    padding-left: 0 !important;
    margin-top: 0 !important;
}

@media (min-width: 720px) {
    .listing-download ul li {
        display: table-row;
    }
}

.listing-download ul li:before {
    content: normal;
}

.listing-download ul li > span {
    position: relative;
}

@media (min-width: 720px) {
    .listing-download ul li > span {
        display: table-cell;
        border-bottom: 1px solid #4c5356;
        padding: 13px 20px 13px 0;
        width: 60%;
    }

        .listing-download ul li > span:not(:last-child):after {
            content: '';
            border-right: 20px solid #fff;
            position: absolute;
            top: -2px;
            bottom: -1px;
            right: 0;
        }

    .grey-teaser .listing-download ul li > span:not(:last-child):after {
        border-right: 20px solid #a8adb3;
    }

    .listing-download ul li > span + span {
        text-align: center;
        white-space: nowrap;
        width: auto;
        vertical-align: middle;
    }
}

.listing-download ul li > span.type {
    text-transform: uppercase;
}

.listing-download ul li > span.link a {
    padding-left: 31px;
    font-size: 15px;
    line-height: 16px;
    box-shadow: none !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #004666;
}

    .listing-download ul li > span.link a:before {
        content: '\0071';
        font-size: 22px;
        position: absolute;
        margin-left: -31px;
        padding-top: 2px;
        font-weight: normal;
    }

    .listing-download ul li > span.link a.pdf:before {
        content: '\0072';
    }

    .listing-download ul li > span.link a:hover {
        text-decoration: underline !important;
    }

.listing-download ul li > span:last-child {
    padding-right: 0;
}

.listing-download ul li:last-child > span {
    border-bottom: none;
}

@media (max-width: 1023px) {
    .listing-download ul li {
        padding: 13px 0;
        border-bottom: 1px solid #4c5356;
        text-align: right;
    }

        .listing-download ul li > span:first-child {
            text-align: left;
            margin-bottom: 13px;
            line-height: normal;
        }

            .listing-download ul li > span:first-child ~ span {
                margin-left: 20px;
            }
}

@media (max-width: 719px) {
    .listing-download ul li > span:first-child {
        display: block;
    }

    .listing-download ul li.th {
        display: none;
    }
}

.cards {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}

    .cards:before, .cards:after {
        content: " ";
        display: table;
    }

    .cards:after {
        clear: both;
    }

    .cards .card {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
        width: 320px;
    }

@media (max-width: 321px) {
    .cards .card {
        width: 100%;
    }
}

.cards .card-double-sided {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    width: 300px;
}

@media (max-width: 321px) {
    .cards .card-double-sided {
        width: 100%;
    }
}

.cards .card-double-sided > div {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    position: relative;
}

.cards .card-double-sided .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    display: none;
    opacity: 0;
}

.cards .card-double-sided .back {
    padding: 0 20px;
}

    .cards .card-double-sided .back .details {
        text-align: left;
        height: 200px;
        vertical-align: middle;
        display: table-cell;
    }

        .cards .card-double-sided .back .details p {
            margin: 0 0 16px;
        }

    .cards .card-double-sided .back .close {
        position: absolute;
        top: 14px;
        right: 17px;
        display: none;
    }

.cards .card-double-sided .card-JS-enabled .front {
    z-index: 1;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cards .card-double-sided .card-JS-enabled .front {
        /* IE10 & IE11 CSS styles go here */
    }
}

.cards .card-double-sided .card-JS-enabled .front .btn, .cards .card-double-sided .card-JS-enabled .front .result_pages > a, .cards .card-double-sided .card-JS-enabled .front .zoom_button {
    position: relative;
}

.cards .card-double-sided .card-JS-enabled .back {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cards .card-double-sided .card-JS-enabled .back {
        /* IE10 & IE11 CSS styles go here */
    }
}

.cards .card-double-sided .card-JS-enabled .close {
    display: block;
}

.cards .card-double-sided .active {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cards .card-double-sided .active {
        /* IE10 & IE11 CSS styles go here */
    }
}

.cards .card-double-sided .active .front {
    opacity: 0;
}

.cards .card-double-sided .active .back {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cards .card-double-sided .active .back {
        /* IE10 & IE11 CSS styles go here */
    }
}

.cards article {
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    height: 380px;
    overflow: hidden;
    position: relative;
}

    .cards article .text-part {
        padding: 10px 10px 30px;
        letter-spacing: -1px;
    }

    .cards article .title {
        margin: 0 0 10px;
    }

    .cards article .bottom-link {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 26px;
        margin: 0;
    }

    .cards article .image-part {
        height: 110px;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .cards article .image-part .image-link {
            display: table-cell;
            vertical-align: bottom;
            padding-bottom: 10px;
        }

    .cards article .icon-part {
        height: 110px;
        width: 300px;
        display: table-cell;
        vertical-align: middle;
        padding-top: 30px;
    }

        .cards article .icon-part i {
            font-size: 50px;
        }

.faq-group {
    margin: 40px 0 60px;
    border-bottom: 1px solid #4c5356;
}

    .faq-group h2 {
        font-size: 30px;
    }

.faq-item {
    margin: 0;
    border-top: 1px solid #4c5356;
    padding: 20px 0;
}

    .faq-item h3 {
        font-size: 18px;
        position: relative;
        margin: 0 40px 0 0;
        -webkit-transition: box-shadow 0.4s ease;
        transition: box-shadow 0.4s ease;
        cursor: pointer;
    }

        .faq-item h3:after {
            content: '\0044';
            font-size: 16px;
            position: absolute;
            right: -25px;
            top: 6px;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
            transition: transform 0.2s ease, -webkit-transform 0.2s ease;
        }

        .faq-item h3.open:after {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: -webkit-transform 0.3s ease;
            transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
            transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        }

.faq-hidden {
    display: none;
    margin-right: 40px;
}

    .faq-hidden p {
        margin: 0;
        padding: 10px 0 0;
    }

.zoom_searchform {
    text-align: center;
    margin: 40px 0 20px;
}

.results > div {
    margin-bottom: 20px;
}

.results .result_title {
    font-size: 20px;
    font-weight: 600;
}

.results .infoline {
    font-size: 14px;
    color: #999;
}

.result_pagescount {
    margin-bottom: 20px;
}

.searchheading {
    font-weight: 600;
}

.result_pages {
    text-align: center;
    margin: 30px 0;
}

    .result_pages > a {
        margin-bottom: 4px;
    }

.zoom_button {
    border: none;
}

.zoom_button {
    margin-bottom: 3px;
}

.zoom_results_per_page {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.zoom_match {
    display: block;
}

.zoom_searchbox {
    margin-bottom: 5px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

    button + button,
    button + input[type="button"],
    button + input[type="reset"],
    button + input[type="submit"],
    input[type="button"] + button,
    input[type="button"] + input[type="button"],
    input[type="button"] + input[type="reset"],
    input[type="button"] + input[type="submit"],
    input[type="reset"] + button,
    input[type="reset"] + input[type="button"],
    input[type="reset"] + input[type="reset"],
    input[type="reset"] + input[type="submit"],
    input[type="submit"] + button,
    input[type="submit"] + input[type="button"],
    input[type="submit"] + input[type="reset"],
    input[type="submit"] + input[type="submit"] {
        margin-left: .75em;
    }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    min-height: 44px;
    border: 1px solid #a8adb3;
    display: inline-block;
    line-height: 1.56;
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
        outline: none;
        border-color: #4c5356;
    }

select,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 7px 10px;
    color: #4c5356;
    font-weight: bold;
}

    .has-error select, select.has-error, .has-error
    input[type="text"],
    input[type="text"].has-error, .has-error
    input[type="tel"],
    input[type="tel"].has-error, .has-error
    input[type="email"],
    input[type="email"].has-error, .has-error
    input[type="url"],
    input[type="url"].has-error, .has-error
    input[type="password"],
    input[type="password"].has-error, .has-error
    input[type="search"],
    input[type="search"].has-error, .has-error
    textarea,
    textarea.has-error {
        border-color: #ff4963;
        border-width: 2px;
    }

    select[disabled],
    input[type="text"][disabled],
    input[type="tel"][disabled],
    input[type="email"][disabled],
    input[type="url"][disabled],
    input[type="password"][disabled],
    input[type="search"][disabled],
    textarea[disabled] {
        color: #f2f2f2;
        background-color: white;
        cursor: not-allowed;
    }

textarea {
    padding-left: 3px;
    width: 100%;
}

select, .bl .form-group .select2-selection {
    min-height: 44px;
    border: 1px solid #a8adb3;
}

    select option:hover {
        color: #000;
        box-shadow: inset 20px 20px #f40;
    }

.text-center input[type="search"] + .btn, .text-center .result_pages > input[type="search"] + a, .text-center input[type="search"] + .zoom_button {
    vertical-align: top;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 8px;
}

.form-text {
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
    margin-top: 7px;
}

    .has-error .form-text, .form-text.has-error {
        color: #ff4963;
    }

@media (min-width: 720px) {
    .form-8 {
        max-width: 66.66667%;
        margin-left: auto;
        margin-right: auto;
    }
}

.form-group {
    margin-bottom: 30px;
    position: relative;
}

@media (min-width: 720px) {
    .row .form-group {
        position: static;
    }
}

@media (min-width: 720px) {
    .form-col {
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 50%;
        padding-right: 10px;
    }

        .form-col + .form-col {
            padding-right: 0;
            padding-left: 10px;
        }
}

@media (max-width: 719px) {
    .form-col {
        margin-bottom: 20px;
    }
}

.form-control {
    display: block;
    width: 100%;
    background-image: none;
}

.form-action {
    margin: 56px 0 50px !important;
    text-align: center;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.row-modal {
    margin-left: 0;
    margin-right: 0;
}

.col-sm-1 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-1 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 8.33333%;
    }
}

.col-sm-2 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-2 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 16.66667%;
    }
}

.col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-3 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 25%;
    }
}

.col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-4 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 33.33333%;
    }
}

.col-sm-5 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-5 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 41.66667%;
    }
}

.col-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-6 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 50%;
    }
}

.col-sm-7 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-7 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 58.33333%;
    }
}

.col-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-8 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 66.66667%;
    }
}

.col-sm-9 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-9 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 75%;
    }
}

.col-sm-10 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-10 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 83.33333%;
    }
}

.col-sm-11 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-11 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 91.66667%;
    }
}

.col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 1024px) {
    .col-sm-12 {
        display: inline-block;
        margin-right: -4px;
        vertical-align: top;
        width: 100%;
    }
}

.help-block {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    bottom: 0;
    position: relative;
    display: inline-block;
}

.has-error .help-block {
    color: #ff4963;
}

input.has-icon {
    background-color: transparent;
    margin-right: -4px;
}

    input.has-icon + [class*='icon-'] {
        font-size: 23px;
        position: absolute;
        margin-left: -30px;
        margin-top: 10px;
        z-index: -1;
        top: 36px;
        right: 8px;
    }
/* select2 */
.bl .form-group .select2-container {
    width: 100% !important;
}

    .bl .form-group .select2-container .select2-selection__rendered {
        line-height: 44px;
    }

.bl .form-group .select2-selection {
    border-radius: 0;
}

    .bl .form-group .select2-selection .select2-selection__arrow {
        height: 44px;
    }

        .bl .form-group .select2-selection .select2-selection__arrow b {
            border-top-color: #4c5356;
        }

.fa {
    font-size: 16px;
    line-height: 26px;
}

.picto i, .th-icon i {
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 1px 3px 3px;
    font-size: 54px;
    line-height: 54px;
}

.picto {
    display: inline-block;
    line-height: 0.9;
    color: #004969;
}

    .picto.round-lg {
        width: 100px;
        height: 100px;
        border: 2px solid #66E4EE;
        border-radius: 50%;
        padding: 20px;
    }

.icon-i {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #66E4EE;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    font-weight: 600;
    margin: 0 10px;
    cursor: pointer;
}

    .icon-i:before {
        content: 'i';
        font-family: "VWAGTheSans", Helvetica, Arial, "sans-serif";
    }

    .icon-i:focus {
        box-shadow: 0 0 1px 1px #66E4EE;
        outline: none;
    }

.icon-spin {
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear;
    line-height: 0;
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.icon-2x {
    font-size: 200%;
}

.icon-3x {
    font-size: 300%;
}

.icon-4x {
    font-size: 400%;
}

.media-grid {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}

@media (min-width: 720px) {
    .media-grid {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
}

.media-grid li {
    display: inline-block;
    padding: 2%;
}

@media (min-width: 720px) {
    .media-grid li {
        display: table-cell;
    }
}

.media-grid a {
    box-shadow: none !important;
}

.media-grid img {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

    .media-grid img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.remarketing-template .page-wrap {
    max-width: none;
}

.remarketing-template .list-options {
    margin-top: 10px;
}

.remarketing-template .list-options-inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
}

@media (min-width: 720px) {
    .remarketing-template .list-options-inner .form-group {
        display: table-cell;
        float: none;
        vertical-align: bottom;
    }

        .remarketing-template .list-options-inner .form-group.right {
            text-align: right;
            margin-top: 0;
        }

        .remarketing-template .list-options-inner .form-group.center {
            text-align: center;
        }
}

.remarketing-template .found-records {
    margin: 0 10px;
    color: #004666;
    font-size: 18px;
}

.remarketing-template .export-xls {
    margin: 0 10px;
    color: #004666;
    font-size: 18px;
}

    .remarketing-template .export-xls:hover {
        text-decoration: underline;
    }

    .remarketing-template .export-xls i {
        font-size: 28px;
        line-height: 1;
        bottom: -4px;
        position: relative;
        margin: 0 2px;
    }

.remarketing-template .table-view .page-wrap {
    overflow-x: auto;
}

.remarketing-template .page-col {
    padding: 0;
}

@media (min-width: 1024px) {
    .remarketing-template .page-col {
        width: 68%;
    }
}

@media (min-width: 1024px) {
    .remarketing-template .page-col + .page-col {
        width: 32%;
    }
}

.remarketing-template .page-col:before {
    content: none;
}

@media (min-width: 1280px) {
    .remarketing-template .page-col .listing-item {
        width: 25%;
    }
}

@media (min-width: 1024px) {
    .remarketing-template .page-col .listing-item.double {
        width: 50%;
    }
}

@media (min-width: 720px) {
    .remarketing-template .page-col .border-left {
        padding-left: 40px;
        position: relative;
    }

        .remarketing-template .page-col .border-left:before {
            content: '';
            position: absolute;
            top: 2px;
            bottom: 20px;
            left: 10px;
            border-left: 1px solid #004666;
        }
}

.remarketing-template .page-col .border-left + .border-left:not(:nth-of-type(2)){
    margin-top: 20px;
}

.remarketing-template .listing-item {
    min-height: 60px;
}

@media (min-width: 1024px) {
    .remarketing-template .listing-item {
        width: 16.66667%;
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (min-width: 1280px) {
    .remarketing-template .listing-item {
        padding-right: 40px;
    }
}

@media (min-width: 1024px) {
    .remarketing-template .listing-item.double {
        width: 33.33333%;
    }
}

@media (min-width: 1024px) {
    .tab-5.listing-item.double {
        width: 50%;
    }

    .tab-5.listing-items-container {
        padding: 0 5px;
    }
}

@media (min-width: 1024px) {
    .remarketing-template .listing-item.full {
        width: 100%;
        padding-right: 0;
    }
}

@media (min-width: 1024px) {
    .remarketing-template .listing-item.full:before {
        content: '';
        border-bottom: 1px solid #D8D8D8;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

.remarketing-template .listing-item .label + span + span {
    display: block;
    margin-top: 4px;
}

.remarketing-template .listing-item .btn-slim {
    font-size: 15px;
    letter-spacing: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.remarketing-template .title-row {
    margin-bottom: 20px;
}

    .remarketing-template .title-row .listing-item .h3 {
        font-weight: bold;
        line-height: 1;
    }

    .remarketing-template .title-row .listing-item .h4 {
        font-weight: bold;
        line-height: 1.5;
    }

    .remarketing-template .title-row .page-col {
        vertical-align: middle;
    }

.remarketing-template .records-view .listing-item {
    min-height: 59px;
}

.remarketing-template .records-view .listing-item__valuation {
    margin-bottom: 20px !important;
    min-height: 124px;
}

/*.remarketing-template .records-view .listing__valuation .listing-item__valuation .listing-item__name {
    font-size: 20px;
}*/
.remarketing-template .records-view .listing__valuation .listing-item__valuation .listing-item__date {
    font-size: 16px;
}

.remarketing-template .details-row .listing-item, .remarketing-template .records-view .listing-item {
    font-size: 18px;
    line-height: 1.25;
    word-wrap: break-word;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 20px;
}

    .remarketing-template .details-row .listing-item:before, .remarketing-template .records-view .listing-item:before {
        content: '';
        border-bottom: 1px solid #D8D8D8;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 20px;
    }

@media (min-width: 1280px) {
    .remarketing-template .details-row .listing-item:before, .remarketing-template .records-view .listing-item:before {
        right: 40px;
    }
}

@media (min-width: 1280px) {
    .remarketing-template .details-row .full.listing-item:before, .remarketing-template .records-view .full.listing-item:before {
        right: 0;
    }
}

.remarketing-template .details-row .listing-item .label, .remarketing-template .records-view .listing-item .label {
    font-size: 15px;
    line-height: 0.9;
    min-height: 24px;
}

.remarketing-template .details-row .listing-item .label, .remarketing-template .records-view .listing-item .listing-buttons {
    margin: 8px 0;
}

.remarketing-template .actions-set {
    min-width: 282px;
    width: auto;
    display: inline-block;
}

.remarketing-template ul.notes {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 15px;
    line-height: normal;
    max-height: 190px;
    overflow-y: auto;
    text-align: left;
}

    .remarketing-template ul.notes li {
        border-top: 1px solid #D8D8D8;
        padding: 5px 0;
    }

        .remarketing-template ul.notes li:first-child {
            border: none;
        }

    .remarketing-template ul.notes p {
        margin: 0;
    }

    .remarketing-template ul.notes .meta {
        color: #a8adb3;
    }

.remarketing-template .tabs {
    font-size: 15px;
    line-height: normal;
}

    .remarketing-template .tabs a {
        padding-left: 5px;
        padding-right: 5px;
    }

@media (min-width: 720px) {
    .remarketing-template .tabs a {
        padding-left: 0.8vw;
        padding-right: 0.8vw;
    }
}

.remarketing-template .records-view ul.notes li {
    padding: 1px 0;
}

.remarketing-template .table-first-left td:first-child {
    padding-left: 10px;
}

.remarketing-template .table-striped-nojs tr:nth-child(even) th {
    background-color: #fff;
}

.remarketing-template .table-striped-nojs tr:nth-child(odd) td {
    border-top: 1px solid #a8adb3;
    border-bottom: 1px solid #a8adb3;
}

.remarketing-template .table-striped-nojs tr:nth-child(even) td {
    background-color: #f2f2f2;
    border-top: none;
    border-bottom: none;
    height: 46px;
}

.remarketing-template .table-striped-nojs td {
    font-size: 15px;
}

.remarketing-template .tabs-content {
    margin: 40px 0;
}

    .remarketing-template .tabs-content h5 {
        margin: 10px 0 20px;
    }

    .remarketing-template .tabs-content .table td {
        padding-top: 4px;
        padding-bottom: 4px;
    }

.remarketing-template .image-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .remarketing-template .image-list li {
        display: inline-block;
        vertical-align: top;
        margin-right: 6px;
    }

        .remarketing-template .image-list li:first-child {
            float: left;
            margin-right: 10px;
        }

    .remarketing-template .image-list:after {
        content: '';
        clear: both;
        display: table;
    }

.remarketing-template .show-details {
    float: right;
}

    .remarketing-template .show-details i {
        font-size: 14px;
    }

        .remarketing-template .show-details i:before {
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        }

.remarketing-template td.open i:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flag-red, a.flag-red {
    background-color: #FF4963;
    color: #fff;
}

.flag-yellow, a.flag-yellow {
    background-color: #F5E850;
    color: #004666;
}

.flag-lime-green, a.flag-lime-green {
    background-color: #32cd32;
    color: #fff;
}

.flag-capri, a.flag-capri {
    background-color: #00bfff;
    color: #fff;
}

.flag-purple-heart, a.flag-purple-heart {
    background-color: #69359c;
    color: #fff;
}

.flag-tangelo, a.flag-tangelo {
    background-color: #f94d00;
    color: #fff;
}

.flag-dark-turquoise, a.flag-dark-turquoise {
    background-color: #00ced1;
    color: #fff;
}

.flag-lavender-magenta, a.flag-lavender-magenta {
    background-color: #ee82ee;
    color: #fff;
}

.flag-royal-blue, a.flag-royal-blue {
    background-color: #4169e1;
    color: #fff;
}

.flag-light-mint-green, a.flag-light-mint-green {
    background-color: #ccffcc;
    color: #004666;
}

.flag-maroon, a.flag-maroon {
    background-color: maroon;
    color: #fff;
}

.flag-salmon, a.flag-salmon {
    background-color: #FA8072;
    color: #fff;
}

.flag-rosy-brown, a.flag-rosy-brown {
    background-color: #BC8F8F;
    color: #fff;
}

.flag-maroon, a.flag-maroon {
    background-color: maroon;
    color: #fff;
}

.flag-carribbean-current, a.flag-carribbean-current {
    background-color: #0f7173;
    color: #fff;
}

.flag-russian-violet, a .flag-russian-violet {
    background-color: #231942;
    color: #fff;
}

.flag {
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    padding: 6px 6px 5px;
    margin: 2px;
    text-transform: uppercase;
    padding-left: 4px;
    padding-right: 4px;
}

/*Switch*/
.described-switch {
    padding-top: 30px;
    padding-left: 8px;
    margin-left: 1.5rem;
    height: 62px;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1003;
}

.described-switch__switch {
    margin: 0 10px;
}

.switch {
    height: 32px;
    padding: 4px;
    width: 58px;
    border: solid 1px #004666;
    border-radius: 20px;
    background-color: #fff;
    padding: 4px;
    display: flex;
    align-items: center;
}

.switch__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    background: #fff;
    border: solid 1.3px #66e4ee;
    border-radius: 50%;
    transition: 0.2s ease-in-out transform;
    cursor: pointer;
    z-index: 1007;
}

.switch__circle {
    margin: auto;
    width: 8px;
    height: 8px;
    background-color: #004666;
    border-radius: 50%;
}

.switch__icon {
    margin: 0 8px;
    cursor: pointer;
}

.described-switch--text {
    cursor: pointer;
    margin: 0;
}

.described-switch__left-label, .described-switch__right-label {
    font-size: 14px;
    color: #004666;
    z-index: 1007;
    display: flex;
}

.described-switch[data-value="false"] .described-switch__left-label,
.described-switch[data-value="true"] .described-switch__right-label {
    font-weight: 600;
    transition: .4s font-weight ease-in-out;
}

.described-switch[data-value="true"] .switch__toggle {
    transform: translateX(25px);
}

.described-switch[data-value="false"] .described-switch__left-label .switch__icon,
.described-switch[data-value="true"] .described-switch__right-label .switch__icon {
    transform: scale(1.7);
    transition: 0.3s transform ease-in-out;
}

@media (min-width:1100px) {
    .switch__icon {
        display: none !important;
    }
}

@media (max-width:1100px) {
    .described-switch--text {
        display: none;
    }
}

@media (max-width: 768px) {
    .described-switch__switch, .switch__toggle {
        display: none;
    }
}

.delete-layer {
    z-index: 1;
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: background-color 0.3s ease-in-out;
}

    .delete-layer::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 70, 102, 0.8);
        position: absolute;
        z-index: -1;
        animation-name: background;
        animation-duration: .3s;
    }

.delete-item-button {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 18px;
    height: 18px;
    background-color: red;
    border-radius: 4px;
}

.delete-item__btn {
    font-size: 14px;
    color: #fff;
}

.delete-item-button:hover {
    transform: scale(1.2);
    transition: .1s transform ease-in-out;
}

.photo-item-icon {
    display: none;
    font-size: 25px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 30px;
}

    .photo-item-icon i {
        color: #fff;
        z-index: 1007;
    }

.picture-opacity {
    opacity: 0.3;
}

@keyframes background {
    from {
        background-color: rgba(0, 70, 102, 0.2);
    }

    to {
        background-color: rgba(0, 70, 102, 0.8);
    }
}

.valuation-row {
    height: 100px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.valuation-item {
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
}

.radio-valuation {
    margin: 0 5rem 0 0;
}

    .radio-valuation input[type="radio"] + label {
        margin-bottom: 0;
    }

.modal-body-top {
    display: flex;
    flex-direction: row;
    height: 5rem;
    width: 100%;
    justify-content: flex-end
}

.modal-body-filters {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.modal-body-stats {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 500;
}

    .modal-body-stats span {
        margin-right: 1.6rem;
        margin-left: 0.5rem;
        font-weight: 400;
    }

.ec-filters-years, .ec-filters-months {
    display: flex;
    flex-direction: column;
    margin: 0 0.8rem;
}

.modal-body .modal-body-top .modal-body-filters .ec-filters-years .select2 .select2-selection--single {
    min-width: 120px;
}

.ec-modal-table {
    max-height: 18rem;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 1rem;
}

.modal-body h5 {
    margin: 6px 0;
}

.scroll-wraper--fixed {
    position: fixed !important;
    left: 20px;
    z-index: 2;
    top: 45px;
}

.sorted_head--fixed {
    position: absolute;
    left: -6px;
    z-index: 1;
    padding-top: 50px;
    background-color: #fff;
    will-change: top;
    /*box-shadow: 0 1px 1px 1px #fff;*/
    border-bottom: solid 3px #fff;
}

.checkAll {
    margin-top: 2px;
    font-size: 22px;
    color: #004666;
    cursor: pointer;
    transition: color 0.1s;
}

.selectedCheckAll {
    color: lightgreen;
    transition: color 0.1s ease-in-out;
}

th #0 {
    position: relative;
}

.tool-tip {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 200px;
    height: 30px;
    padding: 6px 0;
    background-color: #f2f2f2;
    text-align: center;
    opacity: 0;
    z-index: 0;
    color: #4c5356;
}

.btn-checkAll {
    margin-top: 10px;
}

.no-pseudoElements::before, .no-pseudoElements::after {
    display: none;
}

.marketing-label-font {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 10px;
}

.contact-email {
    display: flex !important;
    align-items: center;
    width: 80%;
}

.contact-email__center {
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.table-cost-td {
    padding-right: 15px;
}

.cost-input {
    font-size: 16px;
    margin-left: 0 !important;
}

.other-cost-input {
    margin-right: 10px !important;
}

.remove-cost {
    margin-left: 3px !important;
    height: 42px;
}

.details-attachment-file {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.attachment-remove-file {
    cursor: pointer;
    margin-right: 15px;
    text-decoration: none !important;
}


.comment-btn {
    margin-bottom: 8px;
}

.defined-comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vehicle-location {
    margin-bottom: 14px;
}

.move-to-b2b-checkbox {
    margin-bottom: 14px !important;
}

.selection .invalid {
    border-color: red !important;
}

.ongoing-highlight-invoice-type {
    color: white;
    background: red;
    padding: 4px 8px;
}

.tile-ongoing-highlight-invoice-type {
    display: inline-block;
    padding: 1px 6px;
}

.ongoing-offer-grid {
    padding: 40px 0 20px 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4%
}

.ongoing-grid-toggler {
    display: none;
}

@media (max-width: 900px) {
    .ongoing-offer-grid {
        grid-template-columns: repeat(2, 2fr);
    }

    .ongoing-offer-grid-col.mobile-hidden {
        display: none;
    }

    .ongoing-grid-toggler {
        display: flex;
        justify-content: space-between;
        background-color: #004666;
        border: none;
        color: white;
        padding: 16px;
        margin: 0 -12px
    }

        .ongoing-grid-toggler p {
            margin: 0
        }
}

@media (max-width: 600px) {
    .ongoing-offer-grid {
        grid-template-columns: repeat(1, 4fr);
    }
}

.blocked-access {
    color: #a8adb3;
}

.ongoing-highlight-invoice-type {
    color: white;
    background: red;
    padding: 4px 8px;
}

.observed-auction-status {
    font-size: 26px;
}

.observed-auction-status-tile-view {
    display: flex;
    justify-content: center;
    padding: 18px 0;
}

.observed-auction-status-list-view {
    float: right;
}

.page-wrap-unlogged {
    margin-top: 140px;
    margin-bottom: 40px;
}

.order-transport-info {
    display: flex;
    flex-direction: row;
    gap: 25%;
}

.transport-order-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.pricing-tab-details-data, .pricing-tab-details-sale-settings {
    display: flex;
    flex-direction: row;
}

.pricing-tab-details-sale-settings {
    margin-bottom: 24px;
}

.records-view .pricing-tab-details-data .listing-item, .records-view .pricing-tab-details-sale-settings .listing-item {
    min-height: 65px;
    margin-bottom: 20px !important;
}

.pricing-tab-details-general-data {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.pricing-tab-details-data-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 8px;
}

.pricing-tab-details-general-data .pricing-tab-details-data-row > div {
    width: 25% !important;
}

.pricing-tab-details-general-data-euro {
    width: 20%;
    display: flex;
    flex-direction: column;
    margin-top: 52px;
}

    .pricing-tab-details-general-data-euro .listing-item, .pricing-tab-details-sale-settings-authorization .listing-item {
        width: 100%;
    }

.pricing-tab-details-sale-settings .pricing-tab-details-data-row div {
    width: 25% !important;
}

.pricing-tab-details-data-row .listing-item div {
    display: flex;
    align-items: center;
}

.pricing-tab-details-data-row .listing-item.pricing-tab-comments {
    width: 100% !important;
}

.pricing-tab-details-sale-settings .listing-item .checkbox {
    width: 100% !important;
    margin: 32px 0 8px 0;
}

.pricing-tab-details-sale-settings .listing-item .select2-container {
    width: 90% !important;
}

.pricing-tab-details-sale-settings .listing-item input {
    width: 90% !important;
}

.pricing-tab-details-data-row .listing-item div span:first-child {
    margin-right: 18px;
}

.pricing-tab-details-sale-settings-info {
    width: 80%;
}

.pricing-tab-details-sale-settings-authorization {
    margin-top: 51px;
    width: 20%;
}

@media (max-width: 900px) {

    .pricing-tab-details-data {
        flex-direction: column;
    }

    .pricing-tab-details-data-row {
        flex-direction: column;
    }

    .pricing-tab-details-general-data {
        width: 100%;
    }

        .pricing-tab-details-general-data .pricing-tab-details-data-row > div {
            width: 100% !important;
        }

    .pricing-tab-details-general-data-euro {
        width: 100%;
        margin: 0;
    }

        .pricing-tab-details-general-data-euro .listing-item {
            width: 100%;
        }

    .pricing-tab-details-sale-settings {
        flex-direction: column;
    }

        .pricing-tab-details-sale-settings .pricing-tab-details-data-row div {
            width: 100% !important;
        }

    .pricing-tab-details-sale-settings-info {
        width: 100%;
    }

    .pricing-tab-details-sale-settings-authorization {
        width: 100%;
    }
}

.dealerNotes {
    width: 100%;
    margin: 4px 0 14px 0;
}


    .dealerNotes .label {
        color: #a8adb3;
        font-size: 18px;
    }

.dealerHistoryNotes {
    margin: 24px 0;
}

.dealerNote {
    padding: 12px 0;
}

.userNoteInformation {
    font-size: 16px;
    color: #a8adb3;
    margin: 4px 0 6px 0;
}

.userNoteInformationDate {
    font-size: 14px;
}

.noteContent {
    font-size: 18px;
}

.addAuctionNote {
    margin-bottom: 10px
}

input[type="number"].mileageTruck {
    border: 1px solid #a8adb3;
    color: #4c5356;
    font-weight: bold;
    padding: 7px 10px;
    outline: none
}

.back-to-sale-options {
    width: 60%;
    margin-left: 32px;
}

.back-to-sale-option-description {
    font-size: 14px;
    font-style: italic
}

.cepik-data-section {
    margin-bottom: 40px
}

    .cepik-data-section .listing-item {
        min-width: 5%;
        max-width: 9%;
        margin : 0 8px
    }

    .cepik-data-section .listing-item__button {
        width: auto;
    }

.remarketing-template .records-view .cepik-data-section .listing-item__button::before {
    border-bottom:none;
}

.cepik-foreign-data {
    margin-top: 32px;
}

.timeline {
    position: relative;
    margin: 0 auto;
    width: 800px;
    padding: 20px 0;
}

    .timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 17%;
        width: 2px;
        height: 98%;
        background: #a8adb3;
        transform: translateX(-50%);
    }

.cepik-timeline-event {
    display: flex;
    align-items: center;
    margin: 12px 0;
    position: relative;
}

.cepik-timeline-event-bullet {
    width: 16px;
    height: 16px;
    background: #004666;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: 0 14px;
    flex-shrink: 0;
}

    .cepik-timeline-event-bullet::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px;
        background: #fff;
        border-radius: 50%;
    }

.cepik-timeline-event-content {
    margin-top: 10px;
}

.cepik-timeline-event-name {
    width: 85%;
    color: #333;
}

.cepik-timeline-event-date {
    width: 15%;
    text-align: right;
    padding-right: 6px;
    color: #666;
    font-size: 0.95em;
}

.auction-completed-data {
    display: flex;
    justify-content: space-between;
    width: 28%;
    min-width : 190px;
}

@media screen and (max-width:900px) {
    #auctionDetailsData.page-col {
        display: flex;
        flex-direction: column;
    }

        #auctionDetailsData.page-col .listing-item[data-order-mobile="1"] {
            order: -6;
        }

        #auctionDetailsData.page-col .listing-item[data-order-mobile="2"] {
            order: -5;
        }

        #auctionDetailsData.page-col .listing-item[data-order-mobile="3"] {
            order: -4;
        }

        #auctionDetailsData.page-col .listing-item[data-order-mobile="4"] {
            order: -3;
        }

        #auctionDetailsData.page-col .listing-item[data-order-mobile="5"] {
            order: -2;
        }

        #auctionDetailsData.page-col .mobile-toggle-btn[data-order-mobile="6"] {
            order: -1;
        }
}

@media screen and (max-width: 900px) {
    .hidden-fields {
        display: none;
    }

    .visible-fields {
        display: block;
    }
}