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

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

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

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

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

@font-face {
    font-family: 'icomoon';
    src: url('../icons/icomoon.eot?qbn9fl');
    src: url('../icons/icomoon.eot?qbn9fl#iefix') format('embedded-opentype'),url('../icons/icomoon.ttf?qbn9fl') format('truetype'),url('../icons/icomoon.woff?qbn9fl') format('woff'),url('../icons/icomoon.svg?qbn9fl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-download:before {
    content: "\e90d";
    color: #001e50
}

.icon-vid-play:before {
    content: "\e90c";
    color: #fff
}

.icon-pause:before {
    content: "\e90a";
    color: #fff
}

.icon-fullscreen:before {
    content: "\e90b";
    color: #fff
}

.icon-play:before {
    content: "\e909"
}

.icon-back:before {
    content: "\e908";
    color: #001e50
}

.icon-left-arrow-small:before {
    content: "\e907";
    color: #001e50
}

.icon-logo:before {
    content: "\e906";
    color: #001e50
}

.icon-error:before {
    content: "\e905"
}

.icon-circle-checkmark:before {
    content: "\e904"
}

.icon-checkmark:before {
    content: "\e903";
    color: #001e50
}

.icon-close:before {
    content: "\e902";
    color: #001e50
}

.icon-arrow-right:before {
    content: "\e900";
    color: #001e50
}

.icon-chevron-down:before {
    content: "\e901";
    color: #001e50
}

.form-group {
    position: relative;
    z-index: 0
}

    .form-group .form-control {
        border: none;
        padding: 8px 0;
        border-bottom: 1px solid #dfe4e8;
        border-radius: 0;
        font-size: 16px;
        color: #001e50;
        outline: none !important;
        background: none;
        height: auto !important
    }

        .form-group .form-control:focus {
            border-color: #001e50;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .form-group .form-control:disabled {
            background: none;
            color: #dfe4e8
        }

        .form-group .form-control.error {
            border-color: #e4002c
        }

    .form-group textarea {
        resize: none
    }

    .form-group label.error {
        position: absolute;
        padding: 3px 8px;
        color: #fff;
        background-color: #e4002c;
        border-radius: 3px;
        bottom: -35px
    }

@media only screen and (min-width: 560px) {
    .form-group label.error {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .form-group label.error {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .form-group label.error {
        font-size: 1.2rem
    }
}

.form-group select.error ~ .select2-container .select2-selection--single, .form-group select.error ~ .select2-container .select2-selection--multiple {
    border-bottom: 1px solid #e4002c
}

.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

    .field .field-label, .field input {
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -ms-touch-action: manipulation;
        touch-action: manipulation
    }

    .field input {
        -webkit-appearance: none;
        cursor: text;
        position: relative;
        z-index: 2
    }

        .field input:placeholder-shown ~ .field-label {
            cursor: text;
            max-width: 66.66%;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: translate(0, 2.8rem) scale(1.4);
            -ms-transform: translate(0, 2.8rem) scale(1.4);
            transform: translate(0, 2.8rem) scale(1.4);
            position: relative
        }

        .field input:focus::-webkit-input-placeholder {
            opacity: 0
        }

        .field input:not(:placeholder-shown) ~ .field-label, .field input:focus ~ .field-label {
            -webkit-transform: translate(0, 0) scale(1);
            -ms-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
            cursor: pointer
        }

    .field .field-label {
        margin-bottom: 0;
        color: #001e50
    }

@media only screen and (min-width: 560px) {
    .field .field-label {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .field .field-label {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .field .field-label {
        font-size: 1.2rem
    }
}

.field ::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid #dfe4e8;
    padding: 8px 0;
    outline: none;
    height: auto;
    border-radius: 0
}

    .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        line-height: normal;
        padding-left: 0;
        color: #001e50
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        width: 26px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before {
            content: "\e901";
            color: #001e50;
            font-family: 'icomoon' !important;
            -o-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            position: absolute;
            left: 0;
            top: 0
        }

@media only screen and (min-width: 560px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before {
        font-size: 2rem
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single.select2-selection--multiple, .select2-container--default .select2-selection--multiple.select2-selection--multiple {
    border: none;
    border-bottom: 1px solid #001e50
}

.select2-container--default .select2-selection--multiple {
    padding: 1px 0;
    min-height: 38px
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background: none
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: #dfe4e8
    }

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:before {
        color: #dfe4e8
    }

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #b8c5ca
}

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.select2-container--default .select2-search--dropdown {
    padding: 8px 8px 0
}

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: #dfe4e8;
        outline: none;
        padding: 8px
    }

        .select2-container--default .select2-search--dropdown .select2-search__field:focus {
            border-color: #001e50
        }

.select2-container--default .select2-results__options .select2-results__option--highlighted {
    background: none;
    border-color: #001e50 !important;
    color: #001e50
}

.select2-container--default .select2-results__options .select2-results__option {
    border-bottom: 1px solid #dfe4e8;
    padding: 12px 20px 12px 44px
}

    .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"] {
        background: none;
        border-color: #001e50;
        color: #001e50;
        position: relative
    }

        .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"]:before {
            content: "\e903";
            color: #001e50;
            font-family: 'icomoon' !important;
            position: absolute;
            left: 10px;
            top: 6px
        }

@media only screen and (min-width: 560px) {
    .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"]:before {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"]:before {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .select2-container--default .select2-results__options .select2-results__option[aria-selected="true"]:before {
        font-size: 2rem
    }
}

.select2-dropdown {
    border-color: #b8c5ca;
    -webkit-box-shadow: 0 5px 10px #b8c5ca;
    box-shadow: 0 5px 10px #b8c5ca;
    border-radius: 0
}

.message-wrap {
    text-align: right
}

    .message-wrap .form-group {
        text-align: left
    }

    .message-wrap span {
        font-weight: normal;
        color: #586678
    }

@media only screen and (min-width: 560px) {
    .message-wrap span {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .message-wrap span {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .message-wrap span {
        font-size: 1.2rem
    }
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger:hover {
        opacity: .7
    }

    .hamburger .hamburger-box {
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative
    }

    .hamburger .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px
    }

        .hamburger .hamburger-inner:before, .hamburger .hamburger-inner::after {
            content: "";
            display: block
        }

        .hamburger .hamburger-inner:before {
            top: -10px
        }

        .hamburger .hamburger-inner::after {
            bottom: -10px
        }

        .hamburger .hamburger-inner, .hamburger .hamburger-inner::before, .hamburger .hamburger-inner::after {
            width: 24px;
            height: 2px;
            background-color: #001e50;
            border-radius: 2px;
            position: absolute;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-transition-duration: .15s;
            -o-transition-duration: .15s;
            transition-duration: .15s;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease
        }

    .hamburger.is-active:hover {
        opacity: .7
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
        background-color: #fff
    }

    .hamburger.hamburger--spin .hamburger-inner {
        -webkit-transition-duration: .22s;
        -o-transition-duration: .22s;
        transition-duration: .22s;
        -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
        transition-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

        .hamburger.hamburger--spin .hamburger-inner::before {
            -webkit-transition: top .1s .25s ease-in,opacity .1s ease-in;
            -o-transition: top .1s .25s ease-in,opacity .1s ease-in;
            transition: top .1s .25s ease-in,opacity .1s ease-in
        }

        .hamburger.hamburger--spin .hamburger-inner::after {
            -webkit-transition: bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
            -o-transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55, .055, .675, .19);
            transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55, .055, .675, .19),-webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
        }

    .hamburger.hamburger--spin.is-active .hamburger-inner {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transition-delay: .12s;
        -o-transition-delay: .12s;
        transition-delay: .12s;
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

        .hamburger.hamburger--spin.is-active .hamburger-inner::before {
            top: 0;
            opacity: 0;
            -webkit-transition: top .1s ease-out,opacity .1s .12s ease-out;
            -o-transition: top .1s ease-out,opacity .1s .12s ease-out;
            transition: top .1s ease-out,opacity .1s .12s ease-out
        }

        .hamburger.hamburger--spin.is-active .hamburger-inner::after {
            bottom: 0;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -webkit-transition: bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
            -o-transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215, .61, .355, 1);
            transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215, .61, .355, 1),-webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
        }

.slim-tab .tabs .nav-tabs {
    border-bottom: 1px solid #dfe4e8
}

    .slim-tab .tabs .nav-tabs .nav-link {
        border: none;
        font-family: "VWTextWeb-Regular";
        color: #001e50
    }

        .slim-tab .tabs .nav-tabs .nav-link.active {
            border-bottom: 2px solid #001e50
        }

.accordion .accordion-item {
    border-bottom: 2px solid #dfe4e8
}

    .accordion .accordion-item:last-child {
        border-bottom: none
    }

    .accordion .accordion-item .accordion-header button {
        padding: 0;
        background: none;
        border: none;
        outline: none;
        padding: 15px 0;
        font-family: "VWHeadWeb-Bold";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-header button {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-header button {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-header button {
        font-size: 2.4rem
    }
}

.accordion .accordion-item .accordion-header button i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-header button i {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-header button i {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-header button i {
        font-size: 2rem
    }
}

.accordion .accordion-item .accordion-header button.collapsed i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.accordion .accordion-item .accordion-header.small-header button {
    color: #000;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-header.small-header button {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-header.small-header button {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-header.small-header button {
        font-size: 1.4rem
    }
}

.accordion .accordion-item .accordion-header.small-header button i {
    margin-left: 15px;
    display: inline-block;
    padding-top: 4px
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-header.small-header button i {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-header.small-header button i {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-header.small-header button i {
        font-size: 1.4rem
    }
}

.accordion .accordion-item .accordion-body {
    padding: 45px 0
}

@media only screen and (max-width: 767px) {
    .accordion .accordion-item .accordion-body {
        padding: 20px 0 45px
    }
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-body .sub-text {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-body .sub-text {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-body .sub-text {
        font-size: 1.2rem
    }
}

.accordion .accordion-item .accordion-body .accordion-header button {
    color: #000;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-body .accordion-header button {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-body .accordion-header button {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-body .accordion-header button {
        font-size: 1.4rem
    }
}

.accordion .accordion-item .accordion-body .accordion-header button i {
    margin-left: 15px;
    display: inline-block;
    padding-top: 4px
}

@media only screen and (min-width: 560px) {
    .accordion .accordion-item .accordion-body .accordion-header button i {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .accordion .accordion-item .accordion-body .accordion-header button i {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .accordion .accordion-item .accordion-body .accordion-header button i {
        font-size: 1.4rem
    }
}

.table {
    margin-bottom: 30px
}

    .table thead th {
        border-top: none;
        border-bottom-color: #000
    }

    .table th, .table td {
        vertical-align: middle
    }

        .table th:first-child, .table td:first-child {
            padding-left: 0;
            -o-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

            .table th:first-child strong, .table td:first-child strong, .table th:first-child span, .table td:first-child span {
                -o-transition: all 300ms ease;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center;
                position: relative;
                left: 0
            }

        .table th:last-child, .table td:last-child {
            padding-right: 20px
        }

    .table tbody tr:hover td:first-child strong, .table tbody tr:hover td:first-child span {
        left: 10px
    }

    .table.table-hover tbody tr:hover {
        background-color: rgba(223,228,232,0.2)
    }

.btn {
    padding: 10px 15px;
    min-width: 148px;
    border-radius: 50px;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@media only screen and (min-width: 560px) {
    .btn {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .btn {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .btn {
        font-size: 1.2rem
    }
}

.btn.btn-link {
    color: #00247c
}

    .btn.btn-link i {
        left: 10px;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        position: relative
    }

        .btn.btn-link i:before {
            color: #00247c
        }

    .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus {
        text-decoration: none
    }

        .btn.btn-link:hover i {
            left: 15px
        }

.btn.btn-outline-light {
    border: 2px solid #fff;
    color: white
}

    .btn.btn-outline-light:hover {
        color: #00b0f0;
        border-color: #00b0f0;
        background: none
    }

.btn.btn-outline-blue {
    border: 2px solid #001e50;
    color: #001e50
}

    .btn.btn-outline-blue:hover {
        background-color: #001e50;
        color: #fff
    }

.btn.btn-blue {
    color: #001e50;
    background-color: #00b0f0
}

    .btn.btn-blue:hover {
        background-color: #4cc7f4
    }

.btn.btn-navyblue {
    color: #fff;
    background-color: #001e50
}

    .btn.btn-navyblue:hover {
        background-color: #00247c
    }

    .btn.btn-navyblue.disabled {
        background-color: #dfe4e8;
        color: #6a767d
    }

.btn.btn-grey {
    color: #6a767d;
    background-color: #dfe4e8
}

    .btn.btn-grey:hover {
        color: #fff;
        background-color: #6a767d
    }

.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    top: 0;
    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;
    left: 0
}

    .loading.fixed {
        position: fixed
    }

    .loading .spinner {
        display: block;
        margin: auto
    }

    .loading .text-wrap {
        font-family: "VWHeadWeb-Bold";
        color: #00b0f0;
        margin-top: 20px
    }

@media only screen and (min-width: 560px) {
    .loading .text-wrap {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .loading .text-wrap {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .loading .text-wrap {
        font-size: 1.4rem
    }
}

.loading.light {
    background-color: rgba(255,255,255,0.9)
}

.checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #586678
}

@media only screen and (min-width: 560px) {
    .checkbox-wrap {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox-wrap {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .checkbox-wrap {
        font-size: 1.2rem
    }
}

.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .checkbox-wrap input ~ .checkmark {
        border: 1px solid #001e50
    }

    .checkbox-wrap input:checked ~ .checkmark {
        background-color: #001e50
    }

        .checkbox-wrap input:checked ~ .checkmark:after {
            display: block
        }

    .checkbox-wrap input.error ~ .checkmark {
        border-color: #e4002c
    }

.checkbox-wrap .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 24px;
    width: 24px;
    border: 1px solid #001e50
}

    .checkbox-wrap .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.checkbox-wrap.big-text {
    color: #000
}

@media only screen and (min-width: 560px) {
    .checkbox-wrap.big-text {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox-wrap.big-text {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .checkbox-wrap.big-text {
        font-size: 1.6rem
    }
}

.checkbox-wrap.big-text .checkmark {
    top: 2px
}

.checkbox-wrap label.error {
    color: #fff;
    margin-top: 5px;
    display: block
}

@media only screen and (min-width: 560px) {
    .checkbox-wrap label.error {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .checkbox-wrap label.error {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .checkbox-wrap label.error {
        font-size: 1.2rem
    }
}

.radio-wrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #586678
}

@media only screen and (min-width: 560px) {
    .radio-wrap {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .radio-wrap {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .radio-wrap {
        font-size: 1.2rem
    }
}

.radio-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .radio-wrap input ~ .checkmark {
        border: 1px solid #001e50
    }

    .radio-wrap input:checked ~ .checkmark:after {
        display: block
    }

    .radio-wrap input.error ~ .checkmark {
        border-color: #e4002c
    }

.radio-wrap .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 24px;
    width: 24px;
    border: 1px solid #001e50;
    border-radius: 50%;
    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
}

    .radio-wrap .checkmark:after {
        content: "";
        display: none;
        background-color: #001e50;
        width: 16px;
        height: 16px;
        border-radius: 50%
    }

.radio-wrap.big-text {
    color: #000
}

@media only screen and (min-width: 560px) {
    .radio-wrap.big-text {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .radio-wrap.big-text {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .radio-wrap.big-text {
        font-size: 1.6rem
    }
}

.radio-wrap.big-text .checkmark {
    top: 2px
}

.radio-wrap label.error {
    color: #fff;
    margin-top: 5px;
    display: block
}

@media only screen and (min-width: 560px) {
    .radio-wrap label.error {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .radio-wrap label.error {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .radio-wrap label.error {
        font-size: 1.2rem
    }
}

.checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .checkbox-group {
        padding: 40px 0 20px;
        display: block
    }
}

.checkbox-group .form-group {
    width: 50%;
    padding-right: 40px
}

@media only screen and (max-width: 767px) {
    .checkbox-group .form-group {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px
    }
}

.checkbox-group .form-group:nth-child(2n) {
    padding-right: 0
}

.result-screen {
    text-align: center
}

    .result-screen i {
        margin-bottom: 21px;
        display: inline-block
    }

@media only screen and (min-width: 560px) {
    .result-screen i {
        font-size: 5.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .result-screen i {
        font-size: 6.4rem
    }
}

@media only screen and (max-width: 560px) {
    .result-screen i {
        font-size: 3.8rem
    }
}

.result-screen h2 {
    margin-bottom: 21px
}

.result-screen p {
    margin-bottom: 81px
}

@media only screen and (min-width: 560px) {
    .result-screen p {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .result-screen p {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .result-screen p {
        font-size: 1.4rem
    }
}

.result-screen.success-screen i {
    color: #00b0f0
}

.result-screen.error-screen i {
    color: #e4002c
}

.dot-spinner .spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}

    .dot-spinner .spinner > .dot {
        width: 10px;
        height: 10px;
        background-color: #001e50;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both
    }

        .dot-spinner .spinner > .dot.bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s
        }

        .dot-spinner .spinner > .dot.bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s
        }

    .dot-spinner .spinner svg {
        display: none
    }

@-webkit-keyframes sk-bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.my-video-dimensions {
    width: 100%
}

.video-js {
    width: 100%;
    height: auto
}

    .video-js .vjs-tech {
        position: static;
        height: auto
    }

    .video-js .vjs-big-play-button {
        font-size: 66px;
        border: 1px solid white;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        /*display: flex;*/
        width: 68px;
        height: 68px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        position: absolute;
        background: none
    }

        .video-js .vjs-big-play-button .vjs-icon-placeholder {
            display: block;
            height: 100%;
            width: 100%
        }

            .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
                content: "\e909";
                font-family: 'icomoon' !important;
                position: static;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

    .video-js .vjs-control-bar {
        height: 4em
    }

        .video-js .vjs-control-bar .vjs-play-control {
            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
        }

            .video-js .vjs-control-bar .vjs-play-control.vjs-paused .vjs-icon-placeholder::before {
                content: "\e90c";
                font-family: 'icomoon' !important;
                position: static;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 14px
            }

            .video-js .vjs-control-bar .vjs-play-control.vjs-paused:hover .vjs-icon-placeholder::before {
                color: #00b0f0
            }

            .video-js .vjs-control-bar .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
                content: "\e90a";
                font-family: 'icomoon' !important;
                position: static;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 20px
            }

            .video-js .vjs-control-bar .vjs-play-control.vjs-playing:hover .vjs-icon-placeholder::before {
                color: #00b0f0
            }

        .video-js .vjs-control-bar .vjs-fullscreen-control {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .video-js .vjs-control-bar .vjs-fullscreen-control .vjs-icon-placeholder::before {
                content: "\e90b";
                font-family: 'icomoon' !important;
                position: static;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 20px
            }

            .video-js .vjs-control-bar .vjs-fullscreen-control:hover .vjs-icon-placeholder::before {
                color: #00b0f0
            }

        .video-js .vjs-control-bar .vjs-time-control {
            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
        }

        .video-js .vjs-control-bar .vjs-play-progress {
            background-color: #00b0f0
        }

        .video-js .vjs-control-bar .vjs-load-progres {
            background-color: white
        }

        .video-js .vjs-control-bar .vjs-time-tooltip {
            background: #00b0f0;
            color: white
        }

    .video-js.vjs-playing .vjs-big-play-button {
        display: none
    }

.vw-main {
    padding-top: 55px
}

    .vw-main header {
        position: fixed;
        z-index: 99;
        width: 100%;
        top: 0;
        left: 0;
        height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .vw-main header::before {
            position: absolute;
            width: 100%;
            height: 100px;
            content: "";
            background-color: white;
            z-index: -1;
            top: 0;
            left: 0;
            -o-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center
        }

        .vw-main header.no-bg {
            background-color: transparent
        }

        .vw-main header .page-title {
            padding: 12px 0;
            margin-bottom: 0
        }

        .vw-main header .header-layer {
            position: absolute;
            top: 26px;
            margin-bottom: -26px;
            left: 0;
            width: 100%;
            height: 100%;
            /*z-index: -1;*/
            -o-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .vw-main header .header-layer .line {
                height: 2px;
                background-color: #001e50;
                -ms-flex-preferred-size: 65%;
                flex-basis: 65%;
                margin-right: 15px;
                -o-transition: all 300ms ease;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
                -webkit-transform-origin: center;
                -ms-transform-origin: center;
                transform-origin: center
            }

                .vw-main header .header-layer .line:last-child {
                    margin-right: 0;
                    -ms-flex-preferred-size: 35%;
                    flex-basis: 35%;
                    margin-left: 15px
                }

            .vw-main header .header-layer .logo-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-preferred-size: 6%;
                flex-basis: 6%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .vw-main header .header-layer .logo-wrap .name {
                    margin-top: -4px;
                    color: #001e50;
                    margin-left: 15px;
                    font-size: 16px;
                    font-weight: bold
                }

        .vw-main header .menu-btn {
            z-index: 9999;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: white;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            float: left;
            -o-transition: all 300ms ease;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            left: 0;
            top: 1px
        }

            .vw-main header .menu-btn .hamburger {
                display: inline-block;
                height: 53px
            }

            .vw-main header .menu-btn .text {
                display: none
            }

        .vw-main header .custom-container {
            padding: 0 60px;
            position: relative;
            width: 100%
        }

@media only screen and (max-width:991px) {
    .vw-main header .custom-container {
        padding: 15px 25px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main header .custom-container {
        padding: 15px 0px
    }
}

.vw-main header .logo i {
    font-size: 4.8rem
}

.vw-main header .page-nav {
    text-align: right;
    float: right;
    padding-top: 10px;
    padding-right: 67px;
    display: none
}

@media only screen and (max-width:991px) {
    .vw-main header .page-nav {
        padding-right: 50px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main header .page-nav {
        padding-right: 45px
    }
}

.vw-main header .page-nav > a {
    font-family: "VWHeadWeb-Bold";
    color: #001e50;
    position: relative;
    z-index: 2;
    background-color: #fff;
    position: fixed;
    right: 137px
}

@media only screen and (min-width: 560px) {
    .vw-main header .page-nav > a {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main header .page-nav > a {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main header .page-nav > a {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:991px) {
    .vw-main header .page-nav > a {
        right: 70px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main header .page-nav > a {
        right: 45px
    }
}

.vw-main header .page-nav > a i {
    margin-left: 10px;
    position: absolute;
    top: 1px;
    top: 6px
}

    .vw-main header .page-nav > a i.icon-chevron-down {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }

    .vw-main header .page-nav > a i.icon-close {
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg);
        opacity: 0;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center
    }

.vw-main header .page-nav > a.active-nav i.icon-close {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.vw-main header .page-nav > a.active-nav i.icon-chevron-down {
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    opacity: 0
}

.vw-main header .page-nav > a:hover {
    text-decoration: none
}

.vw-main header .page-nav .subnav {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 0;
    left: 0;
    padding-right: 128px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    padding-bottom: 80px;
    padding-top: 80px;
    display: none
}

@media only screen and (max-width: 767px) {
    .vw-main header .page-nav .subnav {
        height: 100vh;
        padding-right: 26px;
        position: fixed;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main header .page-nav .subnav ul {
        max-height: calc(100vh - 110px);
        overflow: auto;
        padding-right: 20px
    }
}

.vw-main header .page-nav .subnav ul li {
    padding: 12px 0
}

    .vw-main header .page-nav .subnav ul li a {
        color: #001e50;
        position: relative;
        padding-bottom: 5px
    }

@media only screen and (min-width: 560px) {
    .vw-main header .page-nav .subnav ul li a {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main header .page-nav .subnav ul li a {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main header .page-nav .subnav ul li a {
        font-size: 1.4rem
    }
}

.vw-main header .page-nav .subnav ul li a:after {
    content: "";
    height: 2px;
    width: 0;
    background-color: #001e50;
    bottom: 0;
    position: absolute;
    left: 0;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.vw-main header .page-nav .subnav ul li a:hover {
    text-decoration: none
}

    .vw-main header .page-nav .subnav ul li a:hover:after {
        width: 100%
    }

.vw-main header .page-nav .subnav ul li.selected {
    font-weight: bold;
    font-family: "VWTextWeb-Bold"
}

    .vw-main header .page-nav .subnav ul li.selected a:after {
        width: 100%
    }

.vw-main header.scroll-down::before {
    height: 54px
}

.vw-main header.scroll-down .header-layer {
    top: -150%
}

.vw-main header.white {
    background-color: transparent
}

    .vw-main header.white::before {
        display: none
    }

    .vw-main header.white .close-menu {
        color: #fff
    }

@media only screen and (max-width: 767px) {
    .vw-main header.white .close-menu {
        padding-left: 16px
    }
}

.vw-main header.white .close-menu i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    top: 2px
}

    .vw-main header.white .close-menu i::before {
        color: #fff
    }

.vw-main header.white .hamburger-inner, .vw-main header.white .hamburger-inner::before, .vw-main header.white .hamburger-inner::after {
    background-color: #fff
}

.vw-main header.white .header-layer .line {
    background-color: #fff
}

.vw-main header.white .header-layer .logo i::before {
    color: #fff
}

.vw-main header.white .header-layer .logo-wrap .name {
    color: #fff
}

.vw-main header.dark {
    background-color: #001e50;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.vw-main header.chat {
    display: none
}

    .vw-main header.chat .custom-container {
        padding-top: 11px
    }

@media only screen and (max-width:991px) {
    .vw-main header.chat .custom-container {
        padding: 15px 25px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main header.chat .custom-container {
        padding: 15px 0px
    }
}

.vw-main header.chat .header-layer .line {
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%
}

@media only screen and (max-width: 767px) {
    .vw-main header.chat .header-layer .line {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
}

.vw-main header.chat .header-layer .line:last-child {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

@media only screen and (max-width: 767px) {
    .vw-main header.chat .header-layer .line:last-child {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
}

.vw-main header .menu-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100vh;
    display: none
}

    .vw-main header .menu-wrap .layer {
        background-color: rgba(0,0,0,0.43);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 0;
        top: 0
    }

    .vw-main header .menu-wrap nav {
        background-image: -webkit-radial-gradient(-22% -21%, circle, #00437a, #001e50 58%);
        background-image: -o-radial-gradient(-22% -21%, circle, #00437a, #001e50 58%);
        background-image: radial-gradient(circle at -22% -21%, #00437a, #001e50 58%);
        color: white;
        height: 100%;
        display: inline-block;
        padding: 34px 120px 34px 120px;
        position: relative;
        z-index: 3;
        left: -552px;
        width: 552px;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        overflow: hidden
    }

@media only screen and (max-width: 767px) {
    .vw-main header .menu-wrap nav {
        width: 100%;
        padding: 34px 20px 34px 55px
    }
}

.vw-main header .menu-wrap nav .content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    opacity: 1;
    width: 332px
}

@media only screen and (max-width: 767px) {
    .vw-main header .menu-wrap nav .content-wrap {
        display: block;
        padding-top: 30px;
        overflow: auto;
        margin-top: 20px
    }
}

.vw-main header .menu-wrap nav .content-wrap > ul {
    margin-bottom: 81px
}

    .vw-main header .menu-wrap nav .content-wrap > ul li {
        margin-bottom: 14px
    }

        .vw-main header .menu-wrap nav .content-wrap > ul li a {
            font-weight: 300;
            color: white;
            font-family: "VWHeadWeb-Light"
        }

@media only screen and (min-width: 560px) {
    .vw-main header .menu-wrap nav .content-wrap > ul li a {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main header .menu-wrap nav .content-wrap > ul li a {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main header .menu-wrap nav .content-wrap > ul li a {
        font-size: 2.4rem
    }
}

.vw-main header .menu-wrap nav .content-wrap .nav-footer h6 {
    font-size: 16px;
    font-weight: bold
}

.vw-main header .menu-wrap nav .content-wrap .nav-footer > ul {
    margin-bottom: 81px
}

    .vw-main header .menu-wrap nav .content-wrap .nav-footer > ul li {
        margin-bottom: 10px
    }

        .vw-main header .menu-wrap nav .content-wrap .nav-footer > ul li a {
            font-size: 16px;
            font-weight: normal;
            color: white
        }

.vw-main header .menu-wrap .submenu-wrap {
    position: fixed;
    top: 0;
    left: -430px;
    background: white;
    z-index: 2;
    height: 100%;
    padding: 34px 56px 34px 122px;
    display: none;
    width: 500px;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@media only screen and (max-width: 767px) {
    .vw-main header .menu-wrap .submenu-wrap {
        padding: 34px 20px 34px 30px;
        left: 54px;
        width: calc(100% - 54px)
    }
}

.vw-main header .menu-wrap .submenu-wrap .sub-menu-item {
    display: none
}

    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap .back-btn {
        color: #001e50;
        margin-bottom: 108px;
        display: block
    }

        .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap .back-btn i {
            margin-right: 12px
        }

    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap h1 {
        font-family: "VWHeadWeb-Light";
        font-weight: 300;
        margin-bottom: 50px
    }

@media only screen and (min-width: 560px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap h1 {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap h1 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap h1 {
        font-size: 2.4rem
    }
}

.vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul {
    margin-bottom: 81px
}

    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul li {
        margin-bottom: 28px
    }

        .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul li a {
            font-weight: 300;
            color: #001e50;
            font-family: "VWHeadWeb-Light"
        }

@media only screen and (min-width: 560px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul li a {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul li a {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main header .menu-wrap .submenu-wrap .sub-menu-item .sub-content-wrap > ul li a {
        font-size: 2rem
    }
}

.vw-main header.sub-active .menu-btn {
    position: fixed;
    top: 1px;
    left: 13px
}

@media only screen and (max-width: 767px) {
    .vw-main header.sub-active .menu-btn {
        left: 0
    }
}

.vw-main header.sub-active .menu-btn .text {
    display: none !important
}

.vw-main header.sub-active nav {
    padding: 34px 34px 34px 48px;
    width: 80px
}

@media only screen and (max-width: 767px) {
    .vw-main header.sub-active nav {
        width: 55px;
        padding: 34px 20px 34px 20px
    }
}

.vw-main header.sub-active nav .content-wrap {
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .vw-main footer {
        margin-top: 50px
    }
}

.vw-main footer .footer-wrap {
    padding: 72px 56px;
    border-top: 2px solid #00287e;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 45px;
    margin-top: -2px
}

@media only screen and (max-width: 1200px) {
    .vw-main footer .footer-wrap {
        padding: 72px 56px 40px;
        margin-bottom: 75px
    }
}

@media only screen and (max-width:991px) {
    .vw-main footer .footer-wrap {
        padding: 50px 0px 30px;
        margin-bottom: 75px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main footer .footer-wrap {
        border-bottom: 0;
        margin-bottom: 0
    }
}

.vw-main footer ul li a {
    color: #00287e;
    font-weight: normal
}

@media only screen and (min-width: 560px) {
    .vw-main footer ul li a {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main footer ul li a {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main footer ul li a {
        font-size: 1.4rem
    }
}

.vw-main footer .links-wrap h4 {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .vw-main footer .links-wrap ul {
        margin-bottom: 40px
    }
}

.vw-main footer .links-wrap ul li {
    margin-bottom: 15px
}

.vw-main footer .footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 53px 0
}

@media only screen and (max-width: 1200px) {
    .vw-main footer .footer-bottom {
        padding: 30px 0
    }
}

.vw-main footer .footer-bottom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .vw-main footer .footer-bottom ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .vw-main footer .footer-bottom ul li:after {
            content: "|";
            margin-left: 15px;
            display: inline-block;
            color: #00287e
        }

        .vw-main footer .footer-bottom ul li:last-child::after {
            display: none
        }

html {
    font-size: 62.5%
}

body {
    color: #000;
    font-family: "VWTextWeb-Regular";
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (min-width: 560px) {
    body {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    body {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    body {
        font-size: 1.4rem
    }
}

body.overflow-hidden {
    overflow: hidden
}

body a:hover {
    text-decoration: none
}

body svg {
    vertical-align: inherit
}

.container-fluid {
    padding: 0 160px
}

@media only screen and (max-width: 1200px) {
    .container-fluid {
        padding: 0 20px
    }
}

@media print {
    .hidden-print {
        display: none
    }
}

.vw-main h1 {
    margin-top: 40px;
    color: #000;
    line-height: 1.13;
    margin-bottom: 26px;
    font-family: "VWHeadWeb-Bold"
}

@media only screen and (min-width: 560px) {
    .vw-main h1 {
        font-size: 4.8rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main h1 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main h1 {
        font-size: 3.2rem
    }
}

.vw-main h2 {
    line-height: 1.19;
    font-family: "VWHeadWeb-Bold"
}

@media only screen and (min-width: 560px) {
    .vw-main h2 {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main h2 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main h2 {
        font-size: 2.4rem
    }
}

.vw-main h3 {
    line-height: 2.83;
    font-family: "VWHeadWeb-Bold"
}

@media only screen and (min-width: 560px) {
    .vw-main h3 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main h3 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main h3 {
        font-size: 2rem
    }
}

.vw-main h4 {
    font-weight: bold;
    font-family: "VWHeadWeb-Bold"
}

@media only screen and (min-width: 560px) {
    .vw-main h4 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main h4 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main h4 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 560px) {
    .vw-main .fs-16 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .fs-16 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .fs-16 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 560px) {
    .vw-main .fs-14 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .fs-14 {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .fs-14 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 560px) {
    .vw-main .fs-12 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .fs-12 {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .fs-12 {
        font-size: 1.2rem
    }
}

.vw-main .mb-0 {
    margin-bottom: 0
}

.vw-main p {
    margin-bottom: 30px
}

    .vw-main p:last-child {
        margin-bottom: 0
    }

.vw-main .color7d {
    color: #6a767d
}

.vw-main .min-width-155 {
    min-width: 115px
}

.vw-main hr {
    margin: 50px 0;
    border-top: 2px solid #c2cacf
}

.vw-main .container {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width: 1600px) {
    .vw-main .container {
        max-width: 1500px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.vw-main .link-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0
}

@media only screen and (max-width: 767px) {
    .vw-main .link-group {
        display: block;
        padding-bottom: 0
    }
}

.vw-main .link-group a {
    font-weight: bold;
    padding: 0
}

@media only screen and (min-width: 560px) {
    .vw-main .link-group a {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .link-group a {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .link-group a {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .vw-main .link-group a {
        display: block;
        text-align: left;
        padding: 15px 0
    }
}

@media only screen and (max-width: 767px) {
    .vw-main .link-group a:last-child {
        padding-bottom: 0
    }
}

.vw-main .link-group a i {
    left: 0;
    top: 2px
}

@media only screen and (min-width: 560px) {
    .vw-main .link-group a i {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .link-group a i {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .link-group a i {
        font-size: 1.4rem
    }
}

.vw-main ul {
    padding: 0;
    margin: 0
}

    .vw-main ul li {
        list-style: none
    }

.vw-main .color-light-grey {
    color: #b8c5ca
}

.vw-main .right-menu-wrap {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden
}

    .vw-main .right-menu-wrap .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1
    }

    .vw-main .right-menu-wrap .right-menu {
        position: absolute;
        right: -100%;
        top: 0;
        height: 100%;
        width: 756px;
        padding: 53px 77px 53px 97px;
        -webkit-box-shadow: -1px 2px 20px 0 rgba(0,0,0,0.15);
        box-shadow: -1px 2px 20px 0 rgba(0,0,0,0.15);
        background-color: #fff;
        -o-transition: all 700ms ease;
        -webkit-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        z-index: 2
    }

@media only screen and (max-width:991px) {
    .vw-main .right-menu-wrap .right-menu {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .vw-main .right-menu-wrap .right-menu {
        padding: 53px 30px
    }
}

.vw-main .right-menu-wrap .right-menu .right-content {
    max-height: calc(100vh - 268px);
    overflow: auto;
    padding-right: 20px
}

.vw-main .right-menu-wrap .right-menu .btn {
    margin-bottom: 67px
}

.vw-main .right-menu-wrap.open-menu .right-menu {
    right: 0
}

.vw-main .small-info {
    color: #586678
}

@media only screen and (min-width: 560px) {
    .vw-main .small-info {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .small-info {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .small-info {
        font-size: 1.2rem
    }
}

.vw-main .page-head {
    padding-top: 105px;
    padding-bottom: 105px;
    text-align: center
}

@media only screen and (max-width: 1200px) {
    .vw-main .page-head {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .vw-main .page-head {
        padding-top: 86px
    }
}

.vw-main .page-head .sub-text {
    letter-spacing: -0.09px
}

@media only screen and (min-width: 560px) {
    .vw-main .page-head .sub-text {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .vw-main .page-head .sub-text {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .vw-main .page-head .sub-text {
        font-size: 1.6rem
    }
}

.accordion-item.disabled {
    pointer-events: none
}

    .accordion-item.disabled .accordion-header button {
        color: #dee4e8
    }

        .accordion-item.disabled .accordion-header button i::before {
            color: #dee4e8
        }


.boxes-wrap {
    background-image: -webkit-radial-gradient(69% 111%, circle, #00437a, #001e50 96%);
    background-image: -o-radial-gradient(69% 111%, circle, #00437a, #001e50 96%);
    background-image: radial-gradient(circle at 69% 111%, #00437a, #001e50 96%);
    padding: 103px 0;
    position: relative;
    z-index: 0
}

@media only screen and (max-width:991px) {
    .boxes-wrap {
        padding: 30px 0 0
    }
}

@media only screen and (max-width:991px) {
    .boxes-wrap .container {
        padding: 0 30px
    }
}

@media only screen and (max-width: 767px) {
    .boxes-wrap .container {
        padding: 0 20px
    }
}

.boxes-wrap .box-wrap {
    position: relative;
    color: white;
    overflow: hidden
}

@media only screen and (max-width:991px) {
    .boxes-wrap .box-wrap {
        margin-bottom: 30px
    }
}

.boxes-wrap .box-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.56)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.56));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.56));
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.56));
    width: 100%;
    height: 100%
}

.boxes-wrap .box-wrap picture {
    overflow: hidden
}

    .boxes-wrap .box-wrap picture img {
        -o-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        width: 100%
    }

.boxes-wrap .box-wrap figure {
    position: absolute;
    bottom: 16px;
    left: 35px;
    z-index: 2
}

    .boxes-wrap .box-wrap figure h2 {
        margin-bottom: 16px
    }

.boxes-wrap .box-wrap:hover picture img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.test-drive-page {
    padding: 120px 0;
    position: relative
}

@media only screen and (max-width:991px) {
    .test-drive-page {
        padding: 73px 0
    }
}

@media only screen and (max-width: 767px) {
    .test-drive-page {
        padding: 73px 0
    }
}

.test-drive-page .close-btn {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 2.4rem;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .test-drive-page .close-btn {
        top: -30px;
        right: 20px
    }
}

.test-drive-page .page-head {
    padding: 0;
    margin-bottom: 64px
}

@media only screen and (max-width: 767px) {
    .test-drive-page .page-head {
        padding-top: 0;
        margin-bottom: 0
    }
}

.test-drive-page .page-head h1 {
    font-weight: 200;
    font-family: "VWHeadWeb-Light"
}

@media only screen and (min-width: 560px) {
    .test-drive-page .page-head h1 {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .page-head h1 {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .page-head h1 {
        font-size: 2.8rem
    }
}

.test-drive-page .accordion .accordion-item .accordion-header button {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

    .test-drive-page .accordion .accordion-item .accordion-header button i {
        margin-right: 15px;
        margin-top: 13px
    }

    .test-drive-page .accordion .accordion-item .accordion-header button .sub-text {
        font-weight: normal;
        display: block;
        font-family: "VWTextWeb-Regular"
    }

@media only screen and (min-width: 560px) {
    .test-drive-page .accordion .accordion-item .accordion-header button .sub-text {
        font-size: 2.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .accordion .accordion-item .accordion-header button .sub-text {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .accordion .accordion-item .accordion-header button .sub-text {
        font-size: 1.5rem
    }
}

.test-drive-page .accordion .accordion-item .accordion-body {
    padding-bottom: 74px
}

.test-drive-page .accordion .accordion-item.checked .accordion-header button {
    position: relative
}

    .test-drive-page .accordion .accordion-item.checked .accordion-header button::after {
        content: "\e903";
        position: absolute;
        right: 0;
        font-family: 'icomoon';
        font-size: 24px;
        top: 40px
    }

.test-drive-page .cars-wrap {
    text-align: center;
    margin-bottom: 102px
}

    .test-drive-page .cars-wrap .cars-item {
        display: inline-block;
        width: 19%;
        padding: 20px 10px;
        cursor: pointer;
        text-align: left
    }

@media only screen and (max-width: 767px) {
    .test-drive-page .cars-wrap .cars-item {
        width: 49%
    }
}

.test-drive-page .cars-wrap .cars-item picture {
    display: block;
    margin-bottom: 6px
}

    .test-drive-page .cars-wrap .cars-item picture img {
        width: 100%
    }

.test-drive-page .cars-wrap .cars-item span {
    font-weight: bold
}

@media only screen and (min-width: 560px) {
    .test-drive-page .cars-wrap .cars-item span {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .cars-wrap .cars-item span {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .cars-wrap .cars-item span {
        font-size: 1.4rem
    }
}

.test-drive-page .cars-wrap .cars-item.active span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .test-drive-page .cars-wrap .cars-item.active span:before {
        margin-right: 5px;
        content: "\e900";
        font-family: 'icomoon'
    }

@media only screen and (min-width: 560px) {
    .test-drive-page .cars-wrap .cars-item.active span:before {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .cars-wrap .cars-item.active span:before {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .cars-wrap .cars-item.active span:before {
        font-size: 1.2rem
    }
}

.test-drive-page .big-car-image {
    position: relative;
    max-width: 1000px;
    margin: 0 auto 47px;
    display: none
}

    .test-drive-page .big-car-image .back-btn {
        color: #001e50;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -13px
    }

@media only screen and (min-width: 560px) {
    .test-drive-page .big-car-image .back-btn {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .big-car-image .back-btn {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .big-car-image .back-btn {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 767px) {
    .test-drive-page .big-car-image .back-btn {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 33px
    }
}

.test-drive-page .big-car-image .back-btn i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
    margin-right: 8px
}

@media only screen and (min-width: 560px) {
    .test-drive-page .big-car-image .back-btn i {
        font-size: 2.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .big-car-image .back-btn i {
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .big-car-image .back-btn i {
        font-size: 2.2rem
    }
}

.test-drive-page .big-car-image span {
    font-weight: bold;
    text-align: center;
    margin-top: 14px;
    display: block
}

@media only screen and (min-width: 560px) {
    .test-drive-page .big-car-image span {
        font-size: 2.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .big-car-image span {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .big-car-image span {
        font-size: 1.5rem
    }
}

.test-drive-page .btn {
    min-width: 194px
}

@media only screen and (min-width: 560px) {
    .test-drive-page .btn {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page .btn {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page .btn {
        font-size: 1.4rem
    }
}

.test-drive-page h6 {
    font-weight: normal;
    color: #6a767d;
    margin-top: 80px;
    text-align: left;
    padding-left: 40px
}

@media only screen and (min-width: 560px) {
    .test-drive-page h6 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page h6 {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page h6 {
        font-size: 1.4rem
    }
}

.test-drive-page .form-wrap {
    max-width: 750px;
    text-align: left;
    padding-left: 40px
}

    .test-drive-page .form-wrap .kisisel-veriler-form {
        margin-top: 45px;
        margin-bottom: 90px
    }

        .test-drive-page .form-wrap .kisisel-veriler-form p {
            margin-bottom: 5px
        }

            .test-drive-page .form-wrap .kisisel-veriler-form p a {
                color: #000;
                text-decoration: underline
            }

                .test-drive-page .form-wrap .kisisel-veriler-form p a:hover {
                    text-decoration: none
                }

        .test-drive-page .form-wrap .kisisel-veriler-form .text-group {
            margin-bottom: 30px
        }

        .test-drive-page .form-wrap .kisisel-veriler-form .form-group {
            margin-bottom: 30px
        }

.inline-date-wrap p {
    font-weight: 300;
    margin-bottom: 39px
}

@media only screen and (min-width: 560px) {
    .inline-date-wrap p {
        font-size: 2.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .inline-date-wrap p {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 560px) {
    .inline-date-wrap p {
        font-size: 1.5rem
    }
}

.inline-date-wrap .datepicker-inline {
    width: auto;
    display: inline-block;
    max-width: 358px
}

.inline-date-wrap .datepicker {
    color: #001e50
}

    .inline-date-wrap .datepicker .datepicker-switch {
        font-weight: normal
    }

@media only screen and (min-width: 560px) {
    .inline-date-wrap .datepicker .datepicker-switch {
        font-size: 3rem
    }
}

@media only screen and (min-width: 1600px) {
    .inline-date-wrap .datepicker .datepicker-switch {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 560px) {
    .inline-date-wrap .datepicker .datepicker-switch {
        font-size: 2.4rem
    }
}

.inline-date-wrap .datepicker .prev, .inline-date-wrap .datepicker .next {
    position: relative
}

    .inline-date-wrap .datepicker .prev::before, .inline-date-wrap .datepicker .next::before {
        font-family: 'icomoon';
        position: absolute;
        content: "\e907";
        background-color: white;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.inline-date-wrap .datepicker .next {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.inline-date-wrap .datepicker td, .inline-date-wrap .datepicker th {
    width: auto
}

@media only screen and (min-width: 560px) {
    .inline-date-wrap .datepicker td, .inline-date-wrap .datepicker th {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .inline-date-wrap .datepicker td, .inline-date-wrap .datepicker th {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 560px) {
    .inline-date-wrap .datepicker td, .inline-date-wrap .datepicker th {
        font-size: 1.3rem
    }
}

.inline-date-wrap .datepicker .datepicker-days td, .inline-date-wrap .datepicker .datepicker-days th {
    width: 50px;
    height: 50px
}

.inline-date-wrap .datepicker table tr td {
    position: relative
}

    .inline-date-wrap .datepicker table tr td.old, .inline-date-wrap .datepicker table tr td.new {
        color: #e1e1e1
    }

        .inline-date-wrap .datepicker table tr td.old:hover, .inline-date-wrap .datepicker table tr td.new:hover {
            color: #001e50 !important
        }

    .inline-date-wrap .datepicker table tr td.active.active, .inline-date-wrap .datepicker table tr td.active:active, .inline-date-wrap .datepicker table tr td.active.disabled.active, .inline-date-wrap .datepicker table tr td.active.disabled:hover.active, .inline-date-wrap .datepicker table tr td.active.disabled:hover:active .inline-date-wrap .datepicker table tr td.active:hover.active, .inline-date-wrap .datepicker table tr td.active:hover:active {
        background: none;
        color: #e1e1e1 !important;
        font-weight: normal;
        text-shadow: none
    }

        .inline-date-wrap .datepicker table tr td.active.active::before, .inline-date-wrap .datepicker table tr td.active:active::before, .inline-date-wrap .datepicker table tr td.active.disabled.active::before, .inline-date-wrap .datepicker table tr td.active.disabled:hover.active::before, .inline-date-wrap .datepicker table tr td.active.disabled:hover:active .inline-date-wrap .datepicker table tr td.active:hover.active::before, .inline-date-wrap .datepicker table tr td.active:hover:active::before {
            width: 100%;
            content: "";
            z-index: -1;
            position: absolute;
            left: 50%;
            margin-left: -16px;
            top: 50%;
            margin-top: -16px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid #001e50;
            background: none !important
        }

    .inline-date-wrap .datepicker table tr td.day.focused, .inline-date-wrap .datepicker table tr td.day:hover {
        background: none
    }

        .inline-date-wrap .datepicker table tr td.day.focused::before, .inline-date-wrap .datepicker table tr td.day:hover::before {
            width: 100%;
            content: "";
            z-index: -1;
            position: absolute;
            left: 50%;
            margin-left: -16px;
            top: 50%;
            margin-top: -16px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #D9DEE5
        }

    .inline-date-wrap .datepicker table tr td.today {
        background: none;
        color: white
    }

        .inline-date-wrap .datepicker table tr td.today::before {
            width: 100%;
            content: "";
            z-index: -1;
            position: absolute;
            left: 50%;
            margin-left: -16px;
            top: 50%;
            margin-top: -16px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-color: #001e50;
            border: 1px solid #001e50
        }

        .inline-date-wrap .datepicker table tr td.today:hover {
            color: white
        }

            .inline-date-wrap .datepicker table tr td.today:hover::before {
                background: #001e50
            }

.time-wrap {
    padding-top: 110px;
    margin-top: 20px;
    position: relative
}

    .time-wrap::before {
        content: "";
        width: 1px;
        height: 78px;
        position: absolute;
        top: 0;
        left: 50%;
        background-color: #dfe4e8
    }

    .time-wrap p {
        margin-bottom: 7px
    }

    .time-wrap h2 {
        font-weight: normal;
        color: #001e50;
        margin-bottom: 55px;
        font-family: "VWHeadWeb-Regular"
    }

@media only screen and (min-width: 560px) {
    .time-wrap h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 1600px) {
    .time-wrap h2 {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 560px) {
    .time-wrap h2 {
        font-size: 2.4rem
    }
}

.time-wrap .select-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 56px
}

    .time-wrap .select-wrap .form-group {
        margin: 0 10px;
        min-width: 166px
    }

.test-drive-page-success {
    padding: 73px 65px;
    position: relative
}

@media only screen and (min-width: 560px) {
    .test-drive-page-success {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page-success {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page-success {
        font-size: 2rem
    }
}

@media only screen and (max-width:991px) {
    .test-drive-page-success {
        padding: 73px 30px
    }
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success {
        padding: 73px 0px
    }
}

.test-drive-page-success .close-btn {
    position: absolute;
    right: 0;
    top: 40px;
    font-size: 2.4rem;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success .close-btn {
        top: -30px
    }
}

.test-drive-page-success .page-head {
    padding-top: 36px;
    padding-bottom: 55px
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success .page-head {
        padding-top: 0
    }
}

.test-drive-page-success .page-head h1 {
    font-weight: 300;
    font-family: "VWHeadWeb-Light";
    text-align: left;
    max-width: 1094px;
    margin-bottom: 0
}

@media only screen and (min-width: 560px) {
    .test-drive-page-success .page-head h1 {
        font-size: 3rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page-success .page-head h1 {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page-success .page-head h1 {
        font-size: 2.4rem
    }
}

.test-drive-page-success > p {
    font-family: "VWHeadWeb-Light";
    margin-bottom: 5px
}

.test-drive-page-success ul {
    border-bottom: solid 2px #dfe4e8;
    padding-bottom: 20px;
    margin-bottom: 70px;
    padding-left: 0
}

    .test-drive-page-success ul li {
        padding: 10px 0 10px 40px;
        position: relative;
        list-style: none
    }

        .test-drive-page-success ul li::before {
            content: "\e903";
            font-family: 'icomoon';
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -16px;
            opacity: .2
        }

        .test-drive-page-success ul li.success::before {
            opacity: 1
        }

.test-drive-page-success table {
    margin-bottom: 40px
}

    .test-drive-page-success table a {
        color: #000
    }

    .test-drive-page-success table .tel {
        font-weight: bold;
        color: #00247c;
        position: relative;
        padding-bottom: 4px
    }

@media only screen and (min-width: 560px) {
    .test-drive-page-success table .tel {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page-success table .tel {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page-success table .tel {
        font-size: 1.6rem
    }
}

.test-drive-page-success table .tel:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #00247c
}

.test-drive-page-success .rating-group {
    font-weight: normal;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 560px) {
    .test-drive-page-success .rating-group {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .test-drive-page-success .rating-group {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .test-drive-page-success .rating-group {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success .rating-group {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success .rating-group .rateit {
        display: block;
        margin-bottom: 10px
    }
}

.test-drive-page-success .rating-group .point {
    margin-left: 15px;
    border-right: 1px solid #6a767d;
    padding-right: 10px;
    margin-right: 7px
}

@media only screen and (max-width: 767px) {
    .test-drive-page-success .rating-group .point {
        margin-left: 0
    }
}

.contact-form {
    position: relative
}

    .contact-form .close-btn {
        position: absolute;
        right: 0;
        top: 40px;
        font-size: 2.4rem;
        text-decoration: none
    }

    .contact-form .form-wrap {
        max-width: 688px;
        text-align: left;
        padding-left: 40px;
        margin: 0 auto 190px
    }

@media only screen and (max-width: 1200px) {
    .contact-form .form-wrap {
        padding-left: 0
    }
}

.contact-form .form-wrap .form-group {
    margin-bottom: 20px
}

.contact-form .form-wrap .kisisel-veriler-form {
    margin-top: 45px;
    margin-bottom: 90px
}

    .contact-form .form-wrap .kisisel-veriler-form p {
        margin-bottom: 5px
    }

        .contact-form .form-wrap .kisisel-veriler-form p a {
            color: #000;
            text-decoration: underline
        }

            .contact-form .form-wrap .kisisel-veriler-form p a:hover {
                text-decoration: none
            }

    .contact-form .form-wrap .kisisel-veriler-form .text-group {
        margin-bottom: 30px
    }

    .contact-form .form-wrap .kisisel-veriler-form .form-group {
        margin-bottom: 30px
    }

.subpage {
    padding-top: 0
}

    .subpage .title {
        font-family: "VWHeadWeb-Light";
        font-weight: 300;
        text-align: center
    }

@media only screen and (min-width: 560px) {
    .subpage .title {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .subpage .title {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 560px) {
    .subpage .title {
        font-size: 2.8rem
    }
}

.subpage .title strong {
    font-family: "VWTextWeb-Bold"
}

.subpage .container.max-1050 {
    max-width: 1050px
}

.max-width-auto {
    max-width: inherit !important
}

.blue-band {
    padding: 70px 0;
    position: relative;
    color: white;
    text-align: center
}

    .blue-band .container {
        max-width: 800px
    }

@media only screen and (min-width: 1600px) {
    .blue-band .container {
        max-width: 1100px
    }
}

.blue-band h1 {
    color: white;
    margin-bottom: 44px
}

@media only screen and (min-width: 560px) {
    .blue-band h1 {
        font-size: 4.8rem
    }
}

@media only screen and (min-width: 1600px) {
    .blue-band h1 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 560px) {
    .blue-band h1 {
        font-size: 3.2rem
    }
}

.blue-band p {
    margin-bottom: 76px
}

@media only screen and (min-width: 560px) {
    .blue-band p {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .blue-band p {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .blue-band p {
        font-size: 2rem
    }
}

.blue-band::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    height: 100%;
    width: 100%;
    background-image: -webkit-radial-gradient(122% 124%, circle, #00437a, #001e50 59%);
    background-image: -o-radial-gradient(122% 124%, circle, #00437a, #001e50 59%);
    background-image: radial-gradient(circle at 122% 124%, #00437a, #001e50 59%);
    z-index: -1
}

.arrw-link {
    font-weight: bold;
    color: #001e50;
    padding-bottom: 5px;
    position: relative;
    border-bottom: 1px solid;
    line-height: 43px
}

@media only screen and (min-width: 560px) {
    .arrw-link {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .arrw-link {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .arrw-link {
        font-size: 1.6rem
    }
}

.arrw-link i {
    margin-left: 10px
}

.arrw-link:hover {
    color: #007bff
}

    .arrw-link:hover i::before {
        color: #007bff
    }

.page-banner {
    height: 100vh
}

@media only screen and (max-width: 767px) {
    .page-banner {
        height: 400px
    }
}

.page-banner .container {
    position: relative;
    height: 100%
}

.page-banner h1 {
    position: absolute;
    color: white;
    bottom: 182px;
    max-width: 500px;
    left: 0;
    font-family: "VWHeadWeb-Light"
}

@media only screen and (min-width: 560px) {
    .page-banner h1 {
        font-size: 4.8rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-banner h1 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 560px) {
    .page-banner h1 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 767px) {
    .page-banner h1 {
        padding-left: 20px;
        bottom: 82px
    }
}

.page-banner h1 strong {
    font-family: "VWTextWeb-Bold"
}

.page-content {
    padding: 135px 0 180px
}

@media only screen and (min-width: 560px) {
    .page-content {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .page-content {
        padding: 40px 0
    }
}

.page-content h3 {
    line-height: normal;
    line-height: 1.5;
    font-family: "VWTextWeb-Bold"
}

@media only screen and (min-width: 560px) {
    .page-content h3 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content h3 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content h3 {
        font-size: 2rem
    }
}

.page-content .icon-play {
    font-size: 66px;
    border: 1px solid white;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 68px;
    height: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .page-content .icon-play::before {
        color: white
    }

.page-content .info-section h1 {
    margin-bottom: 87px
}

@media only screen and (max-width: 767px) {
    .page-content .info-section h1 {
        margin-bottom: 40px
    }
}

.page-content .info-section .date {
    display: block;
    margin-bottom: 15px
}

.page-content .info-section p {
    margin: auto;
    margin-bottom: 70px;
    max-width: 700px
}

@media only screen and (max-width: 767px) {
    .page-content .info-section p {
        margin-bottom: 40px
    }
}

.page-content .info-section picture {
    display: block;
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .page-content .info-section picture {
        margin-bottom: 30px;
        padding-right: 0
    }
}

.page-content .info-section picture a {
    position: relative;
    display: block
}

    .page-content .info-section picture a img {
        width: 100%
    }

.page-content .info-section picture i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -34px;
    margin-left: -34px
}

.page-content .info-section h3 {
    color: #001e50
}

.page-content .info-section .title {
    margin-bottom: 40px
}

@media only screen and (min-width: 560px) {
    .page-content .info-section .title {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content .info-section .title {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content .info-section .title {
        font-size: 2.8rem
    }
}

.page-content .info-section h2.title {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .page-content .info-section h2.title {
        margin-bottom: 15px;
        margin-top: 15px
    }
}

.page-content .info-section .arrw-link {
    line-height: normal;
    display: inline-block;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .page-content .info-section .arrw-link {
        margin-bottom: 15px
    }
}

.page-content .info-section.add-margin-bottom {
    margin-bottom: 130px
}

@media only screen and (max-width: 767px) {
    .page-content .info-section.add-margin-bottom {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 767px) {
    .page-content .info-section .big-image {
        margin-bottom: 40px
    }
}

.page-content .contact {
    padding: 154px 0 173px
}

@media only screen and (max-width: 767px) {
    .page-content .contact {
        padding: 70px 0
    }
}

.page-content .contact h1 {
    margin-bottom: 57px
}

@media only screen and (max-width: 767px) {
    .page-content .contact h1 {
        margin-bottom: 40px
    }
}

.page-content .contact h3 {
    margin-bottom: 15px
}

.page-content .contact p {
    margin-bottom: 70px
}

@media only screen and (max-width: 767px) {
    .page-content .contact p {
        margin-bottom: 40px
    }
}

.page-content .contact table {
    margin-bottom: 45px
}

@media only screen and (max-width: 767px) {
    .page-content .contact table {
        margin-bottom: 40px
    }
}

.page-content .contact table tr td {
    padding: 4px 0
}

    .page-content .contact table tr td:first-child {
        font-family: "VWTextWeb-Bold"
    }

.page-content .contact ul li {
    padding: 15px 0
}

@media only screen and (max-width: 767px) {
    .page-content .contact ul li {
        padding: 8px 0
    }
}

@media only screen and (max-width: 767px) {
    .page-content .contact .map {
        position: relative;
        height: 400px;
        margin: 20px -20px 0;
        width: initial
    }
}

.page-content .price-list-and-campaigns h1 {
    margin-bottom: 62px
}

@media only screen and (max-width: 767px) {
    .page-content .price-list-and-campaigns h1 {
        margin-bottom: 40px
    }
}

.page-content .price-list-and-campaigns h2 {
    text-align: left
}

@media only screen and (min-width: 560px) {
    .page-content .price-list-and-campaigns h2 {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content .price-list-and-campaigns h2 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content .price-list-and-campaigns h2 {
        font-size: 2.4rem
    }
}

.page-content .price-list-and-campaigns h3 {
    text-align: left;
    color: #000
}

@media only screen and (min-width: 560px) {
    .page-content .price-list-and-campaigns h3 {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content .price-list-and-campaigns h3 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content .price-list-and-campaigns h3 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .page-content .price-list-and-campaigns .big-image {
        margin-bottom: 50px
    }
}

.page-content .price-list-and-campaigns .big-image picture {
    display: block;
    margin-bottom: 32px;
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .page-content .price-list-and-campaigns .big-image picture {
        padding-right: 0;
        margin-bottom: 15px
    }
}

.page-content .price-list-and-campaigns .big-image picture img {
    width: 100%
}

.page-content .price-list-and-campaigns .image-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .page-content .price-list-and-campaigns .image-group {
        display: block;
        margin-bottom: 50px
    }
}

.page-content .price-list-and-campaigns .image-group picture {
    margin-right: 18px;
    min-width: 32%
}

@media only screen and (max-width: 767px) {
    .page-content .price-list-and-campaigns .image-group picture {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
}

.page-content .price-list-and-campaigns .image-group picture img {
    width: 100%
}

.page-content .price-list-and-campaigns .image-group h6 {
    font-family: "VWTextWeb-Bold";
    color: #001e50;
    margin-top: 26px
}

@media only screen and (min-width: 560px) {
    .page-content .price-list-and-campaigns .image-group h6 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-content .price-list-and-campaigns .image-group h6 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .page-content .price-list-and-campaigns .image-group h6 {
        font-size: 1.6rem
    }
}

.boxing-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    margin: 0 -15px
}

@media only screen and (max-width: 767px) {
    .boxing-group {
        display: block;
        padding-top: 70px
    }
}

.boxing-group .box-item {
    padding: 0 15px;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

@media only screen and (max-width: 767px) {
    .boxing-group .box-item {
        margin-bottom: 50px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.boxing-group .box-item picture {
    display: block;
    margin-bottom: 30px
}

    .boxing-group .box-item picture img {
        width: 100%
    }

.boxing-group .box-item h3 {
    font-family: "VWTextWeb-Bold";
    margin-bottom: 10px
}

@media only screen and (min-width: 560px) {
    .boxing-group .box-item h3 {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .boxing-group .box-item h3 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .boxing-group .box-item h3 {
        font-size: 2.4rem
    }
}

.boxing-group .box-item p {
    margin-bottom: 30px;
    font-family: "VWHeadWeb-Light"
}

@media only screen and (min-width: 560px) {
    .boxing-group .box-item p {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .boxing-group .box-item p {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .boxing-group .box-item p {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    .boxing-group .box-item p {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 560px) {
    .boxing-group .box-item p {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 1600px) {
    .boxing-group .box-item p {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 560px) {
    .boxing-group .box-item p {
        font-size: 1.4rem
    }
}

.boxing-group.not-equal .box-item:first-child {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%
}

.boxing-group.not-equal .box-item:nth-child(2) {
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%
}

.boxing-group.not-equal .box-item:last-child {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

.cars-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .cars-wrap {
        margin-bottom: 30px
    }
}

.cars-wrap .car-item {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .cars-wrap .car-item {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 345px) {
    .cars-wrap .car-item {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cars-wrap .car-item h5 {
    font-family: "VWTextWeb-Bold";
    color: #000;
    border-bottom: 2px solid #000;
    padding: 10px 0;
    margin-bottom: 0
}

@media only screen and (min-width: 560px) {
    .cars-wrap .car-item h5 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .cars-wrap .car-item h5 {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .cars-wrap .car-item h5 {
        font-size: 1.6rem
    }
}

.cars-wrap .car-item picture {
    padding: 20px 0;
    display: block;
    border: 1px solid #dfe4e8;
    border-top: none;
    border-left: none
}

    .cars-wrap .car-item picture img {
        width: 100%
    }

.cars-wrap .car-item .text {
    padding: 10px 7px;
    border: 1px solid #dfe4e8;
    border-top: none;
    border-left: none
}

    .cars-wrap .car-item .text h6 {
        font-family: "VWTextWeb-Bold"
    }

@media only screen and (min-width: 560px) {
    .cars-wrap .car-item .text h6 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .cars-wrap .car-item .text h6 {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .cars-wrap .car-item .text h6 {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 560px) {
    .cars-wrap .car-item .text span {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1600px) {
    .cars-wrap .car-item .text span {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 560px) {
    .cars-wrap .car-item .text span {
        font-size: 1.4rem
    }
}

.cars-wrap .car-item:nth-child(4n) picture {
    border-right: none
}

.cars-wrap .car-item:nth-child(4n) .text {
    border-right: none
}

@media only screen and (max-width: 767px) {
    .cars-wrap .car-item:nth-child(2n) picture {
        border-right: none
    }

    .cars-wrap .car-item:nth-child(2n) .text {
        border-right: none
    }
}

@media only screen and (max-width: 345px) {
    .cars-wrap .car-item:nth-child(1n) picture {
        border-right: none
    }

    .cars-wrap .car-item:nth-child(1n) .text {
        border-right: none
    }
}

.page-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 144px
}

@media only screen and (max-width:991px) {
    .page-top {
        display: block;
        margin-bottom: 44px
    }
}

.page-top .left-image {
    width: 50%;
    height: 720px
}

@media only screen and (max-width: 1200px) {
    .page-top .left-image {
        height: 520px
    }
}

@media only screen and (max-width:991px) {
    .page-top .left-image {
        width: 100%;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .page-top .left-image {
        height: 320px
    }
}

.page-top .title-wrap {
    padding-left: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:991px) {
    .page-top .title-wrap {
        max-width: 100%;
        margin: auto;
        padding: 0 20px
    }
}

.page-top .title-wrap h1 {
    font-family: "VWTextWeb-Bold";
    line-height: 1.17
}

@media only screen and (min-width: 560px) {
    .page-top .title-wrap h1 {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .page-top .title-wrap h1 {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 560px) {
    .page-top .title-wrap h1 {
        font-size: 2.8rem
    }
}

.detail-page .small-container {
    max-width: 700px;
    margin: auto
}

@media only screen and (max-width:991px) {
    .detail-page .small-container {
        max-width: 100%;
        margin: auto;
        padding: 0 20px
    }
}

.detail-page .small-container p {
    margin-bottom: 30px
}

.detail-page .small-container .links-wrap {
    margin-top: 60px
}

    .detail-page .small-container .links-wrap li {
        margin-top: 25px;
        display: block
    }

@media only screen and (min-width: 560px) {
    .detail-page .small-container .links-wrap li a {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .detail-page .small-container .links-wrap li a {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .detail-page .small-container .links-wrap li a {
        font-size: 1.6rem
    }
}

.tab-pane .tab-info {
    margin: auto;
    margin-bottom: 200px !important;
    max-width: 700px
}

@media only screen and (max-width: 767px) {
    .tab-pane .tab-info {
        margin-bottom: 40px
    }
}

.row-table-group {
    padding-right: 60px;
    margin-bottom: 87px
}

@media only screen and (max-width: 767px) {
    .row-table-group {
        padding-right: 0;
        margin-bottom: 40px
    }
}

.row-table-group:nth-child(2n) {
    padding-left: 60px
}

@media only screen and (max-width: 767px) {
    .row-table-group:nth-child(2n) {
        padding-left: 0
    }
}

.row-table-group .logo-wrap {
    border-bottom: solid 2px #000;
    padding: 15px 0;
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .row-table-group .logo-wrap img {
        width: 120px
    }
}

.row-table-group .row-table span {
    font-weight: normal;
    line-height: 1.71;
    height: 100%;
    padding: 12px 0;
    display: block;
    border-bottom: 2px solid #dfe4e8;
    margin-bottom: 12px
}

@media only screen and (min-width: 560px) {
    .row-table-group .row-table span {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .row-table-group .row-table span {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .row-table-group .row-table span {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 767px) {
    .row-table-group .row-table span {
        padding: 12px 0 0
    }
}

.row-table-group.big-text .logo-wrap {
    padding: 20px 0
}

.row-table-group.big-text .row-table span {
    line-height: normal;
    height: auto
}

@media only screen and (min-width: 560px) {
    .row-table-group.big-text .row-table span {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .row-table-group.big-text .row-table span {
        font-size: 2rem
    }
}

@media only screen and (max-width: 560px) {
    .row-table-group.big-text .row-table span {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767px) {
    .row-table-group.big-text .row-table span {
        height: 100%
    }
}

.row-table-group.big-text p {
    margin-top: 20px
}

@media only screen and (min-width: 560px) {
    .row-table-group.big-text p {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .row-table-group.big-text p {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .row-table-group.big-text p {
        font-size: 1.2rem
    }
}

.user-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px
}

@media only screen and (max-width: 767px) {
    .user-item {
        margin-bottom: 40px
    }
}

.user-item picture {
    display: block;
    max-width: 250px;
    background-size: cover !important
}

@media only screen and (max-width: 767px) {
    .user-item picture {
        max-width: 100px
    }
}

.user-item picture img {
    width: 150px;
    height: 200px;
    object-fit: cover;
    margin-right: 1rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 767px) {
    .user-item picture img {
        width: 100px;
        height: 133px;
    }
}

@media only screen and (max-width: 767px) {
    .user-item .user-info {
        padding-left: 15px
    }
}

.user-item .user-info h2 {
    font-family: "VWTextWeb-Bold";
    margin-bottom: 32px
}

@media only screen and (min-width: 560px) {
    .user-item .user-info h2 {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1600px) {
    .user-item .user-info h2 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 560px) {
    .user-item .user-info h2 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    .user-item .user-info h2 {
        margin-bottom: 7px
    }
}

.user-item .user-info h6 {
    font-weight: normal
}

@media only screen and (min-width: 560px) {
    .user-item .user-info h6 {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .user-item .user-info h6 {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 560px) {
    .user-item .user-info h6 {
        font-size: 1.2rem
    }
}

.user-item .user-info h5 {
    font-family: "VWTextWeb-Bold";
    margin-bottom: 30px
}

@media only screen and (min-width: 560px) {
    .user-item .user-info h5 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .user-item .user-info h5 {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .user-item .user-info h5 {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .user-item .user-info h5 {
        margin-bottom: 10px
    }
}

.user-item .user-info a {
    font-weight: normal;
    color: #001e50;
    margin-bottom: 8px;
    display: block
}

@media only screen and (min-width: 560px) {
    .user-item .user-info a {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .user-item .user-info a {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .user-item .user-info a {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .user-item .user-info a {
        margin-bottom: 0px
    }
}

.user-item .user-info span {
    font-weight: normal
}

@media only screen and (min-width: 560px) {
    .user-item .user-info span {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 1600px) {
    .user-item .user-info span {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 560px) {
    .user-item .user-info span {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 560px) {
    .user-item .user-info span {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 1600px) {
    .user-item .user-info span {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767px) and only screen and (max-width: 560px) {
    .user-item .user-info span {
        font-size: 1.4rem
    }
}

.sigorta-logo-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .sigorta-logo-wrap a {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        margin-bottom: 124px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 161px
    }

@media only screen and (max-width: 767px) {
    .sigorta-logo-wrap a {
        min-width: 120px;
        margin-bottom: 34px;
        margin: 0 10px
    }
}

.sigorta-logo-wrap a img {
    width: 100%;
    max-width: 161px
}

.map {
    position: absolute;
    height: 100%;
    width: 100%
}

.contact-wrap .page-head {
    margin-bottom: 61px
}

@media only screen and (max-width: 1200px) {
    .contact-wrap .page-head {
        padding-top: 80px;
        margin-bottom: 34px
    }
}

.contact-wrap .page-head h1 {
    margin-bottom: 91px
}

@media only screen and (max-width: 1200px) {
    .contact-wrap .page-head h1 {
        margin-bottom: 40px
    }
}

.contact-wrap .big-title {
    margin-bottom: 97px
}

.contact-wrap .map-wrap {
    height: 810px;
    position: relative;
    background-color: #d8d8d8;
    margin-bottom: 140px
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap {
        margin-bottom: 50px
    }
}

.contact-wrap .map-wrap .container {
    position: relative
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap .container {
        position: static
    }
}

.contact-wrap .map-wrap .container .map-box {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 60px;
    min-height: 606px;
    top: 100px;
    width: 480px
}

@media only screen and (max-width: 1200px) {
    .contact-wrap .map-wrap .container .map-box {
        width: 390px;
        padding: 30px
    }
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap .container .map-box {
        top: -1px;
        width: 100%;
        min-height: auto;
        padding-top: 0px
    }
}

@media only screen and (max-width: 767px) {
    .contact-wrap .map-wrap .container .map-box {
        top: -60px
    }
}

.contact-wrap .map-wrap .container .map-box p {
    margin-bottom: 60px
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap .container .map-box p {
        margin-bottom: 20px
    }
}

.contact-wrap .map-wrap .container .map-box table {
    width: 100%;
    margin-bottom: 60px
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap .container .map-box table {
        margin-bottom: 20px
    }
}

.contact-wrap .map-wrap .container .map-box table td:last-child {
    text-align: right
}

.contact-wrap .map-wrap .container .map-box ul li {
    margin-bottom: 15px
}

@media only screen and (max-width:991px) {
    .contact-wrap .map-wrap .container .map-box ul li {
        margin-bottom: 0px
    }
}

@media only screen and (max-width:991px) {
    .contact-wrap .container {
        max-width: 100%
    }
}

@media only screen and (max-width:991px) {
    .contact-wrap .boxing-group {
        padding-top: 40px
    }
}

.campaigns .info-section p {
    margin-bottom: 220px
}

@media only screen and (max-width: 767px) {
    .campaigns .info-section p {
        margin-bottom: 60px
    }
}

.campaigns .big-image picture {
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .campaigns .big-image picture {
        margin-bottom: 15px
    }
}

.sozlesme {
    padding-bottom: 160px
}

@media only screen and (max-width: 767px) {
    .sozlesme {
        padding-bottom: 40px
    }
}

.sozlesme .page-head {
    padding-bottom: 0px !important
}

.sozlesme h1.title {
    text-align: left;
    font-family: "VWHeadWeb-Light";
    margin-left: -100px
}

@media only screen and (min-width: 560px) {
    .sozlesme h1.title {
        font-size: 3.2rem
    }
}

@media only screen and (min-width: 1600px) {
    .sozlesme h1.title {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 560px) {
    .sozlesme h1.title {
        font-size: 2.8rem
    }
}

@media only screen and (max-width:991px) {
    .sozlesme h1.title {
        margin-left: 0
    }
}

.sozlesme h1.title strong {
    font-family: "VWHeadWeb-Bold"
}

.sozlesme .max-800 {
    max-width: 800px;
    margin: auto
}

.sozlesme p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.sozlesme a {
    color: #001e50;
    text-decoration: underline
}

    .sozlesme a:hover {
        text-decoration: none
    }

    .sozlesme a svg {
        width: 15px;
        height: 15px
    }

.service-actions-body {
    padding: 73px 65px;
    position: relative
}

    .service-actions-body .close-btn {
        position: absolute;
        right: 0;
        top: 40px;
        font-size: 2.4rem;
        text-decoration: none
    }

    .service-actions-body .page-head {
        padding: 0
    }

    .service-actions-body .wrapper {
        max-width: 680px;
        margin: 0 auto
    }

    .service-actions-body .filter-wrap .top-group {
        text-align: center;
        margin-bottom: 70px
    }

    .service-actions-body .filter-wrap .form-group {
        margin-bottom: 30px
    }

    .service-actions-body .filter-wrap .info {
        color: #586678
    }

    .service-actions-body .product-info {
        margin-bottom: 60px;
        margin-top: 50px
    }

        .service-actions-body .product-info .info-item .info-col {
            padding: 12px 0;
            border-bottom: 2px solid #dfe4e8;
            display: block
        }

        .service-actions-body .product-info .info-item label {
            font-weight: 700
        }

    .service-actions-body .filter-result {
        padding-top: 100px;
        display: none
    }

        .service-actions-body .filter-result .result-wrap {
            min-height: 400px;
            display: none
        }

accessor-page .render-body {
    padding: 116px 0;
    min-height: 448px
}

.accessor-page .render-body .category-item {
    margin-bottom: 71px
}

    .accessor-page .render-body .category-item picture {
        margin-right: 47px;
        display: block;
        overflow: hidden
    }

        .accessor-page .render-body .category-item picture img {
            width: 100%;
            -o-transition: all .5s ease;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .accessor-page .render-body .category-item picture:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1)
        }

    .accessor-page .render-body .category-item .category-title {
        margin-top: 28px;
        margin-bottom: 0
    }

    .accessor-page .render-body .category-item .accordion-item {
        border: none
    }

        .accessor-page .render-body .category-item .accordion-item a {
            display: inline-block;
            margin-bottom: 30px
        }

    .accessor-page .render-body .category-item .product-info {
        margin-bottom: 50px
    }

        .accessor-page .render-body .category-item .product-info .info-item .info-col {
            padding: 12px 0;
            border-bottom: 2px solid #dfe4e8;
            display: block
        }

        .accessor-page .render-body .category-item .product-info .info-item label {
            font-weight: 700
        }

    .accessor-page .render-body .category-item:last-child {
        margin-bottom: 0
    }

.accessor-page .page-head .container .sub-title {
    font-size: 1.4rem
}

.accessor-page .render-body .category-item .category-title {
    font-size: 1.4rem
}

.accessor-page .render-body .category-item .product-info .info-item .info-col {
    font-size: 1.4rem
}

@media only screen and (min-width:1366px) {
    .accessor-page .page-head .container {
        max-width: 1300px
    }
}

.accessor-page .page-head .container {
    max-width: 1584px
}

    .accessor-page .page-head .container .sub-title {
        font-size: 1.6rem
    }

.accessor-page .render-body .category-item .category-title {
    font-size: 1.6rem
}

.accessor-page .render-body .category-item .product-info .info-item .info-col {
    font-size: 1.6rem
}

.accessor-page .render-body {
    padding: 80px 0
}

    .accessor-page .render-body .category-item picture {
        margin-right: 0
    }

.accessor-page .render-body {
    padding: 40px 0
}

.accessor-page .page-head .container .sub-title {
    font-size: 1.4rem
}

.accessor-page .render-body .category-item .category-title {
    font-size: 1.4rem
}

.accessor-page .render-body .category-item .product-info .info-item .info-col {
    font-size: 1.4rem
}

.person-list .tab-wrap {
    max-width: 1400px;
    margin: 0 auto 217px
}

    .person-list .tab-wrap .tabs {
        margin-bottom: 71px;
        text-align: center
    }

        .person-list .tab-wrap .tabs .nav {
            display: inline-block
        }

            .person-list .tab-wrap .tabs .nav a {
                display: inline-block
            }

.price-list .tab-wrap {
    max-width: 1400px;
    margin: 0 auto 217px
}

    .price-list .tab-wrap .tabs {
        margin-bottom: 71px;
        text-align: center
    }

        .price-list .tab-wrap .tabs .nav {
            display: inline-block
        }

            .price-list .tab-wrap .tabs .nav a {
                display: inline-block
            }

.price-list .table-wrap {
    margin-top: 51px
}

    .price-list .table-wrap .btn-link {
        min-width: 100px;
        text-decoration: none;
        border-bottom: 1px solid;
        border-radius: 0;
        font-weight: 700;
        padding: 3px 0;
        min-width: auto
    }

        .price-list .table-wrap .btn-link:hover {
            text-decoration: none
        }

    .price-list .table-wrap .table {
        table-layout: fixed
    }

.price-list .btns {
    margin-bottom: 51px
}

.price-list .info-panel p {
    color: #586678
}

.price-list .right-menu .price-table tbody tr td {
    padding: 7px 3px
}

.price-list .right-menu .price-table tbody tr:hover td {
    background-color: rgba(223,228,232,.2)
}

.price-list .right-menu .price-table tfoot tr td {
    padding: 80px 0;
    font-family: VWTextWeb-Bold
}

    .price-list .right-menu .price-table tfoot tr td:last-child {
        vertical-align: top
    }

.price-list .table-wrap .btn-link {
    font-size: 1.4rem
}

    .price-list .table-wrap .btn-link i {
        font-size: 1.2rem
    }

.price-list .info-panel p {
    font-size: 1.2rem
}

.price-list .right-menu .price-table tfoot tr td:last-child {
    font-size: 1.6rem
}

.price-list .table-wrap .btn-link {
    font-size: 1.6rem
}

    .price-list .table-wrap .btn-link i {
        font-size: 1.2rem
    }

.price-list .info-panel p {
    font-size: 1.2rem
}

.price-list .right-menu .price-table tfoot tr td:last-child {
    font-size: 2rem
}

.price-list .tab-wrap {
    margin-bottom: 117px
}

    .price-list .tab-wrap .tabs {
        margin-bottom: 35px
    }

.price-list .container {
    padding: 0 40px
}

.price-list .tab-wrap {
    margin-bottom: 100px
}

.price-list .table-wrap .btn-link {
    min-width: 85px
}

.price-list .table-wrap .table tr td:last-child {
    padding-right: 0
}

.price-list .table-wrap .btn-link {
    font-size: 1.4rem
}

    .price-list .table-wrap .btn-link i {
        font-size: 1.2rem
    }

.price-list .info-panel p {
    font-size: 1.2rem
}

.price-list .right-menu .price-table tfoot tr td:last-child {
    font-size: 1.6rem
}
.page-content .info-section.add-margin-bottom-reviewbutton {
    margin-bottom: 98px;
}

@media only screen and (max-width: 767px) {
    .page-content .info-section.add-margin-bottom-reviewbutton {
        margin-bottom: 0px;
    }
}

footer .footer-dogustext {
    margin-bottom: 45px;
    padding: 0 160px;
}
footer .footer-dogustext .d-text {
    padding: 0px 56px;

}
@media only screen and (max-width: 1200px) {
    footer .footer-dogustext{
        padding: 0 20px
    }
    footer .footer-dogustext .d-text {
        padding: 0px 56px;
    }
}

@media only screen and (max-width:991px) {
    footer .footer-dogustext .d-text {
        padding: 0px 0px 0px;
    }
}

.text-center {
    text-align:center !important;
}
.page-top .title-wrap-list 
{
    padding-left: 136px;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
}
/*p.wrap-description {
    font-size: 2.2rem;
}*/
@media only screen and (max-width:991px) {
    .page-top .title-wrap-list {
        max-width: 100%;
        margin: auto;
        padding: 0 20px
    }
}

.page-top .title-wrap-list h1 {
    font-family: "VWTextWeb-Bold";
    line-height: 1.17
}

@media only screen and (min-width: 560px) {
    .page-top .title-wrap-list h1 {
        font-size: 3.2rem
    }
    p.wrap-description {
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 1600px) {
    .page-top .title-wrap-list h1 {
        font-size: 4.8rem
    }
    p.wrap-description {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width: 560px) {
    .page-top .title-wrap-list h1 {
        font-size: 2.8rem
    }
    p.wrap-description {
        font-size: 1.3rem;
    }
}
@media (min-width: 992px) {
    .text-md-nowrap {
        white-space: nowrap !important;
    }
}