.primary-button {
    padding: 5px 40px;
    cursor: pointer;
    outline: none;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: auto;
    min-width: 100px;
    transition: background-color .3s, border-color .3s, color .3s;
    margin-left: 0
}

.primary-button .buttonText {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    line-height: 1;
    margin-right: auto
}

@media (min-width:824px) {
    .primary-button .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:992px) {
    .primary-button .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

.primary-button .buttonText+.icon-container {
    margin-left: 10px
}

.primary-button.wide {
    width: 100%;
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12
}

.primary-button.wide .icon-container {
    margin-left: 0
}

.primary-button.icon_true .buttonText {
    padding-right: 20px
}

.primary-button .icon-container {
    margin-left: auto
}

.primary-button .icon-container i {
    font-size: 14px
}

.primary-button .icon-container:after {
    content: "";
    width: 20px;
    display: block
}

.primary-button.pink {
    background-color: #dc1860;
    border: 1px solid #dc1860;
    color: #fff
}

.primary-button.pink:hover {
    background-color: #893257;
    border-color: #893257
}

.primary-button.pink.disabled,
.primary-button.pink:active {
    background-color: #483845;
    border-color: #483845
}

.primary-button.pink.disabled {
    cursor: unset
}

.primary-button.pink.disabled .buttonText {
    color: #909090
}

.primary-button.black {
    background-color: #000;
    border: 1px solid #000;
    color: #fff
}

.primary-button.black:hover {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: #0878b5
}

.primary-button.black:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #0878b5
}

.primary-button.black.disabled {
    background-color: #3e3e3f;
    border-color: #3e3e3f;
    cursor: unset
}

.primary-button.black.disabled .buttonText {
    color: #909090
}

.primary-button.blue {
    background-color: #0878b5;
    border: 1px solid #0878b5;
    color: #fff
}

.primary-button.blue:hover {
    background-color: #15a6f5;
    border-color: #15a6f5
}

.primary-button.blue:active {
    background-color: #0a98e6;
    border-color: #0a98e6
}

.primary-button.blue.disabled {
    background-color: #427a99;
    border-color: #427a99;
    cursor: unset
}

.primary-button.blue.disabled .buttonText {
    color: #909090
}

.primary-button.outline-white {
    background-color: initial;
    border: 1px solid #fff;
    color: #fff
}

.primary-button.outline-white:hover {
    background-color: #fff;
    color: #000
}

.primary-button.outline-white:hover .buttonText {
    color: #000
}

.primary-button.outline-white.disabled,
.primary-button.outline-white:active {
    background-color: #909090;
    border-color: #909090
}

.primary-button.outline-white.disabled {
    color: #909090;
    cursor: unset
}

.primary-button.outline-white.disabled .buttonText {
    color: #909090
}

.primary-button.outline-pink {
    background-color: initial;
    border: 1px solid #dc1860;
    color: #dc1860
}

.primary-button.outline-pink .buttonText {
    color: #dc1860
}

.primary-button.outline-pink:hover {
    background-color: #893257;
    border-color: #893257;
    color: #fff
}

.primary-button.outline-pink:hover .buttonText {
    color: #fff
}

.primary-button.outline-pink.disabled,
.primary-button.outline-pink:active {
    background-color: #483845;
    border-color: #483845
}

.primary-button.outline-pink.disabled {
    color: #909090;
    cursor: unset
}

.primary-button.outline-pink.disabled .buttonText {
    color: #909090
}

.primary-button.outline-green {
    background-color: initial;
    border: 1px solid #1ef1c6;
    color: #1ef1c6
}

.primary-button.outline-green .buttonText {
    color: #1ef1c6
}

.primary-button.outline-green:hover {
    background-color: #339586;
    border-color: #339586;
    color: #fff
}

.primary-button.outline-green:hover .buttonText {
    color: #fff
}

.primary-button.outline-green.disabled,
.primary-button.outline-green:active {
    background-color: #354d4f;
    border-color: #354d4f
}

.primary-button.outline-green.disabled {
    color: #909090;
    cursor: unset
}

.primary-button.outline-green.disabled .buttonText {
    color: #909090
}

.primary-button.noicon {
    justify-content: center
}

.primary-button.noicon .buttonText {
    margin-right: 0
}

@media (min-width:824px) {
    .primary-button {
        padding: 15px 40px;
        overflow: hidden
    }

    .primary-button.wide {
        grid-column-start: 3;
        grid-column-end: span 4;
        -ms-grid-column: 3;
        -ms-grid-column-span: 4
    }

    .primary-button.icon_true .buttonText {
        padding-right: 50px
    }

    .primary-button .icon-container i {
        font-size: 14px
    }

    .primary-button .icon-container:after {
        content: "";
        display: block
    }

    .load-more i,
    .load-more svg {
        transition: -webkit-transform 1.5s;
        transition: transform 1.5s;
        transition: transform 1.5s, -webkit-transform 1.5s
    }

    .arrow i,
    .arrow svg {
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease
    }

    .arrow:active i,
    .arrow:active svg,
    .arrow:hover i,
    .arrow:hover svg {
        -webkit-transform: translate(10px);
        transform: translate(10px)
    }
}

@media (min-width:992px) {
    .primary-button .buttonText+.icon-container {
        margin-left: 40px
    }
}

@media (max-width:824px) {
    .primary-button {
        width: 100%;
        justify-content: center
    }

    .primary-button .buttonText {
        margin-right: 0
    }
}

.primary-link {
    border: none;
    padding: 15px 50px;
    background-color: initial;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none !important
}

.primary-link .buttonText {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    height: 34px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    transition: border-bottom-color .5s ease-in-out
}

@media (min-width:824px) {
    .primary-link .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:992px) {
    .primary-link .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

.primary-link .buttonText+.icon-container {
    margin-left: 30px;
    display: flex;
    align-items: center
}

.primary-link .icon-container i {
    font-size: 26px
}

.primary-link .icon-container:after {
    content: "";
    width: 20px;
    display: block
}

.primary-link.white .buttonText,
.primary-link.white .icon-container {
    color: #fff
}

.primary-link.white:hover {
    border-bottom-color: #fff
}

.primary-link.black .buttonText,
.primary-link.black .icon-container {
    color: #000
}

.primary-link.black:hover {
    border-bottom-color: #000
}

.primary-link.green .buttonText,
.primary-link.green .icon-container {
    color: #1ef1c6
}

.primary-link.green:hover {
    border-bottom-color: #1ef1c6
}

.primary-link.pink .buttonText,
.primary-link.pink .icon-container {
    color: #dc1860
}

.primary-link.pink:hover {
    border-bottom-color: #dc1860
}

.primary-link:not(.disabled):hover .buttonText {
    border-bottom: 2px solid
}

.primary-link:not(.disabled):hover .icon-container i {
    animation: pulse .7s infinite;
    animation-direction: alternate;
    animation-delay: .2s;
    animation-name: pulse;
    -webkit-animation: pulse .7s infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: .2s;
    -webkit-animation-name: pulse
}

.primary-link:active .buttonText,
.primary-link:active .icon-container {
    color: #909090
}

.primary-link.disabled {
    cursor: unset
}

.primary-link.disabled .buttonText,
.primary-link.disabled .icon-container {
    color: #909090
}

@media (min-width:824px) {
    .primary-link .icon-container i {
        font-size: 28px
    }

    .primary-link .icon-container:after {
        content: "";
        display: block
    }
}

@media (min-width:992px) {
    .primary-link .buttonText+.icon-container {
        margin-left: 40px
    }
}

.icon-link {
    border: none;
    padding: 0;
    background-color: initial;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 36px;
    outline: none
}

.icon-link .buttonText {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    height: 32px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    transition: border-bottom-color .5s ease-in-out
}

@media (min-width:824px) {
    .icon-link .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

@media (min-width:992px) {
    .icon-link .buttonText {
        font-size: 14px;
        line-height: 14px
    }
}

.icon-link .icon-container {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.icon-link .icon-container i {
    font-size: 14px
}

.icon-link.green .buttonText,
.icon-link.green .icon-container {
    color: #1ef1c6
}

.icon-link.pink .buttonText,
.icon-link.pink .icon-container {
    color: #dc1860
}

.icon-link.black .buttonText,
.icon-link.black .icon-container {
    color: #000
}

.icon-link.white .buttonText,
.icon-link.white .icon-container {
    color: #fff
}

.icon-link.blue .buttonText,
.icon-link.blue .icon-container {
    color: #0878b5
}

.icon-link:not(.disabled):hover .buttonText {
    border-bottom: 2px solid
}

.icon-link:not(.disabled):hover .icon-container i {
    -webkit-animation: pulse .7s infinite;
    animation: pulse .7s infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.icon-link:active .buttonText,
.icon-link:active .icon-container i {
    color: #909090
}

.icon-link.disabled {
    cursor: unset
}

.icon-link.disabled .buttonText,
.icon-link.disabled .icon-container i {
    color: #909090
}

@media (min-width:824px) {
    .icon-link .icon-container {
        margin-right: 10px
    }

    .icon-link .icon-container i {
        font-size: 14px;
        top: 2.5px
    }
}

@media (min-width:992px) {
    .icon-link .icon-container {
        margin-right: 0
    }

    .icon-link .icon-container i {
        font-size: 14px
    }
}

.__window-button {
    background: transparent;
    color: #000;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 50px;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px
}

.__window-button .fa {
    margin-left: 15px;
    font-size: 16px;
    transition: all .4s ease-in-out;
    margin-bottom: 0 !important
}

.__window-button.white {
    border-color: #fff;
    color: #fff
}

.__window-button.black {
    border-color: #000;
    color: #000
}

.__window-button:hover .fa {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

@media (max-width:824px) {
    .__window-button {
        font-size: 12px;
        padding: 5px 20px
    }
}

.__skew-button {
    border: none;
    outline: none;
    padding: 0 30px;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 5px;
    cursor: pointer
}

.__skew-button i {
    margin-left: 15px
}

.__skew-button.black {
    background: #000;
    color: #fff
}

.__skew-button.black:hover {
    background: #4d4d4d
}

.__skew-button.blue {
    background: #0878b5;
    color: #fff
}

.__skew-button.blue:hover {
    background: #065884
}

.__skew-button.blue:active {
    background: #0a98e6
}

.__skew-button.pink {
    background-color: #dc1860;
    color: #fff
}

.__skew-button.pink:hover {
    background-color: #893257;
    border-color: #893257
}

.__skew-button.pink.disabled,
.__skew-button.pink:active {
    background-color: #483845;
    border-color: #483845
}

.__skew-button.pink.disabled {
    cursor: unset
}

.__skew-button.pink.disabled .buttonText {
    color: #909090
}

@media (max-width:824px) {
    .__skew-button {
        height: 30px;
        padding: 0 15px;
        font-size: 10px
    }

    .__skew-button i {
        font-size: 12px
    }
}

.__gradient-button {
    outline: none;
    padding: 0 30px;
    height: 44px;
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: color .15s ease-in-out;
    border: 1px solid;
    justify-content: center
}

.__gradient-button i {
    font-size: 16px;
    margin-left: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0 !important
}

.__gradient-button i,
.__gradient-button span {
    transition: all .15s ease-in-out;
    position: relative;
    z-index: 1
}

.__gradient-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: transparent;
    transition: all .15s ease-in-out
}

.__gradient-button.black {
    color: #000;
    border-color: #000
}

.__gradient-button.black:hover,
.__gradient-button.black:hover .buttonText,
.__gradient-button.black:hover .icon-container {
    color: #fff
}

.__gradient-button.black:hover:before {
    width: 100%;
    background: #000
}

.__gradient-button.white {
    color: #fff;
    border-color: #fff
}

.__gradient-button.white:hover,
.__gradient-button.white:hover .buttonText,
.__gradient-button.white:hover .icon-container {
    color: #000
}

.__gradient-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__gradient-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__gradient-button.blue:hover,
.__gradient-button.blue:hover .buttonText,
.__gradient-button.blue:hover .icon-container {
    color: #fff
}

.__gradient-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__gradient-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__gradient-button.pink:hover,
.__gradient-button.pink:hover .buttonText,
.__gradient-button.pink:hover .icon-container {
    color: #fff
}

.__gradient-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__gradient-button:hover {
    border-width: 0
}

.__gradient-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__gradient-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__gradient-button:disabled {
    color: #7c7c7d
}

.__gradient-button:disabled:hover {
    color: currentColor
}

.__gradient-button:disabled:hover:before {
    width: 0;
    background: transparent
}

@media (max-width:824px) {
    .__gradient-button {
        width: 90%;
        justify-content: center;
        height: 34px;
        padding: 0 5%
    }
}

.checkbox {
    position: relative;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px
}

.checkbox .fa {
    width: 20px;
    height: 20px;
    color: #fff;
    position: absolute;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #000;
    overflow: hidden
}

.checkbox .fa-check {
    width: 20px;
    height: 20px;
    display: block
}

.checkbox.checked i {
    width: 20px;
    height: 20px;
    opacity: 1;
    background-color: #2c2c2c
}

.checkbox .label {
    font-size: 11px;
    margin-left: 40px;
    cursor: pointer;
    display: block;
    line-height: 30px
}

.checkbox .label a {
    color: #0878b5
}

.checkbox .title {
    display: block;
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 20px
}

@media (min-width:824px) {
    .checkbox .title {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .checkbox .title {
        font-size: 22px;
        line-height: 28px
    }
}

.checkbox .privacy {
    padding: 10px 0;
    cursor: auto
}

.checkbox .privacy p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    max-width: 350px;
    display: initial
}

.checkbox .privacy p a {
    color: #0878b5;
    text-decoration: underline
}

.checkbox .privacy p a span {
    color: #fff;
    text-decoration: none
}

.checkbox .privacy p a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .checkbox .privacy p {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .checkbox .privacy p {
        font-size: 16px;
        line-height: 18px
    }
}

.checkbox.showError .label,
.checkbox.showError .title {
    color: red
}

.checkbox.showError i {
    border-color: red
}

@media (min-width:992px) {
    .checkbox .label {
        margin-left: 40px
    }
}

.dropdown {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 20px
}

.dropdown a {
    color: #0878b5;
    text-decoration: underline
}

.dropdown a span {
    color: #fff;
    text-decoration: none
}

.dropdown a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .dropdown {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .dropdown {
        font-size: 14px;
        line-height: 20px
    }
}

.dropdown.vertical {
    width: calc(100% - 34px)
}

.dropdown.horisontal {
    width: 100%
}

.dropdown .select__externalLink {
    position: relative;
    height: 48px;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
    will-change: opacity, transform, color;
    background-color: initial;
    overflow: visible;
    cursor: pointer
}

.dropdown .select__externalLink a {
    color: #0878b5;
    text-decoration: underline
}

.dropdown .select__externalLink a span {
    color: #fff;
    text-decoration: none
}

.dropdown .select__externalLink a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .dropdown .select__externalLink {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .dropdown .select__externalLink {
        font-size: 14px;
        line-height: 20px
    }
}

.dropdown .select__externalLink .select__selected-text {
    background-color: initial;
    border: none;
    z-index: 1;
    width: calc(100% - 13px);
    outline: none;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    padding: 12px 15px 14px
}

.dropdown .select__externalLink .select__selected-text a {
    color: #0878b5;
    text-decoration: underline
}

.dropdown .select__externalLink .select__selected-text a span {
    color: #fff;
    text-decoration: none
}

.dropdown .select__externalLink .select__selected-text a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .dropdown .select__externalLink .select__selected-text {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .dropdown .select__externalLink .select__selected-text {
        font-size: 14px;
        line-height: 20px
    }
}

.dropdown .select__externalLink .notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__leading {
    width: 10px;
    border: 1px solid #909090;
    border-right-style: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__leading.focus {
    border-bottom: 2px solid #1ef1c6
}

.dropdown .select__externalLink .notched-outline .notched-outline__leading.show-warning {
    border-bottom: 2px solid red
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 10px);
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #909090;
    border-color: #909090 currentcolor;
    border-top: 1px solid #909090;
    pointer-events: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch.focus {
    border-top: none;
    border-bottom: 2px solid #1ef1c6
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch.has-content {
    border-top: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch.show-warning {
    border-bottom: 2px solid red
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    right: auto;
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: visible;
    will-change: transform;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    color: #909090;
    left: 5px
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label a {
    color: #0878b5;
    text-decoration: underline
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label a span {
    color: #fff;
    text-decoration: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label {
        font-size: 14px;
        line-height: 20px
    }
}

.dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label.floating-above {
    -webkit-transform: translateY(-33px) scale(.75);
    transform: translateY(-33px) scale(.75);
    line-height: 1.15rem;
    display: inline-block;
    text-overflow: clip;
    position: relative
}

.dropdown .select__externalLink .notched-outline .notched-outline__trailing {
    flex-grow: 1;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #909090;
    border-left-style: none;
    pointer-events: none
}

.dropdown .select__externalLink .notched-outline .notched-outline__trailing.focus {
    border-bottom: 2px solid #1ef1c6
}

.dropdown .select__externalLink .notched-outline .notched-outline__trailing.show-warning {
    border-bottom: 2px solid red
}

.dropdown .fa-chevron-down {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s ease-out;
    cursor: pointer
}

.dropdown .fa-chevron-down.open {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.dropdown .dropdown-content {
    position: absolute;
    width: calc(100% - 2px);
    z-index: 1;
    height: auto;
    max-height: 0;
    transition: .3s ease-out;
    list-style: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #909090
}

.dropdown .dropdown-content li.current,
.dropdown .dropdown-content li:hover {
    background-color: #909090
}

.dropdown .dropdown-content li.selected {
    background-color: #000;
    color: #fff
}

.dropdown .dropdown-content li {
    padding-left: 15px;
    height: 48px;
    max-height: 0;
    display: flex;
    align-items: center;
    transition: .3s ease-out;
    opacity: 0;
    cursor: pointer;
    position: relative
}

.dropdown .dropdown-content.open {
    max-height: 600px;
    overflow: auto;
    opacity: 1;
    z-index: 4
}

.dropdown .dropdown-content.open li {
    max-height: 48px;
    opacity: 1
}

.dropdown .warning-message {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    color: red
}

.dropdown .warning-message a {
    color: #0878b5;
    text-decoration: underline
}

.dropdown .warning-message a span {
    color: #fff;
    text-decoration: none
}

.dropdown .warning-message a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .dropdown .warning-message {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .dropdown .warning-message {
        font-size: 16px;
        line-height: 18px
    }
}

@media (min-width:824px) {

    .dropdown,
    .dropdown .dropdown-content {
        max-width: 350px
    }
}

.input-wrapper {
    margin-bottom: 20px
}

.input-wrapper .input-row {
    align-items: center;
    display: flex
}

.input-wrapper .input-row .icon-container {
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px
}

.input-wrapper .input-row .icon-container .fa-exclamation {
    color: red
}

.input-wrapper .input-row .icon-container .fa-check {
    color: #1ef1c6
}

.input-group {
    position: relative;
    height: 48px;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    border-radius: 0 10px 0 0;
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
    will-change: opacity, transform, color;
    background-color: initial;
    overflow: visible
}

.input-group a {
    color: #0878b5;
    text-decoration: underline
}

.input-group a span {
    color: #fff;
    text-decoration: none
}

.input-group a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-group {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-group {
        font-size: 14px;
        line-height: 20px
    }
}

.input-group .password-toggle {
    right: 10px;
    position: absolute;
    top: 18px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:824px) {
    .input-group .password-toggle {
        font-size: 12px;
        line-height: 13px
    }
}

@media (min-width:992px) {
    .input-group .password-toggle {
        font-size: 12px;
        line-height: 14px
    }
}

.input-group input {
    background-color: initial;
    border: none;
    width: calc(100% - 14px);
    outline: none;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    padding: 12px 15px 14px
}

.input-group input a {
    color: #0878b5;
    text-decoration: underline
}

.input-group input a span {
    color: #fff;
    text-decoration: none
}

.input-group input a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-group input {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-group input {
        font-size: 14px;
        line-height: 20px
    }
}

.input-group input:invalid {
    outline: none;
    box-shadow: none
}

.input-group .notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.input-group .notched-outline .notched-outline__leading {
    border-radius: 0;
    width: 10px;
    border: 1px solid #909090;
    border-right-style: none
}

.input-group .notched-outline .notched-outline__leading.focus {
    border-bottom: 2px solid #1ef1c6
}

.input-group .notched-outline .notched-outline__leading.show-warning {
    border-bottom: 2px solid red
}

.input-group .notched-outline .notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #909090;
    border-color: #909090 currentcolor;
    border-top: 1px solid #909090;
    pointer-events: none
}

.input-group .notched-outline .notched-outline__notch.focus {
    border-top: none;
    border-bottom: 2px solid #1ef1c6;
    width: auto
}

.input-group .notched-outline .notched-outline__notch.has-content {
    border-top: none
}

.input-group .notched-outline .notched-outline__notch.show-warning {
    border-bottom: 2px solid red
}

.input-group .notched-outline .notched-outline__notch .floating-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    right: auto;
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: visible;
    will-change: transform;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    color: #909090;
    left: 5px
}

.input-group .notched-outline .notched-outline__notch .floating-label a {
    color: #0878b5;
    text-decoration: underline
}

.input-group .notched-outline .notched-outline__notch .floating-label a span {
    color: #fff;
    text-decoration: none
}

.input-group .notched-outline .notched-outline__notch .floating-label a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-group .notched-outline .notched-outline__notch .floating-label {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-group .notched-outline .notched-outline__notch .floating-label {
        font-size: 14px;
        line-height: 20px
    }
}

.input-group .notched-outline .notched-outline__notch .floating-label.floating-above {
    -webkit-transform: translateY(-33px) scale(.75);
    transform: translateY(-33px) scale(.75);
    line-height: 1.15rem;
    display: inline-block;
    text-overflow: clip;
    position: relative;
    color: #2c2c2c
}

.input-group .notched-outline .notched-outline__trailing {
    border-radius: 0 10px 0 0;
    flex-grow: 1;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid #909090;
    border-left: none;
    pointer-events: none
}

.input-group .notched-outline .notched-outline__trailing.focus {
    border-bottom: 2px solid #1ef1c6
}

.input-group .notched-outline .notched-outline__trailing.show-warning {
    border-bottom: 2px solid red
}

.input-group.readonly {
    background: #909090
}

@media (min-width:824px) {

    .input-group,
    .input-group input {
        max-width: 350px
    }
}

.textarea-wrapper {
    margin-bottom: 20px
}

.textarea-wrapper .textarea-row {
    align-items: center;
    display: flex
}

.textarea-wrapper .textarea-row .icon-container {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.textarea-wrapper .textarea-row .icon-container .warning {
    color: red
}

.textarea-wrapper .textarea-row .icon-container .ok {
    color: #1ef1c6
}

.textarea-group {
    position: relative;
    height: 100%;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    color: #909090;
    width: calc(100% - 34px);
    display: inline-flex;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color;
    background-color: initial;
    overflow: visible
}

.textarea-group a {
    color: #0878b5;
    text-decoration: underline
}

.textarea-group a span {
    color: #fff;
    text-decoration: none
}

.textarea-group a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .textarea-group {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .textarea-group {
        font-size: 14px;
        line-height: 20px
    }
}

.textarea-group .password-toggle {
    right: 10px;
    position: absolute;
    top: 18px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:824px) {
    .textarea-group .password-toggle {
        font-size: 12px;
        line-height: 13px
    }
}

@media (min-width:992px) {
    .textarea-group .password-toggle {
        font-size: 12px;
        line-height: 14px
    }
}

.textarea-group textarea {
    background-color: initial;
    border: none;
    width: calc(100% - 14px);
    outline: none;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    padding: 12px 16px 14px
}

.textarea-group textarea a {
    color: #0878b5;
    text-decoration: underline
}

.textarea-group textarea a span {
    color: #fff;
    text-decoration: none
}

.textarea-group textarea a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .textarea-group textarea {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .textarea-group textarea {
        font-size: 14px;
        line-height: 20px
    }
}

.textarea-group .notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.textarea-group .notched-outline .notched-outline__leading {
    width: 20px;
    border: 1px solid #909090;
    border-right: #909090
}

.textarea-group .notched-outline .notched-outline__leading.focus {
    border-bottom: 2px solid #1ef1c6
}

.textarea-group .notched-outline .notched-outline__leading.show-warning {
    border-width: 1px 0 1px 1px;
    border-color: red
}

.textarea-group .notched-outline .notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 24px);
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #909090;
    border-color: #909090 currentcolor;
    border-top: 1px solid #909090;
    pointer-events: none
}

.textarea-group .notched-outline .notched-outline__notch.focus {
    border-top: none;
    border-bottom: 2px solid #1ef1c6
}

.textarea-group .notched-outline .notched-outline__notch.show-warning {
    border-width: 1px 0;
    border-color: red
}

.textarea-group .notched-outline .notched-outline__notch .floating-label {
    top: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    right: auto;
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

.textarea-group .notched-outline .notched-outline__notch .floating-label.floating-above {
    -webkit-transform: translateY(-30px) scale(.75);
    transform: translateY(-30px) scale(.75);
    line-height: 1.15rem;
    display: inline-block;
    text-overflow: clip;
    position: relative;
    left: 5px
}

.textarea-group .notched-outline .notched-outline__trailing {
    flex-grow: 1;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid;
    border-right: 1px solid #909090;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    pointer-events: none
}

.textarea-group .notched-outline .notched-outline__trailing.focus {
    border-bottom: 2px solid #1ef1c6
}

.textarea-group .notched-outline .notched-outline__trailing.show-warning {
    border-width: 1px 1px 1px 0;
    border-color: red
}

.info-message {
    font-size: 10px;
    line-height: 14px
}

@media (min-width:824px) {
    .info-message {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .info-message {
        font-size: 14px;
        line-height: 20px
    }
}

.dealer-map-info {
    width: 200px !important;
    background: #fff !important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3)
}

.dealer-map-info .img {
    width: 100% !important
}

.dealer-map-info .info-box {
    font-size: 12px !important;
    padding: 10px;
    background: #fff !important
}

.dealer-map-info .info-box .dealer-info {
    margin-top: 10px;
    word-break: keep-all
}

.ymaps-container {
    height: 455px
}

.ymaps-container .ymaps-2-1-76-controls__control_toolbar {
    display: none
}

@media (max-width:824px) {
    .ymaps-container .dealer-map-info {
        width: 100px
    }

    .ymaps-container .ymaps-2-1-76-controls-pane {
        display: none
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .ymaps-container .dealer-map-info {
        width: 250px
    }
}

.ymaps-2-1-76-copyright,
.ymaps-2-1-76-gotoymaps,
.ymaps-2-1-77-copyright,
.ymaps-2-1-77-gotoymaps {
    display: none !important
}

.ymaps-2-1-77-hint__text {
    padding: 0 !important;
    white-space: inherit !important
}

.__radio-button-list .radio-items {
    font-size: 16px
}

.__radio-button-list .radio-items .radio-item {
    align-items: center;
    cursor: pointer
}

.__radio-button-list .radio-items .radio-item .radioItemTag {
    position: relative
}

.__radio-button-list .radio-items .radio-item .radioItemTag .tagTop {
    position: relative;
    vertical-align: top;
    font-size: 12px;
    font-style: normal;
    top: -4px
}

.__radio-button-list .radio-items .radio-item span {
    font-size: 16px
}

.__radio-button-list .radio-items .radio-item.disabled .fa {
    cursor: not-allowed;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%
}

.__toast {
    width: 300px;
    background: #fff;
    display: flex;
    padding: 20px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3)
}

.__toast i {
    margin-right: 15px
}

.__alert {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    width: 50%
}

.__alert .icon {
    margin: 0 40px 40px;
    font-size: 40px
}

.__alert .text {
    max-height: 500px;
    word-break: break-word;
    padding: 0 40px;
    overflow-y: auto
}

.__alert .button-wrapper {
    padding: 0 40px;
    margin-top: 40px
}

.__alert.success .icon {
    color: #0878b5
}

.__alert.error .icon {
    color: red
}

.__alert.full {
    width: 100%
}

.__alert.wide {
    width: 80%
}

.__alert-enter {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.__alert-enter-active {
    transition: all .5s
}

.__alert-enter-active,
.__alert-exit {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__alert-exit-active {
    transition: all .5s;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1366px) {
    .__alert .text {
        max-height: 400px
    }
}

@media (max-width:824px) {
    .__alert {
        width: 100%
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__alert {
        padding: 20px 0
    }

    .__alert .text {
        max-height: 235px
    }

    .__alert .button-wrapper {
        margin-top: 20px
    }
}

.__modal {
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    min-width: 550px;
    box-sizing: border-box;
    position: relative
}

.__modal .button-close {
    position: absolute;
    right: 28px;
    top: 28px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    border: 1px solid #000
}

.__modal .modal-content {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box
}

.__modal.full-width {
    width: 100%
}

.__modal-enter {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.__modal-enter-active {
    transition: all .5s
}

.__modal-enter-active,
.__modal-exit {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__modal-exit-active {
    transition: all .5s;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:824px) {
    .__modal {
        width: 100%;
        min-width: 375px
    }
}

.__anchor-section {
    position: fixed;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    z-index: 5;
    transition: all .15s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.__anchor-section .anchor {
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color .15s ease-in-out;
    height: 30px
}

.__anchor-section .anchor .anchor-spot {
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #000;
    transition: all .15s ease-in-out
}

.__anchor-section .anchor .anchor-spot:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    border: 1px solid #000;
    display: block;
    transition: all .15s ease-in-out
}

.__anchor-section .anchor .anchor-spot:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: block;
    margin-left: -15px;
    margin-top: -15px
}

.__anchor-section .anchor .anchor-spot:hover:after {
    width: 30px;
    height: 30px;
    transition: none;
    -webkit-animation: anchor-spot-ani .8s ease-in-out infinite;
    animation: anchor-spot-ani .8s ease-in-out infinite
}

.__anchor-section .anchor .anchor-name {
    margin-left: 15px;
    font-size: 8px;
    font-weight: 700
}

.__anchor-section .anchor .anchor-name-enter {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .3s ease-in-out
}

.__anchor-section .anchor .anchor-name-enter-active,
.__anchor-section .anchor .anchor-name-exit {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in-out
}

.__anchor-section .anchor .anchor-name-exit-active {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .3s ease-in-out
}

.__anchor-section .anchor.active .anchor-spot {
    width: 5px;
    height: 5px
}

.__anchor-section .anchor.active .anchor-spot:after {
    width: 30px;
    height: 30px;
    -webkit-animation: anchor-spot-ani .8s ease-in-out infinite;
    animation: anchor-spot-ani .8s ease-in-out infinite
}

.__anchor-section .anchor+.anchor {
    margin-top: 10px
}

.__anchor-section.black {
    color: #000
}

.__anchor-section.black .anchor .anchor-spot {
    background: #000
}

.__anchor-section.black .anchor .anchor-spot:after {
    border-color: #000
}

.__anchor-section.white {
    color: #fff
}

.__anchor-section.white .anchor .anchor-spot {
    background: #fff
}

.__anchor-section.white .anchor .anchor-spot:after {
    border-color: #fff
}

.__anchor-section.blue {
    color: #0878b5
}

.__anchor-section.blue .anchor .anchor-spot {
    background: #0878b5
}

.__anchor-section.blue .anchor .anchor-spot:after {
    border-color: #0878b5
}

.__anchor-section.pink {
    color: #dc1860
}

.__anchor-section.pink .anchor .anchor-spot {
    background: #dc1860
}

.__anchor-section.pink .anchor .anchor-spot:after {
    border-color: #dc1860
}

@-webkit-keyframes anchor-spot-ani {
    0% {
        width: 4px;
        height: 4px
    }

    50% {
        width: 20px;
        height: 20px
    }

    to {
        width: 4px;
        height: 4px
    }
}

@keyframes anchor-spot-ani {
    0% {
        width: 4px;
        height: 4px
    }

    50% {
        width: 20px;
        height: 20px
    }

    to {
        width: 4px;
        height: 4px
    }
}

@-webkit-keyframes anchor-name-active-ani {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
}

@keyframes anchor-name-active-ani {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }
}

@media (max-width:1024px) {
    .__anchor-section {
        display: none
    }
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 100
}

.mask-enter {
    opacity: 0;
    transition: all ease-in-out
}

.mask-enter-active,
.mask-exit {
    opacity: 1;
    transition: all ease-in-out
}

.mask-exit-active {
    opacity: 0;
    transition: all ease-in-out
}

.__lined-title {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    margin: 0 0 20px;
    letter-spacing: 0 !important
}

@media (min-width:824px) {
    .__lined-title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .__lined-title {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.__lined-title:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: 80px;
    height: 2px;
    background: #0066b2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:824px) {
    .__lined-title {
        padding-top: 25px;
        padding-bottom: 15px;
        margin-bottom: 20px
    }
}

.__image {
    width: 100%;
    overflow: hidden;
    line-height: .7
}

.__image img {
    width: 100%;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    will-change: transform;
    object-fit: cover
}

.__image.animate img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__background-image {
    background-size: cover;
    background-position: 50%
}

.__accessory-header .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex
}

.__accessory-header .component-wrapper .goods-info {
    flex-grow: 1;
    padding-top: 76px;
    margin-right: 230px
}

.__accessory-header .component-wrapper .goods-info .title-image {
    width: 540px
}

.__accessory-header .component-wrapper .goods-info .title {
    margin-top: 28px;
    font-size: 28px;
    line-height: 1.3
}

.__accessory-header .component-wrapper .goods-info .title p {
    font-size: 28px;
    line-height: 1.3
}

.__accessory-header .component-wrapper .goods-info .text {
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px
}

.__accessory-header .component-wrapper .goods-info .desc-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.__accessory-header .component-wrapper .goods-image {
    flex-shrink: 0;
    width: 480px;
    height: auto
}

@media (max-width:824px) {
    .__accessory-header .component-wrapper {
        flex-direction: column
    }

    .__accessory-header .component-wrapper .goods-info {
        width: 100%;
        order: 2;
        margin-right: 0
    }

    .__accessory-header .component-wrapper .goods-info .title-image {
        width: 100%
    }

    .__accessory-header .component-wrapper .goods-info .title,
    .__accessory-header .component-wrapper .goods-info .title p {
        font-size: 20px
    }

    .__accessory-header .component-wrapper .goods-info .desc-wrapper {
        flex-direction: column
    }

    .__accessory-header .component-wrapper .goods-info .desc-wrapper .text {
        margin-bottom: 20px
    }

    .__accessory-header .component-wrapper .goods-image {
        width: 100%;
        order: 1
    }
}

.__accessory-list .content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 30px
}

.__accessory-list .content .top {
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: left
}

.__accessory-list .content .top .tip {
    width: 320px;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 50px 4px;
    color: rgba(0, 0, 0, .5)
}

.__accessory-list .content .top button {
    margin-right: 20px;
    height: 50px;
    width: 208px;
    padding-left: 20px;
    padding-right: 20px
}

.__accessory-list .content .top .no-result {
    margin-top: 10px;
    color: #ea5656;
    font-size: 16px
}

.__accessory-list .content .top .no-result .fa {
    padding-right: 10px;
    color: #fc0
}

.__accessory-list .tab-menu {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 50px;
    width: 100%;
    margin: 30px 0;
    display: flex
}

.__accessory-list .tab-menu .tab-item {
    width: 50%;
    border: 1px solid #0066b2;
    color: #0066b2;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}

.__accessory-list .tab-menu .tab-item.active {
    background: #0066b2;
    color: #fff
}

.__accessory-list .car-model {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    flex-wrap: wrap
}

.__accessory-list .car-model li {
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    padding-bottom: 10px
}

.__accessory-list .car-model li .car-image {
    width: 240px;
    height: auto;
    display: flex;
    justify-content: center;
    text-align: center
}

.__accessory-list .car-model li img {
    width: 225px;
    height: auto;
    margin-top: 20px
}

.__accessory-list .car-model li p {
    margin-top: 10px;
    color: rgba(0, 0, 0, .75)
}

.__accessory-list .car-model li.active,
.__accessory-list .car-model li:hover {
    width: auto;
    font-size: 22px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.__accessory-list .car-model li.active p,
.__accessory-list .car-model li:hover p {
    color: #0066b2;
    font-weight: 700
}

.__accessory-list .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: row;
    grid-row-start: 5;
    grid-column-gap: 0
}

.__accessory-list .content-wrapper .dictionary-list {
    margin-right: 60px;
    grid-column-start: 1
}

.__accessory-list .content-wrapper .dictionary-list .dictionary-item {
    width: 205px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    cursor: pointer
}

.__accessory-list .content-wrapper .dictionary-list .dictionary-item p {
    margin-right: auto;
    color: rgba(0, 0, 0, .5)
}

.__accessory-list .content-wrapper .dictionary-list .dictionary-item img {
    width: 38px;
    height: 38px
}

.__accessory-list .content-wrapper .dictionary-list .dictionary-item.active {
    background: rgba(220, 226, 230, .39)
}

.__accessory-list .content-wrapper .dictionary-list .dictionary-item.active p {
    color: #000
}

.__accessory-list .content-wrapper .content-list .content-item {
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    display: grid;
    grid-template-columns: 310px 310px 310px;
    justify-content: center
}

.__accessory-list .content-wrapper .content-list .content-item .category-item {
    position: relative;
    width: 310px;
    height: 520px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 0
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item {
    border: 1px solid #d9d9d9;
    width: 310px;
    height: 540px;
    position: absolute;
    top: 0
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item.no-image {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .image {
    width: 310px;
    height: auto !important;
    margin-bottom: 12px
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details {
    padding: 0 14px;
    color: rgba(0, 0, 0, .75)
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 88px
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail span {
    font-size: 14px
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details button {
    margin-top: 10px
}

.__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .buttons {
    left: 114px;
    margin-left: -100px;
    width: 310px;
    position: absolute;
    bottom: 4px;
    opacity: 0;
    transition: opacity .15s ease-in-out 0s
}

.__accessory-list .content-wrapper .page-numbers {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__accessory-list .content-wrapper .page-numbers .__pagination {
    float: right
}

.__accessory-list .content-wrapper .load-more {
    display: none
}

.__accessory-list .newButton {
    width: 200px;
    height: 40px;
    border: 1px solid #000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin: 0 auto
}

@media (max-width:824px) {
    .__accessory-list .content {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__accessory-list .content .top {
        display: grid;
        grid-template-columns: 200px minmax(130px, 1fr);
        grid-template-rows: auto auto auto;
        margin-top: 0
    }

    .__accessory-list .content .top .search {
        grid-row-start: 1;
        grid-column-start: 1
    }

    .__accessory-list .content .top .tip {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 20px 0
    }

    .__accessory-list .content .top .btn1 {
        grid-row-start: 4;
        grid-column-start: 1
    }

    .__accessory-list .content .top .btn1 button {
        height: 36px
    }

    .__accessory-list .content .top .btn2 {
        grid-row-start: 1;
        grid-column-start: 2
    }

    .__accessory-list .content .top .btn2 button {
        margin-right: 0;
        padding: 2px 10px;
        text-align: left;
        font-size: 10px;
        width: 100%;
        height: 34px
    }

    .__accessory-list .content .top .no-result {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__accessory-list .tab-menu {
        height: 44px;
        margin: 30px 0
    }

    .__accessory-list .tab-menu .tab-item {
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__accessory-list .car-model {
        height: auto;
        justify-content: center
    }

    .__accessory-list .car-model li {
        font-size: 10px;
        margin: 20px 5px 0;
        padding-top: 20px
    }

    .__accessory-list .car-model li .car-image {
        width: 150px;
        height: 58px;
        display: flex;
        justify-content: center;
        text-align: center
    }

    .__accessory-list .car-model li img {
        width: 94px;
        border: 0
    }

    .__accessory-list .car-model li.active {
        font-size: 12px
    }

    .__accessory-list .car-model li.active img {
        width: 120px;
        margin-top: 0
    }

    .__accessory-list .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 0;
        flex-direction: column
    }

    .__accessory-list .content-wrapper .dictionary-list {
        width: 100%;
        margin: 0 auto 20px
    }

    .__accessory-list .content-wrapper .dictionary-list .dictionary-item {
        width: calc(100% - 140px);
        padding: 0 70px
    }

    .__accessory-list .content-wrapper .content-list .content-item {
        grid-column-gap: 13px;
        grid-row-gap: 13px;
        grid-template-columns: 165px 165px;
        display: grid
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item {
        position: relative;
        width: 165px;
        height: 450px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        border: 0
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item {
        width: 165px;
        height: 450px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .image {
        width: 165px;
        height: 165px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details {
        padding: 0 10px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .title {
        font-size: 12px;
        line-height: 15px;
        height: 60px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail {
        font-size: 10px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail span {
        font-size: 12px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details button {
        margin-top: 6px;
        padding: 4px 5px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .buttons {
        left: 110px;
        margin-left: -100px;
        width: 140px;
        position: absolute;
        bottom: 10px;
        opacity: 1;
        transition: opacity .15s ease-in-out 0s
    }

    .__accessory-list .page-numbers {
        display: none
    }

    .__accessory-list .load-more {
        margin: 40px auto;
        display: block !important
    }

    .__accessory-list .load-more button {
        margin: 0 auto
    }

    .__accessory-list .waterfall {
        -webkit-column-count: 1;
        -webkit-column-width: 344px;
        columns: 344px 1;
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__accessory-list .car-model {
        justify-content: left !important
    }
}

@media (max-width:1366px) {
    .__accessory-list .content-wrapper {
        grid-column-gap: 0
    }
}

@media (min-width:824px) {
    .__accessory-list .content-wrapper .content-list .content-item {
        grid-column-gap: 20px;
        grid-row-gap: 50px;
        display: grid;
        grid-template-columns: 310px 310px 310px;
        justify-content: center
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item {
        position: relative;
        width: 310px;
        height: 520px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item {
        border: 1px solid #d9d9d9;
        width: 310px;
        height: 520px;
        position: absolute;
        top: 0;
        overflow: hidden
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item.no-image {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .image {
        width: 310px;
        height: auto !important;
        margin-bottom: 12px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details {
        padding: 0 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 88px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .detail span {
        font-size: 14px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details button {
        width: 90%;
        margin-top: 10px;
        height: 32px
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item .item .details .buttons {
        left: 114px;
        margin-left: -100px;
        width: 310px;
        position: absolute;
        bottom: -120px;
        opacity: 0;
        transition: opacity .15s ease-in-out 0s
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item:hover .item {
        border-color: #e4e4e4;
        background: #fff;
        padding: 20px 28px;
        width: 310px;
        height: 550px;
        left: -12px;
        right: -12px;
        top: -32px;
        z-index: 2;
        box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .45), 0 0 4px -2px rgba(0, 0, 0, .35);
        transition: padding .25s ease-in-out 0s, left .25s ease-in-out 0s, right .25s ease-in-out 0s, top .25s ease-in-out 0s, height .25s ease-in-out 0s, border-color 0s linear .05s, z-index .25s step-start 0s
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item:hover .details .buttons {
        left: 140px;
        bottom: 25px;
        opacity: 1;
        transition: opacity .35s ease-in-out .05s
    }

    .__accessory-list .content-wrapper .content-list .content-item .category-item:hover .details button {
        pointer-events: auto
    }
}

.__input-search-group {
    display: flex;
    align-items: stretch;
    height: 50px;
    width: 400px
}

.__input-search-group .input-wrapper {
    flex-grow: 1;
    height: 50px;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid rgba(19, 20, 21, .3);
    display: flex;
    align-items: center;
    position: relative
}

.__input-search-group .input-wrapper .input {
    width: 336px;
    background: transparent;
    border: none;
    font-size: 16px;
    text-align: center
}

.__input-search-group .input-wrapper .input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.__input-search-group .input-wrapper .input:focus {
    outline: none
}

.__input-search-group .btn {
    width: 50px;
    height: 50px;
    font-size: 12px;
    flex-shrink: 0;
    border-color: #2e2e2e;
    background: hsla(0, 0%, 84.7%, .75);
    color: rgba(0, 0, 0, .75);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.__input-search-group .btn .fa {
    font-size: 26px;
    color: rgba(0, 0, 0, .75);
    transition: all .3s ease-in-out
}

.__input-search-group .btn .fa:hover {
    font-size: 30px
}

.fromTechnical {
    width: calc(30% - 30px);
    min-width: 240px
}

@media (max-width:824px) {
    .__input-search-group {
        height: 34px;
        width: 162px
    }

    .__input-search-group .input-wrapper {
        flex-grow: 1;
        height: 32px
    }

    .__input-search-group .input-wrapper .input {
        width: 132px;
        font-size: 12px
    }

    .__input-search-group .btn {
        font-size: 11px;
        width: 32px;
        height: 32px
    }

    .__input-search-group .btn .fa {
        font-size: 12px
    }

    .fromTechnical {
        width: auto;
        min-width: auto
    }
}

@media (max-width:1024px) {
    .__input-search-group .btn {
        font-size: 10px
    }
}

@media (min-width:992px) {

    .__pagination,
    .__pagination .dot {
        display: flex;
        align-items: center
    }

    .__pagination .dot {
        width: 28px;
        height: 28px;
        margin-left: 10px;
        cursor: pointer;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .15);
        text-align: center;
        line-height: 28px;
        font-size: 14px;
        justify-content: center
    }

    .__pagination .dot .fa {
        font-size: 20px;
        color: #7e7e7e
    }

    .__pagination .dot:before {
        content: ""
    }

    .__pagination .dot:hover {
        background: #0066b2;
        border: 1px solid #0066b2;
        color: #fff
    }

    .__pagination .dot.current {
        color: #fff;
        background-color: #0066b2
    }

    .__pagination .dot.disabled {
        background-color: #ececec
    }

    .__pagination .dot.disabled:hover {
        background: #ececec;
        border: 1px solid rgba(0, 0, 0, .15);
        color: rgba(0, 0, 0, .75);
        cursor: not-allowed
    }

    .__pagination .input-number {
        padding-left: 20px
    }

    .__pagination .input-number input {
        width: 28px;
        height: 28px;
        margin: 0 10px;
        cursor: pointer;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .15);
        text-align: center;
        line-height: 28px;
        font-size: 14px;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .__pagination .input-number input::-webkit-inner-spin-button,
    .__pagination .input-number input::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

    .__pagination .input-number input[type=number] {
        -moz-appearance: textfield
    }
}

@media (max-width:824px) {
    .__pagination {
        display: none
    }
}

.__accordion .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-header {
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #e7eef4;
    padding: 0 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-header .accordion-item-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content {
    padding: 25px 20px;
    background-color: #f5f6f9;
    overflow-y: hidden;
    height: 0
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.white {
    background-color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black {
    background-color: #000;
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black .accordion-item-datas .accordion-item-list .accordion-item-list-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black a {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black .accordion-item-datalist .accordion-item-list-element .dot-wrapper .dot {
    background-color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.black .accordion-item-datalist .accordion-item-list-element .text {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink {
    background-color: #dc1860;
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink .accordion-item-datas .accordion-item-list .accordion-item-list-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink a {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink .accordion-item-datalist .accordion-item-list-element .dot-wrapper .dot {
    background-color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.pink .accordion-item-datalist .accordion-item-list-element .text {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue {
    background-color: #0878b5;
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue .accordion-item-datas .accordion-item-list .accordion-item-list-body,
.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue a {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue .accordion-item-datalist .accordion-item-list-element .dot-wrapper .dot {
    background-color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content.blue .accordion-item-datalist .accordion-item-list-element .text {
    color: #fff
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading {
    display: flex;
    align-items: center
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading .accordion-item-beancurd-icon {
    width: 40px;
    height: auto;
    margin-right: 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading .accordion-item-beancurd-title {
    font-size: 20px;
    word-break: break-word
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body {
    margin-top: 30px;
    color: #9d9ea0;
    line-height: 20px;
    word-break: break-word
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:first-child {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(2) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(3) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(4) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(5) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(6) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(7) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(8) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(9) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(10) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(11) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(12) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(13) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(14) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(15) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(16) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(17) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(18) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(19) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(20) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(21) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(22) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(23) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(24) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(25) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(26) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(27) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(28) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(29) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(30) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(31) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(32) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(33) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(34) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(35) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(36) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(37) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(38) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(39) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(40) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(41) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(42) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(43) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(44) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(45) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(46) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(47) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(48) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(49) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(50) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(51) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(52) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(53) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(54) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(55) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(56) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(57) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(58) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(59) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(60) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(61) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(62) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(63) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(64) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(65) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(66) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(67) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(68) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(69) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(70) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(71) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(72) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(73) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(74) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(75) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(76) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(77) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(78) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(79) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(80) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(81) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(82) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(83) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(84) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(85) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(86) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(87) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(88) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(89) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(90) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(91) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(92) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(93) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(94) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(95) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(96) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(97) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 33;
    -ms-grid-row: 33;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(98) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 33;
    -ms-grid-row: 33;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(99) {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 33;
    -ms-grid-row: 33;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-list {
    margin-top: 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-list .accordion-item-list-heading {
    display: flex;
    align-items: center
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-list .accordion-item-list-heading .accordion-item-list-icon {
    width: 40px;
    height: auto;
    margin-right: 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-list .accordion-item-list-heading .accordion-item-list-title {
    font-size: 14px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-list .accordion-item-list-body {
    margin-top: 30px;
    color: #9d9ea0;
    line-height: 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist {
    margin-top: 20px;
    padding-left: 15px
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist .accordion-item-list-element {
    display: flex
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist .accordion-item-list-element .dot-wrapper {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist .accordion-item-list-element .dot-wrapper .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #000
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist .accordion-item-list-element .text {
    flex-grow: 1;
    line-height: 20px;
    color: #9d9ea0;
    word-break: break-word
}

.__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datalist+.accordion-item-list-element {
    margin-top: 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item.collapsed .accordion-item-content {
    padding: 0 20px
}

.__accordion .content-wrapper .accordion-items .accordion-item+.accordion-item {
    margin-top: 30px
}

@media (max-width:1024px) {
    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading .accordion-item-beancurd-icon {
        width: 30px;
        margin-right: 20px
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading .accordion-item-beancurd-title {
        font-size: 16px;
        margin-right: 20px
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body {
        margin-top: 20px;
        line-height: 20px
    }
}

@media (max-width:824px) {
    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list {
        display: flex;
        flex-wrap: wrap
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd {
        width: calc(50% - 15px)
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading {
        align-items: flex-start
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-heading .accordion-item-beancurd-icon {
        width: 20px;
        margin-right: 20px
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd .accordion-item-beancurd-body {
        margin-top: 20px;
        line-height: 20px;
        font-size: 11px
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(2n+2) {
        margin-left: 30px
    }

    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(2n+3),
    .__accordion .content-wrapper .accordion-items .accordion-item .accordion-item-content .accordion-item-datas .accordion-item-beancurd-list .accordion-item-beancurd:nth-child(2n+4) {
        margin-top: 30px
    }
}

.__bean-curd-list {
    padding: 30px 0 50px
}

.__bean-curd-list .heading {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__bean-curd-list .bean-curds-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__bean-curd-list .bean-curds-wrapper .bean-curds {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 48%);
    grid-column-gap: 4%;
    grid-row-gap: 2%
}

.__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd {
    box-sizing: border-box;
    padding: 20px 14px 29px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .label {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0878b5;
    border-radius: 100%;
    color: #fff;
    font-size: 26px
}

.__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .title {
    margin-top: 20px
}

.__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .body {
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    line-height: 18px;
    color: #7c7c7d;
    text-align: center
}

.__bean-curd-list .bean-curds-wrapper .list-body {
    margin-top: 50px
}

@media (min-width:824px) {
    .__bean-curd-list {
        padding: 30px 0 50px
    }

    .__bean-curd-list .heading {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__bean-curd-list .bean-curds-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__bean-curd-list .bean-curds-wrapper .bean-curds {
        margin-top: 25px;
        display: grid;
        grid-template-columns: repeat(auto-fill, 18%);
        grid-column-gap: 8%;
        grid-row-gap: 50px;
        justify-content: center
    }

    .__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd {
        box-sizing: border-box;
        padding: 44px 44px 38px;
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .2);
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .label {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #0878b5;
        border-radius: 100%;
        color: #fff
    }

    .__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .title {
        margin-top: 20px
    }

    .__bean-curd-list .bean-curds-wrapper .bean-curds .bean-curd .body {
        width: 100%;
        margin-top: 20px;
        font-size: 16px;
        line-height: 18px;
        color: #7c7c7d;
        text-align: center
    }

    .__bean-curd-list .bean-curds-wrapper .list-body {
        margin-top: 50px
    }
}

.__bread-crumbs .component-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__bread-crumbs .component-content .bread-crumb a {
    text-decoration: none;
    position: relative
}

.__bread-crumbs .component-content .bread-crumb a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    display: block;
    width: 0;
    border-top: 1px solid #989898;
    transition: all .3s
}

.__bread-crumbs .component-content .bread-crumb a.has-link {
    cursor: pointer
}

.__bread-crumbs .component-content .bread-crumb a.has-link:hover:before {
    width: 100%
}

.__bread-crumbs .component-content .bread-crumb+.bread-crumb:before {
    content: " > "
}

.__bread-crumbs.padding-top-large {
    padding-top: 80px
}

.__bread-crumbs.padding-bottom-large {
    padding-bottom: 80px
}

.__bread-crumbs.margin-top-large {
    margin-top: 80px
}

.__bread-crumbs.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__bread-crumbs.padding-top-large {
        padding-top: 60px
    }

    .__bread-crumbs.padding-bottom-large {
        padding-bottom: 60px
    }

    .__bread-crumbs.margin-top-large {
        margin-top: 60px
    }

    .__bread-crumbs.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__bread-crumbs.padding-top-large {
        padding-top: 50px
    }

    .__bread-crumbs.padding-bottom-large {
        padding-bottom: 50px
    }

    .__bread-crumbs.margin-top-large {
        margin-top: 50px
    }

    .__bread-crumbs.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__bread-crumbs.padding-top-medium {
    padding-top: 50px
}

.__bread-crumbs.padding-bottom-medium {
    padding-bottom: 50px
}

.__bread-crumbs.margin-top-medium {
    margin-top: 50px
}

.__bread-crumbs.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__bread-crumbs.padding-top-medium {
        padding-top: 40px
    }

    .__bread-crumbs.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__bread-crumbs.margin-top-medium {
        margin-top: 40px
    }

    .__bread-crumbs.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__bread-crumbs.padding-top-medium {
        padding-top: 30px
    }

    .__bread-crumbs.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__bread-crumbs.margin-top-medium {
        margin-top: 30px
    }

    .__bread-crumbs.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__bread-crumbs.padding-top-tiny {
    padding-top: 30px
}

.__bread-crumbs.padding-bottom-tiny {
    padding-bottom: 30px
}

.__bread-crumbs.margin-top-tiny {
    margin-top: 30px
}

.__bread-crumbs.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__bread-crumbs.padding-top-tiny {
        padding-top: 20px
    }

    .__bread-crumbs.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__bread-crumbs.margin-top-tiny {
        margin-top: 20px
    }

    .__bread-crumbs.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__bread-crumbs.padding-top-tiny {
        padding-top: 20px
    }

    .__bread-crumbs.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__bread-crumbs.margin-top-tiny {
        margin-top: 20px
    }

    .__bread-crumbs.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.__cards-carousel .carousel-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .fa,
.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-date .date span,
.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-description,
.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-title {
    color: #9ca9b3
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-image-wrap {
    width: 100%;
    overflow: hidden
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-image {
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px 30px
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title {
    position: relative;
    padding-bottom: 20px
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title h3 {
    margin-top: 20px;
    font-size: 16px;
    transition: all .5s ease-in-out;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title .line {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 60px;
    border-bottom: 2px solid #0066b2
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    transition: all .5s ease-in-out;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date {
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date {
    color: #7e7e7e;
    font-size: 16px;
    display: flex;
    align-items: center
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date .fa {
    font-size: 18px;
    transition: all .5s ease-in-out
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date>span {
    margin-left: 10px;
    line-height: 1;
    transition: all .5s ease-in-out
}

.__cards-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .fa {
    font-size: 24px;
    transition: all .5s ease-in-out
}

.__cards-carousel .carousel-content .btns_swiper,
.__cards-carousel .carousel-content .btns_swiper span {
    display: flex;
    justify-content: center;
    align-items: center
}

.__cards-carousel .carousel-content .btns_swiper span {
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    margin-right: 10px
}

.__cards-carousel .carousel-content .btns_swiper span .fa {
    font-size: 18px;
    color: #fff
}

.__cards-carousel .carousel-content .btns_swiper span.active {
    background: rgba(0, 102, 178, .7)
}

.__cards-carousel .carousel-content .swiper-pager {
    text-align: center
}

.__cards-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__cards-carousel .carousel-content .swiper-pager .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__cards-carousel .carousel-content .swiper-pager .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__cards-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

.__cards-carousel.padding-top-large {
    padding-top: 80px
}

.__cards-carousel.padding-bottom-large {
    padding-bottom: 80px
}

.__cards-carousel.margin-top-large {
    margin-top: 80px
}

.__cards-carousel.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cards-carousel.padding-top-large {
        padding-top: 60px
    }

    .__cards-carousel.padding-bottom-large {
        padding-bottom: 60px
    }

    .__cards-carousel.margin-top-large {
        margin-top: 60px
    }

    .__cards-carousel.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cards-carousel.padding-top-large {
        padding-top: 50px
    }

    .__cards-carousel.padding-bottom-large {
        padding-bottom: 50px
    }

    .__cards-carousel.margin-top-large {
        margin-top: 50px
    }

    .__cards-carousel.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__cards-carousel.padding-top-medium {
    padding-top: 50px
}

.__cards-carousel.padding-bottom-medium {
    padding-bottom: 50px
}

.__cards-carousel.margin-top-medium {
    margin-top: 50px
}

.__cards-carousel.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cards-carousel.padding-top-medium {
        padding-top: 40px
    }

    .__cards-carousel.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__cards-carousel.margin-top-medium {
        margin-top: 40px
    }

    .__cards-carousel.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cards-carousel.padding-top-medium {
        padding-top: 30px
    }

    .__cards-carousel.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__cards-carousel.margin-top-medium {
        margin-top: 30px
    }

    .__cards-carousel.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__cards-carousel.padding-top-tiny {
    padding-top: 30px
}

.__cards-carousel.padding-bottom-tiny {
    padding-bottom: 30px
}

.__cards-carousel.margin-top-tiny {
    margin-top: 30px
}

.__cards-carousel.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cards-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__cards-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__cards-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__cards-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cards-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__cards-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__cards-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__cards-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.__cards-overlap-carousel {
    position: relative
}

.__cards-overlap-carousel .certifySwiper {
    display: flex;
    background-size: cover;
    background-position: 50%;
    justify-content: space-around;
    padding: 59px 0 47px
}

.__cards-overlap-carousel .certifySwiper .swiperPartTxt {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding: 0 20px 0 96px;
    z-index: 3
}

.__cards-overlap-carousel .certifySwiper .swiperPart {
    position: relative;
    padding: 0 70px
}

.__cards-overlap-carousel .certifySwiper .swiperPart .bottomButton {
    display: block;
    position: absolute;
    bottom: -20px;
    width: calc(100% - 140px);
    display: flex;
    justify-content: center;
    z-index: 22
}

.__cards-overlap-carousel .certifySwiper .swiperPart .bottomButton button {
    margin: 0 auto
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container {
    height: 600px;
    width: 560px;
    z-index: 3;
    overflow: inherit;
    margin-bottom: 50px
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    background-size: cover;
    background-position: 50%;
    transition: .3s;
    width: 300px;
    padding: 0 35px
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-title {
    color: #fff;
    padding: 59px 0 30px;
    text-align: center
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-body {
    color: #fff;
    padding: 0 0 50px
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-button {
    display: flex;
    color: #fff;
    align-items: center;
    position: relative;
    z-index: 999
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .bottomButton {
    display: none
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active {
    z-index: 3;
    background-color: #6889af
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active .bottomButton {
    display: block;
    position: absolute;
    bottom: -68px;
    width: 300px;
    margin: auto;
    display: flex;
    justify-content: center
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #6889af;
    opacity: .3;
    z-index: 2
}

.__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: initial;
    opacity: 1;
    z-index: -2
}

.__cards-overlap-carousel .certifySwiper .swiperPart .next-cards-overlap,
.__cards-overlap-carousel .certifySwiper .swiperPart .prev-cards-overlap {
    width: 61px;
    height: 58px;
    background-color: hsla(0, 0%, 100%, .2)
}

.__cards-overlap-carousel .certifySwiper .swiperPart .next-cards-overlap:after,
.__cards-overlap-carousel .certifySwiper .swiperPart .prev-cards-overlap:after {
    color: #fff
}

.__cards-overlap-carousel .certifySwiper:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #6889af;
    opacity: .3;
    z-index: 2
}

@media (max-width:824px) {
    .__cards-overlap-carousel {
        position: relative
    }

    .__cards-overlap-carousel .certifySwiper {
        display: flex;
        flex-direction: column;
        padding: 23px 0 20px;
        overflow: hidden
    }

    .__cards-overlap-carousel .certifySwiper .swiperPartTxt {
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        padding: 0 0 20px;
        z-index: 3;
        text-align: center
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart {
        position: relative;
        padding: 0
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .bottomButton {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        z-index: 22
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .bottomButton button {
        margin: 0 auto;
        max-width: 200px
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container {
        height: 300px;
        width: 250px;
        z-index: 3;
        overflow: hidden
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%;
        background-size: cover;
        background-position: 50%;
        transition: .3s;
        width: 160px;
        padding: 0
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-title {
        color: #fff;
        padding: 33px 0 14px;
        text-align: center;
        margin: 0 12px
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-body {
        color: #fff;
        padding: 0;
        margin: 0 12px 14px;
        overflow: hidden;
        max-height: 142px;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-body::-webkit-scrollbar {
        display: none
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-button {
        display: none
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active {
        z-index: 3
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active .fris-button {
        display: flex;
        color: #fff;
        align-items: center;
        margin: 0 12px
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #6889af;
        opacity: .3;
        z-index: 2
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide-active:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: initial;
        opacity: 1;
        z-index: -2
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .next-cards-overlap,
    .__cards-overlap-carousel .certifySwiper .swiperPart .prev-cards-overlap {
        width: 30px;
        height: 30px;
        background-color: hsla(0, 0%, 100%, .2)
    }

    .__cards-overlap-carousel .certifySwiper .swiperPart .next-cards-overlap:after,
    .__cards-overlap-carousel .certifySwiper .swiperPart .prev-cards-overlap:after {
        color: #fff;
        font-size: 20px
    }

    .__cards-overlap-carousel .certifySwiper:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #6889af;
        opacity: .3;
        z-index: 2
    }
}

.__car-show {
    position: relative;
    display: flex;
    justify-content: center
}

.__car-show .buttons {
    position: absolute;
    bottom: 60px;
    display: flex;
    z-index: 2
}

.__car-show .reference {
    font-size: 14px !important;
    position: absolute;
    bottom: 18px;
    display: flex;
    z-index: 2
}

.__car-show .iframe {
    width: 100%;
    height: 812px;
    border: 0
}

@media (max-width:824px) {
    .__car-show {
        position: relative
    }

    .__car-show .iframe {
        width: 100%;
        height: 420px
    }

    .__car-show .buttons {
        bottom: 60px
    }

    .__car-show .reference {
        font-size: 10px !important;
        position: absolute;
        bottom: 4px;
        display: flex;
        z-index: 2;
        line-height: 14px;
        padding: 0 10px;
        width: 80%
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__car-show {
        position: relative;
        display: flex;
        justify-content: center
    }

    .__car-show .buttons {
        position: absolute;
        bottom: 60px;
        display: flex;
        z-index: 2
    }

    .__car-show .iframe {
        width: 100%;
        height: 520px;
        border: 0
    }
}

.__company-history .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    text-align: center;
    margin-top: 40px
}

.__company-history .content-wrapper h2 {
    font-size: 44px;
    color: #313131
}

.__company-history .date {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 2;
    -ms-grid-column-span: 0;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.__company-history .date ul {
    border-left: 2px solid #adccdf;
    display: block;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 120px
}

.__company-history .date ul li {
    color: #1f232b;
    font-size: 16px;
    position: relative;
    left: 15px;
    padding: 5px;
    height: auto;
    cursor: pointer;
    text-align: center;
    white-space: nowrap
}

.__company-history .date ul li+li {
    margin-top: 16px
}

.__company-history .date ul li.active {
    background-color: #418bc4;
    color: #fff
}

.__company-history .date ul li.active:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #4088b2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto
}

.__company-history .history-list {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 30px
}

.__company-history .history-content {
    background: hsla(0, 0%, 84.7%, .2);
    padding: 0 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.__company-history .history-content.history-content02 .history-lt {
    flex: 1 1;
    position: relative
}

.__company-history .history-content.history-content02 .history-lt .item02 {
    padding-right: 35px;
    margin-top: 456px;
    min-height: 160px
}

.__company-history .history-content.history-content02 .history-lt .item02 .year {
    color: #fff;
    font-size: 60px;
    position: absolute;
    right: -158px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    z-index: 9;
    line-height: 15px
}

.__company-history .history-content.history-content02 .history-lt .item02 .iconWrap {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.__company-history .history-content.history-content02 .history-lt .item02 .iconWrap .icon {
    width: 139px;
    height: 3px;
    background: #4088b2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-right: -35px
}

.__company-history .history-content.history-content02 .history-lt .item02 .iconWrap .icon:after {
    display: table;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #4088b2;
    margin-top: -6px;
    box-shadow: 0 0 4px 0 #4088b2
}

.__company-history .history-content.history-content02 .history-lt .item02 .desc {
    display: block;
    margin: 30px 0 0;
    line-height: 24px;
    text-align: justify
}

.__company-history .history-content.history-content02 .history-lt .item02 .heading-image {
    margin: 15px 0 0;
    width: 100%;
    height: auto
}

.__company-history .history-content.history-content02 .history-rt {
    flex: 1 1;
    position: relative;
    padding-top: 20px
}

.__company-history .history-content.history-content02 .history-rt .item01 {
    padding-left: 35px;
    min-height: 160px
}

.__company-history .history-content.history-content02 .history-rt .item01 .year {
    color: #fff;
    font-size: 60px;
    position: absolute;
    left: -158px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    z-index: 9;
    line-height: 15px
}

.__company-history .history-content.history-content02 .history-rt .item01 .icon {
    width: 139px;
    height: 3px;
    background: #4088b2;
    display: flex;
    justify-content: flex-end;
    margin-left: -35px
}

.__company-history .history-content.history-content02 .history-rt .item01 .icon:after {
    display: table;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #4088b2;
    margin-top: -6px
}

.__company-history .history-content.history-content02 .history-rt .item01 .desc {
    display: block;
    margin: 30px 0 0;
    line-height: 24px;
    text-align: justify
}

.__company-history .history-content.history-content02 .history-rt .item01 .heading-image {
    margin: 15px 0 0;
    width: 100%;
    height: auto
}

.__company-history .history-content .history-lt {
    width: calc(50% - 90px);
    position: relative
}

.__company-history .history-content .history-lt .item02 {
    padding-right: 35px;
    margin-top: 265px;
    min-height: 160px
}

.__company-history .history-content .history-lt .item02 .year {
    color: #fff;
    font-size: 60px;
    position: absolute;
    right: -158px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    z-index: 9;
    line-height: 15px
}

.__company-history .history-content .history-lt .item02 .iconWrap {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.__company-history .history-content .history-lt .item02 .iconWrap .icon {
    width: 139px;
    height: 3px;
    background: #0068b1;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-right: -35px
}

.__company-history .history-content .history-lt .item02 .iconWrap .icon:after {
    display: table;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0068b1;
    margin-top: -6px;
    box-shadow: 0 0 4px 0 #4088b2
}

.__company-history .history-content .history-lt .item02 .desc {
    display: block;
    margin: 30px 0 0;
    line-height: 24px;
    text-align: justify;
    position: relative
}

.__company-history .history-content .history-lt .item02 .heading-image {
    margin: 15px 0 0;
    width: 100%;
    height: auto
}

.__company-history .history-content .history-lt .item02 .heading-image img {
    width: 100% !important;
    height: auto
}

.__company-history .history-content .timelineImage {
    width: 180px;
    min-height: 630px;
    background-repeat: no-repeat;
    background-size: cover
}

.__company-history .history-content .history-rt {
    width: calc(50% - 90px);
    position: relative;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 30px
}

.__company-history .history-content .history-rt .item01 {
    padding-left: 35px;
    min-height: 160px
}

.__company-history .history-content .history-rt .item01 .year {
    color: #fff;
    font-size: 60px;
    position: absolute;
    left: -158px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    line-height: 15px;
    z-index: 9
}

.__company-history .history-content .history-rt .item01 .icon {
    width: 139px;
    height: 2px;
    background: #0068b1;
    display: flex;
    justify-content: flex-end;
    margin-left: -35px
}

.__company-history .history-content .history-rt .item01 .icon:after {
    display: table;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0068b1;
    margin-top: -6px;
    box-shadow: 0 0 4px 0 #4088b2
}

.__company-history .history-content .history-rt .item01 .desc {
    display: block;
    margin: 30px 0 0;
    line-height: 24px;
    text-align: justify
}

.__company-history .history-content .history-rt .item01 .heading-image {
    margin: 15px 0 0;
    width: 100%;
    height: auto
}

.__company-history .history-content .history-rt .item01 .heading-image img {
    width: 100% !important;
    height: auto
}

.__company-history .history-content .history-rt .item03 {
    padding-left: 35px;
    margin-top: 30px;
    min-height: 160px
}

.__company-history .history-content .history-rt .item03 .year {
    color: #fff;
    font-size: 60px;
    position: absolute;
    left: -158px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    line-height: 15px;
    z-index: 9
}

.__company-history .history-content .history-rt .item03 .icon {
    width: 139px;
    height: 3px;
    background: #0068b1;
    display: flex;
    justify-content: flex-end;
    margin-left: -35px
}

.__company-history .history-content .history-rt .item03 .icon:after {
    display: table;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0068b1;
    margin-top: -6px;
    box-shadow: 0 0 4px 0 #4088b2
}

.__company-history .history-content .history-rt .item03 .desc {
    display: block;
    margin: 30px 0 0;
    line-height: 24px;
    text-align: justify
}

.__company-history .history-content .history-rt .item03 .heading-image {
    margin: 15px 0 0;
    width: 100%;
    height: auto
}

.__company-history .history-content .history-rt .item03 .heading-image img {
    width: 100% !important;
    height: auto
}

.__company-history.padding-top-large {
    padding-top: 80px
}

.__company-history.padding-bottom-large {
    padding-bottom: 80px
}

.__company-history.margin-top-large {
    margin-top: 80px
}

.__company-history.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__company-history.padding-top-large {
        padding-top: 60px
    }

    .__company-history.padding-bottom-large {
        padding-bottom: 60px
    }

    .__company-history.margin-top-large {
        margin-top: 60px
    }

    .__company-history.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__company-history.padding-top-large {
        padding-top: 50px
    }

    .__company-history.padding-bottom-large {
        padding-bottom: 50px
    }

    .__company-history.margin-top-large {
        margin-top: 50px
    }

    .__company-history.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__company-history.padding-top-medium {
    padding-top: 50px
}

.__company-history.padding-bottom-medium {
    padding-bottom: 50px
}

.__company-history.margin-top-medium {
    margin-top: 50px
}

.__company-history.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__company-history.padding-top-medium {
        padding-top: 40px
    }

    .__company-history.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__company-history.margin-top-medium {
        margin-top: 40px
    }

    .__company-history.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__company-history.padding-top-medium {
        padding-top: 30px
    }

    .__company-history.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__company-history.margin-top-medium {
        margin-top: 30px
    }

    .__company-history.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__company-history.padding-top-tiny {
    padding-top: 30px
}

.__company-history.padding-bottom-tiny {
    padding-bottom: 30px
}

.__company-history.margin-top-tiny {
    margin-top: 30px
}

.__company-history.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__company-history.padding-top-tiny {
        padding-top: 20px
    }

    .__company-history.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__company-history.margin-top-tiny {
        margin-top: 20px
    }

    .__company-history.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__company-history.padding-top-tiny {
        padding-top: 20px
    }

    .__company-history.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__company-history.margin-top-tiny {
        margin-top: 20px
    }

    .__company-history.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__company-history .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        text-align: center;
        margin-top: 20px
    }

    .__company-history .content-wrapper h2 {
        font-size: 18px;
        color: #313131
    }

    .__company-history .date {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-right: 0;
        margin-top: 20px;
        display: block;
        overflow: hidden
    }

    .__company-history .date ul {
        border: none;
        display: flex;
        width: auto;
        position: static
    }

    .__company-history .date ul li {
        color: rgba(0, 0, 0, .8);
        font-size: 14px;
        position: relative;
        padding: 5px 0;
        left: 0;
        display: inline-block;
        text-align: center
    }

    .__company-history .date ul li+li {
        margin-top: 0
    }

    .__company-history .date ul li.active {
        background-color: #418bc4;
        color: #fff
    }

    .__company-history .date ul li.active:after {
        display: none
    }

    .__company-history .history-list {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__company-history .history-content {
        background: hsla(0, 0%, 84.7%, .2);
        margin-top: 30px;
        padding: 25px 15px;
        display: block
    }

    .__company-history .history-content .timelineImage {
        display: none
    }

    .__company-history .history-content .history-lt {
        position: relative;
        width: 100%
    }

    .__company-history .history-content .history-lt .item02 {
        padding-right: 0 !important;
        margin-top: 0 !important
    }

    .__company-history .history-content .history-lt .item02 .year {
        color: #31698a !important;
        font-size: 28px !important;
        position: relative;
        left: 0 !important;
        top: 0 !important;
        text-align: left !important;
        line-height: 30px;
        z-index: 9
    }

    .__company-history .history-content .history-lt .item02 .year:after {
        display: table;
        content: "";
        width: 6px;
        height: 25px;
        background: #08659b;
        position: absolute;
        left: -15px;
        top: 0
    }

    .__company-history .history-content .history-lt .item02 .iconWrap .icon {
        display: none !important
    }

    .__company-history .history-content .history-lt .item02 .desc {
        display: block;
        margin: 20px 0 0;
        line-height: 24px;
        text-align: justify
    }

    .__company-history .history-content .history-lt .item02 .heading-image {
        margin: 15px 0 0;
        width: 100%;
        height: auto
    }

    .__company-history .history-content .history-rt {
        position: relative;
        padding-top: 20px;
        width: 100%
    }

    .__company-history .history-content .history-rt .item01 {
        padding-left: 0 !important;
        position: relative
    }

    .__company-history .history-content .history-rt .item01 .year {
        color: #31698a !important;
        font-size: 28px !important;
        position: absolute;
        left: 0 !important;
        top: -30px !important;
        text-align: left !important;
        line-height: 30px;
        z-index: 9
    }

    .__company-history .history-content .history-rt .item01 .year:after {
        display: table;
        content: "";
        width: 6px;
        height: 25px;
        background: #08659b;
        position: absolute;
        left: -15px;
        top: 0
    }

    .__company-history .history-content .history-rt .item01 .icon {
        display: none !important
    }

    .__company-history .history-content .history-rt .item01 .desc {
        display: block;
        margin: 20px 0 0;
        line-height: 24px;
        text-align: justify
    }

    .__company-history .history-content .history-rt .item01 .heading-image {
        margin: 15px 0 0;
        width: 100%;
        height: auto
    }

    .__company-history .history-content .history-rt .item03 {
        padding-left: 0 !important;
        margin-top: 50px;
        position: relative
    }

    .__company-history .history-content .history-rt .item03 .year {
        color: #31698a !important;
        font-size: 28px !important;
        position: absolute;
        left: 0 !important;
        top: -30px !important;
        text-align: left !important;
        line-height: 30px;
        z-index: 9
    }

    .__company-history .history-content .history-rt .item03 .year:after {
        display: table;
        content: "";
        width: 6px;
        height: 25px;
        background: #08659b;
        position: absolute;
        left: -15px;
        top: 0
    }

    .__company-history .history-content .history-rt .item03 .icon {
        display: none !important
    }

    .__company-history .history-content .history-rt .item03 .desc {
        display: block;
        margin: 20px 0 0;
        line-height: 24px;
        text-align: justify
    }

    .__company-history .history-content .history-rt .item03 .heading-image {
        margin: 15px 0 0;
        width: 100%;
        height: auto
    }
}

@-webkit-keyframes leftToRight {
    0% {
        left: -200px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes leftToRight {
    0% {
        left: -200px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.__comparison-table .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__comparison-table .table-box {
    margin-top: 20px;
    position: relative
}

.__comparison-table .table-box .table {
    min-width: 100%
}

.__comparison-table .table-box .fixed-place {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

.__comparison-table .table-box .table-place {
    overflow-x: auto;
    overflow-scrolling: touch
}

.__comparison-table .table {
    border-collapse: collapse;
    table-layout: fixed;
    width: auto
}

.__comparison-table .table .column-name {
    width: 340px;
    text-align: left
}

.__comparison-table .table tr {
    border-bottom: 1px solid #e8e8e8
}

.__comparison-table .table tr th {
    background: #fafafa
}

.__comparison-table .table tr td,
.__comparison-table .table tr th {
    text-align: center;
    padding: 25px;
    box-sizing: border-box
}

.__comparison-table .table tr td .__image {
    display: inline-block;
    max-width: 80px;
    max-height: 45px
}

.__comparison-table .table tr td.with-image {
    padding: 0 25px
}

.__comparison-table .table tr.active {
    background: #fafafa
}

.__comparison-table.padding-top-large {
    padding-top: 80px
}

.__comparison-table.padding-bottom-large {
    padding-bottom: 80px
}

.__comparison-table.margin-top-large {
    margin-top: 80px
}

.__comparison-table.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__comparison-table.padding-top-large {
        padding-top: 60px
    }

    .__comparison-table.padding-bottom-large {
        padding-bottom: 60px
    }

    .__comparison-table.margin-top-large {
        margin-top: 60px
    }

    .__comparison-table.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__comparison-table.padding-top-large {
        padding-top: 50px
    }

    .__comparison-table.padding-bottom-large {
        padding-bottom: 50px
    }

    .__comparison-table.margin-top-large {
        margin-top: 50px
    }

    .__comparison-table.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__comparison-table.padding-top-medium {
    padding-top: 50px
}

.__comparison-table.padding-bottom-medium {
    padding-bottom: 50px
}

.__comparison-table.margin-top-medium {
    margin-top: 50px
}

.__comparison-table.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__comparison-table.padding-top-medium {
        padding-top: 40px
    }

    .__comparison-table.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__comparison-table.margin-top-medium {
        margin-top: 40px
    }

    .__comparison-table.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__comparison-table.padding-top-medium {
        padding-top: 30px
    }

    .__comparison-table.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__comparison-table.margin-top-medium {
        margin-top: 30px
    }

    .__comparison-table.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__comparison-table.padding-top-tiny {
    padding-top: 30px
}

.__comparison-table.padding-bottom-tiny {
    padding-bottom: 30px
}

.__comparison-table.margin-top-tiny {
    margin-top: 30px
}

.__comparison-table.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__comparison-table.padding-top-tiny {
        padding-top: 20px
    }

    .__comparison-table.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__comparison-table.margin-top-tiny {
        margin-top: 20px
    }

    .__comparison-table.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__comparison-table.padding-top-tiny {
        padding-top: 20px
    }

    .__comparison-table.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__comparison-table.margin-top-tiny {
        margin-top: 20px
    }

    .__comparison-table.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__comparison-table .table .column-name {
        width: 180px;
        min-width: 180px;
        text-align: left
    }

    .__comparison-table .table tr td,
    .__comparison-table .table tr th {
        width: 170px;
        min-width: 180px
    }
}

.__configuration-table p {
    font-size: 12px
}

.__configuration-table .blue {
    font-size: 14px;
    display: flex
}

.__configuration-table .blue .price .price1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center
}

.__configuration-table .blue .price .price1 p {
    color: #3892c3
}

.__configuration-table .table-second-block-big1 p {
    font-size: 16px !important
}

.__configuration-table .table-second-block-big2 p {
    font-size: 14px !important
}

.__configuration-table .modelconfig-block {
    margin: 30px 78px 30px 80px
}

.__configuration-table .filter-group {
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.__configuration-table .filter-group .filter-item {
    display: flex;
    margin-right: 60px;
    align-items: center;
    margin-bottom: 20px
}

.__configuration-table .filter-group .filter-item:last-child {
    margin-right: 0
}

.__configuration-table .filter-group .filter-prop {
    padding-right: 30px;
    font-size: 17px;
    color: #404040;
    white-space: nowrap
}

.__configuration-table .filter-group .__radio-button-list {
    margin-bottom: 0
}

.__configuration-table .filter-group .radio-item {
    white-space: nowrap
}

.__configuration-table .config-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__configuration-table .config-title .config-title-group {
    width: auto;
    display: flex;
    align-items: center
}

.__configuration-table .config-title .config-title-button {
    cursor: pointer;
    margin-right: 20px
}

.__configuration-table .config-title .config-title-button:last-child {
    margin-right: 0
}

.__configuration-table #modelconfig {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%
}

.__configuration-table #modelconfig .config-absolut-table {
    width: 100%
}

.__configuration-table #modelconfig .table-head {
    margin-bottom: 14px;
    padding-left: 26px;
    font-size: 12px;
    color: rgba(0, 0, 0, .75);
    display: flex;
    background-color: #e7eef4
}

.__configuration-table #modelconfig .propName {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 230px;
    padding: 10px 8px;
    font-weight: 800
}

.__configuration-table #modelconfig .propValue {
    padding: 10px 8px;
    text-align: center;
    flex: 1 1
}

.__configuration-table #modelconfig .table-body {
    padding-bottom: 16px
}

.__configuration-table #modelconfig .table-body .table-line-block {
    padding-left: 26px
}

.__configuration-table #modelconfig .table-body .table-line {
    font-size: 12px;
    color: rgba(0, 0, 0, .75);
    display: flex
}

.__configuration-table #modelconfig .table-body .table-block-name {
    border-right: 1px solid rgba(0, 0, 0, .75);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    font-size: 14px
}

.__configuration-table #modelconfig .table-body .table-second-block {
    display: flex;
    flex: 1 1;
    padding: 0 16px;
    border-right: 1px solid rgba(0, 0, 0, .75)
}

.__configuration-table #modelconfig .table-body .table-second-block-tip p {
    color: #fff
}

.__configuration-table #modelconfig .table-body .table-line-block:nth-of-type(3) .table-second-block-tip p {
    width: 100%;
    color: rgba(0, 0, 0, .75);
    text-align: center
}

.__configuration-table #modelconfig .table-body .table-block:last-child {
    border-right: none
}

.__configuration-table #modelconfig .table-body .table-block {
    justify-content: space-around;
    display: flex;
    align-items: center;
    word-break: break-all;
    box-sizing: border-box;
    padding: 10px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, .75);
    border-right: 1px solid rgba(0, 0, 0, .75)
}

.__configuration-table #modelconfig .table-body .table-line-block:last-child .table-block {
    border-bottom: none
}

.__configuration-table #modelconfig .scroll-table-body .table-line {
    border-bottom: 1px solid rgba(0, 0, 0, .75)
}

.__configuration-table #modelconfig .scroll-table-body .table-line-block:last-child .table-line {
    border-bottom: none
}

.__configuration-table #modelconfig .scroll-table-body .table-block-name {
    border-right: none
}

.__configuration-table #modelconfig .scroll-table-body .scroll-table-second-block {
    display: flex
}

.__configuration-table #modelconfig .scroll-table-body .scroll-table-second-block-big1 .table-block div {
    font-size: 16px
}

.__configuration-table #modelconfig .scroll-table-body .scroll-table-second-block-big2 .table-block div {
    font-size: 14px
}

.__configuration-table #modelconfig .scroll-table-body .table-block {
    border-right: none;
    border-bottom: none
}

.__configuration-table #modelconfig .scroll-table-body .table-second-block {
    border-right: none
}

.__configuration-table #modelconfig .config-scroll-table {
    position: relative;
    height: 200px;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.__configuration-table #modelconfig .config-scroll-table::-webkit-scrollbar {
    display: none
}

.__configuration-table #modelconfig .config-scroll-table-hide {
    visibility: hidden;
    position: absolute !important;
    z-index: -1
}

.__configuration-table .modelconfig-block .config-scroll-table {
    overflow-y: auto
}

.__configuration-table .config-button-group {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-shrink: 0
}

.__configuration-table .config-button {
    cursor: pointer;
    height: 40px;
    width: 180px;
    font-size: 12px;
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .75);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.__configuration-table .table-show {
    background-color: #000;
    color: #fff
}

.__configuration-table .mobile {
    display: none
}

.__configuration-table .spinner-wrapper {
    text-align: center
}

@media (max-width:1600px) {
    .__configuration-table .blue {
        font-size: 12px
    }

    .__configuration-table .blue .price {
        overflow: hidden;
        width: 100%
    }

    .__configuration-table .blue .price .price1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden
    }

    .__configuration-table .blue .price .price1 p {
        color: #3892c3;
        font-size: 12px
    }

    .__configuration-table #modelconfig .config-scroll-table {
        height: 200px
    }
}

@media (max-width:1366px) {
    .__configuration-table .blue {
        font-size: 12px
    }

    .__configuration-table .blue .price p {
        color: #3892c3
    }

    .__configuration-table #modelconfig {
        padding-top: 14px;
        padding-bottom: 16px
    }

    .__configuration-table #modelconfig .table-body .table-line-block,
    .__configuration-table #modelconfig .table-head {
        padding-left: 10px
    }

    .__configuration-table #modelconfig .table-body .table-second-block {
        padding: 0 12px
    }

    .__configuration-table #modelconfig .table-body .table-block {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .__configuration-table #modelconfig .propName {
        width: 200px;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .__configuration-table #modelconfig .propValue {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .__configuration-table #modelconfig .config-scroll-table {
        height: 150px
    }

    .__configuration-table .config-button {
        height: 32px
    }
}

@media (max-width:824px) {
    .__configuration-table .buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 12px
    }

    .__configuration-table .pc {
        display: none
    }

    .__configuration-table .mobile {
        display: block
    }

    .__configuration-table .blue {
        font-size: 10px
    }

    .__configuration-table .blue p {
        color: #3892c3
    }

    .__configuration-table .mobile-filter .filter-name {
        margin-bottom: 10px
    }

    .__configuration-table .mobile-config {
        box-sizing: border-box;
        width: 100%;
        padding: 0 16px;
        margin: 20px 0
    }

    .__configuration-table .mobile-config h1 {
        margin-bottom: 20px
    }

    .__configuration-table .mobile-config .mobile-model-title {
        font-size: 12px;
        margin-top: 12px;
        box-sizing: border-box;
        width: 100%;
        background-color: #e7eef4;
        padding: 9px 10px;
        display: flex;
        color: rgba(0, 0, 0, .75);
        justify-content: space-between
    }

    .__configuration-table .mobile-config .right-arrow {
        font-size: 16px;
        color: #444;
        opacity: .75
    }

    .__configuration-table .mobile-config .mobile-open-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 10px;
        font-size: 10px;
        color: #404040
    }

    .__configuration-table .mobile-config .mobile-open-block-name {
        flex-shrink: 0;
        width: 50%
    }

    .__configuration-table .mobile-config .mobile-open-block-value {
        text-align: right
    }

    .__configuration-table .mobile-config .mobile-close-line {
        display: flex;
        align-items: center;
        padding: 7px 10px;
        font-size: 10px;
        justify-content: space-between;
        border-bottom: 1px solid #979797
    }

    .__configuration-table .mobile-config .mobile-close-line:last-child {
        border-bottom: none
    }

    .__configuration-table .mobile-config .mobile-close-table-container {
        overflow: hidden;
        transition: height .4s;
        -moz-transition: height .4s;
        -webkit-transition: height .4s;
        -o-transition: height .4s;
        height: auto
    }

    .__configuration-table .mobile-config .mobile-close-table-container-close {
        height: 0
    }
}

@media print {

    .__cards-carousel,
    .__cards-overlap-carousel,
    .__footer,
    .__header,
    .__image-block-toggle-carousel,
    .__image-block-toggle-detail,
    .__image-card-carousel,
    .__large-image,
    .__large-image-tab-content,
    .__lightspot-carousel,
    .__lightspot-carousel-group,
    .__quick-link,
    .__simple-large-image,
    .__useful-link-list,
    .config-button-group,
    .config-title,
    .filter-group {
        display: none !important
    }

    .__configuration-table {
        display: block !important
    }

    .__configuration-table .blue {
        font-size: 14px
    }

    .__configuration-table .blue p {
        color: #3892c3
    }

    .__configuration-table .modelconfig-block {
        margin: 30px 78px 30px 80px
    }

    .__configuration-table .filter-group {
        margin-top: 25px;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .__configuration-table .filter-group .filter-item {
        display: flex;
        margin-right: 60px;
        align-items: center;
        margin-bottom: 20px
    }

    .__configuration-table .filter-group .filter-item:last-child {
        margin-right: 0
    }

    .__configuration-table .filter-group .filter-prop {
        padding-right: 30px;
        font-size: 17px;
        color: #404040;
        white-space: nowrap
    }

    .__configuration-table .filter-group .__radio-button-list {
        margin-bottom: 0
    }

    .__configuration-table .filter-group .radio-item {
        white-space: nowrap
    }

    .__configuration-table .config-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__configuration-table .config-title .config-title-group {
        width: auto;
        display: flex;
        align-items: center
    }

    .__configuration-table .config-title .config-title-button {
        cursor: pointer;
        margin-right: 20px
    }

    .__configuration-table .config-title .config-title-button:last-child {
        margin-right: 0
    }

    .__configuration-table #modelconfig {
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%
    }

    .__configuration-table #modelconfig .config-absolut-table {
        width: 100%
    }

    .__configuration-table #modelconfig .table-head {
        margin-bottom: 14px;
        padding-left: 26px;
        font-size: 12px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        background-color: #e7eef4
    }

    .__configuration-table #modelconfig .propName {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 230px;
        padding: 10px 8px;
        font-weight: 800
    }

    .__configuration-table #modelconfig .propValue {
        padding: 10px 8px;
        text-align: center;
        flex: 1 1
    }

    .__configuration-table #modelconfig .table-body {
        padding-bottom: 16px
    }

    .__configuration-table #modelconfig .table-body .table-line-block {
        padding-left: 26px
    }

    .__configuration-table #modelconfig .table-body .table-line {
        font-size: 12px;
        color: rgba(0, 0, 0, .75);
        display: flex
    }

    .__configuration-table #modelconfig .table-body .table-block-name {
        border-right: 1px solid rgba(0, 0, 0, .75);
        flex-shrink: 0;
        display: flex;
        align-items: center
    }

    .__configuration-table #modelconfig .table-body .table-second-block {
        display: flex;
        flex: 1 1;
        padding: 0 16px;
        border-right: 1px solid rgba(0, 0, 0, .75)
    }

    .__configuration-table #modelconfig .table-body .table-block:last-child {
        border-right: none
    }

    .__configuration-table #modelconfig .table-body .table-block {
        justify-content: space-around;
        display: flex;
        align-items: center;
        word-break: break-all;
        box-sizing: border-box;
        padding: 10px 4px;
        border-bottom: 1px solid rgba(0, 0, 0, .75);
        border-right: 1px solid rgba(0, 0, 0, .75)
    }

    .__configuration-table #modelconfig .table-body .table-line-block:last-child .table-block {
        border-bottom: none
    }

    .__configuration-table #modelconfig .scroll-table-body .table-line {
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__configuration-table #modelconfig .scroll-table-body .table-line-block:last-child .table-line {
        border-bottom: none
    }

    .__configuration-table #modelconfig .scroll-table-body .table-block-name {
        border-right: none
    }

    .__configuration-table #modelconfig .scroll-table-body .scroll-table-second-block {
        display: flex
    }

    .__configuration-table #modelconfig .scroll-table-body .table-block {
        border-right: none;
        border-bottom: none
    }

    .__configuration-table #modelconfig .scroll-table-body .table-second-block {
        border-right: none
    }

    .__configuration-table #modelconfig .config-scroll-table {
        position: relative;
        height: 200px;
        width: 100%;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .__configuration-table #modelconfig .config-scroll-table::-webkit-scrollbar {
        display: none
    }

    .__configuration-table .modelconfig-block .config-scroll-table {
        overflow-y: auto
    }

    .__configuration-table .config-button-group {
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: space-between;
        flex-shrink: 0
    }

    .__configuration-table .config-button {
        cursor: pointer;
        height: 40px;
        width: 180px;
        font-size: 12px;
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__configuration-table .table-show {
        background-color: #000;
        color: #fff
    }

    .__configuration-table .mobile {
        display: none
    }

    .__configuration-table .spinner-wrapper {
        text-align: center
    }
}

.__spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 0;
    position: relative
}

.__spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.__spinner .container1>div,
.__spinner .container2>div,
.__spinner .container3>div {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s ease-in-out infinite;
    animation: bouncedelay 1.2s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.__spinner .circle1 {
    top: 0;
    left: 0
}

.__spinner .circle2 {
    top: 0;
    right: 0
}

.__spinner .circle3 {
    right: 0;
    bottom: 0
}

.__spinner .circle4 {
    left: 0;
    bottom: 0
}

.__spinner .container1 .circle2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.__spinner .container1 .circle3 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.__spinner .container1 .circle4 {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.__spinner .container2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.__spinner .container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.__spinner .container2 .circle2 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.__spinner .container2 .circle3 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.__spinner .container2 .circle4 {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.__spinner .container3 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.__spinner .container3 .circle1 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.__spinner .container3 .circle2 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.__spinner .container3 .circle3 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.__spinner .container3 .circle4 {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }

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

@keyframes bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

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

.__contact-us .form {
    margin: 0
}

.__contact-us .form h1 {
    font-size: 18px;
    margin: 20px 0 6px
}

.__contact-us .form p {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 26px
}

.__contact-us .form .checkbox {
    margin-top: 20px;
    white-space: nowrap
}

.__contact-us .delar-layer .content {
    width: 100%;
    left: 0;
    height: 674px;
    top: 8%;
    padding: 30px 0 0
}

.__contact-us .delar-layer .content .footer {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.__contact-us .delar-layer .content .footer button {
    display: flex;
    flex-direction: row;
    margin-right: 20px;
    margin-top: 0
}

.__contact-us .delar-layer .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 2;
    -ms-grid-row-span: 2;
    background-color: #f5f6f9
}

.__contact-us .delar-layer .map-title {
    padding-bottom: 24px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__contact-us .delar-layer .map-select-box {
    display: block;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 40px
}

.__contact-us .delar-layer .map-select-box .map-select {
    z-index: 10;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 15px;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.__contact-us .delar-layer .map-select-box .map-select input {
    position: relative;
    z-index: 1
}

.__contact-us .delar-layer .map-select-box .map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__contact-us .delar-layer .map-select-box .map-select .city-search {
    cursor: pointer;
    transition: all .3s ease-in-out
}

.__contact-us .delar-layer .map-select-box .map-select .city-search:hover {
    font-size: 30px
}

.__contact-us .delar-layer .map-select-box .map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__contact-us .delar-layer .map-select-box .map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__contact-us .delar-layer .map-select-box .map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 350px
}

.__contact-us .delar-layer .map-select-box .map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__contact-us .delar-layer .map-select-box .map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__contact-us .delar-layer .map-select-box .map-select .map-select-input {
    flex: 1 1;
    font-size: 18px;
    height: 100%;
    background: none;
    outline: none;
    border: none
}

.__contact-us .delar-layer .map-select-box .dealer-list {
    box-sizing: border-box;
    overflow-y: auto;
    height: 407px;
    width: 100%;
    background-color: #fff;
    padding: 0 15px
}

.__contact-us .delar-layer .map-select-box .dealer-item {
    box-sizing: border-box;
    padding: 4px 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.__contact-us .delar-layer .map-select-box .dealer-item .dealer-item-name {
    color: rgba(0, 0, 0, .75);
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__contact-us .delar-layer .map-select-box .dealer-item .dealer-item-name span {
    padding: 2px 0 10px;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .75)
}

.__contact-us .delar-layer .map-select-box .dealer-item .dealer-parameter {
    padding-top: 12px
}

.__contact-us .delar-layer .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
    color: #9d9d9d;
    font-size: 12px;
    text-align: justify
}

.__contact-us .delar-layer ._test-drive-map {
    grid-column-start: 6;
    -ms-grid-column: 7;
    grid-column-end: span 9;
    -ms-grid-column-span: 7;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 60px
}

@media (min-width:824px) {
    .__contact-us .form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 40px;
        padding: 0 0 80px
    }

    .__contact-us .form .from-content {
        margin-top: 30px
    }

    .__contact-us .form .from-content .from-input {
        display: flex;
        flex-wrap: wrap;
        width: 75%
    }

    .__contact-us .form .from-content .from-input .input-phone-wrapper,
    .__contact-us .form .from-content .from-input .input-wrapper {
        width: 33.3%
    }

    .__contact-us .form .from-content .from-input .dropdown {
        width: calc(33.3% - 30px);
        margin-right: 30px;
        max-width: 350px
    }

    .__contact-us .form .from-content .textarea-wrapper {
        width: 49.95%
    }

    .__contact-us .form h1 {
        font-size: 18px;
        margin: 20px 0 6px
    }

    .__contact-us .form p {
        font-size: 12px;
        color: rgba(0, 0, 0, .5);
        margin-bottom: 26px
    }

    .__contact-us .form .btn {
        width: 350px;
        height: 56px;
        background: #2e2e2e;
        color: #fff;
        font-size: 14px;
        border: 0;
        font-weight: 700;
        margin-top: 20px;
        outline: none;
        display: block
    }

    .__contact-us .error-message {
        width: 450px;
        margin: 0 auto;
        color: red
    }
}

@media screen and (max-height:800px) and (min-width:1000px) {
    .__contact-us .delar-layer .content {
        width: 100%;
        left: 0;
        height: 560px;
        top: 2%
    }

    .__contact-us .delar-layer .content .map-select-box .dealer-list {
        height: 320px
    }

    .__contact-us .delar-layer .content ._test-drive-map {
        height: 310px;
        overflow: hidden;
        padding-bottom: 60px
    }

    .__contact-us .delar-layer .content ._test-drive-map .ymaps-container .ymaps-2-1-76-map {
        height: 368px !important
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__contact-us .form .primary-button {
        margin-left: 0
    }
}

@media (max-width:824px) {
    .__contact-us .form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 14;
        -ms-grid-column-span: 12;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__contact-us .form .primary-button {
        width: 90%
    }

    .__contact-us .delar-layer {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 99
    }

    .__contact-us .delar-layer .layers {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(55, 55, 55, .7);
        top: 0
    }

    .__contact-us .delar-layer .content {
        background: #fff;
        width: 90%;
        height: 98%;
        position: absolute;
        z-index: 99;
        top: 1%;
        left: 5%;
        padding-top: 10px;
        overflow-y: scroll
    }

    .__contact-us .delar-layer .content .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px
    }

    .__contact-us .delar-layer .content .footer a+a,
    .__contact-us .delar-layer .content .footer a+button,
    .__contact-us .delar-layer .content .footer button+a,
    .__contact-us .delar-layer .content .footer button+button {
        margin-left: 20px
    }

    .__contact-us .delar-layer .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 4;
        -ms-grid-row-span: 4;
        background-color: #fff
    }

    .__contact-us .delar-layer .map-title {
        padding-top: 8px;
        padding-bottom: 10px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__contact-us .delar-layer .mobile-map-select-box {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 16px
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select {
        z-index: 10;
        position: relative;
        width: 280px;
        box-sizing: border-box;
        padding: 7px 10px;
        height: 48px;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select input {
        position: relative;
        z-index: 1
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
        background: none;
        outline: none;
        border: none;
        flex: 1 1
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 162px
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__contact-us .delar-layer .mobile-map-select-box .mobile-map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__contact-us .delar-layer ._test-drive-map {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        height: 40vh
    }

    .__contact-us .delar-layer ._test-drive-map .ymaps-container {
        height: 40vh;
        width: 330px
    }

    .__contact-us .delar-layer .mobile-dealer-list-box {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 7;
        -ms-grid-row: 7;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .__contact-us .delar-layer .mobile-dealer-list {
        padding: 0 16px;
        display: flex;
        float: left
    }

    .__contact-us .delar-layer .mobile-dealer-block {
        box-sizing: border-box;
        min-width: 230px;
        height: 150px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
        margin-right: 6px;
        padding: 10px 12px 16px;
        overflow-y: scroll
    }

    .__contact-us .delar-layer .mobile-dealer-block .dealer-item-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 32px;
        font-size: 14px
    }

    .__contact-us .delar-layer .mobile-dealer-block .dealer-item-message {
        line-height: 16px;
        padding: 2px 0;
        font-size: 12px;
        color: #474d59
    }

    .__contact-us .delar-layer .mobile-dealer-block .dealer-item-message .blue {
        color: #4a90e2
    }

    .__contact-us .delar-layer .text-area {
        margin-bottom: 20px
    }

    .__contact-us .delar-layer .map-select-box {
        display: none
    }
}

.__text-content .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.__text-content .content-wrapper i {
    margin-bottom: 20px
}

.__text-content .content-wrapper i.success-icon {
    font-size: 50px;
    margin-top: 40px
}

.__text-content .content-wrapper .body {
    word-break: break-word;
    margin-top: 20px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__text-content .content-wrapper .button-wrapper {
    margin-top: 20px
}

.__text-content .content-wrapper .button-wrapper .__window-button {
    background: transparent;
    transition: color .15s ease-in-out;
    position: relative
}

.__text-content .content-wrapper .button-wrapper .__window-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all .15s ease-in-out
}

.__text-content .content-wrapper .button-wrapper .__window-button.black {
    color: #000;
    border-color: #000
}

.__text-content .content-wrapper .button-wrapper .__window-button.black:hover {
    color: #fff
}

.__text-content .content-wrapper .button-wrapper .__window-button.black:hover:before {
    width: 100%;
    background: #000
}

.__text-content .content-wrapper .button-wrapper .__window-button.white {
    color: #fff;
    border-color: #fff
}

.__text-content .content-wrapper .button-wrapper .__window-button.white:hover {
    color: #000
}

.__text-content .content-wrapper .button-wrapper .__window-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__text-content .content-wrapper .button-wrapper .__window-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__text-content .content-wrapper .button-wrapper .__window-button.blue:hover {
    color: #fff
}

.__text-content .content-wrapper .button-wrapper .__window-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__text-content .content-wrapper .button-wrapper .__window-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__text-content .content-wrapper .button-wrapper .__window-button.pink:hover {
    color: #fff
}

.__text-content .content-wrapper .button-wrapper .__window-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__text-content .content-wrapper .button-wrapper .__window-button:hover {
    border-width: 1
}

.__text-content .content-wrapper .button-wrapper .__window-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__text-content .content-wrapper .button-wrapper .__window-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__text-content .content-wrapper.align-left {
    align-items: flex-start
}

.__text-content .content-wrapper.align-center {
    align-items: center
}

.__text-content .content-wrapper.align-right {
    align-items: flex-end
}

.__text-content.padding-top-large {
    padding-top: 80px
}

.__text-content.padding-bottom-large {
    padding-bottom: 80px
}

.__text-content.margin-top-large {
    margin-top: 80px
}

.__text-content.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__text-content.padding-top-large {
        padding-top: 60px
    }

    .__text-content.padding-bottom-large {
        padding-bottom: 60px
    }

    .__text-content.margin-top-large {
        margin-top: 60px
    }

    .__text-content.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__text-content.padding-top-large {
        padding-top: 50px
    }

    .__text-content.padding-bottom-large {
        padding-bottom: 50px
    }

    .__text-content.margin-top-large {
        margin-top: 50px
    }

    .__text-content.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__text-content.padding-top-medium {
    padding-top: 50px
}

.__text-content.padding-bottom-medium {
    padding-bottom: 50px
}

.__text-content.margin-top-medium {
    margin-top: 50px
}

.__text-content.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__text-content.padding-top-medium {
        padding-top: 40px
    }

    .__text-content.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__text-content.margin-top-medium {
        margin-top: 40px
    }

    .__text-content.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__text-content.padding-top-medium {
        padding-top: 30px
    }

    .__text-content.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__text-content.margin-top-medium {
        margin-top: 30px
    }

    .__text-content.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__text-content.padding-top-tiny {
    padding-top: 30px
}

.__text-content.padding-bottom-tiny {
    padding-bottom: 30px
}

.__text-content.margin-top-tiny {
    margin-top: 30px
}

.__text-content.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__text-content.padding-top-tiny {
        padding-top: 20px
    }

    .__text-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__text-content.margin-top-tiny {
        margin-top: 20px
    }

    .__text-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__text-content.padding-top-tiny {
        padding-top: 20px
    }

    .__text-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__text-content.margin-top-tiny {
        margin-top: 20px
    }

    .__text-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__text-content {
        max-width: 400px;
        overflow: auto
    }

    .__text-content .content-wrapper .body {
        margin-top: 10px
    }

    .__text-content .content-wrapper .button-wrapper {
        width: 40%
    }

    .__text-content .content-wrapper .button-wrapper .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__text-content .content-wrapper .button-wrapper .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.black:hover {
        color: #fff
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.white:hover {
        color: #000
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.blue:hover {
        color: #fff
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.pink:hover {
        color: #fff
    }

    .__text-content .content-wrapper .button-wrapper .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__text-content .content-wrapper .button-wrapper .__window-button:hover {
        border-width: 0
    }

    .__text-content .content-wrapper .button-wrapper .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__text-content .content-wrapper .button-wrapper .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__text-content {
        max-width: 700px;
        overflow: auto
    }
}

.__folded-switcher {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden
}

.__folded-switcher,
.__folded-switcher i {
    margin-left: 15px;
    font-size: 12px
}

.__folded-switcher.black {
    color: #000
}

.__folded-switcher.black:hover {
    color: #4d4d4d
}

.__folded-switcher.black:active {
    color: #1a1a1a
}

.__folded-switcher.white {
    color: #fff
}

.__folded-switcher.white:hover {
    color: #f4f4f4
}

.__folded-switcher.white:active {
    color: #f2f2f2
}

.__folded-switcher.blue {
    color: #0878b5
}

.__folded-switcher.blue:hover {
    color: #15a6f5
}

.__folded-switcher.blue:active {
    color: #0a98e6
}

.__folded-switcher.pink {
    color: #dc1860
}

.__folded-switcher.pink:hover {
    color: #893257
}

.__folded-switcher.pink:active {
    color: #483845
}

.__folded-switcher-enter {
    opacity: 0;
    max-height: 0;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.__folded-switcher-enter-active,
.__folded-switcher-exit {
    opacity: 1;
    max-height: 20px;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.__folded-switcher-exit-active {
    opacity: 0;
    max-height: 0;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.input-phone-wrapper {
    margin-bottom: 20px
}

.input-phone-wrapper .input-row {
    align-items: center;
    display: flex
}

.input-phone-wrapper .input-row .icon-container {
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px
}

.input-phone-wrapper .input-row .icon-container .fa-exclamation {
    color: red
}

.input-phone-wrapper .input-row .icon-container .fa-check {
    color: #1ef1c6
}

.input-phone-group {
    position: relative;
    height: 48px;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    border-radius: 0 10px 0 0;
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
    will-change: opacity, transform, color;
    background-color: initial;
    overflow: visible;
    justify-content: left;
    padding: 0 10px;
    align-items: center
}

.input-phone-group a {
    color: #0878b5;
    text-decoration: underline
}

.input-phone-group a span {
    color: #fff;
    text-decoration: none
}

.input-phone-group a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-phone-group {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-phone-group {
        font-size: 14px;
        line-height: 20px
    }
}

.input-phone-group .password-toggle {
    right: 10px;
    position: absolute;
    top: 18px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:824px) {
    .input-phone-group .password-toggle {
        font-size: 12px;
        line-height: 13px
    }
}

@media (min-width:992px) {
    .input-phone-group .password-toggle {
        font-size: 12px;
        line-height: 14px
    }
}

.input-phone-group input {
    background-color: initial;
    border: 0 !important;
    height: 20px;
    width: 30px;
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #000;
    font-size: 10px;
    line-height: 14px;
    border-radius: 0 !important;
    padding: 0;
    text-align: left;
    box-shadow: none;
    border-bottom: 1px solid #000 !important
}

.input-phone-group input a {
    color: #0878b5;
    text-decoration: underline
}

.input-phone-group input a span {
    color: #fff;
    text-decoration: none
}

.input-phone-group input a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-phone-group input {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-phone-group input {
        font-size: 14px;
        line-height: 20px
    }
}

.input-phone-group input:invalid {
    outline: none;
    box-shadow: none
}

.input-phone-group input:nth-of-type(3),
.input-phone-group input:nth-of-type(4) {
    width: 20px
}

.input-phone-group .notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.input-phone-group .notched-outline .notched-outline__leading {
    border-radius: 0;
    width: 10px;
    border: 1px solid #909090;
    border-right-style: none
}

.input-phone-group .notched-outline .notched-outline__leading.focus {
    border-bottom: 2px solid #1ef1c6
}

.input-phone-group .notched-outline .notched-outline__leading.show-warning {
    border-bottom: 2px solid red
}

.input-phone-group .notched-outline .notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #909090;
    border-color: #909090 currentcolor;
    border-top: 1px solid #909090;
    pointer-events: none
}

.input-phone-group .notched-outline .notched-outline__notch.focus {
    border-top: none;
    border-bottom: 2px solid #1ef1c6;
    width: auto
}

.input-phone-group .notched-outline .notched-outline__notch.has-content {
    border-top: none
}

.input-phone-group .notched-outline .notched-outline__notch.show-warning {
    border-bottom: 2px solid red
}

.input-phone-group .notched-outline .notched-outline__notch .floating-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    right: auto;
    display: inline-block;
    position: relative;
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: visible;
    will-change: transform;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    color: #909090;
    left: 5px
}

.input-phone-group .notched-outline .notched-outline__notch .floating-label a {
    color: #0878b5;
    text-decoration: underline
}

.input-phone-group .notched-outline .notched-outline__notch .floating-label a span {
    color: #fff;
    text-decoration: none
}

.input-phone-group .notched-outline .notched-outline__notch .floating-label a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .input-phone-group .notched-outline .notched-outline__notch .floating-label {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .input-phone-group .notched-outline .notched-outline__notch .floating-label {
        font-size: 14px;
        line-height: 20px
    }
}

.input-phone-group .notched-outline .notched-outline__notch .floating-label.floating-above {
    -webkit-transform: translateY(-33px) scale(.75);
    transform: translateY(-33px) scale(.75);
    line-height: 1.15rem;
    display: inline-block;
    text-overflow: clip;
    position: relative;
    color: #2c2c2c
}

.input-phone-group .notched-outline .notched-outline__trailing {
    border-radius: 0 10px 0 0;
    flex-grow: 1;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid #909090;
    border-left: none;
    pointer-events: none
}

.input-phone-group .notched-outline .notched-outline__trailing.focus {
    border-bottom: 2px solid #1ef1c6
}

.input-phone-group .notched-outline .notched-outline__trailing.show-warning {
    border-bottom: 2px solid red
}

.input-phone-group.readonly {
    background: #909090
}

.warning-message {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    color: red
}

.warning-message a {
    color: #0878b5;
    text-decoration: underline
}

.warning-message a span {
    color: #fff;
    text-decoration: none
}

.warning-message a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .warning-message {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .warning-message {
        font-size: 16px;
        line-height: 18px
    }
}

.info-message {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    color: #909090
}

.info-message a {
    color: #0878b5;
    text-decoration: underline
}

.info-message a span {
    color: #fff;
    text-decoration: none
}

.info-message a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .info-message {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .info-message {
        font-size: 16px;
        line-height: 18px
    }
}

@media (min-width:824px) {

    .input-phone-group,
    .input-phone-group input {
        max-width: 350px
    }
}

.cookies {
    background-color: #fff;
    grid-template-rows: 49px auto auto;
    position: relative
}

.cookies>* {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12
}

.cookies .media {
    padding: 20px 0 0;
    -ms-grid-row: 1
}

.cookies .media img {
    width: 46px
}

.cookies .title {
    -ms-grid-row: 2
}

.cookies .title .title-text {
    display: inline-block;
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    color: #000;
    padding-top: 20px
}

@media (min-width:824px) {
    .cookies .title .title-text {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .cookies .title .title-text {
        font-size: 22px;
        line-height: 28px
    }
}

.cookies .description {
    -ms-grid-row: 3;
    font-size: 14px;
    line-height: 18px;
    color: #000
}

.cookies .description a {
    color: #0878b5;
    text-decoration: underline
}

.cookies .description a span {
    color: #fff;
    text-decoration: none
}

.cookies .description a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .cookies .description {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .cookies .description {
        font-size: 16px;
        line-height: 18px
    }
}

.cookies .description a,
.cookies .description a:hover {
    color: #000
}

.cookies .accept {
    -ms-grid-row: 4;
    padding: 20px 0 0
}

.cookies .reject {
    -ms-grid-row: 5;
    padding: 20px 0
}

.cookies .reject .icon-link .buttonText,
.cookies .reject .icon-link i {
    color: #000
}

@media (min-width:824px) {
    .cookies>* {
        grid-column-start: 2;
        grid-column-end: span 12;
        -ms-grid-column: 2;
        -ms-grid-column-span: 12
    }

    .cookies .media {
        grid-column-start: 2;
        grid-column-end: span 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .cookies .media img {
        position: relative;
        top: 12px
    }

    .cookies .extended {
        grid-column-start: 3;
        grid-column-end: span 12;
        -ms-grid-column: 3;
        -ms-grid-column-span: 12;
        margin-left: 35px
    }

    .cookies .extended.accept {
        grid-column-start: 3;
        grid-column-end: span 4;
        -ms-grid-column: 3;
        -ms-grid-column-span: 4;
        -ms-grid-row: 4
    }

    .cookies .extended.reject {
        grid-column-start: 8;
        grid-column-end: span 4;
        -ms-grid-column: 8;
        -ms-grid-column-span: 4;
        -ms-grid-row: 4
    }
}

@media (min-width:824px) and (-ms-high-contrast:active),
(min-width:824px) and (-ms-high-contrast:none) {
    .cookies .extended.reject {
        margin-left: 65px
    }
}

@media (min-width:824px) {
    @supports (-ms-ime-align:auto) {
        .cookies .extended.reject {
            margin-left: 65px
        }
    }

    .cookies .title {
        -ms-grid-row: 1
    }

    .cookies .description {
        -ms-grid-row: 2
    }

    .cookies .accept {
        grid-column-start: 2;
        grid-column-end: span 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 4;
        -ms-grid-row: 3;
        padding: 20px 0
    }

    .cookies .accept .primary-button.wide {
        width: 270px
    }

    .cookies .reject {
        grid-column-start: 7;
        grid-column-end: span 4;
        -ms-grid-column: 7;
        -ms-grid-column-span: 4;
        -ms-grid-row: 3;
        margin-left: 40px
    }

    .cookies .reject button {
        margin-top: 6px
    }
}

@media (min-width:992px) {
    .cookies {
        grid-template-rows: auto auto auto
    }

    .cookies>* {
        grid-column-start: 2;
        grid-column-end: span 9;
        -ms-grid-column: 2;
        -ms-grid-column-span: 9
    }

    .cookies .media {
        grid-column-start: 2;
        grid-column-end: span 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }

    .cookies .media img {
        width: 108px;
        position: absolute;
        top: 30px
    }

    .cookies .extended {
        grid-column-start: 4;
        grid-column-end: span 7;
        -ms-grid-column: 4;
        -ms-grid-column-span: 7;
        margin-left: -30px
    }

    .cookies .extended.accept,
    .cookies .extended.reject {
        grid-column-start: 11;
        grid-row-start: 1;
        -ms-grid-column: 11;
        -ms-grid-row: 1;
        margin: 0;
        padding: 0;
        text-align: right
    }

    .cookies .extended.accept button,
    .cookies .extended.reject button {
        position: relative
    }

    .cookies .extended.accept>div,
    .cookies .extended.reject>div {
        display: inline-block
    }

    .cookies .extended.reject {
        grid-column-start: 11;
        grid-row-start: 2;
        -ms-grid-column: 11;
        -ms-grid-row: 2
    }

    .cookies .extended.reject button {
        top: 0
    }

    .cookies .title .title-text {
        padding-top: 20px
    }

    .cookies .accept,
    .cookies .reject {
        grid-column-start: 11;
        grid-row-start: 1;
        -ms-grid-column: 11;
        -ms-grid-row: 1;
        margin: 0;
        padding: 0;
        text-align: right
    }

    .cookies .accept button,
    .cookies .reject button {
        position: relative;
        top: 40px
    }

    .cookies .accept>div,
    .cookies .reject>div {
        display: inline-block
    }

    .cookies .reject {
        grid-column-start: 11;
        grid-row-start: 2;
        -ms-grid-column: 11;
        -ms-grid-row: 2
    }

    .cookies .reject button {
        margin: 30px 0 10px;
        top: 0
    }
}

.cta-banner {
    height: 63px;
    cursor: pointer
}

.cta-banner a {
    text-decoration: none !important
}

.cta-banner:hover .cta-icon {
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite
}

.cta-banner .action {
    grid-column-start: 3;
    -ms-grid-column: 3;
    grid-column-end: span 12;
    -ms-grid-column-span: 12;
    min-height: 63px;
    display: flex;
    align-items: center
}

.cta-banner .action .text {
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    margin: 0 !important;
    display: block
}

@media (min-width:824px) {
    .cta-banner .action .text {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .cta-banner .action .text {
        font-size: 22px;
        line-height: 28px
    }
}

.cta-banner .action .cta-icon {
    color: #fff;
    margin-left: 40px;
    font-size: 24px
}

@media (min-width:824px) {
    .cta-banner .action .cta-icon {
        font-size: 30px
    }
}

@media (min-width:992px) {
    .cta-banner .action .cta-icon {
        font-size: 44px
    }
}

.cta-banner.center .action {
    display: flex;
    justify-content: center
}

.cta-banner.right .action {
    display: flex;
    justify-self: flex-end
}

.cta-banner.pink {
    background-color: #dc1860
}

.cta-banner.green {
    background-color: #339586
}

.cta-banner.white {
    background-color: #fff
}

.cta-banner.white .action .cta-icon,
.cta-banner.white .action .text {
    color: #000
}

@media (min-width:824px) {
    .cta-banner {
        height: 73px
    }

    .cta-banner .action {
        min-height: 73px
    }
}

@media (min-width:992px) {
    .cta-banner .action {
        min-height: 83
    }

    .cta-banner .action .cta-icon {
        margin-left: 60px
    }
}

.__cta-button .button-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex
}

.__cta-button .button-wrapper.align-right {
    justify-content: flex-end
}

.__cta-button .button-wrapper.align-center {
    justify-content: center
}

.__cta-button.padding-top-large {
    padding-top: 80px
}

.__cta-button.padding-bottom-large {
    padding-bottom: 80px
}

.__cta-button.margin-top-large {
    margin-top: 80px
}

.__cta-button.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cta-button.padding-top-large {
        padding-top: 60px
    }

    .__cta-button.padding-bottom-large {
        padding-bottom: 60px
    }

    .__cta-button.margin-top-large {
        margin-top: 60px
    }

    .__cta-button.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cta-button.padding-top-large {
        padding-top: 50px
    }

    .__cta-button.padding-bottom-large {
        padding-bottom: 50px
    }

    .__cta-button.margin-top-large {
        margin-top: 50px
    }

    .__cta-button.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__cta-button.padding-top-medium {
    padding-top: 50px
}

.__cta-button.padding-bottom-medium {
    padding-bottom: 50px
}

.__cta-button.margin-top-medium {
    margin-top: 50px
}

.__cta-button.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cta-button.padding-top-medium {
        padding-top: 40px
    }

    .__cta-button.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__cta-button.margin-top-medium {
        margin-top: 40px
    }

    .__cta-button.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cta-button.padding-top-medium {
        padding-top: 30px
    }

    .__cta-button.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__cta-button.margin-top-medium {
        margin-top: 30px
    }

    .__cta-button.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__cta-button.padding-top-tiny {
    padding-top: 30px
}

.__cta-button.padding-bottom-tiny {
    padding-bottom: 30px
}

.__cta-button.margin-top-tiny {
    margin-top: 30px
}

.__cta-button.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__cta-button.padding-top-tiny {
        padding-top: 20px
    }

    .__cta-button.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__cta-button.margin-top-tiny {
        margin-top: 20px
    }

    .__cta-button.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__cta-button.padding-top-tiny {
        padding-top: 20px
    }

    .__cta-button.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__cta-button.margin-top-tiny {
        margin-top: 20px
    }

    .__cta-button.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.big-blue {
    color: #4a90e2;
    text-decoration: none
}

.find-dealer .block1 {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.find-dealer .dealer-map-container {
    z-index: 0;
    height: 200px
}

.find-dealer .dealer-map-container .search-block {
    top: 13px
}

.find-dealer .find-dealer-title .find-button {
    cursor: pointer;
    width: 130px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .75);
    font-size: 10px
}

.find-dealer .dealer-detail-message .detail-dealerName {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 13px
}

.find-dealer .dealer-detail-message .detail-message-item {
    font-size: 12px;
    color: #474d59;
    line-height: 30px
}

.find-dealer .mobile-image {
    width: 100%;
    height: auto
}

@media (min-width:824px) {
    .mobile {
        display: none
    }

    .pc {
        display: block
    }

    .find-dealer .block1 {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .find-dealer .dealer-map-container {
        position: relative;
        z-index: 0;
        width: 100%;
        height: 488px
    }

    .find-dealer .dealer-map-container .search-block {
        z-index: 10;
        width: 340px;
        background-color: #fff;
        position: absolute;
        left: 96px;
        top: 30px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
    }

    .find-dealer .dealer-map-container .search-input {
        height: 56px;
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
        align-items: center
    }

    .find-dealer .dealer-map-container .dealer-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .find-dealer .dealer-map-container .search-icon {
        cursor: pointer;
        color: #0066b2
    }

    .find-dealer .dealer-map-container .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 24px;
        color: rgba(0, 0, 0, .75);
        padding: 0 30px;
        height: 56px;
        line-height: 56px
    }

    .find-dealer .dealer-map-container .dealer-list-block {
        font-size: 18px;
        width: 100%;
        overflow-y: auto;
        max-height: 300px
    }

    .find-dealer .dealer-map-container .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 30px;
        color: rgba(0, 0, 0, .45);
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

    .find-dealer .dealer-map-container .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .find-dealer .find-dealer-title {
        margin-top: 60px;
        margin-bottom: 39px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        color: rgba(0, 0, 0, .75)
    }

    .find-dealer .find-dealer-title h1 {
        font-size: 36px
    }

    .find-dealer .find-dealer-title .find-button {
        cursor: pointer;
        width: 200px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, .75)
    }

    .find-dealer .dealer-detail {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .find-dealer .dealer-detail-image {
        flex-shrink: 0;
        width: 50%;
        max-width: 640px
    }

    .find-dealer .dealer-detail-image .swiper-container {
        --swiper-navigation-color: #fff;
        --swiper-navigation-size: 20px
    }

    .find-dealer .dealer-detail-image .swiper-button-next,
    .find-dealer .dealer-detail-image .swiper-button-prev {
        bottom: 0;
        top: auto;
        left: auto;
        width: 36px;
        height: 36px;
        background-color: rgba(0, 0, 0, .7)
    }

    .find-dealer .dealer-detail-image .swiper-button-next {
        right: 0
    }

    .find-dealer .dealer-detail-image .swiper-button-prev {
        right: 36px
    }

    .find-dealer .dealer-detail-image-item {
        height: 0;
        width: 100% !important;
        max-width: 640px;
        padding-bottom: 66%;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .find-dealer .dealer-detail-message .detail-dealerName {
        font-size: 24px;
        color: rgba(0, 0, 0, .75);
        margin-bottom: 32px
    }

    .find-dealer .dealer-detail-message .detail-message-item {
        font-size: 18px;
        color: #474d59;
        line-height: 50px
    }
}

.__dividing-line .line {
    border-top-style: solid
}

.__dividing-line .line.w-tiny {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__dividing-line .line.w-wide {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__dividing-line .line.w-large {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__dividing-line .line.w-full-width {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__dividing-line .line.h-thin {
    border-top-width: 1px
}

.__dividing-line .line.h-thick {
    border-top-width: 4px
}

.__dividing-line .line.c-black {
    border-top-color: #000
}

.__dividing-line .line.c-white {
    border-top-color: #fff
}

.__dividing-line .line.c-blue {
    border-top-color: #0878b5
}

.__dividing-line .line.c-pink {
    border-top-color: #dc1860
}

.__event-list,
.__event-list .banner {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__event-list .banner {
    height: 488px;
    background-size: cover;
    background-repeat: no-repeat
}

.__event-list .banner .banner-text {
    grid-column-start: 2;
    grid-column-end: span 8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.__event-list .banner .title {
    margin-top: 106px;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px
}

.__event-list .banner .sign {
    margin-top: 40px
}

.__event-list .component-content {
    padding: 30px 0
}

.__event-list .component-wrapper {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 40px
}

.__event-list .event-list-item {
    width: 1250px;
    display: grid;
    grid-template-columns: 130px 460px 450px;
    grid-template-rows: 70px 200px;
    grid-column-gap: 80px;
    grid-row-gap: 24px;
    margin: 0 auto 80px
}

.__event-list .event-list-item+.event-list-item {
    margin-top: 30px
}

.__event-list .event-list-item .calendar {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px;
    width: 128px;
    height: 156px;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
    text-align: center
}

.__event-list .event-list-item .calendar .calendarTitle {
    height: 29px;
    background: #e6a828;
    font-size: 12px;
    color: #fff;
    line-height: 29px
}

.__event-list .event-list-item .calendar .calendarDay {
    font-size: 51px;
    font-weight: 500;
    color: #e6a828;
    line-height: 53px;
    margin: 28px 0 12px
}

.__event-list .event-list-item .calendar .calendarDate {
    font-size: 12px;
    color: rgba(0, 0, 0, .75)
}

.__event-list .event-list-item .calendar.pendding .calendarTitle {
    background: #198dd6
}

.__event-list .event-list-item .calendar.pendding .calendarDay {
    color: #198dd6
}

.__event-list .event-list-item .calendar.end .calendarTitle {
    background: #a4a4a4
}

.__event-list .event-list-item .calendar.end .calendarDay {
    color: #a4a4a4
}

.__event-list .event-list-item .title {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    line-height: 24px;
    margin-top: 20px
}

.__event-list .event-list-item .detail {
    grid-column-start: 2;
    grid-row-start: 2
}

.__event-list .event-list-item .detail .detail-con {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 22px
}

.__event-list .event-list-item .detail .detail-delar {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    align-items: center
}

.__event-list .event-list-item .detail .detail-delar p:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 60px;
    max-width: 252px
}

.__event-list .event-list-item .detail .detail-delar p:nth-child(2) {
    cursor: pointer
}

.__event-list .event-list-item .detail .detail-delar .fa {
    margin-right: 6px;
    font-size: 18px
}

.__event-list .event-list-item .images {
    grid-column-start: 3;
    grid-row-start: 1;
    width: 487px;
    position: relative;
    height: 334px
}

.__event-list .event-list-item .images .btns {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: row;
    z-index: 99
}

.__event-list .event-list-item .images .btns span {
    display: flex;
    width: 30px;
    height: 30px;
    background: hsla(0, 0%, 100%, .2);
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.__event-list .event-list-item .images .btns span .fa {
    font-size: 18px;
    color: #fff
}

.__event-list .event-list-item .images .btns span.active {
    background: rgba(0, 102, 178, .7)
}

.__event-list .event-list-item .images .video-play {
    position: absolute;
    width: 63px;
    height: 63px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99;
    cursor: pointer
}

.__event-list .event-list-item .images .video-play .fa {
    font-size: 63px;
    color: #fff
}

.__event-list .event-list-item .image-wrapper {
    position: fixed;
    top: 5%;
    width: 80%;
    height: 90%;
    left: 10%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center
}

.__event-list .event-list-item .image-wrapper .close {
    position: absolute;
    top: -25px;
    right: -8px;
    font-size: 24px;
    z-index: 99;
    cursor: pointer;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px
}

.__event-list .event-list-item .image-wrapper .close .fa {
    color: #fff;
    margin-top: -4px
}

.__event-list .event-list-item .image-wrapper .frame-youtube {
    width: 100%;
    height: 100%
}

.__event-list .event-list-item .image-wrapper .image {
    width: 100%;
    height: auto
}

.__event-list .event-list-item .image-wrapper .video-container {
    display: block
}

.__event-list .event-list-item .image-wrapper .video-container .video-js {
    height: auto
}

.__event-list .event-list-item .image-wrapper .video-container .video-js .vjs-tech {
    position: static;
    height: auto
}

.__event-list .event-list-item .image-wrapper .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

.__event-list.padding-top-large {
    padding-top: 80px
}

.__event-list.padding-bottom-large {
    padding-bottom: 80px
}

.__event-list.margin-top-large {
    margin-top: 80px
}

.__event-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__event-list.padding-top-large {
        padding-top: 60px
    }

    .__event-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__event-list.margin-top-large {
        margin-top: 60px
    }

    .__event-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__event-list.padding-top-large {
        padding-top: 50px
    }

    .__event-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__event-list.margin-top-large {
        margin-top: 50px
    }

    .__event-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__event-list.padding-top-medium {
    padding-top: 50px
}

.__event-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__event-list.margin-top-medium {
    margin-top: 50px
}

.__event-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__event-list.padding-top-medium {
        padding-top: 40px
    }

    .__event-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__event-list.margin-top-medium {
        margin-top: 40px
    }

    .__event-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__event-list.padding-top-medium {
        padding-top: 30px
    }

    .__event-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__event-list.margin-top-medium {
        margin-top: 30px
    }

    .__event-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__event-list.padding-top-tiny {
    padding-top: 30px
}

.__event-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__event-list.margin-top-tiny {
    margin-top: 30px
}

.__event-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__event-list.padding-top-tiny {
        padding-top: 20px
    }

    .__event-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__event-list.margin-top-tiny {
        margin-top: 20px
    }

    .__event-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__event-list.padding-top-tiny {
        padding-top: 20px
    }

    .__event-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__event-list.margin-top-tiny {
        margin-top: 20px
    }

    .__event-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__event-list .banner {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 200px
    }

    .__event-list .banner .banner-text {
        grid-column-start: 2;
        grid-column-end: span 13;
        -ms-grid-column: 2;
        -ms-grid-column-span: 13
    }

    .__event-list .banner .title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 22px
    }

    .__event-list .banner .sign {
        margin-top: 20px
    }

    .__event-list .banner .sign .__input-group {
        width: 100%
    }

    .__event-list .component-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__event-list .event-list-item {
        width: 100%;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto auto !important;
        grid-column-gap: 0;
        grid-row-gap: 14px;
        margin-bottom: 40px
    }

    .__event-list .event-list-item .calendar {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 20px;
        width: 104px;
        height: 114px
    }

    .__event-list .event-list-item .calendar .calendarDay {
        font-size: 40px;
        margin: 12px 0 -6px
    }

    .__event-list .event-list-item .calendar .calendarDate {
        font-size: 10px
    }

    .__event-list .event-list-item .title {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__event-list .event-list-item .detail {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__event-list .event-list-item .detail .detail-con {
        font-size: 14px;
        color: rgba(0, 0, 0, .55);
        line-height: 22px
    }

    .__event-list .event-list-item .detail .detail-delar {
        display: flex;
        flex-direction: row;
        margin-top: 40px;
        align-items: center
    }

    .__event-list .event-list-item .detail .detail-delar p:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 60px;
        max-width: 170px
    }

    .__event-list .event-list-item .detail .detail-delar .fa {
        margin-right: 6px;
        font-size: 18px
    }

    .__event-list .event-list-item .images {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        width: 100%;
        position: relative;
        height: auto
    }
}

.__input-group {
    display: flex;
    align-items: stretch;
    height: 40px;
    width: 360px
}

.__input-group .input-wrapper {
    flex-grow: 1;
    height: 38px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #979797;
    display: flex;
    align-items: center
}

.__input-group .input-wrapper .input {
    width: 100%;
    background: transparent;
    border: none
}

.__input-group .input-wrapper .input:focus {
    outline: none
}

.__input-group .btn {
    height: 40px;
    font-size: 12px;
    flex-shrink: 0;
    background: #2e2e2e;
    color: #fff;
    cursor: pointer;
    border: 0
}

.__input-group .btn:active,
.__input-group .btn:focus {
    outline: none
}

@media (max-width:1366px) {
    .__input-group .btn {
        font-size: 11px
    }
}

@media (max-width:1024px) {
    .__input-group .btn {
        font-size: 10px
    }
}

@media (max-width:824px) {
    .__input-group {
        width: 100%
    }
}

.alertTips {
    color: #0066b2;
    font-size: 12px;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.alertTips .fa {
    color: #0066b2;
    margin-right: 4px !important
}

.loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed
}

.loading .__spinner {
    top: 40%;
    left: 46%;
    width: 40px;
    height: 40px
}

.__financial-calculator.padding-top-large {
    padding-top: 80px
}

.__financial-calculator.padding-bottom-large {
    padding-bottom: 80px
}

.__financial-calculator.margin-top-large {
    margin-top: 80px
}

.__financial-calculator.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__financial-calculator.padding-top-large {
        padding-top: 60px
    }

    .__financial-calculator.padding-bottom-large {
        padding-bottom: 60px
    }

    .__financial-calculator.margin-top-large {
        margin-top: 60px
    }

    .__financial-calculator.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-large {
        padding-top: 50px
    }

    .__financial-calculator.padding-bottom-large {
        padding-bottom: 50px
    }

    .__financial-calculator.margin-top-large {
        margin-top: 50px
    }

    .__financial-calculator.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__financial-calculator.padding-top-medium {
    padding-top: 50px
}

.__financial-calculator.padding-bottom-medium {
    padding-bottom: 50px
}

.__financial-calculator.margin-top-medium {
    margin-top: 50px
}

.__financial-calculator.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__financial-calculator.padding-top-medium {
        padding-top: 40px
    }

    .__financial-calculator.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__financial-calculator.margin-top-medium {
        margin-top: 40px
    }

    .__financial-calculator.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-medium {
        padding-top: 30px
    }

    .__financial-calculator.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__financial-calculator.margin-top-medium {
        margin-top: 30px
    }

    .__financial-calculator.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__financial-calculator.padding-top-tiny {
    padding-top: 30px
}

.__financial-calculator.padding-bottom-tiny {
    padding-bottom: 30px
}

.__financial-calculator.margin-top-tiny {
    margin-top: 30px
}

.__financial-calculator.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__financial-calculator.padding-top-tiny {
        padding-top: 20px
    }

    .__financial-calculator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__financial-calculator.margin-top-tiny {
        margin-top: 20px
    }

    .__financial-calculator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-tiny {
        padding-top: 20px
    }

    .__financial-calculator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__financial-calculator.margin-top-tiny {
        margin-top: 20px
    }

    .__financial-calculator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.__financial-calculator .content-wrapper {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 50px
}

.__financial-calculator .content-wrapper .content {
    display: grid;
    grid-template-columns: 540px 540px;
    grid-column-gap: 80px;
    margin-top: 50px
}

.__financial-calculator .content-wrapper .content-left {
    grid-column-start: 1
}

.__financial-calculator .content-wrapper .content-left .image {
    width: 540px
}

.__financial-calculator .content-wrapper .content-left .choose-code {
    margin-top: 50px
}

.__financial-calculator .content-wrapper .content-left .choose-code .code-list {
    display: grid;
    grid-template-columns: 68px auto;
    grid-column-gap: 20px;
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .choose-code .code-list .code-image,
.__financial-calculator .content-wrapper .content-left .choose-code .code-list .img-left {
    display: flex;
    flex-direction: row;
    width: 68px;
    margin-bottom: 20px;
    text-align: center;
    justify-content: center
}

.__financial-calculator .content-wrapper .content-left .choose-code .code-list .code-image {
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .choose-code .code-list .vehicle-image {
    width: 60px
}

.__financial-calculator .content-wrapper .content-left .choose-code .code-list .color-image {
    width: 42px
}

.__financial-calculator .content-wrapper .content-left .color-price {
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .color-price span:first-child {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-left .color-price span:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-top {
    padding: 25px 24px 5px;
    display: flex;
    flex-direction: row;
    border: 1px solid rgba(0, 0, 0, .2);
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-top .tips {
    margin-left: 18px;
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    margin-bottom: 20px
}

.__financial-calculator .content-wrapper .content-left .preferential .prefer-list {
    height: 200px;
    margin: 20px;
    overflow: auto
}

.__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radio-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radioDetail {
    width: calc(100% - 10px);
    padding-bottom: 19px;
    border-bottom: 1px solid #979797;
    cursor: pointer
}

.__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radioDetail .title {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 15px
}

.__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radioDetail .radio-tip {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 15px;
    margin-top: 10px
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-checks {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    border-bottom: 1px solid #979797
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-checks .title {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    line-height: 16px;
    margin-bottom: 30px
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-checks .checks-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-checks .checks-item .name {
    font-weight: 700;
    font-size: 16px;
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-left .preferential .preferential-checks .checks-item .fa {
    font-size: 16px;
    cursor: pointer;
    color: rgba(0, 0, 0, .75)
}

.__financial-calculator .content-wrapper .content-left .preferential .total-price {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.__financial-calculator .content-wrapper .content-left .preferential .total-price span:first-child {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-left .preferential .total-price span:nth-child(2) {
    font-size: 24px;
    font-weight: 700;
    color: #0066b2;
    line-height: 24px
}

.__financial-calculator .content-wrapper .content-right {
    grid-column-start: 2;
    position: relative
}

.__financial-calculator .content-wrapper .content-right .tab-menu {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 60px;
    width: 100%;
    margin-bottom: 40px;
    display: flex
}

.__financial-calculator .content-wrapper .content-right .tab-menu .tab-item {
    width: 50%;
    border: 1px solid #0066b2;
    color: #0066b2;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.__financial-calculator .content-wrapper .content-right .tab-menu .tab-item.active {
    background: #0066b2;
    color: #fff
}

.__financial-calculator .content-wrapper .content-right .tab-menu .tab-item.tab-item-only {
    width: 100%
}

.__financial-calculator .content-wrapper .content-right .bank-list,
.__financial-calculator .content-wrapper .content-right .cacso-ist,
.__financial-calculator .content-wrapper .content-right .insurance {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    margin-top: 40px
}

.__financial-calculator .content-wrapper .content-right .bank-list .title,
.__financial-calculator .content-wrapper .content-right .cacso-ist .title,
.__financial-calculator .content-wrapper .content-right .insurance .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px
}

.__financial-calculator .content-wrapper .content-right .bank-list .title span:first-child,
.__financial-calculator .content-wrapper .content-right .cacso-ist .title span:first-child,
.__financial-calculator .content-wrapper .content-right .insurance .title span:first-child {
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-right .alertTips {
    cursor: pointer
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item {
    width: 147px;
    height: 55px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    background: #fff;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 147px;
    height: 55px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-right: 20px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con i {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 1;
    font-size: 12px
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con.active {
    border: 1px solid #0878b5;
    color: #0066b2
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con.active:after {
    display: table;
    content: "";
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid #0878b5;
    position: absolute;
    right: -50px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40px
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con+.engine {
    margin-top: 20px
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .casco-hover-con {
    display: inline-block;
    padding: 10px 14px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 70px;
    left: -10px;
    width: 160px;
    height: auto;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .34);
    text-align: left;
    display: none
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .casco-hover-con:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    top: -6px;
    left: 80px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, .14);
    z-index: 991
}

.__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item:hover .casco-hover-con {
    display: block
}

.__financial-calculator .content-wrapper .content-right .insurance-con {
    display: flex;
    flex-direction: row;
    align-items: center
}

.__financial-calculator .content-wrapper .content-right .insurance-con .insurance-tips {
    display: block;
    width: 326px;
    font-size: 12px;
    color: rgba(0, 0, 0, .35);
    line-height: 15px;
    margin-right: auto;
    margin-bottom: 20px
}

.__financial-calculator .content-wrapper .content-right .insurance-con .insurance-tips p {
    color: rgba(0, 0, 0, .35)
}

.__financial-calculator .content-wrapper .content-right .insurance-con .radio-list {
    width: 240px
}

.__financial-calculator .content-wrapper .content-right .insurance-con .radio-list-automotor .radio-item {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .35)
}

.__financial-calculator .content-wrapper .content-right .insurance-con .radio-list-automotor .fa {
    cursor: not-allowed;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%
}

.__financial-calculator .content-wrapper .content-right .second-insurance {
    background: #e7eef4;
    padding: 20px 23px 0;
    margin-top: 0;
    position: relative
}

.__financial-calculator .content-wrapper .content-right .second-insurance .title {
    justify-content: flex-end
}

.__financial-calculator .content-wrapper .content-right .second-insurance .insurance-tips {
    text-align: right
}

.__financial-calculator .content-wrapper .content-right .second-insurance .fa {
    margin-right: 8px
}

.__financial-calculator .content-wrapper .content-right .second-insurance:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #e7eef4;
    top: -10px;
    right: 180px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper {
    margin-top: 70px;
    position: relative;
    display: flex;
    margin-bottom: 30px
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .range-active {
    position: absolute
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper input[type=range] {
    display: block;
    -webkit-appearance: none;
    background: #0066b2;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    outline: none;
    border: 0;
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #3892c3;
    width: 36px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #fff;
    border-radius: 10px
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .rangNum {
    width: 29px;
    height: 34px;
    position: absolute;
    top: -40px;
    color: #f0f0f0;
    font-size: 10px;
    text-align: center;
    line-height: 30px;
    z-index: 2;
    border-radius: 2px
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .maxNum,
.__financial-calculator .content-wrapper .content-right .rang-wrapper .minNum {
    background: #fff;
    color: rgba(0, 0, 0, .75);
    z-index: 1
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .maxNum:after,
.__financial-calculator .content-wrapper .content-right .rang-wrapper .minNum:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .choose-bg {
    width: 374px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 10px;
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .input-radio {
    margin-top: -8px
}

.__financial-calculator .content-wrapper .content-right .rang-wrapper .input-radio input[type=tel] {
    width: 45px;
    height: 30px;
    display: inline-flex;
    outline: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.__financial-calculator .content-wrapper .content-right .calculation-results {
    background: rgba(245, 246, 249, .5);
    padding: 20px 18px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month {
    display: flex;
    flex-direction: row;
    align-items: center
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .title {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 18px;
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .title span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .75)
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .dropdown.vertical {
    width: calc(50% - 34px)
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .add {
    display: flex;
    flex-direction: row;
    height: 48px;
    background: #fff
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .add .btn {
    width: 44px;
    height: 44px;
    color: #000;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    line-height: 44px;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer
}

.__financial-calculator .content-wrapper .content-right .calculation-results .month .add .month-number {
    width: 114px;
    height: 42px;
    border: 0;
    outline: none;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 16px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .coefficient {
    margin-top: 30px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .coefficient .title {
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 18px;
    margin-right: auto
}

.__financial-calculator .content-wrapper .content-right .calculation-results .coefficient .coefficient-tips {
    font-size: 11px;
    color: rgba(0, 0, 0, .75);
    line-height: 13px;
    margin-top: 10px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .error-message {
    width: 100%;
    color: #c30000;
    margin-bottom: 0;
    padding-bottom: 0
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list span:first-child {
    font-size: 16px;
    color: rgba(0, 0, 0, .96);
    margin-right: auto;
    line-height: 18px
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list span:nth-child(2) {
    font-size: 18px;
    font-weight: 700
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list .red {
    color: #c30000
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list .reference {
    font-size: 14px !important
}

.__financial-calculator .content-wrapper .content-right .calculation-results .result.resultZero .result-list .red,
.__financial-calculator .content-wrapper .content-right .calculation-results .result.resultZero .result-list span:nth-child(2) {
    color: rgba(0, 0, 0, .75)
}

.__financial-calculator .content-wrapper .content-right .next-button button {
    margin: 20px auto
}

.__financial-calculator .content-wrapper .from-submit .from {
    grid-column-start: 2;
    margin-top: -300px
}

.form {
    margin: 10px 16px;
    grid-column-start: 2
}

.form h1 {
    font-size: 18px;
    margin: 20px 0 6px
}

.form p {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 26px
}

.form .btn {
    width: 100%;
    height: 44px;
    background: #2e2e2e;
    color: #fff;
    font-size: 16px;
    border: 0;
    outline: none;
    cursor: pointer
}

.delar-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9995
}

.delar-layer .error {
    color: red;
    padding-left: 50px
}

.delar-layer .layers {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(55, 55, 55, .7);
    top: 0
}

.delar-layer .content {
    background: #fff;
    width: 90%;
    height: 98%;
    position: absolute;
    z-index: 99;
    top: 1%;
    left: 5%;
    overflow: hidden
}

.delar-layer .content .footer {
    display: grid;
    justify-content: center;
    margin-top: 10px
}

.delar-layer .content .footer button {
    padding: 15px 30px;
    margin-bottom: 10px
}

.delar-layer .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 4;
    -ms-grid-row-span: 4
}

.delar-layer .map-title {
    padding-top: 20px;
    padding-bottom: 24px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.delar-layer .mobile-map-select-box {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.delar-layer .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.delar-layer .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.delar-layer .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.delar-layer .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.delar-layer .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.delar-layer .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.delar-layer ._test-drive-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px
}

.delar-layer .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden
}

.delar-layer .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.delar-layer .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.delar-layer .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.delar-layer .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.delar-layer .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.delar-layer .text-area {
    margin-bottom: 20px
}

.delar-layer .map-select-box {
    display: none
}

@media (min-width:824px) {
    .no-result {
        padding-left: 0;
        margin-top: 4px;
        color: rgba(0, 0, 0, .75)
    }

    .content-wrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__financial-calculator .content-wrapper .content {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        line-height: 26px
    }

    .__financial-calculator .content-wrapper .content .content-right {
        overflow-y: scroll;
        width: calc(100% + 32px);
        height: 1300px;
        padding: 0 16px
    }

    .__financial-calculator .content-wrapper .content .content-right::-webkit-scrollbar {
        width: 6px;
        background: #fff;
        display: none
    }

    .__financial-calculator .content-wrapper .content .content-right::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(153, 47, 47, .5);
        background: #fff
    }

    .__financial-calculator .content-wrapper .content .content-right::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(79, 153, 47, .5);
        border-radius: 3px;
        background: #fff
    }

    .__financial-calculator .detail-content {
        border-bottom: 0;
        padding: 0
    }

    .__financial-calculator .detail-content h1 {
        margin: 36px 0 30px
    }

    .__financial-calculator .detail-content .date {
        font-size: 18px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 18px;
        margin-bottom: 25px
    }

    .__financial-calculator .right-form {
        height: 0
    }

    .__financial-calculator .right-form.right-form-out {
        height: 700px
    }

    .__financial-calculator .right-form .right-from-content {
        height: 0;
        overflow: hidden
    }

    .__financial-calculator .right-form .right-from-show {
        height: 700px;
        transition: height 2s ease-in
    }

    .__financial-calculator .form {
        width: 450px;
        margin: 80px auto 0;
        padding: 0 0 80px
    }

    .__financial-calculator .form h1 {
        font-size: 18px;
        margin: 20px 0 6px
    }

    .__financial-calculator .form p {
        font-size: 12px;
        color: rgba(0, 0, 0, .5);
        margin-bottom: 26px
    }

    .__financial-calculator .form .btn {
        width: 350px;
        height: 56px;
        background: #2e2e2e;
        color: #fff;
        font-size: 14px;
        border: 0;
        font-weight: 700;
        margin-top: 20px;
        outline: none;
        display: block
    }

    .__financial-calculator .form .primary-button {
        margin-left: 20%
    }

    .__financial-calculator .error-message {
        width: 450px;
        margin: 0 auto;
        color: red
    }

    .__financial-calculator .delar-layer .content {
        width: 100%;
        left: 0;
        height: 674px;
        top: 8%;
        padding: 30px 0 0
    }

    .__financial-calculator .delar-layer .content .footer {
        display: flex;
        justify-content: center;
        margin-top: 10px
    }

    .__financial-calculator .delar-layer .content .footer button {
        display: flex;
        flex-direction: row;
        margin-right: 20px;
        margin-top: 0
    }

    .__financial-calculator .delar-layer .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9
    }

    .__financial-calculator .delar-layer .map-title {
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__financial-calculator .delar-layer .map-select-box {
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__financial-calculator .delar-layer .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__financial-calculator .delar-layer .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .city-search:hover {
        font-size: 30px
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__financial-calculator .delar-layer .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-list {
        box-sizing: border-box;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__financial-calculator .delar-layer .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__financial-calculator .delar-layer ._test-drive-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }
}

@media screen and (max-height:800px) and (min-width:1000px) {
    .__financial-calculator .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__financial-calculator .delar-layer .content {
        width: 100%;
        left: 0;
        height: 560px;
        top: 2%
    }

    .__financial-calculator .delar-layer .content .map-select-box .dealer-list {
        height: 320px
    }

    .__financial-calculator .delar-layer .content ._test-drive-map {
        height: 310px;
        overflow: hidden;
        padding-bottom: 60px
    }

    .__financial-calculator .delar-layer .content ._test-drive-map .ymaps-container .ymaps-2-1-76-map {
        height: 368px !important
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-large {
        padding-top: 80px
    }

    .__financial-calculator.padding-bottom-large {
        padding-bottom: 80px
    }

    .__financial-calculator.margin-top-large {
        margin-top: 80px
    }

    .__financial-calculator.overlap-large {
        margin-top: -80px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__financial-calculator.padding-top-large {
        padding-top: 60px
    }

    .__financial-calculator.padding-bottom-large {
        padding-bottom: 60px
    }

    .__financial-calculator.margin-top-large {
        margin-top: 60px
    }

    .__financial-calculator.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__financial-calculator.padding-top-large {
        padding-top: 50px
    }

    .__financial-calculator.padding-bottom-large {
        padding-bottom: 50px
    }

    .__financial-calculator.margin-top-large {
        margin-top: 50px
    }

    .__financial-calculator.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-medium {
        padding-top: 50px
    }

    .__financial-calculator.padding-bottom-medium {
        padding-bottom: 50px
    }

    .__financial-calculator.margin-top-medium {
        margin-top: 50px
    }

    .__financial-calculator.overlap-medium {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__financial-calculator.padding-top-medium {
        padding-top: 40px
    }

    .__financial-calculator.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__financial-calculator.margin-top-medium {
        margin-top: 40px
    }

    .__financial-calculator.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__financial-calculator.padding-top-medium {
        padding-top: 30px
    }

    .__financial-calculator.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__financial-calculator.margin-top-medium {
        margin-top: 30px
    }

    .__financial-calculator.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator.padding-top-tiny {
        padding-top: 30px
    }

    .__financial-calculator.padding-bottom-tiny {
        padding-bottom: 30px
    }

    .__financial-calculator.margin-top-tiny {
        margin-top: 30px
    }

    .__financial-calculator.overlap-tiny {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__financial-calculator.padding-top-tiny {
        padding-top: 20px
    }

    .__financial-calculator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__financial-calculator.margin-top-tiny {
        margin-top: 20px
    }

    .__financial-calculator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__financial-calculator.padding-top-tiny {
        padding-top: 20px
    }

    .__financial-calculator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__financial-calculator.margin-top-tiny {
        margin-top: 20px
    }

    .__financial-calculator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__financial-calculator .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__financial-calculator .content-wrapper .content {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0;
        margin-top: 50px;
        overflow: hidden
    }

    .__financial-calculator .content-wrapper .content-left {
        display: block;
        grid-column-start: 1
    }

    .__financial-calculator .content-wrapper .content-left .image {
        width: 100%
    }

    .__financial-calculator .content-wrapper .content-left .choose-code {
        margin-top: 50px
    }

    .__financial-calculator .content-wrapper .content-left .choose-code .code-list {
        display: grid;
        grid-template-columns: 48px auto;
        grid-column-gap: 20px;
        align-items: center
    }

    .__financial-calculator .content-wrapper .content-left .choose-code .code-list .img-left {
        width: 48px
    }

    .__financial-calculator .content-wrapper .content-left .choose-code .code-list .code-image {
        display: flex;
        flex-direction: row;
        width: 48px;
        margin-bottom: 20px;
        text-align: center;
        align-items: center;
        justify-content: center
    }

    .__financial-calculator .content-wrapper .content-left .choose-code .code-list .vehicle-image {
        width: 40px
    }

    .__financial-calculator .content-wrapper .content-left .choose-code .code-list .color-image {
        width: 42px
    }

    .__financial-calculator .content-wrapper .content-left .color-price {
        margin: 30px 0;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .__financial-calculator .content-wrapper .content-left .color-price span:first-child {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        margin-right: auto
    }

    .__financial-calculator .content-wrapper .content-left .color-price span:nth-child(2) {
        font-size: 24px;
        font-weight: 700;
        line-height: 24px
    }

    .__financial-calculator .content-wrapper .content-left .preferential .preferential-top {
        padding: 20px 14px 0;
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(0, 0, 0, .2);
        align-items: self-start
    }

    .__financial-calculator .content-wrapper .content-left .preferential .preferential-top .tips {
        margin-left: 0
    }

    .__financial-calculator .content-wrapper .content-left .preferential .prefer-list {
        height: 200px;
        margin: 20px 0;
        overflow: auto
    }

    .__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radio-item {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__financial-calculator .content-wrapper .content-left .preferential .prefer-list .radioDetail {
        width: calc(100% - 10px)
    }

    .__financial-calculator .content-wrapper .content-right {
        display: block;
        grid-column-start: 1;
        margin-top: 40px;
        position: relative;
        height: auto
    }

    .__financial-calculator .content-wrapper .content-right .tab-menu {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 60px;
        width: 100%;
        margin-bottom: 40px;
        display: flex
    }

    .__financial-calculator .content-wrapper .content-right .bank-list,
    .__financial-calculator .content-wrapper .content-right .cacso-ist,
    .__financial-calculator .content-wrapper .content-right .insurance {
        font-size: 16px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        margin-top: 40px
    }

    .__financial-calculator .content-wrapper .content-right .bank-list .title,
    .__financial-calculator .content-wrapper .content-right .cacso-ist .title,
    .__financial-calculator .content-wrapper .content-right .insurance .title {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .__financial-calculator .content-wrapper .content-right .bank-list .title span:first-child,
    .__financial-calculator .content-wrapper .content-right .cacso-ist .title span:first-child,
    .__financial-calculator .content-wrapper .content-right .insurance .title span:first-child {
        margin-right: auto
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item {
        width: 147px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        background: #fff;
        position: relative;
        cursor: pointer;
        margin-right: 15px;
        margin-bottom: 16px;
        border: 1px solid rgba(0, 0, 0, .2)
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 147px;
        height: 55px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        background: #fff;
        position: relative;
        cursor: pointer;
        margin-right: 20px
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con i {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        z-index: 1;
        font-size: 12px
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con.active {
        border: 1px solid #0878b5;
        color: #0066b2
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .cacso-item-con.active:after {
        display: table;
        content: "";
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-top: 50px solid #0878b5;
        position: absolute;
        right: -50px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 40px
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item+.engine {
        margin-top: 20px
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .casco-hover-con {
        display: inline-block;
        padding: 10px 14px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        top: 70px;
        left: 0;
        width: 130px;
        height: auto;
        z-index: 99;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .34);
        text-align: left;
        display: block
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item .casco-hover-con:after {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background: #fff;
        top: -6px;
        left: 80px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, .14);
        z-index: 991
    }

    .__financial-calculator .content-wrapper .content-right .cacso-ist .cascoList .cacso-item:hover .casco-hover-con {
        display: block
    }

    .__financial-calculator .content-wrapper .content-right .insurance-con {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .__financial-calculator .content-wrapper .content-right .insurance-con .insurance-tips {
        display: block;
        width: 260px;
        font-size: 12px;
        color: rgba(0, 0, 0, .35);
        line-height: 15px;
        margin-right: auto;
        margin-bottom: 20px
    }

    .__financial-calculator .content-wrapper .content-right .insurance-con .radio-list {
        width: 200px
    }

    .__financial-calculator .content-wrapper .content-right .second-insurance {
        background: #e7eef4;
        padding: 20px 23px 0;
        margin-top: 0;
        position: relative
    }

    .__financial-calculator .content-wrapper .content-right .second-insurance .fa {
        margin-right: 8px
    }

    .__financial-calculator .content-wrapper .content-right .second-insurance:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: #e7eef4;
        top: -10px;
        right: 148px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper {
        margin-top: 70px;
        position: relative;
        display: flex;
        margin-bottom: 30px
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .range-active {
        position: absolute
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper input[type=range] {
        display: block;
        -webkit-appearance: none;
        background: #0066b2;
        width: 100%;
        height: 20px;
        border-radius: 10px;
        outline: none;
        border: 0;
        position: absolute;
        z-index: 1;
        padding: 0;
        margin: 0
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #3892c3;
        width: 36px;
        height: 20px;
        cursor: pointer;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        background: #fff;
        border-radius: 10px
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .rangNum {
        width: 29px;
        height: 34px;
        position: absolute;
        top: -40px;
        color: #f0f0f0;
        font-size: 10px;
        text-align: center;
        line-height: 30px;
        z-index: 3;
        border-radius: 2px
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .maxNum,
    .__financial-calculator .content-wrapper .content-right .rang-wrapper .minNum {
        background: #fff;
        color: rgba(0, 0, 0, .75);
        z-index: 1
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .maxNum:after,
    .__financial-calculator .content-wrapper .content-right .rang-wrapper .minNum:after {
        content: "";
        width: 10px;
        height: 10px;
        background: #fff
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .choose-bg {
        width: calc(100% - 80px);
        height: 20px;
        background: #f0f0f0;
        border-radius: 10px;
        margin-right: auto
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .input-radio {
        margin-top: -8px
    }

    .__financial-calculator .content-wrapper .content-right .rang-wrapper .input-radio input[type=tel] {
        width: 45px;
        height: 30px;
        display: inline-flex;
        outline: none;
        margin: 0;
        padding: 0;
        text-align: center
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results {
        background: rgba(245, 246, 249, .5);
        padding: 20px 24px
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month .title {
        font-size: 16px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 18px;
        margin-right: auto
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month .title span {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, .75)
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month .add {
        display: flex;
        flex-direction: row;
        height: 48px;
        background: #fff
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month .add .btn {
        width: 44px;
        height: 44px;
        color: #000;
        text-align: center;
        justify-content: center;
        font-size: 24px;
        line-height: 44px;
        border: 1px solid rgba(0, 0, 0, .2);
        cursor: pointer
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .month .add .month-number {
        width: 114px;
        height: 44px;
        border: 0;
        padding: 0;
        margin: 0;
        outline: none;
        border-top: 1px solid rgba(0, 0, 0, .2);
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        text-align: center;
        font-size: 16px;
        border-radius: 0;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .coefficient {
        margin-top: 30px
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .coefficient .title {
        font-size: 16px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 18px;
        margin-right: auto
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .coefficient .coefficient-tips {
        font-size: 11px;
        color: rgba(0, 0, 0, .75);
        line-height: 13px;
        margin-top: 10px
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 16px
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list span:first-child {
        font-size: 16px;
        color: rgba(0, 0, 0, .96);
        margin-right: auto;
        line-height: 18px
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list span:nth-child(2) {
        font-size: 18px;
        font-weight: 700
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list .red {
        color: #c30000
    }

    .__financial-calculator .content-wrapper .content-right .calculation-results .result .result-list .reference {
        font-size: 14px !important
    }

    .__financial-calculator .content-wrapper .content-right .next-button button {
        margin: 40px auto
    }

    .__financial-calculator .content-wrapper .from-submit .from {
        grid-column-start: 2;
        margin-top: -300px
    }

    .from button {
        margin-left: 0 !important
    }

    .delar-layer {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 99
    }

    .delar-layer .layers {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(55, 55, 55, .7);
        top: 0
    }

    .delar-layer .content {
        background: #fff;
        width: 90%;
        height: 98%;
        position: absolute;
        z-index: 99;
        top: 1%;
        left: 5%;
        overflow: hidden
    }

    .delar-layer .content .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px
    }

    .delar-layer .content .footer a+a,
    .delar-layer .content .footer a+button,
    .delar-layer .content .footer button+a,
    .delar-layer .content .footer button+button {
        margin-left: 20px
    }

    .delar-layer .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 4;
        -ms-grid-row-span: 4
    }

    .delar-layer .map-title {
        padding-top: 8px;
        padding-bottom: 10px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .delar-layer .mobile-map-select-box {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 16px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select {
        z-index: 10;
        position: relative;
        width: 300px;
        box-sizing: border-box;
        padding: 7px 10px;
        height: 48px;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .delar-layer .mobile-map-select-box .mobile-map-select input {
        position: relative;
        z-index: 1
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
        background: none;
        outline: none;
        border: none;
        flex: 1 1
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 162px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .delar-layer ._test-drive-map {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        height: 300px
    }

    .delar-layer ._test-drive-map .ymaps-container {
        height: 300px;
        width: 330px
    }

    .delar-layer .mobile-dealer-list-box {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 7;
        -ms-grid-row: 7;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .delar-layer .mobile-dealer-list {
        padding: 0 16px;
        display: flex;
        float: left
    }

    .delar-layer .mobile-dealer-block {
        box-sizing: border-box;
        min-width: 230px;
        min-height: 150px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
        margin-right: 6px;
        padding: 10px 12px 16px
    }

    .delar-layer .mobile-dealer-block .dealer-item-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 32px;
        font-size: 14px
    }

    .delar-layer .mobile-dealer-block .dealer-item-message {
        line-height: 16px;
        padding: 2px 0;
        font-size: 12px;
        color: #474d59
    }

    .delar-layer .mobile-dealer-block .dealer-item-message .blue {
        color: #4a90e2
    }

    .delar-layer .text-area {
        margin-bottom: 20px
    }

    .delar-layer .map-select-box {
        display: none
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .__financial-calculator .delar-layer .mobile-map-select-box,
    .__financial-calculator .delar-layer .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .__financial-calculator .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }
}

.__radio-button-list {
    width: 100%;
    margin-bottom: 25px
}

.__radio-button-list .label {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.__radio-button-list .radio-items {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
    grid-column-gap: 15px
}

.__radio-button-list .radio-items .radio-item {
    display: flex
}

.__radio-button-list .radio-items .radio-item .fa {
    margin-right: 15px;
    cursor: pointer
}

.__radio-button-list .radio-items .radio-item .fa-circle-o {
    color: #000
}

.__radio-button-list .radio-items .radio-item .fa-check-circle {
    color: #0878b5
}

.__radio-button-list .radio-items .radio-item span {
    cursor: pointer
}

.__radio-button-list .radio-items .radio-item.checked {
    color: #0878b5
}

.__radio-button-list .radio-items .radioDetail {
    width: 384px;
    padding-bottom: 19px;
    border-bottom: 1px solid #979797;
    cursor: pointer
}

.__radio-button-list .radio-items .radioDetail .title {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 15px
}

.__radio-button-list .radio-items .radioDetail .details {
    display: flex;
    flex-direction: row;
    font-size: 16px
}

.__radio-button-list .radio-items .radioDetail .details span:first-child {
    width: 200px;
    margin-right: auto
}

.__radio-button-list .radio-items .radioDetail .details .alertTips {
    font-weight: 700;
    margin-right: auto
}

.__radio-button-list .radio-items .radioDetail .details .price {
    display: flex;
    font-weight: 700;
    color: rgba(0, 0, 0, .75)
}

.__radio-button-list .radio-items .radioDetail .radio-tip {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 15px;
    margin-top: 10px
}

.__radio-button-list .radio-items.col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.__radio-button-list .radio-items.col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.__radio-button-list .radio-items.col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.__radio-button-list .radio-items.col-5 {
    grid-template-columns: repeat(5, 1fr)
}

.__radio-button-list .radio-items.col-6 {
    grid-template-columns: repeat(6, 1fr)
}

.__radio-button-list .radio-items.col-7 {
    grid-template-columns: repeat(7, 1fr)
}

.__radio-button-list .radio-items.col-8 {
    grid-template-columns: repeat(8, 1fr)
}

.__radio-button-list .radio-items.col-9 {
    grid-template-columns: repeat(9, 1fr)
}

.__radio-button-list .error-message {
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px
}

@media (max-width:824px) {

    .__radio-button-list .radio-items.col-2,
    .__radio-button-list .radio-items.col-3,
    .__radio-button-list .radio-items.col-4,
    .__radio-button-list .radio-items.col-5,
    .__radio-button-list .radio-items.col-6,
    .__radio-button-list .radio-items.col-7,
    .__radio-button-list .radio-items.col-8,
    .__radio-button-list .radio-items.col-9 {
        grid-template-columns: repeat(3, 1fr)
    }
}

.__financial-policy .content-wrapper {
    margin-top: 30px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__financial-policy .content-wrapper .policies-wrapper .policy {
    width: 100%;
    margin-bottom: 20px
}

.__financial-policy .content-wrapper .policies-wrapper .policy .policy-title {
    margin-bottom: 15px
}

.__financial-policy .content-wrapper .mobile-tip {
    display: none
}

@media (max-width:824px) {
    .__financial-policy {
        width: 100%
    }

    .__financial-policy .content-wrapper .policies-wrapper {
        max-width: 380px;
        overflow-x: auto
    }

    .__financial-policy .content-wrapper .policies-wrapper .policy {
        width: 100% !important
    }

    .__financial-policy .content-wrapper .policies-wrapper .policy .policy-body table {
        table-layout: fixed;
        width: 300px
    }

    .__financial-policy .content-wrapper .policies-wrapper .policy .policy-body table td {
        width: 300px !important
    }

    .__financial-policy .content-wrapper .mobile-tip {
        display: flex;
        justify-content: center;
        margin-top: 6px
    }

    .__financial-policy .content-wrapper .mobile-tip .fa {
        margin-right: 10px
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__financial-policy {
        width: 100%
    }

    .__financial-policy .content-wrapper .policies-wrapper {
        max-width: 670px
    }
}

.blue {
    color: #4a90e2;
    text-decoration: none
}

.find-dealer .pcButton,
.pc {
    display: none
}

.find-dealer .monileButton {
    display: block;
    margin-top: 20px
}

.find-dealer .monileButton .__gradient-button {
    width: 100%
}

.find-dealer .finde-a-dealer-noresult {
    min-height: 340px;
    margin-top: 40px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.find-dealer .finde-a-dealer-noresult .finde-a-dealer-noresult-image {
    width: 240px;
    height: auto
}

.find-dealer .finde-a-dealer-noresult .finde-a-dealer-noresult-text {
    text-align: center;
    color: rgba(0, 0, 0, .75);
    font-size: 18px
}

.find-dealer .dealer-map-container {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 455px
}

.find-dealer .dealer-map-container .search-block {
    z-index: 10;
    width: 94%;
    background-color: #fff;
    position: absolute;
    top: 52px;
    left: 3%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.find-dealer .dealer-map-container .search-input {
    height: 36px;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center
}

.find-dealer .dealer-map-container .search-input input {
    position: relative;
    z-index: 1
}

.find-dealer .dealer-map-container .search-input .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 75%;
    line-height: 16px
}

.find-dealer .dealer-map-container .dealer-input {
    flex: 1 1;
    font-size: 18px;
    height: 100%;
    background: none;
    outline: none;
    border: none
}

.find-dealer .dealer-map-container .search-icon {
    cursor: pointer;
    color: #0066b2;
    transition: all .3s ease-in-out
}

.find-dealer .dealer-map-container .search-icon:hover {
    font-size: 30px
}

.find-dealer .dealer-map-container .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.find-dealer .dealer-map-container .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 200px
}

.find-dealer .dealer-map-container .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.find-dealer .dealer-map-container .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.find-dealer .dealer-map-container .dealer-map-infos {
    width: 210px;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 50px;
    z-index: 9;
    left: 96px
}

.find-dealer .dealer-map-container .dealer-map-infos .img {
    width: 100%
}

.find-dealer .dealer-map-container .dealer-map-infos .info-box {
    font-size: 12px;
    padding: 10px;
    background: #fff
}

.find-dealer .dealer-map-container .dealer-map-infos .info-box .dealer-info {
    margin-top: 10px;
    word-break: keep-all
}

.find-dealer .block {
    padding: 0 16px;
    min-height: 300px
}

.find-dealer .find-dealer-title {
    margin-top: 20px;
    margin-bottom: 26px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    color: rgba(0, 0, 0, .75);
    position: relative;
    z-index: 0
}

.find-dealer .find-dealer-title h1 {
    font-size: 18px
}

.find-dealer .find-dealer-title button {
    width: 200px
}

.find-dealer .dealer-item-block {
    margin-bottom: 45px
}

.find-dealer .dealer-item .dealer-item-name {
    color: rgba(0, 0, 0, .75);
    font-size: 16px;
    margin-bottom: 14px;
    cursor: pointer
}

.find-dealer .dealer-item .dealer-parameter-item {
    line-height: 14px;
    font-size: 12px;
    padding-bottom: 4px;
    color: #474d59
}

.find-dealer .dealer-item .dealer-parameter-item:last-child {
    padding-bottom: 0
}

.find-dealer .mobile-dealer-image {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 16px
}

@media (min-width:824px) {
    .mobile {
        display: none
    }

    .find-dealer .pcButton,
    .pc {
        display: block
    }

    .find-dealer .monileButton {
        display: none
    }

    .find-dealer .container {
        display: flex;
        justify-content: center;
        margin: 0 60px
    }

    .find-dealer .block {
        width: 100%;
        max-width: 1300px;
        padding-bottom: 60px
    }

    .find-dealer .dealer-map-container {
        position: relative;
        z-index: 0;
        width: 100%;
        height: 488px
    }

    .find-dealer .dealer-map-container .search-block {
        z-index: 10;
        width: 340px;
        background-color: #fff;
        position: absolute;
        left: 96px;
        top: 12px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
    }

    .find-dealer .dealer-map-container .search-input {
        height: 56px;
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
        align-items: center
    }

    .find-dealer .dealer-map-container .dealer-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .find-dealer .dealer-map-container .search-icon {
        cursor: pointer;
        color: #0066b2
    }

    .find-dealer .dealer-map-container .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 24px;
        color: rgba(0, 0, 0, .75);
        padding: 0 30px;
        height: 56px;
        line-height: 56px
    }

    .find-dealer .dealer-map-container .dealer-list-block {
        font-size: 18px;
        width: 100%;
        overflow-y: auto;
        max-height: 300px
    }

    .find-dealer .dealer-map-container .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 30px;
        color: rgba(0, 0, 0, .45);
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

    .find-dealer .dealer-map-container .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .find-dealer .find-dealer-title {
        margin-top: 60px;
        margin-bottom: 39px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        color: rgba(0, 0, 0, .75)
    }

    .find-dealer .find-dealer-title h1 {
        font-size: 36px
    }

    .find-dealer .find-dealer-title button {
        width: 200px
    }

    .find-dealer .dealer-list .dealer-item-block {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        margin-bottom: 56px
    }

    .find-dealer .dealer-list .dealer-item-block:hover {
        background-color: #f7f7f7
    }

    .find-dealer .dealer-list .dealer-item {
        padding: 4px 16px 4px 4px;
        flex: 1 1
    }

    .find-dealer .dealer-list .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        margin-bottom: 14px;
        cursor: pointer
    }

    .find-dealer .dealer-list .dealer-item .dealer-parameter-item {
        line-height: 16px;
        font-size: 14px;
        padding-bottom: 4px;
        color: #474d59
    }

    .find-dealer .dealer-list .dealer-item .dealer-parameter-item:last-child {
        padding-bottom: 0
    }

    .find-dealer .dealer-list .dealer-image-block {
        display: flex;
        flex-shrink: 0;
        width: 58%;
        flex-direction: row-reverse
    }

    .find-dealer .dealer-list .dealer-image {
        width: 33%;
        height: 0;
        padding-bottom: 21%;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        margin-left: 2px
    }
}

.__footer {
    margin-top: 50px;
    border-top: 1px solid #f2f2f2
}

.__footer .footer-left {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 10;
    -ms-grid-column-span: 8;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__footer .footer-left .menus {
    margin-top: 60px;
    list-style-type: none;
    display: flex
}

.__footer .footer-left .menus .menuitem {
    width: 20%;
    padding-left: 4px
}

.__footer .footer-left .menus .menuitem .menu-title {
    font-size: 14px
}

.__footer .footer-left .menus .menuitem .menu-title .fa {
    display: none
}

.__footer .footer-left .menus .menuitem .submenus {
    list-style-type: none;
    margin-top: 10px
}

.__footer .footer-left .menus .menuitem .submenus .submenu {
    margin-top: 20px;
    height: 20px;
    line-height: 14px
}

.__footer .footer-left .menus .menuitem .submenus .submenu>a {
    font-size: 12px;
    color: #afb1b2;
    text-decoration: none;
    transition: all .15s ease-in-out
}

.__footer .footer-left .menus .menuitem .submenus .submenu>a:hover {
    color: #0066b2
}

.__footer .footer-right {
    grid-column-start: 11;
    -ms-grid-column: 12;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 10 !important;
    margin-left: 100px
}

.__footer .footer-right .social-network {
    margin-top: 20px
}

.__footer .footer-right .social-network-title {
    font-size: 14px
}

.__footer .footer-right .social-network .social-items {
    margin-top: 30px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.__footer .footer-right .social-network .social-items li {
    margin-right: 30px
}

.__footer .footer-right .social-network .social-items li a .img {
    width: 20px;
    height: auto
}

.__footer .footer-right .social-network-frist {
    margin-top: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.__footer .footer-right .social-network-frist .social-items {
    font-size: 14px;
    margin-top: 0
}

.__footer .footer-right .newsletter {
    margin-top: 30px
}

.__footer .footer-right .newsletter-title {
    margin-bottom: 20px
}

.__footer .copyright-wrapper {
    margin-top: 60px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 56px;
    background: #3c3e40
}

.__footer .copyright-wrapper .copyright {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 14;
    -ms-grid-column-span: 12;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0
}

.__footer .copyright-wrapper .copyright-left {
    display: flex;
    align-items: center
}

.__footer .copyright-wrapper .copyright-left .logo {
    margin-right: 15px
}

.__footer .copyright-wrapper .copyright-left .copyright-text {
    color: #fff;
    font-size: 11px
}

.__footer .copyright-wrapper .copyright-links {
    display: flex;
    list-style-type: none
}

.__footer .copyright-wrapper .copyright-links .copyright-link {
    margin-right: 20px
}

.__footer .copyright-wrapper .copyright-links .copyright-link>a {
    color: #dcd9dd;
    font-size: 11px;
    text-decoration: none
}

.__footer .copyright-wrapper .copyright-links .copyright-link+.copyright-link:before {
    content: "|";
    color: #dcd9dd;
    margin-right: 20px
}

@media (max-width:1024px) {
    .__footer .footer-left {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3 !important
    }

    .__footer .footer-right {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 11 !important;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .__footer .footer-right .social-items {
        flex-wrap: nowrap
    }

    .__footer .copyright-wrapper {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }
}

@media (max-width:824px) {
    .__footer .footer-left {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__footer .footer-left .menus {
        display: block;
        margin-top: 60px
    }

    .__footer .footer-left .menus .menuitem {
        width: 100%;
        margin-top: 30px
    }

    .__footer .footer-left .menus .menuitem .menu-title {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__footer .footer-left .menus .menuitem .menu-title .fa {
        display: inline-block;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        font-size: 16px
    }

    .__footer .footer-left .menus .menuitem .submenus {
        transition: height .5s;
        overflow-y: hidden
    }

    .__footer .footer-left .menus .menuitem.collapsed .menu-title .fa {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .__footer .footer-right {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: block;
        margin-left: 0
    }

    .__footer .footer-right .newsletter .__input-group {
        width: 100%
    }

    .__footer .copyright-wrapper {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__footer .copyright-wrapper .copyright-left {
        width: 100%;
        justify-content: space-between;
        padding-right: 15px
    }

    .__footer .copyright-wrapper .copyright-links {
        display: none
    }
}

.__fullimage {
    position: relative;
    height: 33.9vw;
    background-size: cover;
    background-position: 50%
}

.__fullimage .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.__fullimage .content .fullimage-title {
    margin-top: 105px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__fullimage .content .fullimage-body {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

@media (max-width:824px) {
    .__fullimage {
        height: 30vw
    }

    .__fullimage .content .fullimage-body,
    .__fullimage .content .fullimage-title {
        margin-top: 20px
    }
}

.__full-image-carousel {
    position: relative
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide {
    height: 100vh;
    background-size: cover
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    height: 100%;
    overflow: hidden;
    background-size: cover
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper {
    position: absolute;
    display: flex;
    flex-direction: column
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper .heading-image {
    max-width: 50vw;
    height: auto;
    margin-bottom: 20px
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper .button-wrapper {
    margin-top: 20px
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-left {
    left: 100px;
    top: 150px;
    align-items: flex-start
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-right {
    right: 100px;
    top: 150px;
    align-items: flex-end
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.center,
.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center {
    left: 50%;
    top: 150px;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center .button-wrapper {
    margin-top: 20px
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.bottom-left {
    left: 100px;
    bottom: 100px;
    align-items: flex-start
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.bottom-right {
    right: 100px;
    bottom: 100px;
    align-items: flex-end
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .video-container {
    display: block;
    height: 100%
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .video-container .video-js {
    height: 100%
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .video-container .video-js .vjs-tech {
    object-fit: cover
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .video-container .video-js.vjs-paused .vjs-big-play-button {
    display: none
}

.__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide.has-link {
    cursor: pointer
}

.__full-image-carousel .swiper-container .swiper-pagination {
    bottom: 12px;
    padding-left: 100px;
    text-align: left;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    left: 100px
}

.__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #919191;
    opacity: .9
}

.__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

@media (max-width:824px) {
    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

.__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-current {
    font-size: 32px;
    color: #fff
}

.__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-total {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .5)
}

.__full-image-carousel .swiper-container .swiper-pagination .segmentation {
    font-size: 50px;
    padding: 0 4px;
    color: #fff;
    font-weight: lighter
}

.__full-image-carousel .btns_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-top: 14px;
    bottom: 30px;
    text-align: left;
    left: 50px;
    z-index: 9;
    border-radius: 4px;
    cursor: pointer
}

.__full-image-carousel .btns_swiper span {
    display: flex;
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .6);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px
}

.__full-image-carousel .btns_swiper span .fa {
    font-size: 38px;
    color: #ccc
}

.__full-image-carousel .btns_swiper span.active .fa {
    font-size: 38px;
    color: #666
}

@media (max-width:1600px) {
    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center {
        left: 50%;
        top: 150px !important;
        align-items: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center .button-wrapper {
        margin-top: 10px
    }
}

@media (max-width:1366px) {
    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center {
        top: 100px !important
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center .button-wrapper {
        margin-top: 0
    }
}

@media (max-width:824px) {
    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide {
        height: 60vw
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper .heading {
        width: 100vw
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-left {
        left: 20px;
        top: 60px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-right {
        right: 50px;
        top: 30px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.center {
        left: 50%;
        top: 10px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.bottom-left {
        left: 20px;
        bottom: 20px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.bottom-right {
        right: 20px;
        bottom: 20px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper .button-wrapper {
        min-width: 136px
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center {
        top: 10px !important
    }

    .__full-image-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content .heading-wrapper.top-center .button-wrapper {
        margin-top: 20px
    }

    .__full-image-carousel .swiper-container .swiper-pagination {
        height: 40px;
        left: 100px;
        padding-left: 0;
        bottom: 0
    }

    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 50px;
        height: 5px;
        border-radius: 0;
        background: #919191;
        opacity: .9
    }

    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }

    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {
    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-current {
        font-size: 24px;
        color: #fff
    }

    .__full-image-carousel .swiper-container .swiper-pagination .swiper-pagination-total {
        font-size: 13px
    }

    .__full-image-carousel .swiper-container .swiper-pagination .segmentation {
        font-size: 40px
    }

    .__full-image-carousel .btns_swiper {
        left: 6px;
        bottom: 15px
    }

    .__full-image-carousel .btns_swiper span {
        width: 30px;
        height: 30px
    }

    .__full-image-carousel .btns_swiper span.active .fa,
    .__full-image-carousel .btns_swiper span .fa {
        font-size: 32px
    }
}

.video-container {
    height: auto;
    width: 100%;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto
}

.video-container .vjs_video_3-dimensions,
.video-container .vjs_video_506-dimensions,
.video-container .vjs_video_508-dimensions {
    width: 100%;
    height: auto;
    max-width: 930px;
    grid-row-start: 1;
    grid-row-end: span 1;
    text-align: center
}

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

.video-container .video-js,
.video-container .video-js:hover {
    display: block;
    width: 100%;
    height: 171px
}

.video-container .video-js .vjs-poster,
.video-container .video-js:hover .vjs-poster {
    background-position: 50%;
    background-size: cover
}

.video-container .video-js .vjs-big-play-button,
.video-container .video-js .vjs-big-play-button:hover,
.video-container .video-js:hover .vjs-big-play-button,
.video-container .video-js:hover .vjs-big-play-button:hover {
    background-color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    display: none
}

.video-container .video-js .vjs-big-play-button .vjs-icon-placeholder,
.video-container .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-container .video-js .vjs-big-play-button:hover .vjs-icon-placeholder,
.video-container .video-js .vjs-big-play-button:hover .vjs-icon-placeholder:before,
.video-container .video-js:hover .vjs-big-play-button .vjs-icon-placeholder,
.video-container .video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before,
.video-container .video-js:hover .vjs-big-play-button:hover .vjs-icon-placeholder,
.video-container .video-js:hover .vjs-big-play-button:hover .vjs-icon-placeholder:before {
    position: relative;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-container .video-js.vjs-paused .vjs-big-play-button,
.video-container .video-js:hover.vjs-paused .vjs-big-play-button {
    display: block
}

.video-container .video-js.vjs-paused:hover .vjs-control-bar,
.video-container .video-js:hover.vjs-paused:hover .vjs-control-bar {
    display: flex
}

.video-container .video-js .vjs-volume-panel.vjs-volume-panel-horizontal,
.video-container .video-js:hover .vjs-volume-panel.vjs-volume-panel-horizontal {
    width: 10em
}

.video-container .video-js .vjs-control-bar,
.video-container .video-js:hover .vjs-control-bar {
    background-color: initial;
    background-image: linear-gradient(0deg, #000, transparent)
}

.video-container .video-js .vjs-button,
.video-container .video-js:hover .vjs-button {
    outline: none
}

.video-container .video-js .vjs-button>.vjs-icon-placeholder:before,
.video-container .video-js:hover .vjs-button>.vjs-icon-placeholder:before {
    font-size: 2.5em
}

.video-container .video-js .vjs-volume-panel .vjs-volume-control,
.video-container .video-js:hover .vjs-volume-panel .vjs-volume-control {
    width: 5em;
    height: 3em;
    min-height: 50px;
    margin-right: 0;
    margin-top: 5px;
    opacity: 1;
    position: relative
}

.video-container .video-js .vjs-time-control,
.video-container .video-js:hover .vjs-time-control {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px
}

.video-container .video-js .vjs-time-control a,
.video-container .video-js:hover .vjs-time-control a {
    color: #0878b5;
    text-decoration: underline
}

.video-container .video-js .vjs-time-control a span,
.video-container .video-js:hover .vjs-time-control a span {
    color: #fff;
    text-decoration: none
}

.video-container .video-js .vjs-time-control a:hover,
.video-container .video-js:hover .vjs-time-control a:hover {
    color: #07689d
}

@media (min-width:824px) {

    .video-container .video-js .vjs-time-control,
    .video-container .video-js:hover .vjs-time-control {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {

    .video-container .video-js .vjs-time-control,
    .video-container .video-js:hover .vjs-time-control {
        font-size: 16px;
        line-height: 18px
    }
}

.video-container .video-js .vjs-picture-in-picture-control,
.video-container .video-js:hover .vjs-picture-in-picture-control {
    display: none
}

.video-container .video-js .vjs-time-tooltip,
.video-container .video-js:hover .vjs-time-tooltip {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    background-color: #fff;
    top: -4em;
    padding: 5px;
    font-size: .7em
}

.video-container .video-js .vjs-time-tooltip a,
.video-container .video-js:hover .vjs-time-tooltip a {
    color: #0878b5;
    text-decoration: underline
}

.video-container .video-js .vjs-time-tooltip a span,
.video-container .video-js:hover .vjs-time-tooltip a span {
    color: #fff;
    text-decoration: none
}

.video-container .video-js .vjs-time-tooltip a:hover,
.video-container .video-js:hover .vjs-time-tooltip a:hover {
    color: #07689d
}

@media (min-width:824px) {

    .video-container .video-js .vjs-time-tooltip,
    .video-container .video-js:hover .vjs-time-tooltip {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {

    .video-container .video-js .vjs-time-tooltip,
    .video-container .video-js:hover .vjs-time-tooltip {
        font-size: 16px;
        line-height: 18px
    }
}

.video-container .video-js .vjs-progress-control,
.video-container .video-js:hover .vjs-progress-control {
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
    height: 20px
}

.video-container .video-js .vjs-progress-control .vjs-control,
.video-container .video-js:hover .vjs-progress-control .vjs-control {
    flex: auto
}

.video-container .video-js .vjs-play-progress,
.video-container .video-js:hover .vjs-play-progress {
    background-color: #dc1860
}

.video-container .video-js .vjs-play-progress:before,
.video-container .video-js:hover .vjs-play-progress:before {
    color: #dc1860
}

.video-container .video-js .vjs-fullscreen-control,
.video-container .video-js:hover .vjs-fullscreen-control {
    margin-left: auto
}

.video-container .video-js.vjs-ended .vjs-big-play-button .vjs-icon-placeholder:before,
.video-container .video-js:hover.vjs-ended .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f116"
}

.video-container .video-js .center-info-node,
.video-container .video-js:hover .center-info-node {
    position: absolute;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: auto;
    width: 100%;
    height: 100%
}

.video-container .video-js .center-info-node.is-playing,
.video-container .video-js:hover .center-info-node.is-playing {
    display: none
}

.video-container .video-js .center-info-node .video-title,
.video-container .video-js:hover .center-info-node .video-title {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0;
    padding-bottom: 40px
}

@media (min-width:824px) {

    .video-container .video-js .center-info-node .video-title,
    .video-container .video-js:hover .center-info-node .video-title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {

    .video-container .video-js .center-info-node .video-title,
    .video-container .video-js:hover .center-info-node .video-title {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.video-container .vjs-tech {
    width: 100%;
    height: auto;
    outline: none
}

.video-container .bottom-bar {
    grid-row-start: 2;
    grid-row-end: span 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.video-container .bottom-bar span {
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    color: #909090
}

@media (min-width:824px) {
    .video-container .bottom-bar span {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .video-container .bottom-bar span {
        font-size: 22px;
        line-height: 28px
    }
}

.video-container .bottom-bar i {
    color: #909090;
    font-size: 40px;
    margin-right: 23px
}

@media (min-width:824px) {
    .video-container {
        height: auto
    }

    .video-container .video-js,
    .video-container .video-js:hover {
        height: 370px
    }

    .video-container .video-js .vjs-big-play-button,
    .video-container .video-js .vjs-big-play-button:hover,
    .video-container .video-js:hover .vjs-big-play-button,
    .video-container .video-js:hover .vjs-big-play-button:hover {
        width: 64px;
        height: 64px
    }

    .video-container .video-js .vjs-big-play-button .vjs-icon-placeholder,
    .video-container .video-js .vjs-big-play-button:hover .vjs-icon-placeholder,
    .video-container .video-js:hover .vjs-big-play-button .vjs-icon-placeholder,
    .video-container .video-js:hover .vjs-big-play-button:hover .vjs-icon-placeholder {
        font-size: 40px;
        line-height: 40px
    }

    .video-container .video-js .center-info-node .video-title,
    .video-container .video-js:hover .center-info-node .video-title {
        padding-bottom: 80px
    }
}

@media (min-width:1200px) {
    .video-container {
        height: auto
    }

    .video-container .video-js,
    .video-container .video-js:hover {
        height: 624px
    }

    .video-container .video-js .vjs-big-play-button,
    .video-container .video-js .vjs-big-play-button:hover,
    .video-container .video-js:hover .vjs-big-play-button,
    .video-container .video-js:hover .vjs-big-play-button:hover {
        width: 73px;
        height: 73px
    }

    .video-container .video-js .vjs-big-play-button .vjs-icon-placeholder,
    .video-container .video-js .vjs-big-play-button:hover .vjs-icon-placeholder,
    .video-container .video-js:hover .vjs-big-play-button .vjs-icon-placeholder,
    .video-container .video-js:hover .vjs-big-play-button:hover .vjs-icon-placeholder {
        font-size: 48px;
        line-height: 48px
    }

    .video-container .video-js.vjs-paused .vjs-big-play-button,
    .video-container .video-js:hover.vjs-paused .vjs-big-play-button {
        display: block
    }

    .video-container .video-js.vjs-paused .vjs-control-bar,
    .video-container .video-js:hover.vjs-paused .vjs-control-bar {
        display: none
    }

    .video-container .video-js .center-info-node .video-title,
    .video-container .video-js:hover .center-info-node .video-title {
        padding-bottom: 105px
    }
}

.__full-image-with-newsletter {
    width: 100%;
    position: relative
}

.__full-image-with-newsletter .swiper-container {
    width: 100%;
    height: 730px
}

.__full-image-with-newsletter .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 730px;
    background-size: cover
}

.__full-image-with-newsletter .swiper-container .swiper-wrapper .swiper-slide .image {
    width: 100%;
    height: 100%
}

.__full-image-with-newsletter .swiper-container .swiper-pagination {
    bottom: 30px;
    padding-left: 100px;
    text-align: left;
    cursor: pointer
}

.__full-image-with-newsletter .swiper-container .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #919191;
    opacity: .9
}

.__full-image-with-newsletter .swiper-container .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__full-image-with-newsletter .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

@media (max-width:824px) {
    .__full-image-with-newsletter .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

.__full-image-with-newsletter .content-wrapper .title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 56px;
    top: 100px
}

.__full-image-with-newsletter .content-wrapper .content,
.__full-image-with-newsletter .content-wrapper .title {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: absolute;
    z-index: 99;
    left: 100px
}

.__full-image-with-newsletter .content-wrapper .content {
    display: flex;
    flex-direction: row;
    bottom: 70px;
    justify-content: center;
    align-items: center;
    width: calc(100% - 200px)
}

.__full-image-with-newsletter .content-wrapper .content .body {
    margin-right: auto;
    width: auto
}

.__full-image-with-newsletter .content-wrapper .content .email-input {
    width: 400px
}

.__full-image-with-newsletter .content-wrapper .content .__input-group .btn {
    background: #0066b2
}

.__full-image-with-newsletter.padding-top-large {
    padding-top: 80px
}

.__full-image-with-newsletter.padding-bottom-large {
    padding-bottom: 80px
}

.__full-image-with-newsletter.margin-top-large {
    margin-top: 80px
}

.__full-image-with-newsletter.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__full-image-with-newsletter.padding-top-large {
        padding-top: 60px
    }

    .__full-image-with-newsletter.padding-bottom-large {
        padding-bottom: 60px
    }

    .__full-image-with-newsletter.margin-top-large {
        margin-top: 60px
    }

    .__full-image-with-newsletter.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__full-image-with-newsletter.padding-top-large {
        padding-top: 50px
    }

    .__full-image-with-newsletter.padding-bottom-large {
        padding-bottom: 50px
    }

    .__full-image-with-newsletter.margin-top-large {
        margin-top: 50px
    }

    .__full-image-with-newsletter.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__full-image-with-newsletter.padding-top-medium {
    padding-top: 50px
}

.__full-image-with-newsletter.padding-bottom-medium {
    padding-bottom: 50px
}

.__full-image-with-newsletter.margin-top-medium {
    margin-top: 50px
}

.__full-image-with-newsletter.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__full-image-with-newsletter.padding-top-medium {
        padding-top: 40px
    }

    .__full-image-with-newsletter.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__full-image-with-newsletter.margin-top-medium {
        margin-top: 40px
    }

    .__full-image-with-newsletter.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__full-image-with-newsletter.padding-top-medium {
        padding-top: 30px
    }

    .__full-image-with-newsletter.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__full-image-with-newsletter.margin-top-medium {
        margin-top: 30px
    }

    .__full-image-with-newsletter.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__full-image-with-newsletter.padding-top-tiny {
    padding-top: 30px
}

.__full-image-with-newsletter.padding-bottom-tiny {
    padding-bottom: 30px
}

.__full-image-with-newsletter.margin-top-tiny {
    margin-top: 30px
}

.__full-image-with-newsletter.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__full-image-with-newsletter.padding-top-tiny {
        padding-top: 20px
    }

    .__full-image-with-newsletter.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__full-image-with-newsletter.margin-top-tiny {
        margin-top: 20px
    }

    .__full-image-with-newsletter.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__full-image-with-newsletter.padding-top-tiny {
        padding-top: 20px
    }

    .__full-image-with-newsletter.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__full-image-with-newsletter.margin-top-tiny {
        margin-top: 20px
    }

    .__full-image-with-newsletter.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__full-image-with-newsletter {
        height: 400px
    }

    .__full-image-with-newsletter .swiper-container,
    .__full-image-with-newsletter .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 400px
    }

    .__full-image-with-newsletter .swiper-container .swiper-pagination {
        padding-left: 30px
    }

    .__full-image-with-newsletter .content-wrapper {
        height: 320px;
        top: 20px
    }

    .__full-image-with-newsletter .content-wrapper .title {
        top: 15px;
        left: 30px
    }

    .__full-image-with-newsletter .content-wrapper .content {
        flex-direction: column;
        width: calc(100% - 60px);
        left: 30px
    }

    .__full-image-with-newsletter .content-wrapper .content .body {
        margin-right: 0;
        width: 100%
    }

    .__full-image-with-newsletter .content-wrapper .content .email-input {
        width: 100%;
        margin-top: 20px
    }
}

.test-config {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-drive .no-result {
    padding-left: 16px;
    margin-top: 20px;
    color: rgba(0, 0, 0, .75)
}

.__test-drive .warning-color {
    color: #fc0;
    margin-right: 10px
}

.__test-drive h2 {
    font-size: 18px
}

.__test-drive .mobile-wapper {
    padding: 0 16px
}

.__test-drive .mobile {
    display: block
}

.__test-drive .test-drive-form-image-block {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    justify-content: center
}

.__test-drive .test-drive-form-image {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.__test-drive .test-drive-form-image img {
    margin-top: 14%
}

.__test-drive .form-title {
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-drive .__test-drive-form {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-drive .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 4;
    -ms-grid-row-span: 4;
    background-color: #f5f6f9
}

.__test-drive .map-title {
    padding-top: 40px;
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-drive .mobile-map-select-box {
    position: relative;
    z-index: 1;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.__test-drive .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__test-drive .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.__test-drive .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__test-drive .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__test-drive .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__test-drive .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.__test-drive .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__test-drive .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__test-drive .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.__test-drive .__test-drive-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px
}

.__test-drive .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth
}

.__test-drive .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.__test-drive .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.__test-drive .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.__test-drive .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.__test-drive .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.__test-drive .text-area {
    margin-bottom: 20px
}

.__test-drive .map-select-box {
    display: none
}

.__test-drive .__test-drive-cta {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__test-drive .__test-drive-cta .label {
    white-space: nowrap
}

.__test-drive .__test-drive-cta .access {
    display: flex;
    line-height: 16px;
    margin-bottom: 30px
}

.__test-drive .__test-drive-cta .button-content {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    background-color: #2e2e2e;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

@media (min-width:824px) {
    .__test-drive {
        padding-top: 40px;
        grid-column-gap: 0 !important
    }

    .__test-drive .no-result {
        padding-left: 0;
        margin-top: 20px;
        color: rgba(0, 0, 0, .75)
    }

    .__test-drive h2 {
        font-size: 24px
    }

    .__test-drive .mobile {
        display: none
    }

    .__test-drive .mobile-wapper {
        padding: 0
    }

    .__test-drive .form-title {
        padding-bottom: 54px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-drive .__test-drive-form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-drive .test-drive-form-image-block {
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-drive .test-drive-form-image {
        width: 100%;
        height: 400px;
        padding-bottom: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .__test-drive .test-drive-form-image img {
        margin-top: 0
    }

    .__test-drive .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9;
        margin-top: 20px
    }

    .__test-drive .map-title {
        margin-top: 20px;
        padding-top: 40px;
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-drive .map-select-box {
        position: relative;
        z-index: 1;
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__test-drive .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__test-drive .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__test-drive .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__test-drive .map-select-box .map-select .city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__test-drive .map-select-box .map-select .city-search:hover {
        font-size: 30px
    }

    .__test-drive .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__test-drive .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__test-drive .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__test-drive .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__test-drive .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__test-drive .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__test-drive .map-select-box .dealer-list {
        box-sizing: border-box;
        scroll-behavior: smooth;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__test-drive .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__test-drive .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__test-drive .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__test-drive .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__test-drive .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__test-drive .__test-drive-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }

    .__test-drive .text-area {
        margin-bottom: 30px
    }

    .__test-drive .__test-drive-cta {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 50px
    }

    .__test-drive .__test-drive-cta .access {
        margin-bottom: 50px;
        display: flex;
        line-height: 30px
    }

    .__test-drive .__test-drive-cta .button-content {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        background-color: #2e2e2e;
        height: 56px;
        line-height: 56px;
        color: #fff;
        font-size: 14px;
        text-align: center
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .__test-drive .mobile-map-select-box,
    .__test-drive .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .__test-drive .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }
}

@-webkit-keyframes trigger-line-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes trigger-line-in {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes trigger-line-top-in {
    0% {
        -webkit-transform: translateY(-8px) scaleX(1);
        transform: translateY(-8px) scaleX(1)
    }

    25% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    75% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(0);
        transform: translateY(0) scaleX(0)
    }
}

@keyframes trigger-line-top-in {
    0% {
        -webkit-transform: translateY(-8px) scaleX(1);
        transform: translateY(-8px) scaleX(1)
    }

    25% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    75% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(0);
        transform: translateY(0) scaleX(0)
    }
}

@-webkit-keyframes trigger-line-bottom-in {
    0% {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg)
    }

    25% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-2px) rotate(-90deg);
        transform: translateY(-2px) rotate(-90deg)
    }
}

@keyframes trigger-line-bottom-in {
    0% {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg)
    }

    25% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-2px) rotate(-90deg);
        transform: translateY(-2px) rotate(-90deg)
    }
}

@-webkit-keyframes trigger-line-out {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes trigger-line-out {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes trigger-line-break-in {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.7);
        transform: scaleX(.7)
    }
}

@keyframes trigger-line-break-in {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.7);
        transform: scaleX(.7)
    }
}

@-webkit-keyframes trigger-line-break-out {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.7);
        transform: scaleX(.7)
    }
}

@keyframes trigger-line-break-out {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.7);
        transform: scaleX(.7)
    }
}

@-webkit-keyframes trigger-line-top-out {
    0% {
        -webkit-transform: translateY(-8px) scaleX(1);
        transform: translateY(-8px) scaleX(1)
    }

    25% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    75% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(0);
        transform: translateY(0) scaleX(0)
    }
}

@keyframes trigger-line-top-out {
    0% {
        -webkit-transform: translateY(-8px) scaleX(1);
        transform: translateY(-8px) scaleX(1)
    }

    25% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    75% {
        -webkit-transform: translateY(0) scaleX(1);
        transform: translateY(0) scaleX(1)
    }

    to {
        -webkit-transform: translateY(0) scaleX(0);
        transform: translateY(0) scaleX(0)
    }
}

@-webkit-keyframes trigger-line-bottom-out {
    0% {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg)
    }

    25% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-2px) rotate(-90deg);
        transform: translateY(-2px) rotate(-90deg)
    }
}

@keyframes trigger-line-bottom-out {
    0% {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg)
    }

    25% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    75% {
        -webkit-transform: translateY(-2px) rotate(0deg);
        transform: translateY(-2px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-2px) rotate(-90deg);
        transform: translateY(-2px) rotate(-90deg)
    }
}

.trigger {
    width: 18px;
    height: 16px;
    position: relative;
    display: block;
    background: transparent;
    border: none;
    padding: 0;
    outline: none
}

.trigger--close .trigger__line {
    -webkit-animation: trigger-line-in .5s ease-in-out forwards;
    animation: trigger-line-in .5s ease-in-out forwards
}

.trigger--close .trigger__line:after {
    -webkit-animation: trigger-line-break-in .5s ease-in-out forwards;
    animation: trigger-line-break-in .5s ease-in-out forwards
}

.trigger--close .trigger__line__top {
    -webkit-animation: trigger-line-top-in .5s ease-in-out forwards;
    animation: trigger-line-top-in .5s ease-in-out forwards
}

.trigger--close .trigger__line__bottom {
    -webkit-animation: trigger-line-bottom-in .5s ease-in-out forwards;
    animation: trigger-line-bottom-in .5s ease-in-out forwards
}

.trigger__line {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: auto;
    display: block;
    animation: trigger-line-out .5s ease-in-out reverse;
    top: -2px
}

.trigger__line:after,
.trigger__line:before {
    background: #000;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%
}

.trigger__line:before {
    left: 0;
    top: 1px
}

.trigger__line:after {
    right: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    animation: trigger-line-break-out .5s ease-in-out reverse;
    top: 1px
}

.trigger__line__bottom,
.trigger__line__top {
    width: 100%;
    height: 2px;
    background: currentColor;
    content: "";
    display: block;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    margin-top: 1px
}

.trigger__line__top {
    width: 75%;
    -webkit-transform: translateY(-6px) scaleX(1);
    transform: translateY(-6px) scaleX(1);
    animation: trigger-line-top-out .5s ease-in-out reverse;
    background: #000
}

.trigger__line__bottom {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    animation: trigger-line-bottom-out .5s ease-in-out reverse;
    background: #000
}

.__header {
    z-index: 2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .5s ease-in-out;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.__header,
.__header .head-layer {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.__header .head-layer {
    background: transparent;
    z-index: 1;
    height: 100vh
}

.__header .header-main {
    height: 60px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 20px 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 12
}

.__header .header-main .main-left {
    display: flex;
    align-items: center;
    height: 100%
}

.__header .header-main .main-left .trigger {
    display: none
}

.__header .header-main .logo {
    line-height: 0
}

.__header .header-main .logo img {
    width: auto;
    height: 20px
}

.__header .header-main .menu-wrapper {
    display: flex;
    height: 100%;
    margin-left: 40px
}

.__header .header-main .menu-wrapper>li {
    height: 100%;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    transition: all .3s;
    padding: 0 18px;
    display: flex;
    align-items: center;
    color: #000;
    white-space: nowrap
}

.__header .header-main .menu-wrapper>li:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: calc(50% - 25px);
    display: block;
    width: 0;
    border-top: 2px solid transparent;
    transition: all .3s ease
}

.__header .header-main .menu-wrapper>li.active,
.__header .header-main .menu-wrapper>li:hover {
    color: #15a6f5
}

.__header .header-main .menu-wrapper>li.active:after,
.__header .header-main .menu-wrapper>li:hover:after {
    width: 50px;
    border-top-color: #15a6f5
}

.__header .header-main .menu-wrapper>li.current {
    color: #0878b5
}

.__header .header-main .menu-wrapper>li.current:after {
    width: 50px;
    border-top-color: #0878b5
}

.__header .header-main .main-right {
    display: flex;
    align-items: center
}

.__header .header-main .main-right .icon-links {
    display: flex
}

.__header .header-main .main-right .icon-links .icon-link+.icon-link {
    margin-left: 30px
}

.__header .header-main .main-right .regions {
    margin-left: 20px;
    position: relative
}

.__header .header-main .main-right .regions .region-val {
    padding: 10px 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.__header .header-main .main-right .regions .region-val i {
    margin-left: 15px
}

.__header .header-main .main-right .regions .region-items {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease-in-out;
    padding: 0 20px;
    border: 1px solid transparent;
    width: 100%
}

.__header .header-main .main-right .regions .region-items .region-item {
    line-height: 30px;
    cursor: pointer
}

.__header .header-main .main-right .regions.open .region-val {
    border-color: hsla(0, 0%, 100%, .3) hsla(0, 0%, 100%, .3) transparent;
    background: hsla(0, 0%, 100%, .7)
}

.__header .header-main .main-right .regions.open .region-items {
    width: 100%;
    border-color: transparent hsla(0, 0%, 100%, .3) hsla(0, 0%, 100%, .3);
    max-height: 200px;
    background: hsla(0, 0%, 100%, .7);
    padding-bottom: 10px
}

.__header.__hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.__header.fixed .header-main,
.__header.header-overlap .header-main,
.__header.header-overlap .header-main.active {
    background: #fff
}

@media (max-width:1366px) {
    .__header .header-main .main-left .menu-wrapper>li {
        font-size: 14px
    }

    .__header .header-main .main-right {
        display: flex;
        align-items: center
    }

    .__header .header-main .main-right .icon-links {
        display: flex
    }

    .__header .header-main .main-right .icon-links .icon-link+.icon-link {
        margin-left: 14px
    }
}

@media (max-width:824px) {
    .__header {
        background: #fff
    }

    .__header .header-main {
        height: 46px;
        padding-left: 20px;
        padding-right: 0
    }

    .__header .header-main .main-left .menu-wrapper {
        display: none
    }

    .__header .header-main .main-left .logo img {
        width: auto;
        height: 14px
    }

    .__header .header-main .main-left .trigger {
        display: block;
        margin-right: 20px
    }

    .__header .header-main .main-left .level-ctrl {
        font-size: 30px;
        margin-left: 2px;
        margin-right: 25px;
        position: relative;
        top: -2px
    }

    .__header .header-main .main-right .icon-links {
        display: none
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__header .header-main .main-right .icon-link {
        display: none
    }
}

.__header-submenu {
    display: block;
    padding: 15px;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    margin-right: auto
}

.__header-submenu .image-wrapper {
    width: 250px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.__header-submenu .image-wrapper .__image {
    width: 250px;
    height: auto
}

.__header-submenu>a {
    position: relative;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.__header-submenu>a:not(.null-link) span {
    position: relative
}

.__header-submenu>a:not(.null-link) span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    border-bottom: 1px solid #fff;
    transition: all .3s
}

.__header-submenu>a:not(.null-link):hover span:before {
    width: 100%
}

.__header-submenu.text-link {
    box-sizing: border-box;
    padding: 15px 30px;
    transition: all .3s ease-in-out
}

.__header-submenu.text-link>a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    line-height: 30px
}

.__header-submenu.text-link>a>i {
    font-size: 30px;
    position: relative;
    top: -5px
}

.__header-submenu.text-link:hover>a:not(.null-link) {
    color: #15a6f5
}

.__header-submenu.text-link:hover>a:not(.null-link) span:before {
    border-bottom-color: #15a6f5
}

.__header-submenu.text-link:hover>a.null-link span {
    color: #15a6f5
}

.__header-submenu.text-link.current>a {
    color: #0878b5
}

.__header-submenu.text-link.current>a:not(.null-link) span:before {
    border-bottom-color: #0878b5
}

.__header-submenu.image-link {
    box-shadow: 0 0 0 rgba(0, 0, 0, .2);
    transition: box-shadow .3s ease-in-out
}

.__header-submenu.image-link .title {
    display: block;
    text-align: center
}

.__header-submenu.image-link .subtitle {
    display: block;
    color: #0878b5;
    text-align: center;
    margin-top: 20px
}

.__header-submenu.image-link:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.__header-submenu.image-link.current {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

@media (max-width:1366px) {
    .__header-submenu {
        padding: 10px
    }
}

@media (min-width:1260px) and (max-width:1800px) {
    .__header-submenu:nth-child(3n) {
        margin-right: auto
    }

    .__header-submenu.six:nth-child(5) {
        margin-right: 60px
    }
}

@media (min-width:1000px) and (max-width:1260px) {
    .__header-submenu:nth-child(3n) {
        margin-right: 0
    }

    .__header-submenu.six {
        margin-right: auto
    }
}

@media screen and (max-width:1000px) {
    .__header-submenu:nth-child(3n) {
        margin-right: auto
    }

    .__header-submenu:nth-child(2n),
    .__header-submenu:nth-child(5) {
        margin-right: 0
    }
}

.__menu-curtain {
    box-sizing: border-box;
    position: fixed;
    background: #fff;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    width: 340px;
    z-index: 11;
    padding-top: 40px
}

.__menu-curtain .close {
    position: absolute;
    top: 14px;
    right: 30px;
    font-size: 18px !important;
    z-index: 99;
    cursor: pointer;
    background: rgba(0, 0, 0, .5);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 40px;
    font-weight: lighter
}

.__menu-curtain .close .fa {
    color: #fff
}

.__menu-curtain-exit {
    transition: all .5s;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.__menu-curtain-exit-active {
    transition: all .5s;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.__menu-curtain-exit-done {
    display: none
}

.__menu-curtain-enter {
    transition: all .5s;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.__menu-curtain-enter-active,
.__menu-curtain-enter-done {
    transition: all .5s;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.__menu-curtain-enter-done {
    box-shadow: 2px 0 2px rgba(0, 0, 0, .1)
}

.__menu-curtain.image-link {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 20px 80px;
    overflow: hidden;
    justify-content: space-between
}

.__menu-curtain.image-link:after {
    content: "";
    display: block;
    width: 250px;
    padding: 15px;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    margin-right: auto
}

.__menu-curtain.image-link.__menu-curtain-exit {
    transition: all .5s;
    max-height: 500px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.__menu-curtain.image-link.__menu-curtain-exit-active {
    transition: all .5s;
    max-height: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    padding: 0 100px
}

.__menu-curtain.image-link.__menu-curtain-exit-done {
    display: none
}

.__menu-curtain.image-link.__menu-curtain-enter {
    transition: all .5s;
    padding: 0 100px;
    max-height: 0;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.__menu-curtain.image-link.__menu-curtain-enter-active {
    transition: all .5s;
    max-height: 500px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.__menu-curtain.image-link.__menu-curtain-enter-done {
    transition: all .5s;
    max-height: 520px;
    -webkit-transform: translate(0);
    transform: translate(0);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    overflow-y: scroll
}

.__menu-child-curtain {
    position: fixed;
    left: 340px;
    height: calc(100vh - 60px);
    width: 340px;
    background: hsla(0, 0%, 100%, .7);
    overflow: hidden;
    z-index: 10;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    font-size: 16px;
    padding-top: 40px
}

.__menu-child-curtain .child-curtain-menu {
    display: block;
    width: 340px;
    padding: 20px;
    text-decoration: none
}

.__menu-child-curtain .child-curtain-menu a {
    text-decoration: none;
    color: #292929;
    position: relative
}

.__menu-child-curtain .child-curtain-menu a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    display: block;
    width: 0;
    border-bottom: 1px solid #fff;
    transition: all .3s
}

.__menu-child-curtain .child-curtain-menu:hover a {
    color: #15a6f5
}

.__menu-child-curtain .child-curtain-menu:hover a:before {
    width: 100%;
    border-bottom-color: #15a6f5
}

.__menu-child-curtain .child-curtain-menu.current a {
    color: #0878b5
}

.__menu-child-curtain .child-curtain-menu.current a:before {
    width: 100%;
    border-bottom-color: #0878b5
}

.__menu-child-curtain-exit {
    transition: all .3s linear;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__menu-child-curtain-enter,
.__menu-child-curtain-exit-active {
    transition: all .3s linear;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}

.__menu-child-curtain-enter-active,
.__menu-child-curtain-enter-done {
    transition: all .3s linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.__menu-child-curtain-exit-done {
    display: none
}

.__menu-mobile {
    position: absolute;
    top: 46px;
    left: 0;
    width: 80%;
    height: calc(100vh - 46px);
    background: #fff;
    box-sizing: border-box;
    border-top: 1px solid #f1f1f1;
    box-shadow: 3px 0 8px rgba(0, 0, 0, .3);
    overflow: hidden
}

.__menu-mobile .menu-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px 0
}

.__menu-mobile .menu-container>li,
.__menu-mobile .menu-container>li .second {
    line-height: 40px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333
}

.__menu-mobile .menu-container>li .second>span,
.__menu-mobile .menu-container>li>span {
    font-size: 16px
}

.__menu-mobile .menu-container>li .second>i,
.__menu-mobile .menu-container>li>i {
    font-size: 25px
}

.__menu-mobile .menu-container>li .second>a,
.__menu-mobile .menu-container>li>a {
    font-size: 16px;
    text-decoration: none;
    color: #9b9b9b
}

.__menu-mobile .menu-container>li .second:active,
.__menu-mobile .menu-container>li .second:active>a,
.__menu-mobile .menu-container>li:active,
.__menu-mobile .menu-container>li:active>a {
    color: #0878b5
}

.__menu-mobile .menu-container-enter {
    transition: all .3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.__menu-mobile .menu-container-enter.to-right {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.__menu-mobile .menu-container-enter-active,
.__menu-mobile .menu-container-exit {
    transition: all .3s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__menu-mobile .menu-container-exit-active {
    transition: all .3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.__menu-mobile .menu-container-exit-active.to-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.__menu-mobile .secondMenu {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px 0
}

.__menu-mobile .secondMenu>li {
    display: block;
    overflow: hidden
}

.__menu-mobile .secondMenu>li .second {
    display: flex;
    color: #333
}

.__menu-mobile .third-menu {
    padding-left: 15px;
    height: 0
}

.__menu-mobile .third-menu.show {
    height: auto
}

.__menu-mobile .third-menu.hide {
    height: 0
}

.__menu-mobile .third-menu>li {
    line-height: 40px;
    font-size: 14px;
    color: #9b9b9b
}

.__menu-mobile-enter {
    transition: all .3s;
    opacity: 0
}

.__menu-mobile-enter .menu-container li {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s
}

.__menu-mobile-enter .menu-container li:first-child {
    transition-delay: .1s
}

.__menu-mobile-enter .menu-container li:nth-child(2) {
    transition-delay: .2s
}

.__menu-mobile-enter .menu-container li:nth-child(3) {
    transition-delay: .3s
}

.__menu-mobile-enter .menu-container li:nth-child(4) {
    transition-delay: .4s
}

.__menu-mobile-enter .menu-container li:nth-child(5) {
    transition-delay: .5s
}

.__menu-mobile-enter .menu-container li:nth-child(6) {
    transition-delay: .6s
}

.__menu-mobile-enter .menu-container li:nth-child(7) {
    transition-delay: .7s
}

.__menu-mobile-enter .menu-container li:nth-child(8) {
    transition-delay: .8s
}

.__menu-mobile-enter .menu-container li:nth-child(9) {
    transition-delay: .9s
}

.__menu-mobile-enter .menu-container li:nth-child(10) {
    transition-delay: 1s
}

.__menu-mobile-enter .menu-container li:nth-child(11) {
    transition-delay: 1.1s
}

.__menu-mobile-enter .menu-container li:nth-child(12) {
    transition-delay: 1.2s
}

.__menu-mobile-enter .menu-container li:nth-child(13) {
    transition-delay: 1.3s
}

.__menu-mobile-enter .menu-container li:nth-child(14) {
    transition-delay: 1.4s
}

.__menu-mobile-enter .menu-container li:nth-child(15) {
    transition-delay: 1.5s
}

.__menu-mobile-enter .menu-container li:nth-child(16) {
    transition-delay: 1.6s
}

.__menu-mobile-enter .menu-container li:nth-child(17) {
    transition-delay: 1.7s
}

.__menu-mobile-enter .menu-container li:nth-child(18) {
    transition-delay: 1.8s
}

.__menu-mobile-enter .menu-container li:nth-child(19) {
    transition-delay: 1.9s
}

.__menu-mobile-enter-active {
    transition: all .3s;
    opacity: 1
}

.__menu-mobile-enter-active .menu-container li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__menu-mobile-enter-active .menu-container li:first-child {
    transition-delay: .1s
}

.__menu-mobile-enter-active .menu-container li:nth-child(2) {
    transition-delay: .2s
}

.__menu-mobile-enter-active .menu-container li:nth-child(3) {
    transition-delay: .3s
}

.__menu-mobile-enter-active .menu-container li:nth-child(4) {
    transition-delay: .4s
}

.__menu-mobile-enter-active .menu-container li:nth-child(5) {
    transition-delay: .5s
}

.__menu-mobile-enter-active .menu-container li:nth-child(6) {
    transition-delay: .6s
}

.__menu-mobile-enter-active .menu-container li:nth-child(7) {
    transition-delay: .7s
}

.__menu-mobile-enter-active .menu-container li:nth-child(8) {
    transition-delay: .8s
}

.__menu-mobile-enter-active .menu-container li:nth-child(9) {
    transition-delay: .9s
}

.__menu-mobile-enter-active .menu-container li:nth-child(10) {
    transition-delay: 1s
}

.__menu-mobile-enter-active .menu-container li:nth-child(11) {
    transition-delay: 1.1s
}

.__menu-mobile-enter-active .menu-container li:nth-child(12) {
    transition-delay: 1.2s
}

.__menu-mobile-enter-active .menu-container li:nth-child(13) {
    transition-delay: 1.3s
}

.__menu-mobile-enter-active .menu-container li:nth-child(14) {
    transition-delay: 1.4s
}

.__menu-mobile-enter-active .menu-container li:nth-child(15) {
    transition-delay: 1.5s
}

.__menu-mobile-enter-active .menu-container li:nth-child(16) {
    transition-delay: 1.6s
}

.__menu-mobile-enter-active .menu-container li:nth-child(17) {
    transition-delay: 1.7s
}

.__menu-mobile-enter-active .menu-container li:nth-child(18) {
    transition-delay: 1.8s
}

.__menu-mobile-enter-active .menu-container li:nth-child(19) {
    transition-delay: 1.9s
}

.__menu-mobile-exit {
    transition: all .3s;
    opacity: 1
}

.__menu-mobile-exit-active {
    transition: all .3s;
    opacity: 0
}

.__menu-mobile-exit-done {
    display: none
}

@media (orientation:landscape) {
    .__menu-mobile {
        height: 100vh
    }
}

.hero-content {
    height: 448px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    object-fit: cover;
    background-size: cover;
    display: flex;
    -ms-grid-row-align: center;
    margin: auto
}

.hero-content .full-width {
    grid-template-rows: repeat(4, -webkit-min-content);
    grid-template-rows: repeat(4, min-content);
    -ms-grid-rows: min-content min-content min-content min-content;
    -ms-grid-row-align: center;
    margin: auto;
    width: 100%
}

.hero-content.grid-story {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.hero-content .overline {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12
}

@media (min-width:824px) {
    .hero-content .overline {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .hero-content .overline {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.hero-content .title {
    line-height: unset;
    font-size: unset;
    display: inline-block;
    margin-top: 0;
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2
}

.hero-content .title>span {
    display: inline-block
}

.hero-content .title>span.type-h1,
.hero-content .title>span.type-h1-green-to-purple-diagonal,
.hero-content .title>span.type-h1-green-to-purple-vertical,
.hero-content .title>span.type-h1-outlined,
.hero-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
.hero-content .title>span.type-h1-purple-to-green-horisontal,
.hero-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
.hero-content .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .hero-content .title>span.type-h1,
    .hero-content .title>span.type-h1-green-to-purple-diagonal,
    .hero-content .title>span.type-h1-green-to-purple-vertical,
    .hero-content .title>span.type-h1-outlined,
    .hero-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-content .title>span.type-h1-purple-to-green-horisontal,
    .hero-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .hero-content .title>span.type-h1,
    .hero-content .title>span.type-h1-green-to-purple-diagonal,
    .hero-content .title>span.type-h1-green-to-purple-vertical,
    .hero-content .title>span.type-h1-outlined,
    .hero-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-content .title>span.type-h1-purple-to-green-horisontal,
    .hero-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.hero-content .title>span.type-h1-big,
.hero-content .title>span.type-h1-big-green-to-purple-diagonal,
.hero-content .title>span.type-h1-big-green-to-purple-vertical,
.hero-content .title>span.type-h1-big-outlined,
.hero-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.hero-content .title>span.type-h1-big-purple-to-green-horisontal,
.hero-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.hero-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .hero-content .title>span.type-h1-big,
    .hero-content .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-content .title>span.type-h1-big-green-to-purple-vertical,
    .hero-content .title>span.type-h1-big-outlined,
    .hero-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-content .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .hero-content .title>span.type-h1-big,
    .hero-content .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-content .title>span.type-h1-big-green-to-purple-vertical,
    .hero-content .title>span.type-h1-big-outlined,
    .hero-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-content .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.hero-content .title>span.type-h2,
.hero-content .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .hero-content .title>span.type-h2,
    .hero-content .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .hero-content .title>span.type-h2,
    .hero-content .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.hero-content .title>span.type-h3,
.hero-content .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .hero-content .title>span.type-h3,
    .hero-content .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .hero-content .title>span.type-h3,
    .hero-content .title span.type-h4 {
        margin-bottom: 10px
    }
}

.hero-content .body {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    margin: 0 0 30px
}

.hero-content .center {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    background-position: 50%
}

.hero-content .center.grid-story {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.hero-content .center .overline {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12
}

@media (min-width:824px) {
    .hero-content .center .overline {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .hero-content .center .overline {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.hero-content .center .title {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    text-align: center;
    max-width: 304px
}

.hero-content .center .body {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    margin: 0 0 30px;
    text-align: center;
    max-width: 304px
}

.hero-content .right .overline {
    display: block;
    text-align: right
}

.hero-content .right .title {
    text-align: right
}

.hero-content .right .body {
    text-align: right;
    max-width: 304px;
    display: grid;
    display: -ms-grid;
    justify-self: end
}

.hero-content .right .button-container {
    display: flex;
    justify-content: flex-end
}

.hero-content .button-container {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-row: 4
}

.hero-content .button-container>:not(:last-of-type) {
    margin-bottom: 20px
}

@media (min-width:824px) {
    .hero-content .overline {
        margin-bottom: 20px;
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6
    }

    .hero-content .title {
        grid-column-start: 3;
        grid-column-end: span 9;
        -ms-grid-column: 3;
        -ms-grid-column-span: 9;
        padding-bottom: 0
    }

    .hero-content .title.extra-padding {
        min-height: auto
    }

    .hero-content .body {
        grid-column-start: 3;
        grid-column-end: span 8;
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        max-width: none
    }

    .hero-content .center .title {
        max-width: 602px
    }

    .hero-content .center .body {
        max-width: 434px
    }

    .hero-content .right .overline {
        grid-column-start: 3;
        grid-column-end: span 12;
        -ms-grid-column: 3;
        -ms-grid-column-span: 12
    }

    .hero-content .right .title {
        grid-column-start: 6;
        grid-column-end: span 9;
        -ms-grid-column: 6;
        -ms-grid-column-span: 9
    }

    .hero-content .right .body {
        grid-column-start: 9;
        grid-column-end: span 6;
        -ms-grid-column: 9;
        -ms-grid-column-span: 6;
        max-width: none
    }

    .hero-content .button-container {
        grid-column-start: 3;
        grid-column-end: span 12;
        -ms-grid-column: 3;
        -ms-grid-column-span: 12;
        display: flex;
        align-items: center
    }

    .hero-content .button-container>:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 60px
    }

    .hero-content .button-container .button,
    .hero-content .button-container .icon-link,
    .hero-content .button-container .primary-link {
        padding-right: 40px
    }

    .hero-content .button-container .button:last-of-type,
    .hero-content .button-container .icon-link:last-of-type,
    .hero-content .button-container .primary-link:last-of-type {
        padding-right: 0
    }
}

@media (min-width:992px) {
    .hero-content {
        height: 800px
    }

    .hero-content .overline {
        margin-bottom: 20px
    }

    .hero-content .title {
        grid-column-end: span 9;
        -ms-grid-column-span: 9
    }

    .hero-content .title.extra-padding {
        min-height: auto
    }

    .hero-content .body {
        grid-column-end: span 7;
        -ms-grid-column-span: 7;
        margin: 0 0 40px
    }

    .hero-content .center .title {
        max-width: 850px
    }

    .hero-content .center .body {
        max-width: 450px
    }
}

.hero-media {
    background-repeat: no-repeat;
    background-position: 50%;
    object-fit: cover;
    background-size: cover
}

.hero-media.grid-story {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.hero-media.reverse {
    display: flex;
    flex-direction: column-reverse
}

.hero-media.reverse .media-container {
    padding-top: 40px
}

.hero-media .media-container {
    grid-column-start: 1;
    grid-column-end: span 15;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-row: 1;
    margin-bottom: 40px
}

.hero-media .media-container .image {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 11
}

.hero-media .media-container .image img {
    height: 171px;
    width: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    background-position: 50%
}

.hero-media .full-width {
    -ms-grid-row: 2
}

.hero-media .overline {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    grid-column-start: 4;
    grid-column-end: span 11;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11
}

@media (min-width:824px) {
    .hero-media .overline {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .hero-media .overline {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.hero-media .title {
    line-height: unset;
    font-size: unset;
    margin-top: 0;
    grid-column-start: 4;
    grid-column-end: span 11;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-row: 2
}

.hero-media .title,
.hero-media .title>span {
    display: inline-block
}

.hero-media .title>span.type-h1,
.hero-media .title>span.type-h1-green-to-purple-diagonal,
.hero-media .title>span.type-h1-green-to-purple-vertical,
.hero-media .title>span.type-h1-outlined,
.hero-media .title>span.type-h1-plum-to-urban-jundle-diagonal,
.hero-media .title>span.type-h1-purple-to-green-horisontal,
.hero-media .title>span.type-h1-urban-jundle-to-plum-horisontal,
.hero-media .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .hero-media .title>span.type-h1,
    .hero-media .title>span.type-h1-green-to-purple-diagonal,
    .hero-media .title>span.type-h1-green-to-purple-vertical,
    .hero-media .title>span.type-h1-outlined,
    .hero-media .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-media .title>span.type-h1-purple-to-green-horisontal,
    .hero-media .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-media .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .hero-media .title>span.type-h1,
    .hero-media .title>span.type-h1-green-to-purple-diagonal,
    .hero-media .title>span.type-h1-green-to-purple-vertical,
    .hero-media .title>span.type-h1-outlined,
    .hero-media .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-media .title>span.type-h1-purple-to-green-horisontal,
    .hero-media .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-media .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.hero-media .title>span.type-h1-big,
.hero-media .title>span.type-h1-big-green-to-purple-diagonal,
.hero-media .title>span.type-h1-big-green-to-purple-vertical,
.hero-media .title>span.type-h1-big-outlined,
.hero-media .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.hero-media .title>span.type-h1-big-purple-to-green-horisontal,
.hero-media .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.hero-media .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .hero-media .title>span.type-h1-big,
    .hero-media .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-media .title>span.type-h1-big-green-to-purple-vertical,
    .hero-media .title>span.type-h1-big-outlined,
    .hero-media .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-media .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-media .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-media .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .hero-media .title>span.type-h1-big,
    .hero-media .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-media .title>span.type-h1-big-green-to-purple-vertical,
    .hero-media .title>span.type-h1-big-outlined,
    .hero-media .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-media .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-media .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-media .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.hero-media .title>span.type-h2,
.hero-media .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .hero-media .title>span.type-h2,
    .hero-media .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .hero-media .title>span.type-h2,
    .hero-media .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.hero-media .title>span.type-h3,
.hero-media .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .hero-media .title>span.type-h3,
    .hero-media .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .hero-media .title>span.type-h3,
    .hero-media .title span.type-h4 {
        margin-bottom: 10px
    }
}

.hero-media .title.extra-padding {
    min-height: 286.08px
}

.hero-media .body-text {
    grid-column-start: 4;
    grid-column-end: span 11;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-row: 3;
    margin: 0 0 30px
}

.hero-media .center {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.hero-media .center .title {
    text-align: center
}

.hero-media .center .body-text {
    text-align: center;
    max-width: 304px
}

.hero-media .right .overline {
    display: block;
    text-align: right
}

.hero-media .right .title {
    text-align: right
}

.hero-media .right .body-text {
    text-align: right;
    max-width: 304px;
    display: grid;
    display: -ms-grid;
    justify-self: end
}

.hero-media .right .button-container {
    display: flex;
    justify-content: flex-end
}

.hero-media .button-container {
    grid-column-start: 4;
    grid-column-end: span 11;
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    -ms-grid-row: 4
}

.hero-media .button-container>:not(:last-of-type) {
    margin-bottom: 20px
}

@media (min-width:824px) {
    .hero-media.reverse .media-container {
        padding-top: 50px
    }

    .hero-media .media-container {
        margin-bottom: 50px
    }

    .hero-media .media-container .image {
        grid-column-start: 3;
        grid-column-end: span 12;
        -ms-grid-column: 3;
        -ms-grid-column-span: 11
    }

    .hero-media .media-container .image img {
        height: 370px
    }

    .hero-media .overline {
        margin-bottom: 20px;
        grid-column-start: 4;
        grid-column-end: span 6;
        -ms-grid-column: 4;
        -ms-grid-column-span: 6
    }

    .hero-media .title {
        grid-column-start: 4;
        grid-column-end: span 9;
        -ms-grid-column: 4;
        -ms-grid-column-span: 9;
        padding-bottom: 0
    }

    .hero-media .title.extra-padding {
        min-height: auto
    }

    .hero-media .body-text {
        grid-column-start: 4;
        grid-column-end: span 8;
        -ms-grid-column: 4;
        -ms-grid-column-span: 8;
        max-width: none
    }

    .hero-media .center .title {
        max-width: 602px
    }

    .hero-media .center .body-text {
        max-width: 434px
    }

    .hero-media .right .overline {
        grid-column-start: 4;
        grid-column-end: span 11;
        -ms-grid-column: 4;
        -ms-grid-column-span: 10
    }

    .hero-media .right .title {
        grid-column-start: 6;
        grid-column-end: span 9;
        -ms-grid-column: 6;
        -ms-grid-column-span: 8
    }

    .hero-media .right .body-text {
        grid-column-start: 9;
        grid-column-end: span 6;
        -ms-grid-column: 9;
        -ms-grid-column-span: 5;
        max-width: none
    }

    .hero-media .button-container {
        grid-column-start: 4;
        grid-column-end: span 11;
        -ms-grid-column: 4;
        -ms-grid-column-span: 10;
        display: flex;
        align-items: center
    }

    .hero-media .button-container>:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 60px
    }

    .hero-media .button-container .button,
    .hero-media .button-container .icon-link,
    .hero-media .button-container .primary-link {
        padding-right: 40px
    }

    .hero-media .button-container .button:last-of-type,
    .hero-media .button-container .icon-link:last-of-type,
    .hero-media .button-container .primary-link:last-of-type {
        padding-right: 0
    }
}

@media (min-width:992px) {
    .hero-media.reverse .media-container {
        padding-top: 80px
    }

    .hero-media .media-container {
        margin-bottom: 80px
    }

    .hero-media .media-container .image {
        grid-column-start: 3;
        grid-column-end: span 12;
        -ms-grid-column: 3;
        -ms-grid-column-span: 12
    }

    .hero-media .media-container .image img {
        height: 624px
    }

    .hero-media .overline {
        margin-bottom: 20px
    }

    .hero-media .title {
        grid-column-end: span 9;
        -ms-grid-column-span: 9
    }

    .hero-media .title.extra-padding {
        min-height: auto
    }

    .hero-media .body-text {
        grid-column-end: span 7;
        -ms-grid-column-span: 7;
        margin: 0 0 40px
    }

    .hero-media .center .title {
        max-width: 850px
    }

    .hero-media .center .body-text {
        max-width: 450px
    }
}

.__hero-product-carousel {
    padding: 10px 0 50px 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left -50px
}

.__hero-product-carousel .__lined-title {
    margin-right: 50px
}

.__hero-product-carousel .swiper-container {
    margin-top: 20px
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide {
    width: 431px;
    height: 597.26px;
    cursor: pointer
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide:hover .__gradient-button,
.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide:hover .slide-desc,
.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide:hover .slide-title {
    bottom: 0
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 30px;
    padding-bottom: 30px;
    color: #fff
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-title {
    margin-bottom: 30px;
    font-size: 38px;
    position: relative;
    bottom: -42px;
    transition: bottom .5s ease
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-desc {
    margin-bottom: 20px;
    font-size: 18px;
    position: relative;
    bottom: -80px;
    transition: bottom .5s ease
}

.__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .__gradient-button {
    position: relative;
    bottom: -80px;
    transition: bottom .5s ease
}

.__hero-product-carousel .swiper-container .chevron-right {
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 200px;
    margin: auto;
    z-index: 99999;
    cursor: pointer
}

.__hero-product-carousel .swiper-container .chevron-right.right {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: .5s
}

.__hero-product-carousel .swiper-container .chevron-right.left {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .5s
}

.__hero-product-carousel .swiper-container .chevron-right.hide {
    display: none
}

@media (max-width:1366px) {
    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide {
        width: 340px;
        height: 496.4px
    }
}

@media (max-width:824px) {
    .__hero-product-carousel {
        padding: 10px 0 30px 50px;
        background-repeat: no-repeat;
        background-size: cover
    }

    .__hero-product-carousel .__lined-title {
        margin-right: 25px
    }

    .__hero-product-carousel .swiper-container {
        margin-top: 25px
    }

    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide {
        width: 200px;
        height: 292px;
        padding-left: 15px;
        padding-bottom: 15px
    }

    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-content {
        padding-right: 30px
    }

    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-title {
        bottom: 0;
        font-size: 22px
    }

    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .__gradient-button,
    .__hero-product-carousel .swiper-container .swiper-wrapper .swiper-slide .slide-desc {
        bottom: 0
    }

    .__hero-product-carousel .swiper-container .chevron-right {
        display: none
    }
}

@-webkit-keyframes moveUp {
    0% {
        background-color: red
    }

    to {
        background-color: #00f
    }
}

@keyframes moveUp {
    0% {
        background-color: red
    }

    to {
        background-color: #00f
    }
}

.hero-story {
    height: 342px;
    -webkit-transform: .2s;
    transform: .2s
}

.hero-story .full-width {
    align-self: self-start;
    padding: 76px 0 0;
    height: 226px;
    margin-bottom: 40px;
    position: relative
}

.hero-story .full-width.background {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
    background-position: 50%
}

.hero-story .overline {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12
}

@media (min-width:824px) {
    .hero-story .overline {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .hero-story .overline {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.hero-story .title {
    line-height: unset;
    font-size: unset;
    margin-top: 0;
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13;
    -ms-grid-row: 2
}

.hero-story .title,
.hero-story .title>span {
    display: inline-block
}

.hero-story .title>span.type-h1,
.hero-story .title>span.type-h1-green-to-purple-diagonal,
.hero-story .title>span.type-h1-green-to-purple-vertical,
.hero-story .title>span.type-h1-outlined,
.hero-story .title>span.type-h1-plum-to-urban-jundle-diagonal,
.hero-story .title>span.type-h1-purple-to-green-horisontal,
.hero-story .title>span.type-h1-urban-jundle-to-plum-horisontal,
.hero-story .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .hero-story .title>span.type-h1,
    .hero-story .title>span.type-h1-green-to-purple-diagonal,
    .hero-story .title>span.type-h1-green-to-purple-vertical,
    .hero-story .title>span.type-h1-outlined,
    .hero-story .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-story .title>span.type-h1-purple-to-green-horisontal,
    .hero-story .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-story .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .hero-story .title>span.type-h1,
    .hero-story .title>span.type-h1-green-to-purple-diagonal,
    .hero-story .title>span.type-h1-green-to-purple-vertical,
    .hero-story .title>span.type-h1-outlined,
    .hero-story .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .hero-story .title>span.type-h1-purple-to-green-horisontal,
    .hero-story .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .hero-story .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.hero-story .title>span.type-h1-big,
.hero-story .title>span.type-h1-big-green-to-purple-diagonal,
.hero-story .title>span.type-h1-big-green-to-purple-vertical,
.hero-story .title>span.type-h1-big-outlined,
.hero-story .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.hero-story .title>span.type-h1-big-purple-to-green-horisontal,
.hero-story .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.hero-story .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .hero-story .title>span.type-h1-big,
    .hero-story .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-story .title>span.type-h1-big-green-to-purple-vertical,
    .hero-story .title>span.type-h1-big-outlined,
    .hero-story .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-story .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-story .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-story .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .hero-story .title>span.type-h1-big,
    .hero-story .title>span.type-h1-big-green-to-purple-diagonal,
    .hero-story .title>span.type-h1-big-green-to-purple-vertical,
    .hero-story .title>span.type-h1-big-outlined,
    .hero-story .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .hero-story .title>span.type-h1-big-purple-to-green-horisontal,
    .hero-story .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .hero-story .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.hero-story .title>span.type-h2,
.hero-story .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .hero-story .title>span.type-h2,
    .hero-story .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .hero-story .title>span.type-h2,
    .hero-story .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.hero-story .title>span.type-h3,
.hero-story .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .hero-story .title>span.type-h3,
    .hero-story .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .hero-story .title>span.type-h3,
    .hero-story .title span.type-h4 {
        margin-bottom: 10px
    }
}

.hero-story .story-stamps {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    border-left: 8px solid
}

.hero-story .story-stamps span {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding-left: 20px
}

.hero-story .story-stamps span a {
    color: #0878b5;
    text-decoration: underline
}

.hero-story .story-stamps span a span {
    color: #fff;
    text-decoration: none
}

.hero-story .story-stamps span a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .hero-story .story-stamps span {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .hero-story .story-stamps span {
        font-size: 16px;
        line-height: 18px
    }
}

.hero-story .story-stamps span:not(:last-of-type) {
    padding-bottom: 5px
}

.hero-story .bottom-bar {
    position: absolute;
    bottom: -40px;
    width: 100%;
    height: 40px;
    align-self: end
}

.hero-story .bottom-bar .border {
    border-top: 1px solid #e5e5e5;
    grid-column-start: 1;
    grid-column-end: span 15;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15;
    -ms-grid-row: 1;
    align-self: end
}

.hero-story .bottom-bar .subjects {
    grid-column-start: 2;
    grid-column-end: span 6;
    -ms-grid-column: 2;
    -ms-grid-column-span: 6;
    -ms-grid-row: 2;
    height: inherit;
    display: flex;
    align-items: center
}

.hero-story .bottom-bar .subjects span {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    color: #f7f7f7
}

.hero-story .bottom-bar .subjects span a {
    color: #0878b5;
    text-decoration: underline
}

.hero-story .bottom-bar .subjects span a span {
    color: #fff;
    text-decoration: none
}

.hero-story .bottom-bar .subjects span a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .hero-story .bottom-bar .subjects span {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .hero-story .bottom-bar .subjects span {
        font-size: 16px;
        line-height: 18px
    }
}

.hero-story .bottom-bar .subjects span:not(:last-of-type) {
    padding-right: 20px
}

.hero-story .bottom-bar .social-links {
    grid-column-start: 14;
    grid-column-end: span 2;
    -ms-grid-column: 14;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: inherit
}

.hero-story .bottom-bar .social-links .social {
    background-color: #f7f7f7;
    color: #000;
    border-radius: 50%;
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-story .bottom-bar .social-links .social:first-of-type {
    margin-right: 20px
}

.hero-story .bottom-bar .social-links .social:not(:first-of-type) {
    display: none
}

.hero-story .bottom-bar .social-links .social i {
    font-size: 12px
}

@media (min-width:824px) {
    .hero-story .border {
        grid-column-start: 2;
        grid-column-end: span 13;
        -ms-grid-column: 2;
        -ms-grid-column-span: 13;
        -ms-grid-row: 4
    }

    .hero-story .bottom-bar {
        height: 40px
    }

    .hero-story .bottom-bar .subjects {
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6;
        -ms-grid-row: 2
    }

    .hero-story .bottom-bar .social-links {
        grid-column-start: 12;
        grid-column-end: span 3;
        -ms-grid-column: 12;
        -ms-grid-column-span: 3
    }

    .hero-story .bottom-bar .social-links .social {
        color: #000
    }

    .hero-story .bottom-bar .social-links .social:not(:first-of-type) {
        display: flex;
        margin-right: 20px
    }

    .hero-story .bottom-bar .social-links .social:first-of-type {
        display: none
    }
}

@media (min-width:992px) {
    .hero-story {
        height: 554px
    }

    .hero-story .full-width {
        height: 428px;
        margin-bottom: 50px
    }

    .hero-story .overline {
        margin-bottom: 20px;
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6
    }

    .hero-story .title {
        grid-column-start: 2;
        grid-column-end: span 10;
        -ms-grid-column: 2;
        -ms-grid-column-span: 10;
        margin-bottom: 43px
    }

    .hero-story .story-stamps {
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6;
        border-left: 10px solid #dc1860
    }

    .hero-story .bottom-bar {
        bottom: -50px;
        height: 50px
    }
}

.__icon-block-list .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__icon-block-list .component-wrapper .component-title {
    font-weight: 400;
    margin-bottom: 50px
}

.__icon-block-list .component-wrapper .icon-blocks .icon-block {
    margin-bottom: 42px;
    display: flex
}

.__icon-block-list .component-wrapper .icon-blocks .icon-block .__image {
    flex-shrink: 0;
    width: 82px;
    margin-right: 20px
}

.__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .title {
    font-size: 14px;
    line-height: 20px
}

.__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .title .__image {
    display: none
}

.__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .text {
    font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

.__icon-block-list .component-wrapper .icon-blocks.columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 42px
}

.__icon-block-list .component-wrapper .icon-blocks.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 42px
}

.__icon-block-list.padding-top-large {
    padding-top: 80px
}

.__icon-block-list.padding-bottom-large {
    padding-bottom: 80px
}

.__icon-block-list.margin-top-large {
    margin-top: 80px
}

.__icon-block-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-block-list.padding-top-large {
        padding-top: 60px
    }

    .__icon-block-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__icon-block-list.margin-top-large {
        margin-top: 60px
    }

    .__icon-block-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-block-list.padding-top-large {
        padding-top: 50px
    }

    .__icon-block-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__icon-block-list.margin-top-large {
        margin-top: 50px
    }

    .__icon-block-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__icon-block-list.padding-top-medium {
    padding-top: 50px
}

.__icon-block-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__icon-block-list.margin-top-medium {
    margin-top: 50px
}

.__icon-block-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-block-list.padding-top-medium {
        padding-top: 40px
    }

    .__icon-block-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__icon-block-list.margin-top-medium {
        margin-top: 40px
    }

    .__icon-block-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-block-list.padding-top-medium {
        padding-top: 30px
    }

    .__icon-block-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__icon-block-list.margin-top-medium {
        margin-top: 30px
    }

    .__icon-block-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__icon-block-list.padding-top-tiny {
    padding-top: 30px
}

.__icon-block-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__icon-block-list.margin-top-tiny {
    margin-top: 30px
}

.__icon-block-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-block-list.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-block-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-block-list.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-block-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-block-list.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-block-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-block-list.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-block-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-block-list .component-wrapper .icon-blocks .icon-block {
        display: block
    }

    .__icon-block-list .component-wrapper .icon-blocks .icon-block .__image {
        display: none
    }

    .__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .title {
        display: flex;
        align-items: center
    }

    .__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .title .__image {
        display: block;
        width: 20px;
        margin-right: 10px
    }

    .__icon-block-list .component-wrapper .icon-blocks .icon-block .block-info .text {
        margin-top: 20px
    }

    .__icon-block-list .component-wrapper .icon-blocks.columns-2,
    .__icon-block-list .component-wrapper .icon-blocks.columns-3 {
        display: block
    }
}

.icon-content.grid-story {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.icon-content .media-container {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    display: flex;
    align-items: center
}

.icon-content .media-container img {
    width: 100%;
    object-fit: cover
}

.icon-content .text-section {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.icon-content .text-section .top-icon-container {
    padding-bottom: 20px
}

.icon-content .text-section .top-icon-container .icon {
    color: #fff
}

.icon-content .text-section .top-icon-container .icon i {
    font-size: 36px
}

.icon-content .text-section .title {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0 0 10px
}

@media (min-width:824px) {
    .icon-content .text-section .title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .icon-content .text-section .title {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.icon-content .text-section .body-text {
    margin-bottom: 30px
}

.icon-content .text-section .button-container {
    padding-bottom: 40px
}

@media (min-width:824px) {
    .icon-content.overlap .media-container {
        height: 0
    }
}

@media (min-width:824px) and (-ms-high-contrast:active),
(min-width:824px) and (-ms-high-contrast:none) {

    .media-container,
    .text-section {
        margin-right: 8px
    }
}

@media (min-width:824px) and (-ms-high-contrast:active) and (min-width:824px),
(min-width:824px) and (-ms-high-contrast:none) and (min-width:824px) {

    .media-container,
    .text-section {
        margin-right: 14px
    }
}

@media (min-width:824px) and (-ms-high-contrast:active) and (min-width:992px),
(min-width:824px) and (-ms-high-contrast:none) and (min-width:992px) {

    .media-container,
    .text-section {
        margin-right: 30px
    }
}

@media (min-width:824px) and (-ms-high-contrast:active),
(min-width:824px) and (-ms-high-contrast:none) {
    @supports not (display:-ms-grid) {

        .media-container,
        .text-section {
            margin-right: 0
        }
    }
}

@media (min-width:824px) {
    @supports (-ms-ime-align:auto) {

        .media-container,
        .text-section {
            margin-right: 8px
        }

        @media (min-width:824px) {

            .media-container,
            .text-section {
                margin-right: 14px
            }
        }

        @media (min-width:992px) {

            .media-container,
            .text-section {
                margin-right: 30px
            }
        }

        @supports not (display:-ms-grid) {

            .media-container,
            .text-section {
                margin-right: 0
            }
        }
    }

    .icon-content.reverse {
        flex-direction: row-reverse
    }

    .icon-content.reverse .media-container,
    .icon-content.reverse .tex-section {
        grid-row: 1;
        -ms-grid-row: 1
    }

    .icon-content .media-container {
        grid-column-start: 9;
        grid-column-end: span 6;
        -ms-grid-column: 9;
        -ms-grid-column-span: 6;
        align-self: center
    }

    .icon-content .media-container img {
        width: 100%;
        object-fit: cover
    }

    .icon-content .text-section {
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6
    }

    .icon-content .text-section.no-image {
        grid-column-end: span 10;
        -ms-grid-column-span: 10
    }

    .icon-content .text-section .top-icon-container {
        padding-bottom: 20px
    }

    .icon-content .text-section .top-icon-container .icon i {
        font-size: 42px
    }

    .icon-content .text-section .body-text {
        margin-bottom: 30px
    }

    .icon-content .text-section .title {
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .icon-content .text-section .title+p {
        margin: 0 0 30px
    }

    .icon-content.reverse .media-container {
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6
    }

    .icon-content.reverse .text-section {
        grid-column-start: 9;
        grid-column-end: span 6;
        -ms-grid-column: 9;
        -ms-grid-column-span: 6
    }
}

@media (min-width:992px) {
    .icon-content .media-container {
        grid-column-start: 9;
        grid-column-end: span 6;
        -ms-grid-column: 9;
        -ms-grid-column-span: 6
    }

    .icon-content .text-section {
        grid-column-start: 3;
        grid-column-end: span 5;
        -ms-grid-column: 3;
        -ms-grid-column-span: 5
    }

    .icon-content .text-section.no-image {
        grid-column-end: span 8;
        -ms-grid-column-span: 8
    }

    .icon-content .text-section .body-text {
        margin-bottom: 40px
    }

    .icon-content .text-section .title {
        margin-bottom: 20px
    }

    .icon-content .text-section .title+p {
        margin: 0 0 40px
    }

    .icon-content.reverse .media-container {
        grid-column-start: 3;
        grid-column-end: span 6;
        -ms-grid-column: 3;
        -ms-grid-column-span: 6
    }

    .icon-content.reverse .text-section {
        grid-column-start: 10;
        grid-column-end: span 5;
        -ms-grid-column: 10;
        -ms-grid-column-span: 5
    }
}

.__icon-content-list .iconList {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 250px 250px 250px 250px;
    justify-content: center;
    display: grid
}

.__icon-content-list .iconList .list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative
}

.__icon-content-list .iconList .list-item .img {
    height: 40px
}

.__icon-content-list .iconList .list-item .img img {
    height: 40px;
    margin-bottom: 20px
}

.__icon-content-list .iconList .list-item .details {
    margin-top: 23px;
    font-size: 18px;
    color: #000;
    line-height: 21px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__icon-content-list .iconList .list-item .hover-all-details {
    display: none
}

.__icon-content-list .iconList .list-item:hover .hover-all-details {
    font-size: 18px;
    color: #000;
    line-height: 21px;
    display: block;
    padding: 10px 14px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 60px;
    left: -30px;
    width: 300px;
    min-height: 80px;
    z-index: 99
}

.__icon-content-list .mobile-tip {
    display: none
}

@media (max-width:824px) {
    .__icon-content-list .mobile-iconList {
        width: 100%;
        overflow-x: auto;
        padding: 40px 0;
        background: #f6f6f6;
        display: grid;
        display: -ms-grid;
        grid-template-columns: 8px 16px repeat(12, minmax(18px, 1fr)) 8px;
        grid-column-gap: 8px;
        -ms-grid-columns: 8px 24px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 8px
    }

    .__icon-content-list .iconList {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        grid-template-columns: 200px 200px 200px 200px 200px 200px;
        background: #f6f6f6;
        width: 1400px;
        grid-row-gap: 30px;
        grid-column-gap: 30px
    }

    .__icon-content-list .iconList .list-item .img img {
        height: 40px;
        margin-bottom: 0
    }

    .__icon-content-list .iconList .list-item .details {
        font-size: 14px
    }

    .__icon-content-list .mobile-tip {
        display: flex;
        justify-content: center;
        margin-top: 6px
    }

    .__icon-content-list .mobile-tip .fa {
        margin-right: 10px
    }
}

.__icon-content-list-carousel .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative
}

.__icon-content-list-carousel .component-wrapper .bg {
    float: right;
    width: 480px;
    height: 400px;
    -webkit-clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(100px 0, 100% 0, 100% 100%, 0 100%);
    shape-outside: polygon(100px 0, 100% 0, 100% 100%, 0 100%)
}

.__icon-content-list-carousel .component-wrapper .bg img {
    height: 100%;
    object-position: left center
}

.__icon-content-list-carousel .component-wrapper .swiper-box {
    padding-bottom: 80px;
    padding-top: 80px;
    box-sizing: border-box;
    position: relative
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container {
    height: 100%;
    background: #fff
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
    box-sizing: border-box;
    width: 100% !important;
    padding-right: 20px
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide .details-wrapper .slide-detail {
    display: flex;
    align-items: center
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide .details-wrapper .slide-detail .__image {
    flex-shrink: 0;
    width: 60px;
    margin-right: 30px
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide .details-wrapper .slide-detail .detail-body {
    word-break: break-all
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide .details-wrapper .slide-detail+.slide-detail {
    margin-top: 30px
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager {
    width: 60%;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    text-align: center
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {
    .__icon-content-list-carousel .component-wrapper .bg {
        float: none;
        width: 100%;
        height: auto;
        shape-outside: none;
        -webkit-clip-path: none;
        clip-path: none
    }

    .__icon-content-list-carousel .component-wrapper .bg img {
        height: auto
    }

    .__icon-content-list-carousel .component-wrapper .swiper-box {
        height: auto;
        padding-bottom: 40px
    }

    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container,
    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper {
        height: auto
    }

    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
        height: auto;
        padding-right: 0
    }

    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-container .swiper-wrapper .swiper-slide .details-wrapper .slide-detail .__image {
        width: 20px
    }

    .__icon-content-list-carousel .component-wrapper .swiper-box .swiper-pager {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.__icon-content-list-tab .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__icon-content-list-tab .component-wrapper .tabs-container {
    display: flex;
    align-items: stretch
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper {
    flex-grow: 1;
    margin-right: 60px;
    padding-top: 20px
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 18px;
    cursor: pointer;
    transition: all .15s
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li>i {
    margin-right: 10px;
    font-size: 25px
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li:hover {
    background: #15a6f5;
    color: #fff
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li.active {
    background: #0878b5;
    color: #fff
}

.__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .body {
    margin-top: 20px
}

.__icon-content-list-tab .component-wrapper .tabs-container .__image {
    flex-shrink: 0;
    width: 595px;
    height: auto
}

.__icon-content-list-tab .component-wrapper .details {
    margin-top: 40px
}

.__icon-content-list-tab .component-wrapper .details>li {
    display: flex
}

.__icon-content-list-tab .component-wrapper .details>li>i {
    font-style: normal;
    font-size: 10px;
    line-height: 20px;
    margin-right: 20px
}

.__icon-content-list-tab .component-wrapper .details>li+li {
    margin-top: 20px
}

.__icon-content-list-tab.padding-top-large {
    padding-top: 80px
}

.__icon-content-list-tab.padding-bottom-large {
    padding-bottom: 80px
}

.__icon-content-list-tab.margin-top-large {
    margin-top: 80px
}

.__icon-content-list-tab.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-content-list-tab.padding-top-large {
        padding-top: 60px
    }

    .__icon-content-list-tab.padding-bottom-large {
        padding-bottom: 60px
    }

    .__icon-content-list-tab.margin-top-large {
        margin-top: 60px
    }

    .__icon-content-list-tab.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-content-list-tab.padding-top-large {
        padding-top: 50px
    }

    .__icon-content-list-tab.padding-bottom-large {
        padding-bottom: 50px
    }

    .__icon-content-list-tab.margin-top-large {
        margin-top: 50px
    }

    .__icon-content-list-tab.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__icon-content-list-tab.padding-top-medium {
    padding-top: 50px
}

.__icon-content-list-tab.padding-bottom-medium {
    padding-bottom: 50px
}

.__icon-content-list-tab.margin-top-medium {
    margin-top: 50px
}

.__icon-content-list-tab.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-content-list-tab.padding-top-medium {
        padding-top: 40px
    }

    .__icon-content-list-tab.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__icon-content-list-tab.margin-top-medium {
        margin-top: 40px
    }

    .__icon-content-list-tab.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-content-list-tab.padding-top-medium {
        padding-top: 30px
    }

    .__icon-content-list-tab.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__icon-content-list-tab.margin-top-medium {
        margin-top: 30px
    }

    .__icon-content-list-tab.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__icon-content-list-tab.padding-top-tiny {
    padding-top: 30px
}

.__icon-content-list-tab.padding-bottom-tiny {
    padding-bottom: 30px
}

.__icon-content-list-tab.margin-top-tiny {
    margin-top: 30px
}

.__icon-content-list-tab.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-content-list-tab.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-content-list-tab.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-content-list-tab.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-content-list-tab.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-content-list-tab.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-content-list-tab.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-content-list-tab.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-content-list-tab.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-content-list-tab .component-wrapper .tabs-container {
        flex-direction: column
    }

    .__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper {
        margin-right: 0
    }

    .__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li {
        font-size: 10px;
        line-height: 14px
    }

    .__icon-content-list-tab .component-wrapper .tabs-container .tabs-wrapper .tabs>li>i {
        margin-right: 10px;
        font-size: 16px
    }

    .__icon-content-list-tab .component-wrapper .tabs-container .__image {
        width: 100%
    }
}

.__icon-list-group-wrap-image .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__icon-list-group-wrap-image .image-wrapper {
    width: 600px;
    float: left;
    margin-right: 45px
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper i {
    line-height: 19px;
    margin-right: 20px
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper i.color-black {
    color: #000
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper i.color-white {
    color: #fff
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper i.color-blue {
    color: #0878b5
}

.__icon-list-group-wrap-image .image-wrapper .title-wrapper i.color-pink {
    color: #dc1860
}

.__icon-list-group-wrap-image .icon-list .list-body {
    font-weight: 400
}

.__icon-list-group-wrap-image .icon-list ul li {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.__icon-list-group-wrap-image .icon-list ul li i {
    margin-right: 10px
}

.__icon-list-group-wrap-image .icon-list ul li i.color-black {
    color: #000
}

.__icon-list-group-wrap-image .icon-list ul li i.color-white {
    color: #fff
}

.__icon-list-group-wrap-image .icon-list ul li i.color-blue {
    color: #0878b5
}

.__icon-list-group-wrap-image .icon-list ul li i.color-pink {
    color: #dc1860
}

.__icon-list-group-wrap-image .icon-list ul li .detail-body {
    font-weight: 400
}

.__icon-list-group-wrap-image .icon-list+.icon-list {
    margin-top: 30px
}

.__icon-list-group-wrap-image.padding-top-large {
    padding-top: 80px
}

.__icon-list-group-wrap-image.padding-bottom-large {
    padding-bottom: 80px
}

.__icon-list-group-wrap-image.margin-top-large {
    margin-top: 80px
}

.__icon-list-group-wrap-image.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-list-group-wrap-image.padding-top-large {
        padding-top: 60px
    }

    .__icon-list-group-wrap-image.padding-bottom-large {
        padding-bottom: 60px
    }

    .__icon-list-group-wrap-image.margin-top-large {
        margin-top: 60px
    }

    .__icon-list-group-wrap-image.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-list-group-wrap-image.padding-top-large {
        padding-top: 50px
    }

    .__icon-list-group-wrap-image.padding-bottom-large {
        padding-bottom: 50px
    }

    .__icon-list-group-wrap-image.margin-top-large {
        margin-top: 50px
    }

    .__icon-list-group-wrap-image.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__icon-list-group-wrap-image.padding-top-medium {
    padding-top: 50px
}

.__icon-list-group-wrap-image.padding-bottom-medium {
    padding-bottom: 50px
}

.__icon-list-group-wrap-image.margin-top-medium {
    margin-top: 50px
}

.__icon-list-group-wrap-image.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-list-group-wrap-image.padding-top-medium {
        padding-top: 40px
    }

    .__icon-list-group-wrap-image.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__icon-list-group-wrap-image.margin-top-medium {
        margin-top: 40px
    }

    .__icon-list-group-wrap-image.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-list-group-wrap-image.padding-top-medium {
        padding-top: 30px
    }

    .__icon-list-group-wrap-image.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__icon-list-group-wrap-image.margin-top-medium {
        margin-top: 30px
    }

    .__icon-list-group-wrap-image.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__icon-list-group-wrap-image.padding-top-tiny {
    padding-top: 30px
}

.__icon-list-group-wrap-image.padding-bottom-tiny {
    padding-bottom: 30px
}

.__icon-list-group-wrap-image.margin-top-tiny {
    margin-top: 30px
}

.__icon-list-group-wrap-image.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__icon-list-group-wrap-image.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-list-group-wrap-image.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-list-group-wrap-image.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-list-group-wrap-image.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-list-group-wrap-image.padding-top-tiny {
        padding-top: 20px
    }

    .__icon-list-group-wrap-image.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__icon-list-group-wrap-image.margin-top-tiny {
        margin-top: 20px
    }

    .__icon-list-group-wrap-image.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__icon-list-group-wrap-image .image-wrapper {
        width: 100%;
        float: none
    }

    .__icon-list-group-wrap-image .image-wrapper .title-wrapper {
        margin-top: 15px
    }

    .__icon-list-group-wrap-image .icon-list {
        margin-top: 30px
    }
}

.__image-bean-curd-list .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-bean-curd-list .bean-curd-list .bean-curd {
    display: flex;
    flex-direction: column;
    align-items: center
}

.__image-bean-curd-list .bean-curd-list .bean-curd .__image {
    height: 332px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__image-bean-curd-list .bean-curd-list .bean-curd .__image img {
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper i {
    margin-right: 10px
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper i.blue {
    color: #0878b5
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper i.pink {
    color: #dc1860
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper i.black {
    color: #000
}

.__image-bean-curd-list .bean-curd-list .bean-curd .title-wrapper i.white {
    color: #fff
}

.__image-bean-curd-list .bean-curd-list.columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.__image-bean-curd-list .bean-curd-list.columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.__image-bean-curd-list.padding-top-large {
    padding-top: 80px
}

.__image-bean-curd-list.padding-bottom-large {
    padding-bottom: 80px
}

.__image-bean-curd-list.margin-top-large {
    margin-top: 80px
}

.__image-bean-curd-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-bean-curd-list.padding-top-large {
        padding-top: 60px
    }

    .__image-bean-curd-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-bean-curd-list.margin-top-large {
        margin-top: 60px
    }

    .__image-bean-curd-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-bean-curd-list.padding-top-large {
        padding-top: 50px
    }

    .__image-bean-curd-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-bean-curd-list.margin-top-large {
        margin-top: 50px
    }

    .__image-bean-curd-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-bean-curd-list.padding-top-medium {
    padding-top: 50px
}

.__image-bean-curd-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-bean-curd-list.margin-top-medium {
    margin-top: 50px
}

.__image-bean-curd-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-bean-curd-list.padding-top-medium {
        padding-top: 40px
    }

    .__image-bean-curd-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-bean-curd-list.margin-top-medium {
        margin-top: 40px
    }

    .__image-bean-curd-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-bean-curd-list.padding-top-medium {
        padding-top: 30px
    }

    .__image-bean-curd-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-bean-curd-list.margin-top-medium {
        margin-top: 30px
    }

    .__image-bean-curd-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-bean-curd-list.padding-top-tiny {
    padding-top: 30px
}

.__image-bean-curd-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-bean-curd-list.margin-top-tiny {
    margin-top: 30px
}

.__image-bean-curd-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-bean-curd-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-bean-curd-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-bean-curd-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-bean-curd-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-bean-curd-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-bean-curd-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-bean-curd-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-bean-curd-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {

    .__image-bean-curd-list .bean-curd-list.columns-2,
    .__image-bean-curd-list .bean-curd-list.columns-3 {
        display: block
    }
}

.__image-block-carousel .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-block-carousel .content-wrapper .swiper-container {
    width: 100%
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    display: flex;
    align-items: stretch
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-wrapper {
    width: 688px;
    min-height: 510px;
    flex-shrink: 0;
    overflow: hidden
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-wrapper .image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-wrapper .image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .video-container {
    display: block;
    height: 100%
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .video-container .video-js {
    height: 100%
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .video-container .video-js .vjs-tech {
    object-fit: cover
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

.__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-body {
    flex-grow: 1;
    box-sizing: border-box;
    word-break: break-word;
    padding: 30px
}

.__image-block-carousel .content-wrapper .swiper-pager {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center
}

.__image-block-carousel .content-wrapper .swiper-pager .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__image-block-carousel .content-wrapper .swiper-pager .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__image-block-carousel .content-wrapper .swiper-pager .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__image-block-carousel .content-wrapper .swiper-pager .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {
    .__image-block-carousel .content-wrapper {
        max-width: 370px;
        overflow: hidden
    }

    .__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content {
        flex-direction: column
    }

    .__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-wrapper {
        min-height: auto;
        width: 100%;
        height: 80vw
    }

    .__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-body {
        flex-grow: 1;
        width: 100%
    }
}

.__image-block-toggle-carousel {
    background-color: #fff
}

.__image-block-toggle-carousel .first-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-block-toggle-carousel .first-content .content-title1 {
    margin: 11px 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75)
}

.__image-block-toggle-carousel .first-content .content-title2 {
    margin: 0 20px 8px;
    text-align: center;
    color: rgba(0, 0, 0, .75)
}

.__image-block-toggle-carousel .first-content .content-body {
    color: rgba(0, 0, 0, .75);
    line-height: 28px;
    margin: 0 20px 19px;
    word-wrap: break-word
}

.__image-block-toggle-carousel .first-content .content-image,
.__image-block-toggle-carousel .first-content .content-image img {
    width: 100%
}

.__image-block-toggle-carousel .first-content .buttonStyle {
    display: flex;
    justify-content: center;
    margin: 20px 0 0
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button {
    background: transparent;
    transition: color .15s ease-in-out;
    position: relative
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all .15s ease-in-out
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black {
    color: #000;
    border-color: #000
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black:hover {
    color: #fff
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black:hover:before {
    width: 100%;
    background: #000
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white {
    color: #fff;
    border-color: #fff
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white:hover {
    color: #000
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue:hover {
    color: #fff
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink:hover {
    color: #fff
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__image-block-toggle-carousel .first-content .buttonStyle .__window-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__image-block-toggle-carousel .second-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative
}

.__image-block-toggle-carousel .second-content .swiper-part {
    position: relative
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container {
    background-color: #fff
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-pagination-bullet {
    background: #a5a7a8;
    opacity: 1
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-pagination-bullet-active {
    background: #007aff
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide {
    width: 40%;
    height: 100%;
    background-size: cover;
    position: relative
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
    width: auto;
    height: 219px;
    background-size: cover;
    background-position: 50%
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content {
    position: absolute;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-title {
    font-size: 12px;
    color: #fff;
    margin: 0 2px 0 12px;
    word-wrap: break-word;
    max-width: 88px
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-body {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    padding: 0 0 50px
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e72b2;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    cursor: pointer;
    margin-right: 12px
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-icon i {
    color: #fff;
    font-size: 16px;
    margin-left: 2px
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: initial;
    opacity: 1;
    z-index: 2;
    cursor: pointer
}

.__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-pagination {
    display: block
}

.__image-block-toggle-carousel .second-content .swiper-part .next-image,
.__image-block-toggle-carousel .second-content .swiper-part .prev-image {
    display: none
}

.__image-block-toggle-carousel .second-content .slide-preview-image {
    position: absolute;
    height: 223px;
    background-size: cover;
    background-position: 50%;
    top: 0;
    z-index: -1;
    overflow: hidden
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content {
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: space-between
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content .swiperHide-txt {
    margin: 0 0 0 30px;
    max-width: 73%
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content .swiperHide-txt .swiperHide-title {
    font-size: 16px;
    color: #fff
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content .swiperHide-txt .swiperHide-body {
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 0
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content .swiperHide-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e72b2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px
}

.__image-block-toggle-carousel .second-content .slide-preview-image .swiperHide-content .swiperHide-icon i {
    color: #fff;
    font-size: 16px;
    margin-right: 2px
}

.__image-block-toggle-carousel .second-content .btns_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 14px
}

.__image-block-toggle-carousel .second-content .btns_swiper span {
    display: flex;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px
}

.__image-block-toggle-carousel .second-content .btns_swiper span .fa {
    font-size: 18px;
    color: #fff
}

.__image-block-toggle-carousel .second-content .btns_swiper span.active {
    background: rgba(0, 102, 178, .7)
}

.__image-block-toggle-carousel .second-content .buttonStyle {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px;
    background-color: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button {
    background: transparent;
    transition: color .15s ease-in-out;
    position: relative
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all .15s ease-in-out
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black {
    color: #000;
    border-color: #000
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black:hover {
    color: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black:hover:before {
    width: 100%;
    background: #000
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white {
    color: #fff;
    border-color: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white:hover {
    color: #000
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue:hover {
    color: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink:hover {
    color: #fff
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__image-block-toggle-carousel .second-content .buttonStyle .__window-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__image-block-toggle-carousel .second-content .preview-visible {
    z-index: 1;
    width: 100%;
    transition: all .5s ease
}

.__image-block-toggle-carousel .second-content .preview-visible .hideImg {
    display: flex;
    justify-content: center;
    background-color: #000;
    height: 219px
}

.__image-block-toggle-carousel .second-content .preview-visible .hideImg .__image {
    display: flex;
    justify-content: center
}

.__image-block-toggle-carousel .second-content .preview-visible .hideImg .__image img {
    height: 219px;
    width: auto;
    min-width: auto
}

.__image-block-toggle-carousel .second-content .preview-hide {
    z-index: -1;
    width: 30%;
    transition: all .5s ease
}

.__image-block-toggle-carousel .second-content .preview-hide .hideImg {
    height: 100%;
    width: 100%
}

.__image-block-toggle-carousel .second-content .preview-hide .hideImg img {
    height: auto;
    width: 100%
}

.__image-block-toggle-carousel .content-visible {
    height: 320px;
    width: 100%;
    opacity: 1;
    transition: all .5s ease
}

.__image-block-toggle-carousel .content-hide {
    z-index: -10;
    opacity: 0;
    height: 0;
    transition: height .5s ease, opacity 0s ease
}

.__image-block-toggle-carousel.padding-top-large {
    padding-top: 80px
}

.__image-block-toggle-carousel.padding-bottom-large {
    padding-bottom: 80px
}

.__image-block-toggle-carousel.margin-top-large {
    margin-top: 80px
}

.__image-block-toggle-carousel.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-carousel.padding-top-large {
        padding-top: 60px
    }

    .__image-block-toggle-carousel.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-block-toggle-carousel.margin-top-large {
        margin-top: 60px
    }

    .__image-block-toggle-carousel.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-carousel.padding-top-large {
        padding-top: 50px
    }

    .__image-block-toggle-carousel.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-block-toggle-carousel.margin-top-large {
        margin-top: 50px
    }

    .__image-block-toggle-carousel.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-block-toggle-carousel.padding-top-medium {
    padding-top: 50px
}

.__image-block-toggle-carousel.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-block-toggle-carousel.margin-top-medium {
    margin-top: 50px
}

.__image-block-toggle-carousel.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-carousel.padding-top-medium {
        padding-top: 40px
    }

    .__image-block-toggle-carousel.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-block-toggle-carousel.margin-top-medium {
        margin-top: 40px
    }

    .__image-block-toggle-carousel.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-carousel.padding-top-medium {
        padding-top: 30px
    }

    .__image-block-toggle-carousel.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-block-toggle-carousel.margin-top-medium {
        margin-top: 30px
    }

    .__image-block-toggle-carousel.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-block-toggle-carousel.padding-top-tiny {
    padding-top: 30px
}

.__image-block-toggle-carousel.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-block-toggle-carousel.margin-top-tiny {
    margin-top: 30px
}

.__image-block-toggle-carousel.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__image-block-toggle-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-block-toggle-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__image-block-toggle-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__image-block-toggle-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-block-toggle-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__image-block-toggle-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:824px) {
    .__image-block-toggle-carousel {
        background-color: #fff
    }

    .__image-block-toggle-carousel .first-content .content-title1 {
        margin: 25px 0 20px;
        text-align: center;
        color: rgba(19, 20, 21, .75)
    }

    .__image-block-toggle-carousel .first-content .content-title2 {
        margin-bottom: 30px;
        text-align: center;
        color: rgba(0, 0, 0, .75);
        font-weight: 400
    }

    .__image-block-toggle-carousel .first-content .content-body {
        color: rgba(0, 0, 0, .75);
        line-height: 28px;
        margin: 0 0 19px
    }

    .__image-block-toggle-carousel .first-content .content-image {
        width: 100%
    }

    .__image-block-toggle-carousel .first-content .buttonStyle {
        display: flex;
        justify-content: center;
        margin: 30px 0 0
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white:hover {
        color: #000
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__image-block-toggle-carousel .first-content .buttonStyle .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .__image-block-toggle-carousel .second-content {
        position: relative
    }

    .__image-block-toggle-carousel .second-content .swiper-part {
        position: relative;
        padding-top: 20px
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container {
        background-color: #fff
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide {
        width: auto;
        height: 100%;
        background-size: cover;
        position: relative
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
        width: 320px;
        height: 480px;
        background-size: cover;
        background-position: 50%
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content {
        display: none
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        opacity: .6;
        z-index: 2
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-content {
        position: absolute;
        bottom: 30px;
        display: flex;
        align-items: center
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-content .swiper-title {
        font-size: 20px;
        color: #fff;
        margin: 0 19px 0 30px;
        word-wrap: break-word;
        max-width: 70%;
        line-height: 30px
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-content .swiper-body {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        padding: 0 0 50px
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-content .swiper-icon {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #1e72b2;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 3;
        cursor: pointer
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-content .swiper-icon i {
        color: #fff;
        font-size: 30px
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide:hover:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: initial;
        opacity: 1;
        z-index: 2
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-container .swiper-pagination {
        display: block
    }

    .__image-block-toggle-carousel .second-content .swiper-part .next-image,
    .__image-block-toggle-carousel .second-content .swiper-part .prev-image {
        width: 61px;
        height: 58px;
        background-color: rgba(0, 0, 0, .5)
    }

    .__image-block-toggle-carousel .second-content .swiper-part .next-image:after,
    .__image-block-toggle-carousel .second-content .swiper-part .prev-image:after {
        color: #fff
    }

    .__image-block-toggle-carousel .second-content .swiper-part .swiper-button-next.swiper-button-disabled,
    .__image-block-toggle-carousel .second-content .swiper-part .swiper-button-prev.swiper-button-disabled {
        display: block;
        z-index: 9999
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image {
        position: absolute;
        height: auto;
        background-size: cover;
        background-position: 50%;
        top: 0;
        z-index: -1
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content {
        position: absolute;
        bottom: 30px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 71%
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt {
        margin: 0 19px 0 30px;
        max-width: 82%
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt .swiperHide-title {
        color: #fff;
        font-size: 28px;
        line-height: 40px
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt .swiperHide-body {
        font-size: 16px;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 9px
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-icon {
        cursor: pointer;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: #1e72b2;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__image-block-toggle-carousel .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-icon i {
        color: #fff;
        font-size: 45px
    }

    .__image-block-toggle-carousel .second-content .buttonStyle {
        display: flex;
        justify-content: center;
        margin: 30px 0 77px
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white:hover {
        color: #000
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink:hover {
        color: #fff
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__image-block-toggle-carousel .second-content .buttonStyle .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .__image-block-toggle-carousel .second-content .preview-visible {
        z-index: 1;
        width: 100%;
        transition: all .5s ease
    }

    .__image-block-toggle-carousel .second-content .preview-visible .hideImg {
        display: flex;
        justify-content: center;
        background-color: #fff;
        height: 42vw
    }

    .__image-block-toggle-carousel .second-content .preview-visible .hideImg .__image {
        display: flex;
        justify-content: center
    }

    .__image-block-toggle-carousel .second-content .preview-visible .hideImg .__image img {
        height: 42vw;
        width: auto;
        min-width: auto
    }

    .__image-block-toggle-carousel .second-content .preview-hide {
        z-index: -1;
        width: 30%;
        transition: all .5s ease
    }

    .__image-block-toggle-carousel .second-content .preview-hide .hideImg {
        height: 100%;
        width: 100%
    }

    .__image-block-toggle-carousel .second-content .preview-hide .hideImg img {
        height: 42vw;
        width: 100%
    }

    .__image-block-toggle-carousel .content-visible {
        height: 630px;
        width: 100%;
        overflow: hidden;
        transition: all .5s ease
    }

    .__image-block-toggle-carousel .content-visible.preview-visible {
        height: 42vw
    }

    .__image-block-toggle-carousel .content-hide {
        height: 0;
        overflow: hidden;
        transition: all .5s ease
    }
}

@media (max-width:824px) {
    .__image-block-toggle-carousel .second-content.preview-visible {
        height: 214px
    }

    .__image-block-toggle-carousel .second-content.preview-visible .btns_swiper,
    .__image-block-toggle-carousel .second-content.preview-visible .buttonStyle {
        display: none
    }

    .__image-block-toggle-carousel .second-content .btns_swiper,
    .__image-block-toggle-carousel .second-content .buttonStyle {
        display: flex
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__image-block-carousel .content-wrapper {
        margin: 0 auto
    }

    .__image-block-carousel .content-wrapper .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-wrapper {
        height: 40vw
    }
}

.__image-block-toggle-detail .content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-block-toggle-detail .content .title {
    text-align: center;
    font-size: 1.875rem;
    font-weight: 700;
    color: #131415;
    margin-top: 2.4375rem
}

.__image-block-toggle-detail .content .title .content-Title {
    margin: 11px 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75)
}

.__image-block-toggle-detail .content .sub-title {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 42px
}

.__image-block-toggle-detail .content .head-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400 !important;
    color: #000;
    margin-top: 1.9375rem
}

.__image-block-toggle-detail .content .head-title .content-Title {
    margin: 11px 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75);
    font-weight: 400
}

.__image-block-toggle-detail .content .content-text {
    font-size: 14px;
    color: rgba(19, 20, 21, .75);
    line-height: 23px;
    margin-top: 30px
}

.__image-block-toggle-detail .content .img-box {
    margin-top: 1.25rem;
    position: relative
}

.__image-block-toggle-detail .content .img-box img {
    width: 100%;
    height: auto
}

.__image-block-toggle-detail .content .img-box .price-box {
    position: absolute;
    bottom: 30px;
    display: flex;
    justify-content: center;
    width: 100%
}

.__image-block-toggle-detail .content .img-box .price-box .price-item {
    max-width: 300px;
    padding: 0 19px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.__image-block-toggle-detail .content .img-box .price-box .price-item .price {
    height: 35px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 31px;
    white-space: nowrap
}

.__image-block-toggle-detail .content .img-box .price-box .price-item .info {
    height: 36px;
    font-size: 15px;
    color: #fff;
    line-height: 15px
}

.__image-block-toggle-detail .content .img-box .price-box .price-item:nth-child(2) {
    padding: 0 30px
}

.__image-block-toggle-detail .content .img-box .price-box .border-right {
    border-right: 2px solid #fff
}

.__image-block-toggle-detail .content .button-box {
    display: flex;
    justify-content: center;
    margin-top: 2.25rem;
    margin-bottom: 4em
}

.__image-block-toggle-detail .second-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 0;
    overflow: hidden
}

.__image-block-toggle-detail .block-open .top {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.__image-block-toggle-detail .block-open .top .left {
    flex: 1 1;
    min-width: 40%;
    height: 50vw;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-size: cover;
    position: relative;
    margin-bottom: 30px
}

.__image-block-toggle-detail .block-open .top .left p {
    color: #fff
}

.__image-block-toggle-detail .block-open .top .left .head-box {
    position: absolute;
    bottom: 17px;
    left: 54px
}

.__image-block-toggle-detail .block-open .top .left .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    opacity: .75
}

.__image-block-toggle-detail .block-open .top .left .title .content-Title {
    margin: 25px 0 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75)
}

.__image-block-toggle-detail .block-open .top .left .headTitle {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    opacity: .8
}

.__image-block-toggle-detail .block-open .top .left .headTitle .content-Title {
    margin: 25px 0 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75)
}

.__image-block-toggle-detail .block-open .top .right {
    flex: 1 1;
    min-width: 40%;
    height: 50vw;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.__image-block-toggle-detail .block-open .top .right .right-item {
    flex: 0 0 44%;
    height: 25vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 3%
}

.__image-block-toggle-detail .block-open .top .right .right-item .title {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 20px;
    padding-top: 10px;
    margin: 0 0 10px
}

.__image-block-toggle-detail .block-open .top .right .item-img {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-size: cover
}

.__image-block-toggle-detail .block-open .top .right .item-detail .detail-box {
    display: flex;
    flex-direction: column;
    max-height: 21vw;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 20px
}

.__image-block-toggle-detail .block-open .top .right .item-detail .detail-box::-webkit-scrollbar {
    display: none
}

.__image-block-toggle-detail .block-open .top .right .item-detail span {
    font-size: 16px;
    color: rgba(0, 0, 0, .75)
}

@media (max-width:824px) {
    .__image-block-toggle-detail .content .top-box {
        background: linear-gradient(45deg, rgba(142, 66, 210, .1), rgba(3, 79, 227, .1));
        padding: 31px 20px 0
    }

    .__image-block-toggle-detail .content .title {
        font-size: 14px;
        font-weight: 700;
        color: rgba(19, 20, 21, .75);
        line-height: 15px;
        margin-top: 0
    }

    .__image-block-toggle-detail .content .sub-title {
        font-size: 12px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 12px;
        margin-top: 31px
    }

    .__image-block-toggle-detail .content .head-title {
        font-size: 12px;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, .75);
        line-height: 12px;
        margin-top: 14px
    }

    .__image-block-toggle-detail .content .head-title .content-Title {
        margin: 11px 20px;
        text-align: center;
        color: rgba(19, 20, 21, .75);
        line-height: 20px
    }

    .__image-block-toggle-detail .content .content-text {
        font-size: 8px;
        word-wrap: break-word;
        color: rgba(19, 20, 21, .75);
        line-height: 12px;
        margin-top: 9px;
        padding-bottom: 20px
    }

    .__image-block-toggle-detail .content .img-box {
        padding: 0;
        margin-top: 0;
        position: relative
    }

    .__image-block-toggle-detail .content .img-box img {
        width: 100%;
        height: 203px
    }

    .__image-block-toggle-detail .content .img-box .price-box {
        position: absolute;
        bottom: 30px;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .__image-block-toggle-detail .content .img-box .price-box .price-item {
        max-width: 29%;
        padding: 0 15px 0 14px
    }

    .__image-block-toggle-detail .content .img-box .price-box .price-item .price {
        height: 17px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        line-height: 15px
    }

    .__image-block-toggle-detail .content .img-box .price-box .price-item .info {
        font-size: 10px;
        color: #fff;
        line-height: 12px
    }

    .__image-block-toggle-detail .content .img-box .price-box .price-item:nth-child(2) {
        padding: 0 10px
    }

    .__image-block-toggle-detail .content .img-box .price-box .margin-0 {
        margin-right: 0
    }

    .__image-block-toggle-detail .content .img-box .price-box .border-right {
        border-right: 2px solid #fff
    }

    .__image-block-toggle-detail .content .button-box {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 30px
    }

    .__image-block-toggle-detail .block-open {
        width: 100%
    }

    .__image-block-toggle-detail .block-open .top {
        display: block
    }

    .__image-block-toggle-detail .block-open .top .left {
        width: 100%;
        height: 100vw;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        background-size: cover;
        position: relative
    }

    .__image-block-toggle-detail .block-open .top .left p {
        color: #fff
    }

    .__image-block-toggle-detail .block-open .top .left .head-box {
        position: absolute;
        bottom: 19px;
        left: 30px
    }

    .__image-block-toggle-detail .block-open .top .left .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        opacity: .75
    }

    .__image-block-toggle-detail .block-open .top .left .headTitle {
        line-height: 15px;
        margin-top: 10px;
        opacity: .8;
        padding-right: 10px;
        font-size: 10px
    }

    .__image-block-toggle-detail .block-open .top .right {
        height: 100vw;
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .__image-block-toggle-detail .block-open .top .right .right-item {
        width: 50vw;
        height: 50vw;
        overflow: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .__image-block-toggle-detail .block-open .top .right .right-item .title {
        font-size: 14px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 15px;
        margin: 0 10px 10px
    }

    .__image-block-toggle-detail .block-open .top .right .right-item::-webkit-scrollbar {
        display: none
    }

    .__image-block-toggle-detail .block-open .top .right .item-img {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        background-size: cover
    }

    .__image-block-toggle-detail .block-open .top .right .item-detail .detail-box {
        padding: 0 14px;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        height: 35vw;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        font-size: 10px;
        color: rgba(0, 0, 0, .75);
        line-height: 12px
    }

    .__image-block-toggle-detail .block-open .top .right .item-detail .detail-box::-webkit-scrollbar {
        display: none
    }

    .__image-block-toggle-detail .block-open .top .right .item-detail span {
        font-size: 10px;
        color: rgba(0, 0, 0, .75);
        line-height: 12px
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__image-block-toggle-detail .block-open {
        width: 100%
    }

    .__image-block-toggle-detail .block-open .top {
        display: block
    }

    .__image-block-toggle-detail .block-open .top .left {
        width: 100%;
        height: 50vw
    }

    .__image-block-toggle-detail .block-open .top .right {
        height: 60vw
    }

    .__image-block-toggle-detail .block-open .top .right .right-item {
        height: 30vw
    }
}

.__image-block-toggle-tab {
    background-color: #fff
}

.__image-block-toggle-tab .news-mobile {
    display: none
}

.__image-block-toggle-tab .title-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding: 0 20px 20px 0
}

.__image-block-toggle-tab .title-container .icon {
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.__image-block-toggle-tab .title-container .title-wrapper {
    position: relative
}

.__image-block-toggle-tab .title-container .title-wrapper .title {
    line-height: 30px;
    position: relative;
    z-index: 1;
    font-size: 26px
}

.__image-block-toggle-tab .title-container .title-wrapper .title-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.__image-block-toggle-tab .first-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-top: 55px;
    padding-bottom: 20px
}

.__image-block-toggle-tab .first-content .chevron-right {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 90px;
    margin: 104px auto;
    z-index: 99999;
    cursor: pointer
}

.__image-block-toggle-tab .first-content .chevron-right .chevron-right-icon {
    width: 50px
}

.__image-block-toggle-tab .first-content .chevron-right.right {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: .5s
}

.__image-block-toggle-tab .first-content .chevron-right.left {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .5s
}

.__image-block-toggle-tab .first-content .chevron-right.hide {
    display: none
}

.__image-block-toggle-tab .first-content .content-title1 {
    margin: 11px 20px;
    text-align: center;
    color: rgba(19, 20, 21, .75)
}

.__image-block-toggle-tab .first-content .content-title2 {
    margin: 0 20px 8px;
    text-align: center;
    color: rgba(0, 0, 0, .75)
}

.__image-block-toggle-tab .first-content .content-body {
    color: rgba(0, 0, 0, .75);
    line-height: 28px;
    margin: 0 20px 19px;
    word-wrap: break-word
}

.__image-block-toggle-tab .first-content .content-image,
.__image-block-toggle-tab .first-content .content-image img {
    width: 100%
}

.__image-block-toggle-tab .first-content .swiper-img {
    width: auto;
    height: 13vw;
    background-size: cover;
    background-position: 50%
}

.__image-block-toggle-tab .first-content .swiper-choose {
    border: 4px solid #0066b2;
    height: calc(13vw - 8px)
}

.__image-block-toggle-tab .first-content .swiper-title {
    font-size: 21px;
    color: #131313;
    word-wrap: break-word;
    padding: 27px 0 26px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.__image-block-toggle-tab .first-content .swiper-txt {
    font-size: 18px;
    color: #131313;
    line-height: 31px;
    word-wrap: break-word
}

.__image-block-toggle-tab .first-content .buttonStyle {
    display: flex;
    justify-content: center
}

.__image-block-toggle-tab .first-content .buttonStyle .buttonStyle-up {
    border: 1px solid #000;
    width: 235px;
    height: 43px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.__image-block-toggle-tab .first-content .buttonStyle .buttonStyle-up .fa {
    line-height: 0
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button {
    background: transparent;
    transition: color .15s ease-in-out;
    position: relative
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all .15s ease-in-out
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.black {
    color: #000;
    border-color: #000
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.black:hover {
    color: #fff
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.black:hover:before {
    width: 100%;
    background: #000
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.white {
    color: #fff;
    border-color: #fff
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.white:hover {
    color: #000
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue:hover {
    color: #fff
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink:hover {
    color: #fff
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__image-block-toggle-tab .first-content .buttonStyle .__window-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__image-block-toggle-tab .second-total {
    background-color: #f9f9f9
}

.__image-block-toggle-tab .second-total .second-box {
    padding: 13px 120px 68px
}

.__image-block-toggle-tab .second-total .second-box .second-list-left {
    flex-direction: row
}

.__image-block-toggle-tab .second-total .second-box .second-list-left .second-info {
    flex: 5 1;
    padding-left: 11%
}

.__image-block-toggle-tab .second-total .second-box .second-list-right {
    flex-direction: row-reverse
}

.__image-block-toggle-tab .second-total .second-box .second-list-right .second-info {
    flex: 5 1;
    padding-right: 11%
}

.__image-block-toggle-tab .second-total .second-box .second-list {
    display: flex;
    align-items: flex-start;
    padding-top: 51px
}

.__image-block-toggle-tab .second-total .second-box .second-list .second-img {
    flex: 4 1;
    height: 19vw
}

.__image-block-toggle-tab .second-total .second-box .second-list .second-info {
    flex: 5 1
}

.__image-block-toggle-tab .second-total .second-box .second-list .second-info .second-title {
    font-size: 24px;
    color: #1f1f1f;
    font-weight: 500;
    margin-bottom: 35px
}

.__image-block-toggle-tab .second-total .second-box .second-list .second-info .second-txt {
    font-size: 18px;
    font-weight: 400;
    color: #131313;
    line-height: 33px
}

.__image-block-toggle-tab .second-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative
}

.__image-block-toggle-tab .second-content .swiper-part {
    position: relative
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background: #ebebeb;
    opacity: 1
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-pagination-bullet-active {
    background: #0066b2
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    background-size: cover;
    position: relative
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img-mobile {
    display: none
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
    width: auto;
    height: 13vw;
    background-size: cover;
    background-position: 50%
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-title {
    font-size: 21px;
    color: #1f1f1f;
    word-wrap: break-word;
    padding: 25px 0 21px;
    font-weight: 700
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-txt {
    font-size: 18px;
    color: #131313;
    line-height: 31px;
    word-wrap: break-word
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-body {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    padding: 0 0 50px
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e72b2;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    cursor: pointer;
    margin-right: 12px
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-icon i {
    color: #fff;
    font-size: 16px;
    margin-left: 2px
}

.__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-pagination {
    display: block
}

.__image-block-toggle-tab .second-content .swiper-part .next-image,
.__image-block-toggle-tab .second-content .swiper-part .prev-image {
    display: none
}

.__image-block-toggle-tab .second-content .slide-preview-image {
    position: absolute;
    height: 223px;
    background-size: cover;
    background-position: 50%;
    top: 0;
    z-index: -1;
    overflow: hidden
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content {
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: space-between
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content .swiperHide-txt {
    margin: 0 0 0 30px;
    max-width: 73%
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content .swiperHide-txt .swiperHide-title {
    font-size: 16px;
    color: #fff
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content .swiperHide-txt .swiperHide-body {
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 0
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content .swiperHide-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #1e72b2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px
}

.__image-block-toggle-tab .second-content .slide-preview-image .swiperHide-content .swiperHide-icon i {
    color: #fff;
    font-size: 16px;
    margin-right: 2px
}

.__image-block-toggle-tab .second-content .btns_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 14px
}

.__image-block-toggle-tab .second-content .btns_swiper span {
    display: flex;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px
}

.__image-block-toggle-tab .second-content .btns_swiper span .fa {
    font-size: 18px;
    color: #fff
}

.__image-block-toggle-tab .second-content .btns_swiper span.active {
    background: rgba(0, 102, 178, .7)
}

.__image-block-toggle-tab .second-content .buttonStyle {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px;
    background-color: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button {
    background: transparent;
    transition: color .15s ease-in-out;
    position: relative
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: all .15s ease-in-out
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.black {
    color: #000;
    border-color: #000
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.black:hover {
    color: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.black:hover:before {
    width: 100%;
    background: #000
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.white {
    color: #fff;
    border-color: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.white:hover {
    color: #000
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.white:hover:before {
    width: 100%;
    background: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue {
    color: #0878b5;
    border-color: #0878b5
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue:hover {
    color: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue:hover:before {
    width: 100%;
    background: #0878b5
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink {
    color: #dc1860;
    border-color: #dc1860
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink:hover {
    color: #fff
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink:hover:before {
    width: 100%;
    background: #dc1860
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button:hover span {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.__image-block-toggle-tab .second-content .buttonStyle .__window-button:hover i {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__image-block-toggle-tab .second-content .preview-visible {
    z-index: 1;
    width: 100%;
    transition: all .5s ease
}

.__image-block-toggle-tab .second-content .preview-visible .hideImg {
    display: flex;
    justify-content: center;
    background-color: #000;
    height: 219px
}

.__image-block-toggle-tab .second-content .preview-visible .hideImg .__image {
    display: flex;
    justify-content: center
}

.__image-block-toggle-tab .second-content .preview-visible .hideImg .__image img {
    height: 219px;
    width: auto;
    min-width: auto
}

.__image-block-toggle-tab .second-content .preview-hide {
    z-index: -1;
    width: 30%;
    transition: all .5s ease
}

.__image-block-toggle-tab .second-content .preview-hide .hideImg {
    height: 100%;
    width: 100%
}

.__image-block-toggle-tab .second-content .preview-hide .hideImg img {
    height: auto;
    width: 100%
}

.__image-block-toggle-tab .content-visible {
    width: 100%;
    opacity: 1;
    transition: all .5s ease
}

.__image-block-toggle-tab .content-hide {
    z-index: -10;
    opacity: 0;
    transition: height .5s ease, opacity 0s ease;
    height: 0
}

.__image-block-toggle-tab .content-hide .swiper-container {
    height: 0
}

.__image-block-toggle-tab.padding-top-large {
    padding-top: 80px
}

.__image-block-toggle-tab.padding-bottom-large {
    padding-bottom: 80px
}

.__image-block-toggle-tab.margin-top-large {
    margin-top: 80px
}

.__image-block-toggle-tab.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-tab.padding-top-large {
        padding-top: 60px
    }

    .__image-block-toggle-tab.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-block-toggle-tab.margin-top-large {
        margin-top: 60px
    }

    .__image-block-toggle-tab.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-tab.padding-top-large {
        padding-top: 50px
    }

    .__image-block-toggle-tab.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-block-toggle-tab.margin-top-large {
        margin-top: 50px
    }

    .__image-block-toggle-tab.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-block-toggle-tab.padding-top-medium {
    padding-top: 50px
}

.__image-block-toggle-tab.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-block-toggle-tab.margin-top-medium {
    margin-top: 50px
}

.__image-block-toggle-tab.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-tab.padding-top-medium {
        padding-top: 40px
    }

    .__image-block-toggle-tab.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-block-toggle-tab.margin-top-medium {
        margin-top: 40px
    }

    .__image-block-toggle-tab.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-tab.padding-top-medium {
        padding-top: 30px
    }

    .__image-block-toggle-tab.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-block-toggle-tab.margin-top-medium {
        margin-top: 30px
    }

    .__image-block-toggle-tab.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-block-toggle-tab.padding-top-tiny {
    padding-top: 30px
}

.__image-block-toggle-tab.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-block-toggle-tab.margin-top-tiny {
    margin-top: 30px
}

.__image-block-toggle-tab.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-block-toggle-tab.padding-top-tiny {
        padding-top: 20px
    }

    .__image-block-toggle-tab.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-block-toggle-tab.margin-top-tiny {
        margin-top: 20px
    }

    .__image-block-toggle-tab.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-block-toggle-tab.padding-top-tiny {
        padding-top: 20px
    }

    .__image-block-toggle-tab.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-block-toggle-tab.margin-top-tiny {
        margin-top: 20px
    }

    .__image-block-toggle-tab.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:824px) {
    .__image-block-toggle-tab {
        background-color: #fff
    }

    .__image-block-toggle-tab .first-content .content-title1 {
        margin: 25px 0 20px;
        text-align: center;
        color: rgba(19, 20, 21, .75)
    }

    .__image-block-toggle-tab .first-content .content-title2 {
        margin-bottom: 30px;
        text-align: center;
        color: rgba(0, 0, 0, .75);
        font-weight: 400
    }

    .__image-block-toggle-tab .first-content .content-body {
        color: rgba(0, 0, 0, .75);
        line-height: 28px;
        margin: 0 0 19px
    }

    .__image-block-toggle-tab .first-content .content-image {
        width: 100%
    }

    .__image-block-toggle-tab .first-content .buttonStyle {
        display: flex;
        justify-content: center;
        margin: 30px 0 0
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.black:hover {
        color: #fff
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.white:hover {
        color: #000
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue:hover {
        color: #fff
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink:hover {
        color: #fff
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__image-block-toggle-tab .first-content .buttonStyle .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .__image-block-toggle-tab .second-content {
        position: relative
    }

    .__image-block-toggle-tab .second-content .swiper-part {
        position: relative;
        padding: 20px 34px 0
    }

    .__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%;
        background-size: cover;
        position: relative
    }

    .__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
        background-size: cover;
        background-position: 50%
    }

    .__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content {
        display: none
    }

    .__image-block-toggle-tab .second-content .swiper-part .swiper-container .swiper-pagination {
        display: block
    }

    .__image-block-toggle-tab .second-content .swiper-part .next-image,
    .__image-block-toggle-tab .second-content .swiper-part .prev-image {
        width: 61px;
        height: 58px;
        background-color: rgba(0, 0, 0, .5)
    }

    .__image-block-toggle-tab .second-content .swiper-part .next-image:after,
    .__image-block-toggle-tab .second-content .swiper-part .prev-image:after {
        color: #fff
    }

    .__image-block-toggle-tab .second-content .swiper-part .swiper-button-next.swiper-button-disabled,
    .__image-block-toggle-tab .second-content .swiper-part .swiper-button-prev.swiper-button-disabled {
        display: block;
        z-index: 9999
    }

    .__image-block-toggle-tab .second-content .slide-preview-image {
        position: absolute;
        height: auto;
        background-size: cover;
        background-position: 50%;
        top: 0;
        z-index: -1
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content {
        position: absolute;
        bottom: 30px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 71%
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt {
        margin: 0 19px 0 30px;
        max-width: 82%
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt .swiperHide-title {
        color: #fff;
        font-size: 28px;
        line-height: 40px
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-txt .swiperHide-body {
        font-size: 16px;
        color: #fff;
        padding-top: 30px;
        padding-bottom: 9px
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-icon {
        cursor: pointer;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: #1e72b2;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__image-block-toggle-tab .second-content .slide-preview-image .hideImg .swiperHide-content .swiperHide-icon i {
        color: #fff;
        font-size: 45px
    }

    .__image-block-toggle-tab .second-content .buttonStyle {
        display: flex;
        justify-content: center;
        margin: 37px 0 28px;
        background-color: #f9f9f9
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.black:hover {
        color: #fff
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.white:hover {
        color: #000
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue:hover {
        color: #fff
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink:hover {
        color: #fff
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__image-block-toggle-tab .second-content .buttonStyle .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .__image-block-toggle-tab .second-content .preview-visible {
        z-index: 1;
        width: 100%;
        transition: all .5s ease
    }

    .__image-block-toggle-tab .second-content .preview-visible .hideImg {
        display: flex;
        justify-content: center;
        background-color: #fff;
        height: 42vw
    }

    .__image-block-toggle-tab .second-content .preview-visible .hideImg .__image {
        display: flex;
        justify-content: center
    }

    .__image-block-toggle-tab .second-content .preview-visible .hideImg .__image img {
        height: 42vw;
        width: auto;
        min-width: auto
    }

    .__image-block-toggle-tab .second-content .preview-hide {
        z-index: -1;
        width: 30%;
        transition: all .5s ease
    }

    .__image-block-toggle-tab .second-content .preview-hide .hideImg {
        height: 100%;
        width: 100%
    }

    .__image-block-toggle-tab .second-content .preview-hide .hideImg img {
        height: 42vw;
        width: 100%
    }

    .__image-block-toggle-tab .content-visible {
        width: 100%;
        overflow: hidden;
        transition: all .5s ease
    }

    .__image-block-toggle-tab .content-visible.preview-visible {
        height: 42vw
    }

    .__image-block-toggle-tab .content-hide {
        height: 0;
        overflow: hidden;
        transition: all .5s ease
    }
}

@media (max-width:824px) {
    .__image-block-toggle-tab .title-container {
        padding: 0 20px;
        margin-bottom: 40px
    }

    .__image-block-toggle-tab .title-container .title-wrapper {
        position: relative
    }

    .__image-block-toggle-tab .title-container .title-wrapper .title {
        font-size: 14px
    }

    .__image-block-toggle-tab .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        background: #ebebeb;
        opacity: 1;
        margin: 0 3px
    }

    .__image-block-toggle-tab .swiper-pagination-bullet-active {
        background: #0066b2
    }

    .__image-block-toggle-tab .chevron-right,
    .__image-block-toggle-tab .news-pc {
        display: none
    }

    .__image-block-toggle-tab .news-mobile {
        padding-top: 13px;
        display: block
    }

    .__image-block-toggle-tab .news-mobile .news-mobile-part {
        padding-bottom: 18px
    }

    .__image-block-toggle-tab .news-mobile .news-mobile-buttonStyle {
        padding-bottom: 3px
    }

    .__image-block-toggle-tab .news-mobile .content-title {
        font-size: 16px;
        text-align: center;
        padding-bottom: 10px
    }

    .__image-block-toggle-tab .news-mobile .fristImage {
        width: 100%;
        height: auto
    }

    .__image-block-toggle-tab .news-mobile .frist-title {
        padding: 27px 0 28px 15px;
        font-size: 16px;
        font-weight: 500;
        color: #131313;
        line-height: 24px;
        text-align: center
    }

    .__image-block-toggle-tab .news-mobile .swiper-title {
        font-size: 15px;
        font-weight: 600;
        color: #1f1f1f;
        line-height: 24px;
        padding: 22px 5px 17px
    }

    .__image-block-toggle-tab .news-mobile .swiper-txt {
        font-size: 14px;
        font-weight: 400;
        color: #131313;
        line-height: 21px;
        padding-bottom: 43px
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle {
        display: flex;
        justify-content: center
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button {
        background: transparent;
        transition: color .15s ease-in-out;
        position: relative
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: #fff;
        transition: all .15s ease-in-out
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.black {
        color: #000;
        border-color: #000
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.black:hover {
        color: #fff
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.black:hover:before {
        width: 100%;
        background: #000
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.white {
        color: #fff;
        border-color: #fff
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.white:hover {
        color: #000
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.white:hover:before {
        width: 100%;
        background: #fff
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.blue {
        color: #0878b5;
        border-color: #0878b5
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.blue:hover {
        color: #fff
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.blue:hover:before {
        width: 100%;
        background: #0878b5
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.pink {
        color: #dc1860;
        border-color: #dc1860
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.pink:hover {
        color: #fff
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button.pink:hover:before {
        width: 100%;
        background: #dc1860
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button:hover span {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .__image-block-toggle-tab .news-mobile .buttonStyle .__window-button:hover i {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .__image-block-toggle-tab .news-mobile .second-contentMobile {
        padding-bottom: 10px
    }

    .__image-block-toggle-tab .news-mobile .swiper-part {
        position: relative;
        padding: 0 14px
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%;
        background-size: cover;
        position: relative
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: 50%
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-img-mobile {
        width: 100%
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-container .swiper-wrapper .swiper-slide .swiper-content {
        display: none
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-container .swiper-pagination {
        display: block
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .next-image,
    .__image-block-toggle-tab .news-mobile .swiper-part .prev-image {
        width: 61px;
        height: 58px;
        background-color: rgba(0, 0, 0, .5)
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .next-image:after,
    .__image-block-toggle-tab .news-mobile .swiper-part .prev-image:after {
        color: #fff
    }

    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-button-next.swiper-button-disabled,
    .__image-block-toggle-tab .news-mobile .swiper-part .swiper-button-prev.swiper-button-disabled {
        display: block;
        z-index: 9999
    }
}

.__image-card-carousel {
    position: relative
}

.__image-card-carousel .certifySwiper {
    background-color: #fff;
    margin-bottom: 72px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-card-carousel .certifySwiper .swiperPartTxt {
    color: #000;
    font-weight: 700;
    padding: 60px 0 20px
}

.__image-card-carousel .certifySwiper .swiperPart {
    position: relative
}

.__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    height: 100%;
    background-size: cover
}

.__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-img {
    width: auto;
    height: 24vw;
    background-size: cover
}

.__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-title {
    font-size: 21px;
    color: #000;
    padding: 20px 0 10px
}

.__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-body {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    padding: 0 0 40px
}

.__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination {
    display: none
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon {
    display: flex;
    position: relative
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev {
    left: 0;
    position: relative
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev i {
    color: #000
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next {
    left: 20px;
    position: relative
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next i {
    color: #000
}

.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next:after,
.__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev:after {
    display: none
}

@media (max-width:824px) {
    .__image-card-carousel {
        position: relative;
        background-color: #f0f2f5
    }

    .__image-card-carousel .certifySwiper {
        background-color: #f0f2f5;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    .__image-card-carousel .certifySwiper .swiperPartTxt {
        color: #000;
        font-weight: 700;
        padding: 32px 26px 23px;
        text-align: center
    }

    .__image-card-carousel .certifySwiper .swiperPart {
        position: relative;
        margin-left: 65px;
        margin-right: 65px
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
        width: auto;
        height: 100%;
        background-size: cover
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-img {
        width: auto;
        height: 145px;
        background-size: cover
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-title {
        font-size: 11px;
        color: #000;
        padding: 14px 0 4px
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-wrapper .swiper-slide .fris-body {
        font-size: 8px;
        color: rgba(0, 0, 0, .75);
        padding: 0 0 40px
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination {
        display: block;
        bottom: 10px;
        text-align: center
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 50px;
        height: 5px;
        border-radius: 0;
        background: #c0d7e8;
        opacity: .9
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #0066b2
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__image-card-carousel .certifySwiper .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {
    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon {
        position: relative;
        display: none
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev {
        left: 0;
        position: relative
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev i {
        color: #000
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next {
        left: 20px;
        position: relative
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next i {
        color: #000
    }

    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-next:after,
    .__image-card-carousel .certifySwiper .swiperPart .swiperIcon .swiper-button-prev:after {
        display: none
    }
}

.__image-card-link-list .component-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.__image-card-link-list .component-wrapper .card-link {
    width: 200px;
    margin-right: 20px;
    text-decoration: none;
    border: 1px solid #f2f2f2
}

.__image-card-link-list .component-wrapper .card-link>span {
    display: block;
    text-align: center;
    padding: 10px 15px
}

.__image-card-link-list .component-wrapper .card-link:hover {
    box-shadow: 1px 1px 6px #f2f2f2;
    color: #0878b5
}

.__image-card-link-list.padding-top-large {
    padding-top: 80px
}

.__image-card-link-list.padding-bottom-large {
    padding-bottom: 80px
}

.__image-card-link-list.margin-top-large {
    margin-top: 80px
}

.__image-card-link-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-card-link-list.padding-top-large {
        padding-top: 60px
    }

    .__image-card-link-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-card-link-list.margin-top-large {
        margin-top: 60px
    }

    .__image-card-link-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-card-link-list.padding-top-large {
        padding-top: 50px
    }

    .__image-card-link-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-card-link-list.margin-top-large {
        margin-top: 50px
    }

    .__image-card-link-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-card-link-list.padding-top-medium {
    padding-top: 50px
}

.__image-card-link-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-card-link-list.margin-top-medium {
    margin-top: 50px
}

.__image-card-link-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-card-link-list.padding-top-medium {
        padding-top: 40px
    }

    .__image-card-link-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-card-link-list.margin-top-medium {
        margin-top: 40px
    }

    .__image-card-link-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-card-link-list.padding-top-medium {
        padding-top: 30px
    }

    .__image-card-link-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-card-link-list.margin-top-medium {
        margin-top: 30px
    }

    .__image-card-link-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-card-link-list.padding-top-tiny {
    padding-top: 30px
}

.__image-card-link-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-card-link-list.margin-top-tiny {
    margin-top: 30px
}

.__image-card-link-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-card-link-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-card-link-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-card-link-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-card-link-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-card-link-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-card-link-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-card-link-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-card-link-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-card-link-list .component-wrapper {
        display: block
    }

    .__image-card-link-list .component-wrapper .card-link {
        width: 100%;
        display: block
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__image-card-link-list .component-wrapper {
        display: flex;
        justify-content: space-between
    }

    .__image-card-link-list .component-wrapper .card-link {
        width: calc(50% - 10px);
        display: block;
        margin-right: 0
    }

    .__image-card-link-list .component-wrapper .card-link:nth-child(2n+3),
    .__image-card-link-list .component-wrapper .card-link:nth-child(2n+4) {
        margin-top: 20px
    }
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 0
}

.__image-content .content-container {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content .content-container .title-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    padding: 0 20px 20px 0
}

.__image-content .content-container .title-container .icon {
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.__image-content .content-container .title-container .title-wrapper {
    position: relative
}

.__image-content .content-container .title-container .title-wrapper .title {
    line-height: 30px;
    position: relative;
    z-index: 1;
    font-size: 26px
}

.__image-content .content-container .title-container .title-wrapper .title-bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.__image-content .content-container .content-wrapper {
    display: flex;
    flex-direction: column
}

.__image-content .content-container .content-wrapper .image-wrapper .frame-youtube {
    width: 100%;
    height: 55vw
}

.__image-content .content-container .content-wrapper .image-wrapper .image {
    width: 100%;
    border: 0
}

.__image-content .content-container .content-wrapper .image-wrapper .video-container {
    display: block
}

.__image-content .content-container .content-wrapper .image-wrapper .video-container .video-js {
    height: auto
}

.__image-content .content-container .content-wrapper .image-wrapper .video-container .video-js .vjs-tech {
    position: static;
    height: auto
}

.__image-content .content-container .content-wrapper .image-wrapper .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

.__image-content .content-container .content-wrapper .body-wrapper {
    box-sizing: border-box
}

.__image-content .content-container .content-wrapper .body-wrapper .body {
    word-break: break-word;
    padding-bottom: 20px
}

.__image-content .content-container .content-wrapper .body-wrapper .body-list {
    padding: 0 20px 20px
}

.__image-content .content-container .content-wrapper .body-wrapper .body-list .body-list-item {
    display: flex
}

.__image-content .content-container .content-wrapper .body-wrapper .body-list .body-list-item i {
    margin-right: 20px;
    flex-shrink: 0
}

.__image-content .content-container .content-wrapper .body-wrapper .body-list .body-list-item .body-list-item-text {
    flex-grow: 1;
    color: #7c7c7d
}

.__image-content .content-container .content-wrapper .body-wrapper .body-list .body-list-item+.body-list-item {
    margin-top: 20px
}

.__image-content .content-container .content-wrapper .body-wrapper.has-bg {
    padding-top: 15px
}

.__image-content .content-container .body-after-image {
    margin-top: 20px
}

.__image-content .content-container.reverse .content-wrapper .image-wrapper {
    order: 1
}

.__image-content .content-container.reverse .content-wrapper .body-wrapper {
    order: 2
}

.__image-content .content-container.layout-horizontal .title-container {
    justify-content: flex-start;
    margin-bottom: 15px
}

.__image-content .content-container.layout-horizontal>.title-container {
    margin-right: 580px
}

.__image-content .content-container.layout-horizontal .content-wrapper {
    flex-direction: row;
    align-items: stretch
}

.__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper {
    flex-grow: 1;
    padding-right: 30px
}

.__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper.gap-large {
    margin-right: 50px
}

.__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper.gap-medium {
    margin-right: 20px
}

.__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper.gap-tiny {
    margin-right: 10px
}

.__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper {
    flex-shrink: 0;
    max-width: 550px
}

.__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper .frame-youtube {
    width: 560px;
    height: 315px
}

.__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper.wide-image {
    width: 65%;
    max-width: 65%
}

.__image-content .content-container.layout-horizontal.reverse>.title-container {
    margin-left: 580px
}

.__image-content .content-container.layout-horizontal.reverse .content-wrapper .body-wrapper {
    margin-right: 0;
    padding-left: 30px
}

.__image-content.padding-top-large {
    padding-top: 80px
}

.__image-content.padding-bottom-large {
    padding-bottom: 80px
}

.__image-content.margin-top-large {
    margin-top: 80px
}

.__image-content.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content.padding-top-large {
        padding-top: 60px
    }

    .__image-content.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-content.margin-top-large {
        margin-top: 60px
    }

    .__image-content.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content.padding-top-large {
        padding-top: 50px
    }

    .__image-content.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-content.margin-top-large {
        margin-top: 50px
    }

    .__image-content.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-content.padding-top-medium {
    padding-top: 50px
}

.__image-content.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-content.margin-top-medium {
    margin-top: 50px
}

.__image-content.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content.padding-top-medium {
        padding-top: 40px
    }

    .__image-content.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-content.margin-top-medium {
        margin-top: 40px
    }

    .__image-content.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content.padding-top-medium {
        padding-top: 30px
    }

    .__image-content.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-content.margin-top-medium {
        margin-top: 30px
    }

    .__image-content.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-content.padding-top-tiny {
    padding-top: 30px
}

.__image-content.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-content.margin-top-tiny {
    margin-top: 30px
}

.__image-content.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:1366px) {
    .__image-content .content-container .body-wrapper {
        margin-top: 30px
    }

    .__image-content .content-container.layout-horizontal .title-container {
        text-align: left
    }

    .__image-content .content-container.layout-horizontal>.title-container {
        margin-right: 500px
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper {
        max-width: 470px
    }

    .__image-content .content-container.layout-horizontal.reverse>.title-container {
        margin-left: 500px
    }
}

@media (max-width:1024px) {
    .__image-content .content-container.layout-horizontal .title-container {
        text-align: center;
        margin-bottom: 0
    }

    .__image-content .content-container.layout-horizontal>.title-container {
        width: 100%
    }

    .__image-content .content-container.layout-horizontal .content-wrapper {
        flex-direction: column;
        align-items: flex-start
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper {
        width: 100%;
        order: 2;
        margin-top: 30px
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .body-wrapper .body {
        padding: 15px
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper {
        width: 100%;
        max-width: 100%;
        order: 1
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper .frame-youtube {
        width: 100%;
        height: 55vw
    }

    .__image-content .content-container.layout-horizontal .content-wrapper .image-wrapper.wide-image {
        width: 100%;
        max-width: 100%
    }

    .__image-content .content-container.reverse .content-wrapper .title-container {
        margin-top: 0
    }

    .__image-content .content-container.reverse .content-wrapper .body-wrapper {
        margin-right: 0;
        padding-left: 0
    }
}

@media (max-width:824px) {
    .__image-content .content-container .title-container {
        padding: 0 20px
    }

    .__image-content .content-container .title-container .title-wrapper {
        position: relative
    }

    .__image-content .content-container .title-container .title-wrapper .title {
        font-size: 14px
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__image-content .content-container .title-container {
        padding: 0 20px
    }
}

.__image-content-carousel {
    padding-bottom: 80px
}

.__image-content-carousel .__lined-title {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content-carousel .swiper-box {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    background: #fff;
    padding-left: 70px;
    margin-top: 20px;
    cursor: pointer;
    overflow: hidden
}

.__image-content-carousel .swiper-box:hover .slide-img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__image-content-carousel .swiper-box:hover .buttonText,
.__image-content-carousel .swiper-box:hover .icon-container i,
.__image-content-carousel .swiper-box:hover .slide-content {
    color: #9ca9b3
}

.__image-content-carousel .swiper-box .slide-content {
    width: 50%;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transition: all .2s ease-in-out;
    position: relative
}

.__image-content-carousel .swiper-box .slide-content .swiper-pagination {
    bottom: 30px;
    padding-left: 100px;
    text-align: left
}

.__image-content-carousel .swiper-box .slide-content .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__image-content-carousel .swiper-box .slide-content .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__image-content-carousel .swiper-box .slide-content .swiper-pagination .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__image-content-carousel .swiper-box .slide-content .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

.__image-content-carousel .swiper-box .slide-content .slideModel {
    position: relative;
    left: 0;
    animation: moveToLeft .5s;
    -webkit-animation: moveToLeft .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.__image-content-carousel .swiper-box .slide-content .slide-title {
    font-size: 28px;
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 40px
}

.__image-content-carousel .swiper-box .slide-content .icon-link {
    margin-top: 80px
}

.__image-content-carousel .swiper-box .slide-content .icon-link .buttonText {
    font-size: 18px;
    transition: all .2s ease-in-out
}

.__image-content-carousel .swiper-box .slide-content .icon-link .icon-container i {
    font-size: 20px;
    transition: all .2s ease-in-out
}

.__image-content-carousel .swiper-box .swiper-container {
    width: 50%
}

.__image-content-carousel .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
    cursor: pointer
}

.__image-content-carousel .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-img-wrapper {
    overflow: hidden
}

.__image-content-carousel .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-img-wrapper .slide-img {
    flex-shrink: 0;
    height: auto;
    transition: all .5s ease-in-out
}

@media (max-width:824px) {
    .__image-content-carousel {
        padding-bottom: 40px
    }

    .__image-content-carousel .__lined-title {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__image-content-carousel .swiper-box {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding: 0;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: stretch
    }

    .__image-content-carousel .swiper-box .slide-content {
        order: 2;
        margin-right: 0;
        padding-left: 20px;
        padding-bottom: 30px
    }

    .__image-content-carousel .swiper-box .slide-content .swiper-pagination {
        bottom: 10px
    }

    .__image-content-carousel .swiper-box .slide-content .overline-title {
        bottom: 0
    }

    .__image-content-carousel .swiper-box .slide-content .slide-title {
        font-size: 28px;
        margin-top: 28px;
        bottom: 0
    }

    .__image-content-carousel .swiper-box .slide-content .icon-link {
        margin-top: 20px;
        bottom: 0
    }

    .__image-content-carousel .swiper-box .slide-content .icon-link .buttonText,
    .__image-content-carousel .swiper-box .slide-content .icon-link .icon-container i {
        font-size: 14px
    }

    .__image-content-carousel .swiper-box .swiper-container {
        width: 100%
    }

    .__image-content-carousel .swiper-box .swiper-container .swiper-wrapper .swiper-slide .slide-img {
        width: 100%;
        height: auto;
        order: 1
    }
}

@keyframes moveToLeft {
    0% {
        left: 500px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes moveToLeft {
    0% {
        left: 500px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.__image-content-list {
    background: rgba(0, 0, 0, .03);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-position: 20% 1%
}

.__image-content-list .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-top: 100px
}

.__image-content-list .content-wrapper .item {
    display: grid;
    grid-template-columns: auto 400px;
    grid-template-rows: 50px 400px auto;
    grid-column-gap: 100px
}

.__image-content-list .content-wrapper .item .title {
    font-size: 26px;
    line-height: 27px;
    font-weight: 700;
    color: #000;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content-list .content-wrapper .item .item-lt {
    flex-direction: column;
    justify-content: center;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content-list .content-wrapper .item .item-lt .desc {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 20px;
    margin-top: 40px;
    text-align: justify;
    padding-bottom: 40px
}

.__image-content-list .content-wrapper .item .item-rt {
    width: 400px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content-list .content-wrapper .item .item-rt .image {
    width: 100%;
    height: auto;
    overflow: hidden
}

.__image-content-list .content-wrapper .item .item-rt .image img {
    transition: all .2s ease-in-out
}

.__image-content-list .content-wrapper .item+.item {
    margin-top: 36px
}

.__image-content-list .content-wrapper .item:hover .image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__image-content-list .content-wrapper .item:hover .desc p,
.__image-content-list .content-wrapper .item:hover .title {
    color: #9ca9b3
}

.__image-content-list .content-wrapper .item:hover button {
    border-color: #9ca9b3;
    color: #9ca9b3
}

.__image-content-list .content-wrapper .item:hover .fa {
    color: #9ca9b3
}

.__image-content-list.padding-top-large {
    padding-top: 80px
}

.__image-content-list.padding-bottom-large {
    padding-bottom: 80px
}

.__image-content-list.margin-top-large {
    margin-top: 80px
}

.__image-content-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content-list.padding-top-large {
        padding-top: 60px
    }

    .__image-content-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-content-list.margin-top-large {
        margin-top: 60px
    }

    .__image-content-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list.padding-top-large {
        padding-top: 50px
    }

    .__image-content-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-content-list.margin-top-large {
        margin-top: 50px
    }

    .__image-content-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-content-list.padding-top-medium {
    padding-top: 50px
}

.__image-content-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-content-list.margin-top-medium {
    margin-top: 50px
}

.__image-content-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content-list.padding-top-medium {
        padding-top: 40px
    }

    .__image-content-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-content-list.margin-top-medium {
        margin-top: 40px
    }

    .__image-content-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list.padding-top-medium {
        padding-top: 30px
    }

    .__image-content-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-content-list.margin-top-medium {
        margin-top: 30px
    }

    .__image-content-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-content-list.padding-top-tiny {
    padding-top: 30px
}

.__image-content-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-content-list.margin-top-tiny {
    margin-top: 30px
}

.__image-content-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list {
        background: #fff;
        background-image: none !important
    }

    .__image-content-list .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__image-content-list .content-wrapper .item {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto
    }

    .__image-content-list .content-wrapper .item .title {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 20px
    }

    .__image-content-list .content-wrapper .item .item-lt {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 30px
    }

    .__image-content-list .content-wrapper .item .item-lt .desc {
        font-size: 14px;
        color: rgba(0, 0, 0, .75);
        line-height: 20px;
        margin-top: 0;
        text-align: justify;
        padding-bottom: 20px
    }

    .__image-content-list .content-wrapper .item .item-rt {
        width: 100%;
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 14px
    }

    .__image-content-list .content-wrapper .item .item-rt .image {
        width: 100%;
        height: auto
    }

    .__image-content-list.padding-top-large {
        padding-top: 80px
    }

    .__image-content-list.padding-bottom-large {
        padding-bottom: 80px
    }

    .__image-content-list.margin-top-large {
        margin-top: 80px
    }

    .__image-content-list.overlap-large {
        margin-top: -80px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__image-content-list.padding-top-large {
        padding-top: 60px
    }

    .__image-content-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-content-list.margin-top-large {
        margin-top: 60px
    }

    .__image-content-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__image-content-list.padding-top-large {
        padding-top: 50px
    }

    .__image-content-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-content-list.margin-top-large {
        margin-top: 50px
    }

    .__image-content-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list.padding-top-medium {
        padding-top: 50px
    }

    .__image-content-list.padding-bottom-medium {
        padding-bottom: 50px
    }

    .__image-content-list.margin-top-medium {
        margin-top: 50px
    }

    .__image-content-list.overlap-medium {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__image-content-list.padding-top-medium {
        padding-top: 40px
    }

    .__image-content-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-content-list.margin-top-medium {
        margin-top: 40px
    }

    .__image-content-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__image-content-list.padding-top-medium {
        padding-top: 30px
    }

    .__image-content-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-content-list.margin-top-medium {
        margin-top: 30px
    }

    .__image-content-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-content-list.padding-top-tiny {
        padding-top: 30px
    }

    .__image-content-list.padding-bottom-tiny {
        padding-bottom: 30px
    }

    .__image-content-list.margin-top-tiny {
        margin-top: 30px
    }

    .__image-content-list.overlap-tiny {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__image-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__image-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__image-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__image-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.__image-content-list-group .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-content-list-group .content-wrapper .title {
    text-align: center;
    position: relative;
    font-size: 24px;
    color: rgba(0, 0, 0, .75)
}

.__image-content-list-group .content-wrapper .title:before {
    content: "";
    width: 260px;
    height: 20px;
    background: #9fceef;
    opacity: .4;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    top: 20px
}

.__image-content-list-group .content-wrapper .content-list .content-title {
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    margin: 30px 0 20px
}

.__image-content-list-group .content-wrapper .content-list .body {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 22px;
    margin-bottom: 10px
}

.__image-content-list-group .content-wrapper .content-list .content-item-first {
    display: grid;
    grid-template-columns: 100%;
    padding-top: 50px;
    clear: both
}

.__image-content-list-group .content-wrapper .content-list .content-item-first .number {
    font-size: 30px;
    color: rgba(0, 0, 0, .2);
    margin: 20px 0
}

.__image-content-list-group .content-wrapper .content-list .content-item-first .text {
    grid-column-start: 1
}

.__image-content-list-group .content-wrapper .content-list .content-item-first .image {
    grid-column-start: 1;
    width: 100%
}

.__image-content-list-group .content-wrapper .content-list .content-item {
    width: 100%;
    margin-top: 50px
}

.__image-content-list-group .content-wrapper .content-list .content-item .image {
    width: 100%
}

@media (min-width:824px) {
    .__image-content-list-group .content-wrapper .content-list {
        margin: 0 auto;
        width: 1240px
    }

    .__image-content-list-group .content-wrapper .content-list .content-item-first {
        grid-template-columns: 590px 590px;
        grid-column-gap: 60px;
        padding-top: 50px;
        clear: both
    }

    .__image-content-list-group .content-wrapper .content-list .content-item-first .number {
        font-size: 56px;
        color: rgba(0, 0, 0, .2);
        margin: 20px 0
    }

    .__image-content-list-group .content-wrapper .content-list .content-item-first .text {
        grid-column-start: 1;
        grid-row-start: 1
    }

    .__image-content-list-group .content-wrapper .content-list .content-item-first .image {
        grid-column-start: 2;
        grid-row-start: 1;
        width: 590px
    }

    .__image-content-list-group .content-wrapper .content-list .content-item {
        width: 590px;
        margin-top: 50px;
        float: left
    }

    .__image-content-list-group .content-wrapper .content-list .content-item .image {
        width: 590px
    }

    .__image-content-list-group .content-wrapper .content-list .content-item:nth-child(2n) {
        margin-right: 60px
    }
}

.__image-content #app {
    width: 100vw
}

.__image-overlap-content .image-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 9;
    -ms-grid-column-span: 7;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-overlap-content .image-wrapper .image {
    width: 100%;
    height: auto
}

.__image-overlap-content .body-wrapper {
    grid-column-start: 9;
    -ms-grid-column: 10;
    grid-column-end: span 6;
    -ms-grid-column-span: 4;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative;
    margin-top: 150px;
    z-index: 1
}

.__image-overlap-content .body-wrapper .body {
    background: #f7f4f8;
    padding: 30px 30px 80px;
    white-space: normal;
    word-break: break-word
}

.__image-overlap-content.reverse .image-wrapper {
    margin-top: 150px;
    grid-column-start: 9;
    -ms-grid-column: 10;
    grid-column-end: span 6;
    -ms-grid-column-span: 4;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative;
    z-index: 1
}

.__image-overlap-content.reverse .body-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 9;
    -ms-grid-column-span: 7;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 0;
    z-index: 0
}

.__image-overlap-content.reverse .body-wrapper .body {
    margin-top: 0
}

.__image-overlap-content.padding-top-large {
    padding-top: 80px
}

.__image-overlap-content.padding-bottom-large {
    padding-bottom: 80px
}

.__image-overlap-content.margin-top-large {
    margin-top: 80px
}

.__image-overlap-content.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-overlap-content.padding-top-large {
        padding-top: 60px
    }

    .__image-overlap-content.padding-bottom-large {
        padding-bottom: 60px
    }

    .__image-overlap-content.margin-top-large {
        margin-top: 60px
    }

    .__image-overlap-content.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-overlap-content.padding-top-large {
        padding-top: 50px
    }

    .__image-overlap-content.padding-bottom-large {
        padding-bottom: 50px
    }

    .__image-overlap-content.margin-top-large {
        margin-top: 50px
    }

    .__image-overlap-content.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__image-overlap-content.padding-top-medium {
    padding-top: 50px
}

.__image-overlap-content.padding-bottom-medium {
    padding-bottom: 50px
}

.__image-overlap-content.margin-top-medium {
    margin-top: 50px
}

.__image-overlap-content.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-overlap-content.padding-top-medium {
        padding-top: 40px
    }

    .__image-overlap-content.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__image-overlap-content.margin-top-medium {
        margin-top: 40px
    }

    .__image-overlap-content.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-overlap-content.padding-top-medium {
        padding-top: 30px
    }

    .__image-overlap-content.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__image-overlap-content.margin-top-medium {
        margin-top: 30px
    }

    .__image-overlap-content.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__image-overlap-content.padding-top-tiny {
    padding-top: 30px
}

.__image-overlap-content.padding-bottom-tiny {
    padding-bottom: 30px
}

.__image-overlap-content.margin-top-tiny {
    margin-top: 30px
}

.__image-overlap-content.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__image-overlap-content.padding-top-tiny {
        padding-top: 20px
    }

    .__image-overlap-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-overlap-content.margin-top-tiny {
        margin-top: 20px
    }

    .__image-overlap-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-overlap-content.padding-top-tiny {
        padding-top: 20px
    }

    .__image-overlap-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__image-overlap-content.margin-top-tiny {
        margin-top: 20px
    }

    .__image-overlap-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__image-overlap-content .body-wrapper {
        grid-column-start: 4;
        -ms-grid-column: 5;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: -30px;
        position: relative
    }

    .__image-overlap-content .body-wrapper .body {
        padding: 15px 15px 40px
    }

    .__image-overlap-content .image-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 0
    }

    .__image-overlap-content.reverse .body-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__image-overlap-content.reverse .body-wrapper .body {
        margin-top: -30px;
        padding: 50px 15px 40px
    }

    .__image-overlap-content.reverse .image-wrapper {
        grid-column-start: 4;
        -ms-grid-column: 5;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 0
    }
}

.__image-puzzle .content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: grid;
    grid-template-columns: 1fr 1.12fr;
    grid-column-gap: 20px
}

.__image-puzzle .content .first {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 690px;
    overflow: hidden
}

.__image-puzzle .content .second,
.__image-puzzle .content .third {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 335px;
    overflow: hidden
}

.__image-puzzle .content .third {
    margin-top: 355px
}

.__image-puzzle .content .image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.__image-puzzle .content .image:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width:824px) {
    .__image-puzzle .content {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .__image-puzzle .content .first {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 60vw;
        overflow: hidden
    }

    .__image-puzzle .content .second {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 30vw;
        overflow: hidden
    }

    .__image-puzzle .content .third {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 30vw;
        margin-top: 0;
        overflow: hidden
    }
}

.__image-puzzle-carousel .carousel-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__image-puzzle-carousel .carousel-content .swiper-container {
    margin-top: 20px
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 24px
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-01 {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 518px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-01:hover .image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-02 {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 247px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-02:hover .image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-03 {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 271px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-03:hover .image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    transition: all .5s ease-in-out
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-title {
    font-size: 38px
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-description {
    font-size: 14px;
    margin-top: 20px;
    position: relative;
    line-height: 16px;
    padding-bottom: 23px;
    font-weight: 100
}

.__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-description:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 150px;
    border-top: 1px solid #f2f3f4
}

.__image-puzzle-carousel .carousel-content .swiper-pager {
    margin-top: 30px;
    text-align: center
}

.__image-puzzle-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__image-puzzle-carousel .carousel-content .swiper-pager .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__image-puzzle-carousel .carousel-content .swiper-pager .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__image-puzzle-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {
    .__image-puzzle-carousel .carousel-content .swiper-container {
        margin-top: 20px
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-01 {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 50vw;
        float: none;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-01:hover .image {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-02 {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 50vw;
        margin-left: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-02:hover .image {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-03 {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 50vw;
        margin-left: 0;
        margin-top: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .slide-content-03:hover .image {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content {
        padding: 10px 10px 0
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-title {
        font-size: 20px
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-description {
        font-size: 14px;
        padding-bottom: 15px;
        height: 18px;
        line-height: 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .__image-puzzle-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-content .image-content .image-description:after {
        bottom: 0;
        width: 118px
    }
}

.__insurance-offer .tabs .tab-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: grid;
    grid-template-columns: 300px auto;
    grid-column-gap: 20px
}

.__insurance-offer .tabs .tab-content .image-tab {
    width: 300px;
    grid-column-start: 1
}

.__insurance-offer .tabs .tab-content .image-tab .item {
    width: 300px;
    height: 177px;
    background: #fff;
    margin-bottom: 20px
}

.__insurance-offer .tabs .tab-content .image-tab .item.active {
    background: #f2f1f1
}

.__insurance-offer .tabs .tab-content .image-tab-content {
    grid-column-start: 2
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-header {
    width: 624px;
    display: grid;
    grid-template-rows: 45px;
    grid-template-columns: 200px 204px 200px;
    place-items: stretch stretch;
    cursor: pointer;
    border-bottom: 2px solid #979797;
    grid-column-gap: 10px
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-header .tab {
    width: 100%;
    line-height: 45px;
    text-align: center;
    color: #979797;
    font-size: 16px;
    cursor: pointer
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-header .active {
    border-bottom: 3px solid #000;
    margin-top: -1px;
    color: rgba(0, 0, 0, .75);
    font-weight: 700
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-detail {
    background: hsla(0, 0%, 84.7%, .1);
    padding: 30px 40px;
    margin-top: 30px
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-detail .details {
    height: 368px;
    overflow: auto;
    margin-bottom: 20px
}

.__insurance-offer .tabs .tab-content .image-tab-content .tab-detail a {
    color: #0091ff
}

@media (max-width:824px) {
    .__insurance-offer .tabs .tab-content {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        grid-template-columns: 100%
    }

    .__insurance-offer .tabs .tab-content .image-tab {
        width: 100%;
        grid-row-start: 1;
        display: flex
    }

    .__insurance-offer .tabs .tab-content .image-tab .item {
        width: 110px;
        height: 70px;
        background: #fff;
        margin-bottom: 20px;
        border: 1px solid #c4c4c4;
        margin-right: 10px
    }

    .__insurance-offer .tabs .tab-content .image-tab .item.active {
        border: 1px solid #c4c4c4;
        background: #f2f1f1
    }

    .__insurance-offer .tabs .tab-content .image-tab-content {
        grid-column-start: 1
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-header {
        width: 100%;
        grid-column-start: 1;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 33% 33% 33.3%;
        place-items: center center;
        cursor: pointer;
        border-bottom: 2px solid #979797;
        grid-column-gap: .333%
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-header .tab {
        line-height: 24px;
        text-align: center;
        color: #979797;
        font-size: 16px;
        padding-bottom: 10px
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-header .active {
        margin-top: 4px;
        color: rgba(0, 0, 0, .75);
        font-weight: 700
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-detail {
        background: #fff;
        padding: 30px 0
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-detail .details {
        height: auto;
        margin-bottom: 20px
    }

    .__insurance-offer .tabs .tab-content .image-tab-content .tab-detail a {
        color: #0091ff
    }
}

.__large-image {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 450px
}

.__large-image .countdown {
    position: absolute
}

.__large-image .countdown.top-left {
    left: 100px;
    top: 150px;
    align-items: flex-start
}

.__large-image .countdown.top-right {
    right: 100px;
    top: 150px;
    align-items: flex-end
}

.__large-image .countdown.center,
.__large-image .countdown.topCenter {
    left: 50%;
    top: 150px;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.__large-image .countdown.topCenter .button-wrapper {
    margin-top: 20px
}

.__large-image .countdown.bottom-left {
    left: 100px;
    bottom: 100px;
    align-items: flex-start
}

.__large-image .countdown.bottom-right {
    right: 100px;
    bottom: 100px;
    align-items: flex-end
}

.__large-image .countdown .description {
    color: #fff;
    height: 36px;
    line-height: 36px;
    padding: 0 4px;
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
    z-index: 99;
    border-radius: 2px
}

.__large-image .countdown .description.showborder {
    border: 2px solid #fff;
    border-right: 0;
    border-left: 0;
    padding-left: 24px
}

.__large-image .countdown .description.showborder:after {
    right: -14px
}

.__large-image .countdown .description.showborder:after,
.__large-image .countdown .description.showborder:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid #fff;
    top: 4px;
    border-left: 0;
    border-bottom: 0;
    border-radius: 2px
}

.__large-image .countdown .description.showborder:before {
    left: -14px
}

.__large-image .countdown .description .first,
.__large-image .countdown .description .second {
    position: absolute;
    font-size: 48px;
    font-weight: lighter;
    top: -7px
}

.__large-image .countdown .description .first {
    left: -4px
}

.__large-image .countdown .description .second {
    right: -32px
}

.__large-image .countdown .number {
    display: flex;
    flex-direction: row;
    font-size: 68px;
    font-weight: 700;
    color: #309bf8;
    width: 140px;
    height: 80px;
    margin: 0 auto
}

.__large-image .countdown .number .first,
.__large-image .countdown .number .second {
    width: 60px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.__large-image .countdown .number .first span,
.__large-image .countdown .number .second span {
    position: relative;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 8px
}

.__large-image .countdown .number .first span:after,
.__large-image .countdown .number .second span:after {
    content: "";
    display: block;
    background: #f4f7f9;
    width: 50px;
    left: 5px;
    height: 4px;
    position: absolute;
    top: 34px
}

.__large-image .countdown .number .first:before,
.__large-image .countdown .number .second:before {
    content: "";
    display: block;
    background: hsla(0, 0%, 100%, .7);
    width: 60px;
    height: 38px;
    position: absolute;
    top: 0;
    box-shadow: 2px 0 6px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.__large-image .countdown .number .first:after,
.__large-image .countdown .number .second:after {
    content: "";
    display: block;
    background: hsla(0, 0%, 100%, .7);
    width: 60px;
    height: 38px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    box-shadow: 2px 0 6px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.__large-image .videoBox {
    width: 100%;
    height: 100vh;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-size: cover
}

.__large-image .videoBox .video {
    width: 100%;
    height: 100%
}

.__large-image .videoBox .video-js {
    max-width: 100% !important;
    height: 100% !important
}

.__large-image .videoBox .video-container {
    height: 100% !important;
    display: block
}

.__large-image .imageBox {
    background-position: 50%
}

.__large-image .image {
    width: 100%;
    height: auto
}

.__large-image .bread {
    position: absolute;
    top: 100px
}

.__large-image .price {
    font-size: 1.875rem;
    font-weight: 500;
    position: absolute;
    bottom: 9.43rem;
    color: #fff
}

.__large-image .title {
    font-size: 4.25rem;
    font-weight: 700;
    position: absolute;
    top: 9rem;
    color: #fff;
    line-height: 42px
}

.__large-image .buttons {
    position: absolute;
    display: flex;
    bottom: 3.75rem
}

@media (max-width:824px) {
    .__large-image {
        background-color: #000;
        min-height: 300px
    }

    .__large-image .videoBox {
        height: 24rem
    }

    .__large-image .countdown {
        position: absolute
    }

    .__large-image .countdown.top-left {
        left: 11px;
        top: 8rem;
        align-items: flex-start
    }

    .__large-image .countdown.top-right {
        left: 50px;
        top: 10rem;
        align-items: flex-end
    }

    .__large-image .countdown.center,
    .__large-image .countdown.topCenter {
        left: 50%;
        top: 10rem;
        align-items: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .__large-image .countdown.topCenter .button-wrapper {
        margin-top: 20px
    }

    .__large-image .countdown.bottom-left {
        left: 100px;
        bottom: 100px;
        align-items: flex-start
    }

    .__large-image .countdown.bottom-right {
        right: 100px;
        bottom: 100px;
        align-items: flex-end
    }

    .__large-image .countdown .description {
        color: #fff;
        height: 28px;
        line-height: 36px;
        padding: 0 4px;
        margin-bottom: 0;
        position: relative;
        font-size: 12px;
        z-index: 99;
        border-radius: 2px;
        margin-right: auto
    }

    .__large-image .countdown .description.showborder {
        border: 2px solid #fff;
        border-right: 0;
        border-left: 0;
        padding-left: 24px
    }

    .__large-image .countdown .description.showborder:after {
        right: -14px
    }

    .__large-image .countdown .description.showborder:after,
    .__large-image .countdown .description.showborder:before {
        content: "";
        position: absolute;
        width: 27px;
        height: 27px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 2px solid #fff;
        top: 4px;
        border-left: 0;
        border-bottom: 0;
        border-radius: 2px
    }

    .__large-image .countdown .description.showborder:before {
        left: -14px
    }

    .__large-image .countdown .description .first,
    .__large-image .countdown .description .second {
        position: absolute;
        font-size: 48px;
        font-weight: lighter;
        top: -7px
    }

    .__large-image .countdown .description .first {
        left: -4px
    }

    .__large-image .countdown .description .second {
        right: -32px
    }

    .__large-image .countdown .number {
        display: flex;
        flex-direction: row;
        font-size: 40px;
        font-weight: 700;
        color: #309bf8;
        width: 100px;
        height: 48px;
        margin: 0 auto;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .__large-image .countdown .number .first,
    .__large-image .countdown .number .second {
        width: 37px;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .__large-image .countdown .number .first span,
    .__large-image .countdown .number .second span {
        position: relative;
        z-index: 12;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        margin-top: 8px
    }

    .__large-image .countdown .number .first span:after,
    .__large-image .countdown .number .second span:after {
        content: "";
        display: block;
        background: #f4f7f9;
        width: 25px;
        left: 6px;
        height: 2px;
        position: absolute;
        top: 20px
    }

    .__large-image .countdown .number .first:before,
    .__large-image .countdown .number .second:before {
        content: "";
        display: block;
        background: hsla(0, 0%, 100%, .7);
        width: 34px;
        height: 24px;
        position: absolute;
        top: 0;
        box-shadow: 2px 0 6px rgba(0, 0, 0, .1);
        border-radius: 4px
    }

    .__large-image .countdown .number .first:after,
    .__large-image .countdown .number .second:after {
        content: "";
        display: block;
        background: hsla(0, 0%, 100%, .7);
        width: 34px;
        height: 24px;
        position: absolute;
        bottom: 0;
        z-index: 0;
        box-shadow: 2px 0 6px rgba(0, 0, 0, .1);
        border-radius: 4px
    }

    .__large-image .bread {
        position: absolute;
        top: 2rem
    }

    .__large-image .price {
        font-size: 1rem;
        bottom: 5.875rem
    }

    .__large-image .title {
        font-size: 2.5rem;
        top: 5rem
    }

    .__large-image .buttons {
        position: absolute;
        display: flex;
        bottom: 2.5rem
    }
}

.__large-image-tab-content {
    width: 100%;
    height: 100vh;
    background-position: 50%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    background-size: cover;
    position: relative;
    opacity: 1
}

.__large-image-tab-content .bg-img {
    width: 100%;
    height: 100vh;
    z-index: 3
}

.__large-image-tab-content .content {
    padding-top: 2.93rem;
    z-index: 3;
    position: relative;
    height: 100%;
    padding-left: 8.5rem
}

.__large-image-tab-content .content .text1 {
    height: 2.25rem;
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.25rem;
    transition: all .5s ease
}

.__large-image-tab-content .content .text2 {
    margin-top: 4.18rem;
    height: 9.625rem;
    font-size: 10rem;
    font-weight: 700;
    color: #fff;
    line-height: 10.375rem;
    opacity: .54;
    transition: all .5s ease
}

.__large-image-tab-content .content .text3 {
    margin-top: 2.93rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ededed;
    transition: all .5s ease
}

.__large-image-tab-content .content .text4 {
    margin-top: 1.05rem;
    width: 40%;
    letter-spacing: .5px;
    overflow-wrap: break-word;
    font-size: 16px;
    color: #ededed;
    line-height: 30px;
    transition: all .5s ease;
    padding-bottom: 120px
}

.__large-image-tab-content .content .tab-Button {
    display: flex;
    justify-content: flex-start;
    margin-top: 40px;
    z-index: 9;
    position: absolute;
    bottom: 80px
}

.__large-image-tab-content .content .tab-Button .button {
    margin-right: 3.06rem;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
    max-width: 358px;
    padding-bottom: 5px
}

.__large-image-tab-content .content .tab-Button .button-alive {
    border-bottom: 6px solid #0066b2;
    transition: all .5s ease
}

.__large-image-tab-content .content .select {
    display: none
}

@media (max-width:1366px) {
    .__large-image-tab-content .content {
        padding-top: 2rem
    }

    .__large-image-tab-content .content .text2 {
        margin-top: .1rem
    }
}

@media (max-width:824px) {
    .__large-image-tab-content {
        height: 24rem
    }

    .__large-image-tab-content .content {
        z-index: 4;
        position: relative;
        padding-top: 1rem;
        padding-left: 1.875rem;
        height: 100%
    }

    .__large-image-tab-content .content .text1 {
        height: auto;
        font-size: .875rem;
        line-height: .9375rem;
        word-wrap: break-word
    }

    .__large-image-tab-content .content .text2 {
        margin-top: 14px;
        height: auto;
        color: #fff;
        line-height: 52px;
        opacity: .3;
        word-wrap: break-word;
        font-size: 50px;
        font-weight: 500
    }

    .__large-image-tab-content .content .text3 {
        margin-top: .875rem;
        color: #ededed;
        font-size: .875rem;
        word-wrap: break-word
    }

    .__large-image-tab-content .content .text4 {
        margin-top: 14px;
        font-size: .75rem;
        width: 90%;
        line-height: 1.125rem;
        letter-spacing: 0;
        opacity: .54;
        overflow-wrap: break-word;
        padding-bottom: 20px
    }

    .__large-image-tab-content .content .tab-Button {
        margin-top: 30px;
        opacity: .54;
        display: none
    }

    .__large-image-tab-content .content .tab-Button .button {
        margin-right: 1.8rem;
        font-size: 14px;
        line-height: 17px;
        max-width: 189px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 5px
    }

    .__large-image-tab-content .content .tab-Button .button-alive {
        border-bottom: 3px solid #0066b2
    }

    .__large-image-tab-content .content .select {
        display: flex;
        position: absolute;
        bottom: -25px
    }

    .__large-image-tab-content .content .select .vertical {
        width: auto;
        min-width: 120px;
        padding: 0 30px 14px 15px
    }

    .__large-image-tab-content .content .select .fa-chevron-down {
        color: #fff
    }

    .__large-image-tab-content .content .select .select__externalLink {
        color: #fff;
        width: 90%
    }

    .__large-image-tab-content .content .select .dropdown {
        color: #000
    }

    .__large-image-tab-content .content .select .select__selected-text {
        color: #fff
    }

    .__large-image-tab-content .content .select .notched-outline__leading,
    .__large-image-tab-content .content .select .notched-outline__notch,
    .__large-image-tab-content .content .select .notched-outline__trailing {
        border: none
    }

    .__large-image-tab-content .content .select .dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label.floating-above {
        display: none
    }

    .__large-image-tab-content .content .select .dropdown .select__externalLink .select__selected-text {
        padding: 20px 0 0
    }

    .__large-image-tab-content .content .select .dropdown .select__externalLink {
        padding: 0 30px 14px 15px;
        box-sizing: initial
    }

    .__large-image-tab-content .content .select .dropdown .dropdown-content.open {
        z-index: 20
    }

    .__large-image-tab-content .content .select .dropdown .fa-chevron-down {
        top: 42%
    }

    .__large-image-tab-content .content .select .dropdown .dropdown-content {
        width: 200%;
        max-width: 300px
    }

    .__large-image-tab-content .content .select .dropdown .select__externalLink .notched-outline .notched-outline__notch .floating-label {
        color: #fff
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__large-image-tab-content .content .text4 {
        width: 50%
    }
}

.__leasing-now .no-result {
    padding-left: 16px;
    margin-top: 20px;
    color: rgba(0, 0, 0, .75)
}

.__leasing-now .warning-color {
    color: #fc0;
    margin-right: 10px
}

.__leasing-now h2 {
    font-size: 18px
}

.__leasing-now .mobile-wapper {
    padding: 0 16px
}

.__leasing-now .mobile {
    display: block
}

.__leasing-now .test-drive-form-image-block {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__leasing-now .test-drive-form-image {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.__leasing-now .form-title {
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__leasing-now .__leasing-now-form {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__leasing-now .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 4;
    -ms-grid-row-span: 4;
    background-color: #f5f6f9
}

.__leasing-now .map-title {
    padding-top: 40px;
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__leasing-now .mobile-map-select-box {
    position: relative;
    z-index: 1;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.__leasing-now .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__leasing-now .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.__leasing-now .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__leasing-now .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__leasing-now .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__leasing-now .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.__leasing-now .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__leasing-now .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__leasing-now .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.__leasing-now .__leasing-now-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px
}

.__leasing-now .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden
}

.__leasing-now .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.__leasing-now .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.__leasing-now .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.__leasing-now .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.__leasing-now .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.__leasing-now .text-area {
    margin-bottom: 20px
}

.__leasing-now .map-select-box {
    display: none
}

.__leasing-now .__leasing-now-cta {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__leasing-now .__leasing-now-cta .access {
    display: flex;
    line-height: 16px;
    margin-bottom: 30px
}

.__leasing-now .__leasing-now-cta label {
    white-space: nowrap
}

.__leasing-now .__leasing-now-cta .button-content {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    background-color: #2e2e2e;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.__leasing-now.padding-top-large {
    padding-top: 80px
}

.__leasing-now.padding-bottom-large {
    padding-bottom: 80px
}

.__leasing-now.margin-top-large {
    margin-top: 80px
}

.__leasing-now.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__leasing-now.padding-top-large {
        padding-top: 60px
    }

    .__leasing-now.padding-bottom-large {
        padding-bottom: 60px
    }

    .__leasing-now.margin-top-large {
        margin-top: 60px
    }

    .__leasing-now.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__leasing-now.padding-top-large {
        padding-top: 50px
    }

    .__leasing-now.padding-bottom-large {
        padding-bottom: 50px
    }

    .__leasing-now.margin-top-large {
        margin-top: 50px
    }

    .__leasing-now.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__leasing-now.padding-top-medium {
    padding-top: 50px
}

.__leasing-now.padding-bottom-medium {
    padding-bottom: 50px
}

.__leasing-now.margin-top-medium {
    margin-top: 50px
}

.__leasing-now.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__leasing-now.padding-top-medium {
        padding-top: 40px
    }

    .__leasing-now.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__leasing-now.margin-top-medium {
        margin-top: 40px
    }

    .__leasing-now.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__leasing-now.padding-top-medium {
        padding-top: 30px
    }

    .__leasing-now.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__leasing-now.margin-top-medium {
        margin-top: 30px
    }

    .__leasing-now.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__leasing-now.padding-top-tiny {
    padding-top: 30px
}

.__leasing-now.padding-bottom-tiny {
    padding-bottom: 30px
}

.__leasing-now.margin-top-tiny {
    margin-top: 30px
}

.__leasing-now.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__leasing-now.padding-top-tiny {
        padding-top: 20px
    }

    .__leasing-now.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__leasing-now.margin-top-tiny {
        margin-top: 20px
    }

    .__leasing-now.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__leasing-now.padding-top-tiny {
        padding-top: 20px
    }

    .__leasing-now.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__leasing-now.margin-top-tiny {
        margin-top: 20px
    }

    .__leasing-now.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:824px) {
    .__leasing-now {
        padding-top: 40px;
        grid-column-gap: 0 !important
    }

    .__leasing-now .no-result {
        padding-left: 0;
        margin-top: 20px;
        color: rgba(0, 0, 0, .75)
    }

    .__leasing-now h2 {
        font-size: 24px
    }

    .__leasing-now .mobile {
        display: none
    }

    .__leasing-now .mobile-wapper {
        padding: 0
    }

    .__leasing-now .form-title {
        padding-bottom: 54px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__leasing-now .__leasing-now-form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__leasing-now .test-drive-form-image-block {
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__leasing-now .test-drive-form-image {
        width: 100%;
        height: 400px;
        padding-bottom: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .__leasing-now .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9;
        margin-top: 20px
    }

    .__leasing-now .map-title {
        margin-top: 20px;
        padding-top: 40px;
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__leasing-now .map-select-box {
        position: relative;
        z-index: 1;
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__leasing-now .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__leasing-now .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__leasing-now .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__leasing-now .map-select-box .map-select .city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__leasing-now .map-select-box .map-select .city-search:hover {
        font-size: 30px
    }

    .__leasing-now .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__leasing-now .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__leasing-now .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__leasing-now .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__leasing-now .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__leasing-now .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__leasing-now .map-select-box .dealer-list {
        box-sizing: border-box;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__leasing-now .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__leasing-now .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__leasing-now .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__leasing-now .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__leasing-now .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__leasing-now .__leasing-now-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }

    .__leasing-now .text-area {
        margin-bottom: 30px
    }

    .__leasing-now .__leasing-now-cta {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 50px
    }

    .__leasing-now .__leasing-now-cta .access {
        margin-bottom: 50px;
        display: flex;
        line-height: 30px
    }

    .__leasing-now .__leasing-now-cta .button-content {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        background-color: #2e2e2e;
        height: 56px;
        line-height: 56px;
        color: #fff;
        font-size: 14px;
        text-align: center
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .__leasing-now .mobile-map-select-box,
    .__leasing-now .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .__leasing-now .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }

    .__leasing-now .test-drive-form-image {
        padding-bottom: 50%
    }
}

.__lightspot-carousel .container {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    justify-content: space-around;
    margin-bottom: 102px;
    margin-top: 50px;
    background: #fff
}

.__lightspot-carousel .container .left {
    width: 50%
}

.__lightspot-carousel .container .left .title {
    font-size: 30px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 35px;
    margin-bottom: 33px
}

.__lightspot-carousel .container .left .border {
    display: inline-block;
    width: 490px;
    height: 2px;
    background: #ccc
}

.__lightspot-carousel .container .left .car-box {
    margin-bottom: 21px;
    height: 220px;
    overflow-y: scroll;
    padding-right: 15px;
    max-width: 490px;
    position: relative
}

.__lightspot-carousel .container .left .car-box .item {
    border: none;
    outline: none;
    padding: 0 50px;
    height: 44px;
    -webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    cursor: pointer;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 19px;
    margin-bottom: 10px
}

.__lightspot-carousel .container .left .car-box .lineWrap {
    width: 40px;
    display: flex
}

.__lightspot-carousel .container .left .car-box .lineWrap .line {
    border: none;
    outline: none;
    display: flex;
    cursor: pointer;
    background: #000;
    -webkit-clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
    clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
    width: 11px;
    height: 20px;
    position: relative;
    z-index: 100
}

.__lightspot-carousel .container .left .car-box .lineWrap .line.line-alive {
    background: #fff;
    transition: all .5s ease
}

.__lightspot-carousel .container .left .car-box .item-alive {
    background: #0878b5;
    padding: 0 50px;
    color: #fff;
    transition: all .5s ease
}

.__lightspot-carousel .container .left .car-box .name {
    flex: 1 1
}

.__lightspot-carousel .container .left .car-boxhidden {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.__lightspot-carousel .container .left .info {
    margin-top: 30px;
    font-size: 16px;
    color: rgba(49, 49, 49, .75);
    line-height: 26px;
    transition: all .5s ease
}

.__lightspot-carousel .container .right {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all .5s ease;
    margin-top: 68px
}

.__lightspot-carousel .container .right .swiper-container {
    width: 100%
}

.__lightspot-carousel .container .right .swiper-container .swiper-wrapper .swiper-slide .video-container .video-js,
.__lightspot-carousel .container .right .swiper-container .swiper-wrapper .swiper-slide .video-container .video-js:hover {
    height: 454px
}

.__lightspot-carousel.padding-top-large {
    padding-top: 80px
}

.__lightspot-carousel.padding-bottom-large {
    padding-bottom: 80px
}

.__lightspot-carousel.margin-top-large {
    margin-top: 80px
}

.__lightspot-carousel.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__lightspot-carousel.padding-top-large {
        padding-top: 60px
    }

    .__lightspot-carousel.padding-bottom-large {
        padding-bottom: 60px
    }

    .__lightspot-carousel.margin-top-large {
        margin-top: 60px
    }

    .__lightspot-carousel.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__lightspot-carousel.padding-top-large {
        padding-top: 50px
    }

    .__lightspot-carousel.padding-bottom-large {
        padding-bottom: 50px
    }

    .__lightspot-carousel.margin-top-large {
        margin-top: 50px
    }

    .__lightspot-carousel.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__lightspot-carousel.padding-top-medium {
    padding-top: 50px
}

.__lightspot-carousel.padding-bottom-medium {
    padding-bottom: 50px
}

.__lightspot-carousel.margin-top-medium {
    margin-top: 50px
}

.__lightspot-carousel.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__lightspot-carousel.padding-top-medium {
        padding-top: 40px
    }

    .__lightspot-carousel.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__lightspot-carousel.margin-top-medium {
        margin-top: 40px
    }

    .__lightspot-carousel.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__lightspot-carousel.padding-top-medium {
        padding-top: 30px
    }

    .__lightspot-carousel.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__lightspot-carousel.margin-top-medium {
        margin-top: 30px
    }

    .__lightspot-carousel.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__lightspot-carousel.padding-top-tiny {
    padding-top: 30px
}

.__lightspot-carousel.padding-bottom-tiny {
    padding-bottom: 30px
}

.__lightspot-carousel.margin-top-tiny {
    margin-top: 30px
}

.__lightspot-carousel.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__lightspot-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__lightspot-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__lightspot-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__lightspot-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__lightspot-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__lightspot-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__lightspot-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__lightspot-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:1366px) {
    .__lightspot-carousel .container {
        display: flex;
        justify-content: space-around;
        padding-left: 76px;
        margin-bottom: 102px;
        margin-top: 50px
    }

    .__lightspot-carousel .container .left {
        width: 46%;
        padding-right: 74px
    }

    .__lightspot-carousel .container .left .title {
        font-size: 30px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 35px;
        margin-bottom: 33px
    }

    .__lightspot-carousel .container .left .car-box {
        margin-bottom: 21px;
        height: 220px;
        overflow-y: scroll;
        max-width: 490px
    }

    .__lightspot-carousel .container .left .car-box .item {
        border: none;
        outline: none;
        padding: 0 50px;
        height: 44px;
        -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        cursor: pointer;
        color: #000;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 19px;
        margin-bottom: 10px
    }

    .__lightspot-carousel .container .left .car-box .lineWrap {
        width: 40px;
        display: flex
    }

    .__lightspot-carousel .container .left .car-box .lineWrap .line {
        border: none;
        outline: none;
        display: flex;
        cursor: pointer;
        background: #000;
        -webkit-clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        width: 11px;
        height: 20px;
        position: relative;
        z-index: 100
    }

    .__lightspot-carousel .container .left .car-box .lineWrap .line.line-alive {
        background: #fff;
        transition: all .5s ease
    }

    .__lightspot-carousel .container .left .car-box .item-alive {
        background: #0878b5;
        padding: 0 50px;
        color: #fff;
        transition: all .5s ease
    }

    .__lightspot-carousel .container .left .car-box .name {
        flex: 1 1
    }

    .__lightspot-carousel .container .left .info {
        margin-top: 30px;
        font-size: 16px;
        color: rgba(49, 49, 49, .75);
        line-height: 26px
    }

    .__lightspot-carousel .container .right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 50%;
        align-items: flex-start
    }

    .__lightspot-carousel .container .right img {
        width: 100%
    }
}

@media (max-width:1024px) {
    .__lightspot-carousel .container {
        display: flex;
        justify-content: space-around;
        padding-left: 76px;
        margin-bottom: 102px;
        margin-top: 50px
    }

    .__lightspot-carousel .container .left {
        width: 46%;
        padding-right: 74px
    }

    .__lightspot-carousel .container .left .title {
        font-size: 30px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 35px;
        margin-bottom: 33px
    }

    .__lightspot-carousel .container .left .car-box {
        margin-bottom: 21px;
        height: 160px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: scroll
    }

    .__lightspot-carousel .container .left .car-box .item {
        border: none;
        outline: none;
        padding: 0 50px;
        height: 44px;
        -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        cursor: pointer;
        color: #000;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 19px
    }

    .__lightspot-carousel .container .left .car-box .lineWrap {
        width: 40px;
        display: flex
    }

    .__lightspot-carousel .container .left .car-box .lineWrap .line {
        border: none;
        outline: none;
        display: flex;
        cursor: pointer;
        background: #000;
        -webkit-clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        width: 11px;
        height: 20px;
        position: relative;
        z-index: 100
    }

    .__lightspot-carousel .container .left .car-box .lineWrap .line.line-alive {
        background: #fff
    }

    .__lightspot-carousel .container .left .car-box .item-alive {
        background: #0878b5;
        padding: 0 50px;
        color: #fff
    }

    .__lightspot-carousel .container .left .car-box .name {
        flex: 1 1
    }

    .__lightspot-carousel .container .left .car-box::-webkit-scrollbar {
        display: none
    }

    .__lightspot-carousel .container .left .info {
        margin-top: 30px;
        font-size: 16px;
        color: rgba(49, 49, 49, .75);
        line-height: 26px
    }

    .__lightspot-carousel .container .right {
        display: flex;
        width: 50%;
        align-items: flex-start
    }

    .__lightspot-carousel .container .right img {
        width: 100%
    }
}

@media (max-width:824px) {
    .__lightspot-carousel .container {
        padding-left: 0;
        margin-bottom: 30px;
        margin-top: 35px;
        display: block
    }

    .__lightspot-carousel .container .left {
        padding-left: 0;
        width: 100%;
        padding-right: 0
    }

    .__lightspot-carousel .container .left .title {
        font-size: 14px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 15px;
        margin-left: 35px;
        margin-right: 35px
    }

    .__lightspot-carousel .container .left .border {
        display: none
    }

    .__lightspot-carousel .container .left .car-box {
        margin-bottom: 5px;
        height: auto
    }

    .__lightspot-carousel .container .left .car-box .item {
        border: none;
        outline: none;
        padding: 0 50px;
        height: 44px;
        -webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
        clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
        cursor: pointer;
        color: #000;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 19px;
        margin-right: 19px
    }

    .__lightspot-carousel .container .left .car-box .line {
        border: none;
        outline: none;
        display: flex;
        cursor: pointer;
        background: #000;
        -webkit-clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
        width: 11px;
        height: 20px;
        position: relative;
        z-index: 100
    }

    .__lightspot-carousel .container .left .car-box .line-alive {
        background: #fff
    }

    .__lightspot-carousel .container .left .car-box .item-alive {
        background: #0878b5;
        color: #fff;
        padding: 0 50px
    }

    .__lightspot-carousel .container .left .car-box .name {
        margin-left: 9px;
        font-size: 9px;
        font-weight: 600;
        line-height: 13px
    }

    .__lightspot-carousel .container .left .info {
        margin: 20px 19px;
        font-size: 10px;
        color: rgba(49, 49, 49, .75);
        line-height: 13px
    }

    .__lightspot-carousel .container .right {
        display: flex;
        width: 100%;
        align-items: flex-end
    }

    .__lightspot-carousel .container .right img {
        width: 100%
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__lightspot-carousel .container .right {
        margin-top: 10px
    }
}

.car-box::-webkit-scrollbar {
    width: 6px
}

.car-box::-webkit-scrollbar-thumb {
    background: #5a5a5a !important
}

.car-box::-webkit-scrollbar-track-piece {
    background: #fff !important
}

.__lightspot-carousel-group {
    position: relative;
    height: 812px
}

.__lightspot-carousel-group .tab-header {
    position: absolute;
    top: 60px;
    left: 134px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 5
}

.__lightspot-carousel-group .tab-header .tab {
    font-size: 20px;
    color: rgba(16, 17, 23, .75);
    margin-right: 60px;
    padding-bottom: 4px
}

.__lightspot-carousel-group .tab-header .tab .in-title {
    font-size: 24px
}

.__lightspot-carousel-group .tab-header .tab.active {
    font-size: 24px;
    font-weight: 700;
    color: rgba(16, 17, 23, .75);
    border-bottom: 3px solid #0066b2
}

.__lightspot-carousel-group .tab-header .tab.active .in-title {
    font-size: 30px
}

.__lightspot-carousel-group .tabCenter .tab {
    color: #fff
}

.__lightspot-carousel-group .tab-detail {
    width: 100%;
    height: 100%
}

.__lightspot-carousel-group .tab-detail .out-content {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.__lightspot-carousel-group .tab-detail .out-content .outImg {
    position: absolute;
    width: 50%;
    max-width: 620px;
    bottom: 110px;
    left: 30px
}

.__lightspot-carousel-group .tab-detail .out-content .outImg img {
    width: 100%;
    height: 100%
}

.__lightspot-carousel-group .tab-detail .out-content .pc {
    display: block !important;
    width: 50%;
    height: 100%
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container {
    height: 600px;
    margin: 0;
    width: 100%
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
    height: auto
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail {
    display: flex
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img {
    width: 120px;
    height: 120px;
    margin-right: 24px;
    background-size: cover
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img .fris-cover-img {
    display: none
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img:hover {
    position: relative
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img:hover .fris-cover-img {
    position: absolute;
    display: none;
    width: 240px;
    height: 240px;
    left: 122px;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img:hover .fris-cover-img img {
    width: 100%;
    height: 100%
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img:hover .fris-cover-imgBottom {
    bottom: 0
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content {
    flex: 1 1
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .frist-line {
    border: none;
    outline: none;
    padding: 0 5px;
    height: 8px;
    width: 85px;
    display: flex;
    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    background: #0878b5;
    margin: 23px 0 14px
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body {
    overflow: hidden;
    font-size: 20px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all .5s ease-in-out
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body:hover {
    height: auto;
    display: block;
    -webkit-line-clamp: none;
    line-clamp: none
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-container .swiper-pagination {
    display: none
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-prev {
    top: 40px;
    left: 40px;
    position: absolute;
    outline: none
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-prev i {
    color: #000;
    font-size: 44px
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-next {
    bottom: 40px;
    top: auto;
    left: 40px;
    position: absolute;
    outline: none
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-next i {
    color: #000;
    font-size: 44px
}

.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-next.swiper-button-disabled,
.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-next:after,
.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-prev.swiper-button-disabled,
.__lightspot-carousel-group .tab-detail .out-content .pc .swiperPart .swiper-button-prev:after {
    display: none
}

.__lightspot-carousel-group .tab-detail .out-content .mobile {
    display: none !important
}

.__lightspot-carousel-group .tab-detail .in-content {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    justify-content: flex-end
}

.__lightspot-carousel-group .tab-detail .in-content .inImg {
    background-size: cover;
    background-position: 50%;
    flex: 1 1
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail {
    position: relative;
    width: 42%;
    background-color: #000;
    display: flex;
    flex-direction: column;
    margin-top: -1px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt {
    flex: 1 1
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt .in-title {
    color: #fff;
    margin: 122px 69px 56px;
    text-align: center;
    font-size: 30px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt .in-body {
    color: #fff;
    max-height: 250px;
    margin: 0 69px 20px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt .in-body::-webkit-scrollbar {
    display: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart {
    position: relative;
    margin: 0 0 83px;
    padding: 0 69px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container {
    margin: 0;
    width: 100%
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
    width: 33%
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail {
    display: flex;
    cursor: pointer
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail div {
    color: #fff
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img {
    width: 100%;
    height: 11vw;
    background-size: cover
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content {
    flex: 1 1
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .frist-line {
    border: none;
    outline: none;
    padding: 0 5px;
    height: 8px;
    width: 85px;
    display: flex;
    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    background: #0878b5;
    margin: 23px 0 14px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body {
    height: auto;
    overflow: hidden;
    font-size: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body:hover {
    display: block;
    line-clamp: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-pagination {
    display: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev {
    left: 33px;
    position: absolute;
    outline: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev i {
    color: #7f7f7f;
    font-size: 30px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next {
    right: 33px;
    position: absolute;
    outline: none
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next i {
    color: #7f7f7f;
    font-size: 30px
}

.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next.swiper-button-disabled,
.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next:after,
.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev.swiper-button-disabled,
.__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev:after {
    display: none
}

@media (min-width:992px) {
    .__lightspot-carousel-group .tab-detail .out-content .outImg {
        left: 100px
    }
}

@media (max-width:1366px) {
    .__lightspot-carousel-group .tab-detail .out-content .outImg {
        left: 30px
    }
}

@media (max-width:824px) {
    .__lightspot-carousel-group {
        position: relative;
        height: auto
    }

    .__lightspot-carousel-group .tab-header {
        position: absolute;
        top: 0;
        left: 30px;
        display: flex;
        align-items: center;
        cursor: pointer
    }

    .__lightspot-carousel-group .tab-header .tab {
        font-size: 10px;
        color: rgba(16, 17, 23, .75);
        margin-right: 16px;
        padding-bottom: 6px;
        display: flex;
        justify-content: flex-end;
        height: 41px;
        align-items: flex-end;
        max-width: 200px;
        word-break: break-word
    }

    .__lightspot-carousel-group .tab-header .tab.active,
    .__lightspot-carousel-group .tab-header .tab.active .in-title,
    .__lightspot-carousel-group .tab-header .tab .in-title {
        font-size: 24px
    }

    .__lightspot-carousel-group .tab-header .active {
        font-size: 12px;
        font-weight: 700;
        color: rgba(16, 17, 23, .75);
        border-bottom: 3px solid #0066b2
    }

    .__lightspot-carousel-group .tabCenter {
        display: flex;
        justify-content: center;
        width: 100%;
        left: 0
    }

    .__lightspot-carousel-group .tabCenter .tab {
        color: #fff
    }

    .__lightspot-carousel-group .tab-detail {
        width: 100%;
        height: 100%
    }

    .__lightspot-carousel-group .tab-detail .out-content {
        width: 100%;
        height: 100%;
        background-size: cover;
        display: flex;
        justify-content: flex-end;
        background-color: #f3f7ff
    }

    .__lightspot-carousel-group .tab-detail .out-content .outImg {
        display: none
    }

    .__lightspot-carousel-group .tab-detail .out-content .pc {
        display: none !important
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile {
        display: block !important;
        width: 100%
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .mobilebg {
        background-color: #f3f7ff;
        height: 58px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container {
        height: auto;
        margin: 0;
        width: 100%;
        padding-bottom: 20px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
        padding-bottom: 20px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail {
        display: flex;
        margin: 20px 30px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        background-size: cover;
        position: relative
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img img {
        display: none
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img .imgShow {
        position: absolute;
        display: block;
        width: 120px;
        height: auto;
        left: 62px;
        z-index: 1
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content {
        flex: 1 1
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .frist-line {
        border: none;
        outline: none;
        padding: 0 5px;
        height: 4px;
        width: 43px;
        display: flex;
        -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        background: #0878b5;
        margin: 10px 0 7px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body {
        overflow: hidden;
        font-size: 10px;
        text-overflow: clip;
        display: -webkit-box;
        line-clamp: none;
        -webkit-box-orient: vertical;
        height: auto;
        display: block
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-pagination {
        bottom: 0;
        text-align: center;
        background-color: #f3f7ff;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 50px;
        height: 5px;
        border-radius: 0;
        background: #c0d7e8;
        opacity: .9
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #0066b2
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

@media (max-width:824px) {

    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-button-next,
    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-button-next:after,
    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-button-prev,
    .__lightspot-carousel-group .tab-detail .out-content .mobile .swiperPart .swiper-button-prev:after {
        display: none
    }

    .__lightspot-carousel-group .tab-detail .in-content {
        width: 100%;
        height: 100%;
        background-size: cover;
        display: flex;
        justify-content: flex-start;
        flex-direction: column
    }

    .__lightspot-carousel-group .tab-detail .in-content .inImg {
        width: 100%;
        background-size: cover;
        height: 376px;
        flex: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail {
        position: relative;
        width: 100%;
        background-color: #000;
        display: flex;
        flex-direction: column
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt {
        flex: 1 1
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt .in-title {
        color: #fff;
        margin: 20px 31px 25px;
        text-align: center;
        font-size: 14px;
        font-weight: 700
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .in-txt .in-body {
        color: #fff;
        margin: 0 31px 14px;
        font-size: 10px;
        overflow-y: initial;
        max-height: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart {
        position: relative;
        margin: 0 0 35px;
        padding: 0 31px
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container {
        margin: 0;
        width: 100%
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide {
        width: 33%
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail {
        display: flex
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail div {
        color: #fff
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .fris-img {
        width: 100%;
        height: 90px;
        background-size: cover
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content {
        flex: 1 1
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .frist-line {
        border: none;
        outline: none;
        padding: 0 5px;
        height: 8px;
        width: 85px;
        display: flex;
        -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
        background: #0878b5;
        margin: 23px 0 14px
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body {
        max-height: 70px;
        overflow: hidden;
        font-size: 20px;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-wrapper .swiper-slide .frist-detail .frist-content .fris-body:hover {
        height: auto;
        display: block;
        -webkit-line-clamp: none;
        line-clamp: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-container .swiper-pagination {
        display: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev {
        left: 1px;
        position: absolute;
        outline: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev i {
        color: #7f7f7f;
        font-size: 30px
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next {
        right: 1px;
        position: absolute;
        outline: none
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next i {
        color: #7f7f7f;
        font-size: 30px
    }

    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-next:after,
    .__lightspot-carousel-group .tab-detail .in-content .in-detail .swiperPart .swiper-button-prev:after {
        display: none
    }
}

.__liquid-oil .content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__liquid-oil .content .top {
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: left;
    margin-bottom: 40px
}

.__liquid-oil .content .top .tip {
    width: 320px;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 50px 4px;
    color: rgba(0, 0, 0, .5)
}

.__liquid-oil .content .top button {
    margin-right: 20px;
    height: 50px;
    width: 208px;
    padding-left: 20px;
    padding-right: 20px
}

.__liquid-oil .content .top .no-result {
    margin-top: 10px;
    color: #ea5656;
    font-size: 16px
}

.__liquid-oil .content .top .no-result .fa {
    padding-right: 10px;
    color: #fc0
}

.__liquid-oil .content .car-models {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
    margin-top: 30px
}

.__liquid-oil .content .car-models li {
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    padding-bottom: 10px
}

.__liquid-oil .content .car-models li .car-image {
    width: 240px;
    height: auto;
    display: flex;
    justify-content: center;
    text-align: center
}

.__liquid-oil .content .car-models li img {
    width: 225px;
    height: auto;
    margin-top: 20px
}

.__liquid-oil .content .car-models li p {
    margin-top: 10px;
    color: rgba(0, 0, 0, .75)
}

.__liquid-oil .content .car-models li.active,
.__liquid-oil .content .car-models li:hover {
    width: auto;
    font-size: 22px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.__liquid-oil .content .car-models li.active p,
.__liquid-oil .content .car-models li:hover p {
    color: #0066b2;
    font-weight: 700
}

.__liquid-oil .content .content-container {
    margin-top: 62px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: grid;
    grid-template-columns: 288px 288px 288px 288px;
    justify-content: center
}

.__liquid-oil .content .content-container .category-item {
    position: relative;
    width: 320px;
    min-height: 424px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 0;
    margin-bottom: 20px
}

.__liquid-oil .content .content-container .category-item .item {
    width: 288px;
    min-height: 424px;
    border: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 20px;
    position: absolute;
    top: 0
}

.__liquid-oil .content .content-container .category-item .item .image {
    width: 288px;
    height: 280px;
    background: #f7f7f7;
    margin-bottom: 14px
}

.__liquid-oil .content .content-container .category-item .item .title {
    padding: 0 14px;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, .75);
    line-height: 22px
}

.__liquid-oil .content .content-container .category-item .item .title span {
    display: block;
    padding-left: 0
}

.__liquid-oil .content .content-container .category-item .item .detail {
    padding: 0 14px;
    height: 17px;
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
    line-height: 20px;
    margin-top: 8px
}

.__liquid-oil .content .content-container .page-numbers {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__liquid-oil .content .content-container .page-numbers .__pagination {
    float: right
}

.__liquid-oil .content .load-more {
    margin: 40px auto
}

.__liquid-oil .content .load-more button {
    margin: 0 auto
}

.__liquid-oil .content .table-con {
    overflow: auto
}

.__liquid-oil .content .table {
    width: 100%;
    border: 1px solid #cacaca;
    border-bottom: 0;
    border-right: 0;
    margin-top: 30px
}

.__liquid-oil .content .table thead {
    height: 100px;
    background: #e7eef4
}

.__liquid-oil .content .table thead th,
.__liquid-oil .content .table thead tr {
    padding: 20px 10px;
    border: 0;
    font-size: 16px
}

.__liquid-oil .content .table thead th:last-child {
    border-right: 1px solid #cacaca
}

.__liquid-oil .content .table th,
.__liquid-oil .content .table tr {
    padding: 20px 10px;
    border: 0;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-size: 14px
}

.__liquid-oil .content .table tr {
    min-height: 60px
}

.__liquid-oil .content .table tbody {
    color: rgba(0, 0, 0, .75)
}

.__liquid-oil .content .table tbody tr:first-child th:nth-child(2),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(4),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(5),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(6),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(7),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(8),
.__liquid-oil .content .table tbody tr th:first-child,
.__liquid-oil .content .table tbody tr th:nth-child(3),
.__liquid-oil .content .table tbody tr th:nth-child(5),
.__liquid-oil .content .table tbody tr th:nth-child(6),
.__liquid-oil .content .table tbody tr th:nth-child(7) {
    background: #fafafa
}

.__liquid-oil .content .table tbody tr:first-child th:first-child,
.__liquid-oil .content .table tbody tr:first-child th:nth-child(3),
.__liquid-oil .content .table tbody tr:first-child th:nth-child(5) {
    background: #fff
}

.__liquid-oil .content .mobile-tip {
    display: none
}

.__liquid-oil.padding-top-large {
    padding-top: 80px
}

.__liquid-oil.padding-bottom-large {
    padding-bottom: 80px
}

.__liquid-oil.margin-top-large {
    margin-top: 80px
}

.__liquid-oil.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__liquid-oil.padding-top-large {
        padding-top: 60px
    }

    .__liquid-oil.padding-bottom-large {
        padding-bottom: 60px
    }

    .__liquid-oil.margin-top-large {
        margin-top: 60px
    }

    .__liquid-oil.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__liquid-oil.padding-top-large {
        padding-top: 50px
    }

    .__liquid-oil.padding-bottom-large {
        padding-bottom: 50px
    }

    .__liquid-oil.margin-top-large {
        margin-top: 50px
    }

    .__liquid-oil.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__liquid-oil.padding-top-medium {
    padding-top: 50px
}

.__liquid-oil.padding-bottom-medium {
    padding-bottom: 50px
}

.__liquid-oil.margin-top-medium {
    margin-top: 50px
}

.__liquid-oil.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__liquid-oil.padding-top-medium {
        padding-top: 40px
    }

    .__liquid-oil.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__liquid-oil.margin-top-medium {
        margin-top: 40px
    }

    .__liquid-oil.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__liquid-oil.padding-top-medium {
        padding-top: 30px
    }

    .__liquid-oil.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__liquid-oil.margin-top-medium {
        margin-top: 30px
    }

    .__liquid-oil.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__liquid-oil.padding-top-tiny {
    padding-top: 30px
}

.__liquid-oil.padding-bottom-tiny {
    padding-bottom: 30px
}

.__liquid-oil.margin-top-tiny {
    margin-top: 30px
}

.__liquid-oil.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__liquid-oil.padding-top-tiny {
        padding-top: 20px
    }

    .__liquid-oil.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__liquid-oil.margin-top-tiny {
        margin-top: 20px
    }

    .__liquid-oil.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__liquid-oil.padding-top-tiny {
        padding-top: 20px
    }

    .__liquid-oil.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__liquid-oil.margin-top-tiny {
        margin-top: 20px
    }

    .__liquid-oil.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__liquid-oil .content .top {
        display: grid;
        grid-template-columns: 200px minmax(130px, 1fr);
        grid-template-rows: auto auto auto;
        margin-top: 0
    }

    .__liquid-oil .content .top .search {
        grid-row-start: 1;
        grid-column-start: 1
    }

    .__liquid-oil .content .top .tip {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 20px 0
    }

    .__liquid-oil .content .top .btn1 {
        grid-row-start: 4;
        grid-column-start: 1
    }

    .__liquid-oil .content .top .btn1 button {
        height: 36px
    }

    .__liquid-oil .content .top .btn2 {
        grid-row-start: 1;
        grid-column-start: 2
    }

    .__liquid-oil .content .top .btn2 button {
        margin-right: 0;
        padding: 2px 10px;
        text-align: left;
        font-size: 10px;
        width: 100%;
        height: 34px
    }

    .__liquid-oil .content .top .no-result {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__liquid-oil .content .car-models {
        height: auto;
        justify-content: center
    }

    .__liquid-oil .content .car-models li {
        font-size: 10px;
        margin: 20px 5px 0;
        padding-top: 20px
    }

    .__liquid-oil .content .car-models li .car-image {
        width: 150px;
        height: 58px;
        display: flex;
        justify-content: center;
        text-align: center
    }

    .__liquid-oil .content .car-models li img {
        width: 94px;
        border: 0
    }

    .__liquid-oil .content .car-models li.active {
        font-size: 12px
    }

    .__liquid-oil .content .car-models li.active img {
        width: 120px;
        margin-top: 0
    }

    .__liquid-oil .content .content-container {
        margin-top: 30px;
        grid-column-gap: 20px;
        grid-row-gap: 13px;
        display: grid;
        grid-template-columns: 165px 165px;
        justify-content: center
    }

    .__liquid-oil .content .content-container .category-item {
        position: relative;
        width: 165px;
        height: 335px;
        min-height: 200px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        border: 0
    }

    .__liquid-oil .content .content-container .category-item .item {
        width: 165px;
        height: 335px;
        min-height: 200px
    }

    .__liquid-oil .content .content-container .category-item .item .image {
        width: 165px;
        height: 165px
    }

    .__liquid-oil .content .content-container .category-item .item .title {
        padding: 0 10px;
        font-size: 14px;
        line-height: 15px
    }

    .__liquid-oil .content .content-container .category-item .item .title span {
        display: inline;
        padding-left: 10px
    }

    .__liquid-oil .content .content-container .category-item .item .detail {
        padding: 0 10px;
        font-size: 10px;
        line-height: 17px;
        margin-top: 4px
    }

    .__liquid-oil .content .content-container .category-item .item button {
        width: 90%;
        margin: 30px auto 0;
        padding: 4px 10px
    }

    .__liquid-oil .content .content-container .category-item .item .buttons {
        width: 100%;
        position: absolute;
        bottom: 10px
    }

    .__liquid-oil .content .table {
        width: 200%
    }

    .__liquid-oil .content .table thead th,
    .__liquid-oil .content .table thead tr {
        padding: 14px;
        font-size: 16px
    }

    .__liquid-oil .content .table th,
    .__liquid-oil .content .table tr {
        padding: 14px;
        font-size: 14px
    }

    .__liquid-oil .content .mobile-tip {
        display: flex;
        justify-content: center;
        margin-top: 6px
    }

    .__liquid-oil .content .mobile-tip .fa {
        margin-right: 10px
    }
}

@media (min-width:824px) {
    .__liquid-oil .content-container .category-item {
        position: relative;
        height: 400px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0
    }

    .__liquid-oil .content-container .category-item .item {
        border: 1px solid #d9d9d9;
        width: 310px;
        height: 410px;
        position: absolute;
        top: 0
    }

    .__liquid-oil .content-container .category-item .item.no-image {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__liquid-oil .content-container .category-item .item .image {
        width: 310px;
        height: auto !important;
        margin-bottom: 12px
    }

    .__liquid-oil .content-container .category-item .item .details {
        padding: 0 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__liquid-oil .content-container .category-item .item .details .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 88px
    }

    .__liquid-oil .content-container .category-item .item .details .detail {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px
    }

    .__liquid-oil .content-container .category-item .item .details .detail span {
        font-size: 14px
    }

    .__liquid-oil .content-container .category-item .item button {
        width: 90%;
        margin-top: 10px;
        padding: 8px 20px
    }

    .__liquid-oil .content-container .category-item .item .buttons {
        left: 114px;
        margin-left: -100px;
        width: 310px;
        position: absolute;
        bottom: 4px;
        opacity: 0;
        transition: opacity .15s ease-in-out 0s
    }

    .__liquid-oil .content-container .category-item:hover .item {
        border-color: #e4e4e4;
        background: #fff;
        padding: 20px;
        height: 500px;
        left: -12px;
        right: -12px;
        top: -10px;
        z-index: 2;
        box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .45), 0 0 4px -2px rgba(0, 0, 0, .35);
        transition: padding .25s ease-in-out 0s, left .25s ease-in-out 0s, right .25s ease-in-out 0s, top .25s ease-in-out 0s, height .25s ease-in-out 0s, border-color 0s linear .05s, z-index .25s step-start 0s
    }

    .__liquid-oil .content-container .category-item:hover .buttons {
        left: 130px;
        bottom: 16px;
        opacity: 1;
        transition: opacity .35s ease-in-out .05s
    }

    .__liquid-oil .content-container .category-item:hover button {
        pointer-events: auto
    }

    .__liquid-oil .page-numbers {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 40px
    }

    .__liquid-oil .page-numbers .__pagination {
        float: right
    }

    .__liquid-oil .load-more {
        display: none
    }
}

.__model-selector {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.__model-selector .car-model {
    width: 207px;
    height: 194px;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    margin-bottom: 20px
}

.__model-selector .car-model .model-img-wrapper {
    width: 100%;
    height: 137px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7ebee
}

.__model-selector .car-model .model-img-wrapper .model-img {
    max-width: 98%;
    max-height: 100%;
    display: block
}

.__model-selector .car-model .model-img-wrapper .model-allImg {
    width: 40px;
    height: 40px;
    display: block
}

.__model-selector .car-model .model-img-wrapper .check-icon,
.__model-selector .car-model .model-img-wrapper .model-checkImg {
    display: none
}

.__model-selector .car-model .model-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px
}

.__model-selector .car-model .check {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .2s
}

.__model-selector .car-model .check:before {
    position: absolute;
    right: -2px;
    bottom: -3px;
    z-index: 1;
    color: #fff
}

.__model-selector .car-model .check:after {
    position: absolute;
    left: 0;
    content: "";
    border-right: 30px solid #0878b5;
    border-top: 30px solid transparent
}

.__model-selector .car-model.selected .check {
    opacity: 1
}

.__model-selector .selected {
    border: 1px solid #519ad0
}

.__model-selector .selected .model-img-blue {
    background-color: #519ad0
}

.__model-selector .selected .model-img-wrapper .model-allImg {
    display: none
}

.__model-selector .selected .model-img-wrapper .model-checkImg {
    width: 40px;
    height: 40px;
    display: block
}

.__model-selector .selected .model-img-wrapper .check-icon {
    display: block;
    font-size: 40px
}

.__model-selector .selected .model-img-wrapper .check-icon:before {
    color: #fff
}

@media (max-width:824px) {
    .__model-selector {
        margin-top: 20px;
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        margin-bottom: 32px;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .__model-selector .car-model {
        margin-bottom: 0;
        width: 100px;
        height: 130px;
        margin-right: 8px
    }

    .__model-selector .car-model .model-img-wrapper {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__model-selector .car-model .model-img-wrapper .model-img {
        max-width: 98%;
        max-height: 100%
    }

    .__model-selector .car-model .model-img-wrapper .model-allImg,
    .__model-selector .car-model .model-img-wrapper .model-checkImg {
        width: 20px;
        height: 20px
    }

    .__model-selector .car-model .model-img-wrapper .check-icon {
        font-size: 20px
    }

    .__model-selector .car-model .model-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        text-transform: uppercase;
        margin-top: 9px
    }

    .__model-selector .car-model .check {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0;
        transition: all .2s;
        font-size: 12px
    }

    .__model-selector .car-model .check:before {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        color: #fff
    }

    .__model-selector .car-model .check:after {
        position: absolute;
        left: 0;
        content: "";
        border-right: 20px solid #0878b5;
        border-top: 20px solid transparent
    }

    .__model-selector::-webkit-scrollbar {
        display: none
    }

    .selected .model-img-wrapper .check-icon {
        font-size: 20px
    }
}

.list-content.grid-story {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.list-content .title {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    margin-top: 0;
    line-height: unset;
    font-size: unset;
    display: inline-block
}

.list-content .title>span {
    display: inline-block
}

.list-content .title>span.type-h1,
.list-content .title>span.type-h1-green-to-purple-diagonal,
.list-content .title>span.type-h1-green-to-purple-vertical,
.list-content .title>span.type-h1-outlined,
.list-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
.list-content .title>span.type-h1-purple-to-green-horisontal,
.list-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
.list-content .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .list-content .title>span.type-h1,
    .list-content .title>span.type-h1-green-to-purple-diagonal,
    .list-content .title>span.type-h1-green-to-purple-vertical,
    .list-content .title>span.type-h1-outlined,
    .list-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content .title>span.type-h1-purple-to-green-horisontal,
    .list-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .list-content .title>span.type-h1,
    .list-content .title>span.type-h1-green-to-purple-diagonal,
    .list-content .title>span.type-h1-green-to-purple-vertical,
    .list-content .title>span.type-h1-outlined,
    .list-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content .title>span.type-h1-purple-to-green-horisontal,
    .list-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.list-content .title>span.type-h1-big,
.list-content .title>span.type-h1-big-green-to-purple-diagonal,
.list-content .title>span.type-h1-big-green-to-purple-vertical,
.list-content .title>span.type-h1-big-outlined,
.list-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.list-content .title>span.type-h1-big-purple-to-green-horisontal,
.list-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.list-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .list-content .title>span.type-h1-big,
    .list-content .title>span.type-h1-big-green-to-purple-diagonal,
    .list-content .title>span.type-h1-big-green-to-purple-vertical,
    .list-content .title>span.type-h1-big-outlined,
    .list-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content .title>span.type-h1-big-purple-to-green-horisontal,
    .list-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .list-content .title>span.type-h1-big,
    .list-content .title>span.type-h1-big-green-to-purple-diagonal,
    .list-content .title>span.type-h1-big-green-to-purple-vertical,
    .list-content .title>span.type-h1-big-outlined,
    .list-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content .title>span.type-h1-big-purple-to-green-horisontal,
    .list-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.list-content .title>span.type-h2,
.list-content .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .list-content .title>span.type-h2,
    .list-content .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .list-content .title>span.type-h2,
    .list-content .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.list-content .title>span.type-h3,
.list-content .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .list-content .title>span.type-h3,
    .list-content .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .list-content .title>span.type-h3,
    .list-content .title span.type-h4 {
        margin-bottom: 10px
    }
}

.list-content .title.center {
    text-align: center;
    max-width: 100%
}

.list-content .items-container {
    -ms-grid-row: 2;
    grid-row-gap: 20px;
    row-gap: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.list-content .items-container::-webkit-scrollbar {
    display: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .list-content .items-container.grid {
        grid-gap: 0 !important
    }
}

@supports (-ms-ime-align:auto) {
    .list-content .items-container.grid {
        grid-gap: 0 !important
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .list-content .items-container .list-content-item {
        margin-right: 8px
    }
}

@media (-ms-high-contrast:active) and (min-width:824px),
(-ms-high-contrast:none) and (min-width:824px) {
    .list-content .items-container .list-content-item {
        margin-right: 14px
    }
}

@media (-ms-high-contrast:active) and (min-width:992px),
(-ms-high-contrast:none) and (min-width:992px) {
    .list-content .items-container .list-content-item {
        margin-right: 30px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    @supports not (display:-ms-grid) {
        .list-content .items-container .list-content-item {
            margin-right: 0
        }
    }
}

@supports (-ms-ime-align:auto) {
    .list-content .items-container .list-content-item {
        margin-right: 8px
    }

    @media (min-width:824px) {
        .list-content .items-container .list-content-item {
            margin-right: 14px
        }
    }

    @media (min-width:992px) {
        .list-content .items-container .list-content-item {
            margin-right: 30px
        }
    }

    @supports not (display:-ms-grid) {
        .list-content .items-container .list-content-item {
            margin-right: 0
        }
    }
}

.list-content .items-container.three-items .list-content-item,
.list-content .items-container.two-items .list-content-item {
    grid-column-start: 3;
    -ms-grid-column: 3;
    grid-column-end: span 12;
    -ms-grid-column-span: 12
}

.list-content .items-container.four-items,
.list-content .items-container.many-items {
    width: 100%;
    display: flex;
    white-space: nowrap;
    scroll-behavior: smooth;
    overflow-y: hidden;
    overflow-x: auto;
    grid-column-start: 1;
    grid-column-end: span 15
}

.list-content .items-container.four-items .list-content-item,
.list-content .items-container.many-items .list-content-item {
    white-space: normal;
    vertical-align: top;
    min-width: 252px;
    margin-right: 8px
}

.list-content .items-container.four-items .list-content-item:first-of-type,
.list-content .items-container.many-items .list-content-item:first-of-type {
    padding-left: 40px
}

@media (min-width:824px) {
    .list-content .title {
        grid-column-end: span 9;
        -ms-grid-column-span: 9;
        -ms-grid-row: 1
    }

    .list-content .title.center {
        grid-column-end: span 12;
        -ms-grid-column-span: 12;
        max-width: 100%
    }

    .list-content .pagination {
        margin-bottom: 30px;
        grid-column-start: 12;
        -ms-grid-column: 12;
        grid-column-end: span 3;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1;
        display: flex;
        justify-content: flex-end
    }

    .list-content .items-container.two-items .list-content-item:first-of-type {
        grid-column-start: 3;
        -ms-grid-column: 3;
        grid-column-end: span 6;
        -ms-grid-column-span: 6
    }

    .list-content .items-container.two-items .list-content-item:last-of-type {
        grid-column-start: 9;
        -ms-grid-column: 9;
        grid-column-end: span 6;
        -ms-grid-column-span: 6
    }

    .list-content .items-container.three-items .list-content-item:first-of-type {
        grid-column-start: 3;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 4
    }

    .list-content .items-container.three-items .list-content-item:nth-of-type(2) {
        grid-column-start: 7;
        -ms-grid-column: 7;
        grid-column-end: span 4;
        -ms-grid-column-span: 4
    }

    .list-content .items-container.three-items .list-content-item:nth-of-type(3) {
        grid-column-start: 11;
        -ms-grid-column: 11;
        grid-column-end: span 4;
        -ms-grid-column-span: 4
    }

    .list-content .items-container.four-items .list-content-item,
    .list-content .items-container.many-items .list-content-item {
        min-width: 168px;
        padding-right: 14px;
        margin: 0
    }

    .list-content .items-container.four-items .list-content-item:first-of-type,
    .list-content .items-container.many-items .list-content-item:first-of-type {
        padding-left: 84px
    }
}

@media (min-width:992px) {
    .list-content .title {
        display: inline-block
    }

    .list-content .pagination {
        margin-bottom: 40px
    }
}

@media (min-width:992px) and (-ms-high-contrast:active),
(min-width:992px) and (-ms-high-contrast:none) {
    .list-content .pagination {
        margin-right: 8px
    }
}

@media (min-width:992px) and (-ms-high-contrast:active) and (min-width:824px),
(min-width:992px) and (-ms-high-contrast:none) and (min-width:824px) {
    .list-content .pagination {
        margin-right: 14px
    }
}

@media (min-width:992px) and (-ms-high-contrast:active) and (min-width:992px),
(min-width:992px) and (-ms-high-contrast:none) and (min-width:992px) {
    .list-content .pagination {
        margin-right: 30px
    }
}

@media (min-width:992px) and (-ms-high-contrast:active),
(min-width:992px) and (-ms-high-contrast:none) {
    @supports not (display:-ms-grid) {
        .list-content .pagination {
            margin-right: 0
        }
    }
}

@media (min-width:992px) {
    @supports (-ms-ime-align:auto) {
        .list-content .pagination {
            margin-right: 8px
        }

        @media (min-width:824px) {
            .list-content .pagination {
                margin-right: 14px
            }
        }

        @media (min-width:992px) {
            .list-content .pagination {
                margin-right: 30px
            }
        }

        @supports not (display:-ms-grid) {
            .list-content .pagination {
                margin-right: 0
            }
        }
    }

    .list-content .items-container.four-items {
        display: grid;
        display: -ms-grid;
        grid-column-start: 1;
        -ms-grid-column: 1;
        grid-column-end: span 15;
        -ms-grid-column-span: 15;
        overflow-x: hidden
    }

    .list-content .items-container.four-items .list-content-item {
        grid-column-end: span 3;
        -ms-grid-column-span: 3
    }

    .list-content .items-container.four-items .list-content-item:first-of-type {
        grid-column-start: 3;
        -ms-grid-column: 3;
        padding-left: 0
    }

    .list-content .items-container.four-items .list-content-item:nth-of-type(2) {
        grid-column-start: 6;
        -ms-grid-column: 6
    }

    .list-content .items-container.four-items .list-content-item:nth-of-type(3) {
        grid-column-start: 9;
        -ms-grid-column: 9
    }

    .list-content .items-container.four-items .list-content-item:last-of-type {
        grid-column-start: 12;
        -ms-grid-column: 12
    }

    .list-content .items-container.many-items .list-content-item {
        padding-right: 0;
        min-width: 290px
    }

    .list-content .items-container.many-items .list-content-item:first-of-type {
        padding-left: 0
    }

    .list-content .items-container.many-items.carousel {
        grid-column-start: 3;
        -ms-grid-column: 3;
        grid-column-end: span 12;
        -ms-grid-column-span: 12;
        overflow-x: scroll;
        scroll-behavior: unset;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-y: hidden;
        overflow: hidden;
        grid-auto-flow: column;
        grid-gap: 30px;
        min-width: unset;
        max-width: 100%
    }

    .list-content .items-container.many-items.carousel::-webkit-scrollbar {
        display: none
    }

    .list-content .items-container.many-items.carousel .list-content-item {
        min-width: unset;
        min-width: calc(33.33333% - 20px);
        margin-right: 30px
    }

    @-moz-document url-prefix() {
        .list-content .items-container.many-items.carousel .list-content-item {
            margin-right: 0
        }
    }

    .list-content .items-container.many-items.rows {
        grid-column-start: 3;
        grid-column-end: span 12;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: 30px;
        grid-row-gap: 80px;
        overflow: hidden
    }
}

@media (min-width:992px) and (-ms-high-contrast:active),
(min-width:992px) and (-ms-high-contrast:none) {
    .list-content .items-container.many-items.rows {
        display: -ms-grid;
        grid-column-start: 1;
        -ms-grid-column: 1;
        grid-column-end: span 15;
        -ms-grid-column-span: 15
    }
}

@media (min-width:992px) {
    @supports (-ms-ime-align:auto) {
        .list-content .items-container.many-items.rows {
            display: -ms-grid;
            grid-column-start: 1;
            -ms-grid-column: 1;
            grid-column-end: span 15;
            -ms-grid-column-span: 15
        }
    }

    .list-content .items-container.many-items.rows .list-content-item {
        grid-column: span 4;
        -ms-grid-column-span: 4;
        min-width: unset
    }
}

@media (min-width:992px) and (-ms-high-contrast:active),
(min-width:992px) and (-ms-high-contrast:none) {
    .list-content .items-container.many-items.rows .list-content-item {
        margin-bottom: 40px
    }

    .list-content .items-container.many-items.rows .list-content-item:first-of-type,
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(2),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(3) {
        -ms-grid-row: 1
    }

    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(4),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(5),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(6) {
        -ms-grid-row: 2
    }

    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(7),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(8),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(9) {
        -ms-grid-row: 3
    }

    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(10),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(11),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(13) {
        -ms-grid-row: 4
    }

    .list-content .items-container.many-items.rows .list-content-item:first-of-type,
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(4),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(7),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(10) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 4
    }

    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(2),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(5),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(8),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(11) {
        -ms-grid-column: 7;
        -ms-grid-column-span: 4
    }

    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(3),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(6),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(9),
    .list-content .items-container.many-items.rows .list-content-item:nth-of-type(12) {
        -ms-grid-column: 11;
        -ms-grid-column-span: 4
    }
}

@media (min-width:992px) {
    @supports (-ms-ime-align:auto) {
        .list-content .items-container.many-items.rows .list-content-item {
            margin-bottom: 40px
        }

        .list-content .items-container.many-items.rows .list-content-item:first-of-type,
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(2),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(3) {
            -ms-grid-row: 1
        }

        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(4),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(5),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(6) {
            -ms-grid-row: 2
        }

        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(7),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(8),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(9) {
            -ms-grid-row: 3
        }

        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(10),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(11),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(13) {
            -ms-grid-row: 4
        }

        .list-content .items-container.many-items.rows .list-content-item:first-of-type,
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(4),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(7),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(10) {
            -ms-grid-column: 3;
            -ms-grid-column-span: 4
        }

        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(2),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(5),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(8),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(11) {
            -ms-grid-column: 7;
            -ms-grid-column-span: 4
        }

        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(3),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(6),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(9),
        .list-content .items-container.many-items.rows .list-content-item:nth-of-type(12) {
            -ms-grid-column: 11;
            -ms-grid-column-span: 4
        }
    }
}

.items-container.is-visible div {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.items-container div:first-of-type {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.items-container div:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.items-container div:nth-of-type(3) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.items-container div:nth-of-type(4) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.items-container div:nth-of-type(5) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.items-container div:nth-of-type(6) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.items-container div:nth-of-type(7) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.items-container div:nth-of-type(8) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.items-container div:nth-of-type(9) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.items-container div:nth-of-type(10) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.items-container div:nth-of-type(11) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.items-container div:nth-of-type(12) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.list-content-item:first-of-type {
    -ms-grid-row: 1
}

.list-content-item:nth-of-type(2) {
    -ms-grid-row: 2
}

.list-content-item:nth-of-type(3) {
    -ms-grid-row: 3
}

.list-content-item.center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.list-content-item.center .title,
.list-content-item.center p {
    text-align: center;
    max-width: 90%
}

.list-content-item.center-text {
    display: flex;
    flex-direction: column;
    align-items: center
}

.list-content-item.center-text .title,
.list-content-item.center-text p {
    text-align: center;
    max-width: 90%
}

.list-content-item.center-text .top-icon {
    display: flex;
    justify-content: center
}

.list-content-item.bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.list-content-item .overline {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 0 5px
}

@media (min-width:824px) {
    .list-content-item .overline {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .list-content-item .overline {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.list-content-item .image img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.list-content-item .image+.title {
    margin-top: 20px
}

.list-content-item .top-icon {
    color: #fff;
    margin-bottom: 20px;
    font-size: 50px
}

.list-content-item .title {
    margin-top: 0;
    line-height: unset;
    font-size: unset;
    display: inline-block;
    display: block
}

.list-content-item .title>span {
    display: inline-block
}

.list-content-item .title>span.type-h1,
.list-content-item .title>span.type-h1-green-to-purple-diagonal,
.list-content-item .title>span.type-h1-green-to-purple-vertical,
.list-content-item .title>span.type-h1-outlined,
.list-content-item .title>span.type-h1-plum-to-urban-jundle-diagonal,
.list-content-item .title>span.type-h1-purple-to-green-horisontal,
.list-content-item .title>span.type-h1-urban-jundle-to-plum-horisontal,
.list-content-item .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .list-content-item .title>span.type-h1,
    .list-content-item .title>span.type-h1-green-to-purple-diagonal,
    .list-content-item .title>span.type-h1-green-to-purple-vertical,
    .list-content-item .title>span.type-h1-outlined,
    .list-content-item .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content-item .title>span.type-h1-purple-to-green-horisontal,
    .list-content-item .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content-item .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .list-content-item .title>span.type-h1,
    .list-content-item .title>span.type-h1-green-to-purple-diagonal,
    .list-content-item .title>span.type-h1-green-to-purple-vertical,
    .list-content-item .title>span.type-h1-outlined,
    .list-content-item .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content-item .title>span.type-h1-purple-to-green-horisontal,
    .list-content-item .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content-item .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.list-content-item .title>span.type-h1-big,
.list-content-item .title>span.type-h1-big-green-to-purple-diagonal,
.list-content-item .title>span.type-h1-big-green-to-purple-vertical,
.list-content-item .title>span.type-h1-big-outlined,
.list-content-item .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.list-content-item .title>span.type-h1-big-purple-to-green-horisontal,
.list-content-item .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.list-content-item .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .list-content-item .title>span.type-h1-big,
    .list-content-item .title>span.type-h1-big-green-to-purple-diagonal,
    .list-content-item .title>span.type-h1-big-green-to-purple-vertical,
    .list-content-item .title>span.type-h1-big-outlined,
    .list-content-item .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content-item .title>span.type-h1-big-purple-to-green-horisontal,
    .list-content-item .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content-item .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .list-content-item .title>span.type-h1-big,
    .list-content-item .title>span.type-h1-big-green-to-purple-diagonal,
    .list-content-item .title>span.type-h1-big-green-to-purple-vertical,
    .list-content-item .title>span.type-h1-big-outlined,
    .list-content-item .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content-item .title>span.type-h1-big-purple-to-green-horisontal,
    .list-content-item .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content-item .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.list-content-item .title>span.type-h2,
.list-content-item .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .list-content-item .title>span.type-h2,
    .list-content-item .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .list-content-item .title>span.type-h2,
    .list-content-item .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.list-content-item .title>span.type-h3,
.list-content-item .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .list-content-item .title>span.type-h3,
    .list-content-item .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .list-content-item .title>span.type-h3,
    .list-content-item .title span.type-h4 {
        margin-bottom: 10px
    }
}

.list-content-item .subtitle {
    margin-top: 0;
    line-height: unset;
    font-size: unset;
    display: inline-block;
    display: block
}

.list-content-item .subtitle>span {
    display: inline-block
}

.list-content-item .subtitle>span.type-h1,
.list-content-item .subtitle>span.type-h1-green-to-purple-diagonal,
.list-content-item .subtitle>span.type-h1-green-to-purple-vertical,
.list-content-item .subtitle>span.type-h1-outlined,
.list-content-item .subtitle>span.type-h1-plum-to-urban-jundle-diagonal,
.list-content-item .subtitle>span.type-h1-purple-to-green-horisontal,
.list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-horisontal,
.list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .list-content-item .subtitle>span.type-h1,
    .list-content-item .subtitle>span.type-h1-green-to-purple-diagonal,
    .list-content-item .subtitle>span.type-h1-green-to-purple-vertical,
    .list-content-item .subtitle>span.type-h1-outlined,
    .list-content-item .subtitle>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content-item .subtitle>span.type-h1-purple-to-green-horisontal,
    .list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .list-content-item .subtitle>span.type-h1,
    .list-content-item .subtitle>span.type-h1-green-to-purple-diagonal,
    .list-content-item .subtitle>span.type-h1-green-to-purple-vertical,
    .list-content-item .subtitle>span.type-h1-outlined,
    .list-content-item .subtitle>span.type-h1-plum-to-urban-jundle-diagonal,
    .list-content-item .subtitle>span.type-h1-purple-to-green-horisontal,
    .list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-horisontal,
    .list-content-item .subtitle>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.list-content-item .subtitle>span.type-h1-big,
.list-content-item .subtitle>span.type-h1-big-green-to-purple-diagonal,
.list-content-item .subtitle>span.type-h1-big-green-to-purple-vertical,
.list-content-item .subtitle>span.type-h1-big-outlined,
.list-content-item .subtitle>span.type-h1-big-plum-to-urban-jundle-diagonal,
.list-content-item .subtitle>span.type-h1-big-purple-to-green-horisontal,
.list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-horisontal,
.list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .list-content-item .subtitle>span.type-h1-big,
    .list-content-item .subtitle>span.type-h1-big-green-to-purple-diagonal,
    .list-content-item .subtitle>span.type-h1-big-green-to-purple-vertical,
    .list-content-item .subtitle>span.type-h1-big-outlined,
    .list-content-item .subtitle>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content-item .subtitle>span.type-h1-big-purple-to-green-horisontal,
    .list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .list-content-item .subtitle>span.type-h1-big,
    .list-content-item .subtitle>span.type-h1-big-green-to-purple-diagonal,
    .list-content-item .subtitle>span.type-h1-big-green-to-purple-vertical,
    .list-content-item .subtitle>span.type-h1-big-outlined,
    .list-content-item .subtitle>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .list-content-item .subtitle>span.type-h1-big-purple-to-green-horisontal,
    .list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .list-content-item .subtitle>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.list-content-item .subtitle>span.type-h2,
.list-content-item .subtitle>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .list-content-item .subtitle>span.type-h2,
    .list-content-item .subtitle>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .list-content-item .subtitle>span.type-h2,
    .list-content-item .subtitle>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.list-content-item .subtitle>span.type-h3,
.list-content-item .subtitle span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .list-content-item .subtitle>span.type-h3,
    .list-content-item .subtitle span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .list-content-item .subtitle>span.type-h3,
    .list-content-item .subtitle span.type-h4 {
        margin-bottom: 10px
    }
}

.list-content-item .text {
    color: #000;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    max-width: 90%
}

.list-content-item .text a {
    color: #0878b5;
    text-decoration: underline
}

.list-content-item .text a span {
    color: #fff;
    text-decoration: none
}

.list-content-item .text a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .list-content-item .text {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .list-content-item .text {
        font-size: 14px;
        line-height: 20px
    }
}

.list-content-item .icon-link,
.list-content-item .primary-button,
.list-content-item .primary-link {
    margin-top: 30px
}

@media (min-width:824px) {

    .list-content-item:first-of-type,
    .list-content-item:nth-of-type(2),
    .list-content-item:nth-of-type(3) {
        -ms-grid-row: 1
    }

    .list-content-item .overline {
        margin-bottom: 5px
    }

    .list-content-item .text {
        max-width: 95%
    }

    .list-content-item .icon-link,
    .list-content-item .primary-button,
    .list-content-item .primary-link {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .list-content-item .overline {
        margin-bottom: 10px
    }

    .list-content-item .text {
        max-width: 100%
    }

    .list-content-item .icon-link,
    .list-content-item .primary-button,
    .list-content-item .primary-link {
        margin-top: 40px
    }
}

.__main-spare-parts .content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin: 30px 0
}

.__main-spare-parts .content .top {
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: left
}

.__main-spare-parts .content .top .tip {
    width: 320px;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 50px 4px;
    color: rgba(0, 0, 0, .5)
}

.__main-spare-parts .content .top button {
    margin-right: 20px;
    height: 50px;
    width: 208px;
    padding-left: 20px;
    padding-right: 20px
}

.__main-spare-parts .content .top .no-result {
    margin-top: 10px;
    color: #ea5656;
    font-size: 16px
}

.__main-spare-parts .content .top .no-result .fa {
    padding-right: 10px;
    color: #fc0
}

.__main-spare-parts .car-model {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    flex-wrap: wrap
}

.__main-spare-parts .car-model li {
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
    padding-bottom: 10px
}

.__main-spare-parts .car-model li .car-image {
    width: 240px;
    height: auto;
    display: flex;
    justify-content: center;
    text-align: center
}

.__main-spare-parts .car-model li img {
    width: 225px;
    height: auto;
    margin-top: 20px
}

.__main-spare-parts .car-model li p {
    margin-top: 10px;
    color: rgba(0, 0, 0, .75)
}

.__main-spare-parts .car-model li.active,
.__main-spare-parts .car-model li:hover {
    width: auto;
    font-size: 22px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.__main-spare-parts .car-model li.active p,
.__main-spare-parts .car-model li:hover p {
    color: #0066b2;
    font-weight: 700
}

.__main-spare-parts .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    flex-direction: row;
    grid-row-start: 5;
    grid-column-gap: 0
}

.__main-spare-parts .content-wrapper .dictionary-list {
    margin-right: 60px;
    grid-column-start: 1
}

.__main-spare-parts .content-wrapper .dictionary-list .dictionary-item {
    width: 205px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    cursor: pointer
}

.__main-spare-parts .content-wrapper .dictionary-list .dictionary-item p {
    margin-right: auto;
    color: rgba(0, 0, 0, .5)
}

.__main-spare-parts .content-wrapper .dictionary-list .dictionary-item img {
    width: 38px;
    height: 38px
}

.__main-spare-parts .content-wrapper .dictionary-list .dictionary-item.active {
    background: rgba(220, 226, 230, .39)
}

.__main-spare-parts .content-wrapper .dictionary-list .dictionary-item.active p {
    color: #000
}

.__main-spare-parts .content-wrapper .content-list .content-item {
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    display: grid;
    grid-template-columns: 310px 310px 310px;
    justify-content: center
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item {
    position: relative;
    width: 310px;
    height: 520px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 0
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item {
    border: 1px solid #d9d9d9;
    width: 310px;
    height: 520px;
    position: absolute;
    top: 0
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item.no-image {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .image {
    width: 310px;
    height: auto !important;
    margin-bottom: 12px
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details {
    padding: 0 14px;
    color: rgba(0, 0, 0, .75)
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 88px
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail span {
    font-size: 14px
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details button {
    margin-top: 10px
}

.__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .buttons {
    left: 114px;
    margin-left: -100px;
    width: 310px;
    position: absolute;
    bottom: 4px;
    opacity: 0;
    transition: opacity .15s ease-in-out 0s
}

.__main-spare-parts .content-wrapper .page-numbers {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__main-spare-parts .content-wrapper .page-numbers .__pagination {
    float: right
}

.__main-spare-parts .content-wrapper .load-more {
    display: none
}

@media (max-width:824px) {
    .__main-spare-parts .content {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__main-spare-parts .content .top {
        display: grid;
        grid-template-columns: 200px minmax(130px, 1fr);
        grid-template-rows: auto auto auto;
        margin-top: 0
    }

    .__main-spare-parts .content .top .search {
        grid-row-start: 1;
        grid-column-start: 1
    }

    .__main-spare-parts .content .top .tip {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 10px 0
    }

    .__main-spare-parts .content .top .error-message {
        padding-bottom: 0
    }

    .__main-spare-parts .content .top .btn1 {
        grid-row-start: 4;
        grid-column-start: 1
    }

    .__main-spare-parts .content .top .btn1 button {
        height: 36px
    }

    .__main-spare-parts .content .top .btn2 {
        grid-row-start: 1;
        grid-column-start: 2
    }

    .__main-spare-parts .content .top .btn2 button {
        margin-right: 0;
        padding: 2px 10px;
        text-align: left;
        font-size: 10px;
        width: 100%;
        height: 34px
    }

    .__main-spare-parts .content .top .no-result {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 3;
        -ms-grid-column-span: 1;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__main-spare-parts .tab-menu {
        height: 44px;
        margin: 30px 0
    }

    .__main-spare-parts .tab-menu .tab-item {
        font-size: 14px;
        line-height: 44px
    }

    .__main-spare-parts .car-model {
        height: auto;
        justify-content: center
    }

    .__main-spare-parts .car-model li {
        font-size: 10px;
        padding-top: 20px;
        margin: 20px 5px 0
    }

    .__main-spare-parts .car-model li .car-image {
        width: 150px;
        height: 58px;
        display: flex;
        justify-content: center;
        text-align: center
    }

    .__main-spare-parts .car-model li img {
        width: 94px;
        border: 0;
        margin-top: 10px
    }

    .__main-spare-parts .car-model li.active {
        font-size: 12px
    }

    .__main-spare-parts .car-model li.active img {
        width: 120px;
        margin-top: 0
    }

    .__main-spare-parts .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 0;
        flex-direction: column
    }

    .__main-spare-parts .content-wrapper .dictionary-list {
        width: 100%;
        margin: 20px auto
    }

    .__main-spare-parts .content-wrapper .dictionary-list .dictionary-item {
        width: calc(100% - 140px);
        padding: 0 70px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item {
        grid-column-gap: 13px;
        grid-row-gap: 13px;
        grid-template-columns: 165px 165px;
        display: grid
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item {
        position: relative;
        width: 165px;
        height: 450px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        border: 0
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item {
        width: 165px;
        height: 450px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .image {
        width: 165px;
        height: 165px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details {
        padding: 0 10px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .title {
        font-size: 12px;
        line-height: 15px;
        height: 60px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail {
        font-size: 10px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail span {
        font-size: 12px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details button {
        margin-top: 10px;
        padding: 5px 10px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .buttons {
        left: 110px;
        margin-left: -100px;
        width: 140px;
        position: absolute;
        bottom: 10px;
        opacity: 1;
        transition: opacity .15s ease-in-out 0s
    }

    .__main-spare-parts .page-numbers {
        display: none
    }

    .__main-spare-parts .load-more {
        margin: 40px auto;
        display: block !important
    }

    .__main-spare-parts .load-more button {
        margin: 0 auto
    }

    .__main-spare-parts .waterfall {
        -webkit-column-count: 1;
        -webkit-column-width: 344px;
        columns: 344px 1;
        grid-column-gap: 0;
        -webkit-column-gap: 0;
        column-gap: 0
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .__main-spare-parts .car-model {
        justify-content: left
    }
}

@media (min-width:824px) {
    .__main-spare-parts .content-wrapper .content-list .content-item {
        grid-column-gap: 20px;
        grid-row-gap: 50px;
        display: grid;
        grid-template-columns: 310px 310px 310px;
        justify-content: center
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item {
        position: relative;
        width: 310px;
        height: 586px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item {
        border: 1px solid #d9d9d9;
        width: 310px;
        height: 586px;
        position: absolute;
        top: 0
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item.no-image {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .image {
        width: 310px;
        height: auto !important;
        margin-bottom: 12px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details {
        padding: 0 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 88px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .detail span {
        font-size: 14px
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details button {
        width: 90%;
        margin-top: 10px;
        height: 32px;
        padding: 0 5%
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item .item .details .buttons {
        left: 114px;
        margin-left: -100px;
        width: 310px;
        position: absolute;
        bottom: 4px;
        opacity: 0;
        transition: opacity .15s ease-in-out 0s
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item:hover .item {
        border-color: #e4e4e4;
        background: #fff;
        padding: 20px 28px;
        width: 310px;
        height: 610px;
        left: -12px;
        right: -12px;
        top: -32px;
        z-index: 2;
        box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .45), 0 0 4px -2px rgba(0, 0, 0, .35);
        transition: padding .25s ease-in-out 0s, left .25s ease-in-out 0s, right .25s ease-in-out 0s, top .25s ease-in-out 0s, height .25s ease-in-out 0s, border-color 0s linear .05s, z-index .25s step-start 0s
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item:hover .details .buttons {
        left: 140px;
        bottom: 25px;
        opacity: 1;
        transition: opacity .35s ease-in-out .05s
    }

    .__main-spare-parts .content-wrapper .content-list .content-item .category-item:hover .details button {
        pointer-events: auto
    }
}

@media (max-width:1366px) {
    .__main-spare-parts .content-wrapper {
        grid-column-gap: 0
    }
}

.__maintenance-calculator {
    -ms-zoom: .88;
    padding-top: 20px;
    grid-column-gap: 0 !important
}

.__maintenance-calculator .__background-image {
    position: relative;
    z-index: 10
}

.__maintenance-calculator.__maintenance-calculator_index {
    position: relative;
    z-index: 10;
    background: #fff
}

.__maintenance-calculator .warning-color {
    color: #fc0;
    margin-right: 10px
}

.__maintenance-calculator .maintenance-calculator-form-image {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.__maintenance-calculator .__maintenance-calculator-title {
    font-size: 18px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__maintenance-calculator .mobile-wapper {
    padding: 0 16px 24px
}

.__maintenance-calculator .__maintenance-calculator-form {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__maintenance-calculator .mileage-title {
    font-size: 18px;
    padding: 0 0 60px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__maintenance-calculator .download-box {
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding-top: 60px
}

.__maintenance-calculator .download-box .download-title {
    color: #3892c3;
    position: absolute;
    top: 20px;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    text-align: center
}

.__maintenance-calculator .download-box .download-button {
    position: absolute;
    width: 360px;
    left: 50%;
    margin-left: -180px;
    cursor: pointer;
    border-bottom: 1px solid #e9ebec;
    text-align: center;
    padding: 20px 0;
    word-break: break-all;
    display: flex;
    align-items: center;
    justify-content: center
}

.__maintenance-calculator .download-box .download-button .download-image {
    width: 20px;
    margin-right: 10px
}

.__maintenance-calculator .download-box-top {
    padding-top: 0
}

.__maintenance-calculator .rang-wrapper {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative;
    margin-bottom: 36px
}

.__maintenance-calculator .rang-wrapper input[type=range] {
    display: block;
    -webkit-appearance: none;
    background: -webkit-linear-gradient(#3892c3, #3892c3) no-repeat #ccc;
    background-size: 0 100%;
    width: calc(100% - 34px);
    height: 5px;
    border-radius: 5px;
    outline: 0
}

.__maintenance-calculator .rang-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #3892c3;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 9px solid #fff;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2)
}

.__maintenance-calculator .rang-wrapper input[type=range]::-ms-track {
    height: 25px;
    border-radius: 10px;
    border-color: transparent;
    color: transparent
}

.__maintenance-calculator .rang-wrapper input[type=range]::-ms-thumb {
    border: .125em solid rgba(205, 224, 230, .5);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #fff;
    margin-top: -5px;
    box-shadow: 0 .125em .125em #3b4547
}

.__maintenance-calculator .rang-wrapper input[type=range]::-ms-fill-lower {
    height: 25px;
    border-radius: 10px;
    background: linear-gradient(90deg, #3892c3, #3892c3 100%, #3892c3)
}

.__maintenance-calculator .rang-wrapper input[type=range]::-ms-fill-upper {
    height: 22px;
    border-radius: 10px;
    background: #eee
}

.__maintenance-calculator .rang-wrapper input[type=range]:focus::-ms-fill-lower {
    background: linear-gradient(90deg, #3892c3, #3892c3 100%, #3892c3)
}

.__maintenance-calculator .rang-wrapper input[type=range]:focus::-ms-fill-upper {
    background: #eee
}

.__maintenance-calculator .rang-wrapper .rangNum {
    width: 55px;
    height: 22px;
    background: #3892c3;
    position: absolute;
    top: -40px;
    left: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 22px
}

.__maintenance-calculator .rang-wrapper .rangNum:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #3892c3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto
}

.__maintenance-calculator .rang-wrapper .rule {
    width: calc(100% - 34px)
}

.__maintenance-calculator .rang-wrapper .rule ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.__maintenance-calculator .rang-wrapper .rule ul li {
    display: inline-block;
    text-align: left;
    position: relative
}

.__maintenance-calculator .rang-wrapper .rule ul li span {
    color: #b2b2b2;
    font-size: 12px;
    position: absolute;
    right: -10px
}

.__maintenance-calculator .rang-wrapper .rule ul li:first-child span {
    left: -2px
}

.__maintenance-calculator .maintenance-calculator-access {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__maintenance-calculator .maintenance-calculator-access .label {
    white-space: nowrap
}

.__maintenance-calculator .maintenance-calculator-access .__f-h6 {
    font-size: 11px;
    color: #000
}

.__maintenance-calculator .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 4;
    -ms-grid-row-span: 4;
    background-color: #f5f6f9
}

.__maintenance-calculator .map-title {
    padding-top: 40px;
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__maintenance-calculator .mobile-map-select-box {
    position: relative;
    z-index: 1;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__maintenance-calculator .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.__maintenance-calculator .__test-drive-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5 !important;
    padding-bottom: 20px
}

.__maintenance-calculator .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden
}

.__maintenance-calculator .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.__maintenance-calculator .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.__maintenance-calculator .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.__maintenance-calculator .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.__maintenance-calculator .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.__maintenance-calculator .text-area {
    margin-bottom: 20px
}

.__maintenance-calculator .map-select-box {
    display: none
}

.__maintenance-calculator .nextStepWrapp {
    margin: 50px 0 0
}

.__maintenance-calculator .error-message,
.__maintenance-calculator .nextStepWrapp {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__maintenance-calculator .error-message {
    margin: 20px 0 0;
    padding-left: 16px
}

.__maintenance-calculator .carInfoWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    border: 1px solid #ccc
}

.__maintenance-calculator .carInfo-image {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 5;
    -ms-grid-column-span: 3;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__maintenance-calculator .carInfo {
    grid-column-start: 7;
    -ms-grid-column: 8;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin: 10px
}

.__maintenance-calculator .carInfo h3 {
    margin-bottom: 10px
}

.__maintenance-calculator .carInfo ul li {
    margin: 3px 0;
    overflow: hidden;
    clear: both
}

.__maintenance-calculator .carInfo ul li .tip {
    float: left;
    word-break: break-all;
    font-size: 12px;
    color: #474d59;
    width: 70%
}

.__maintenance-calculator .carInfo ul li .tipInfo {
    float: right;
    font-size: 12px;
    color: #000;
    width: 30%;
    text-align: right
}

.__maintenance-calculator .shopInfoWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    border: 1px solid #ccc;
    margin-top: 20px
}

.__maintenance-calculator .shopInfo-image {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 5;
    -ms-grid-column-span: 3;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__maintenance-calculator .shopInfo {
    grid-column-start: 7;
    -ms-grid-column: 8;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin: 30px 10px 10px
}

.__maintenance-calculator .shopInfo h3 {
    margin-bottom: 10px
}

.__maintenance-calculator .shopInfo ul li {
    margin: 3px 0;
    overflow: hidden;
    clear: both
}

.__maintenance-calculator .shopInfo ul li .tip {
    float: left;
    word-break: break-all;
    font-size: 12px;
    color: #474d59;
    width: 40%
}

.__maintenance-calculator .shopInfo ul li .tipInfo {
    float: right;
    font-size: 12px;
    color: #000;
    width: 60%;
    text-align: right
}

.__maintenance-calculator .laborCostWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none
}

.__maintenance-calculator .laborCostWrap .laborCostTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    width: calc(100% - 32px);
    padding: 0 16px;
    background: #e7eef4;
    font-size: 16px;
    color: #000;
    line-height: 44px
}

.__maintenance-calculator .laborCostWrap .laborCostTitle i {
    cursor: pointer;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .5s ease-in-out
}

.__maintenance-calculator .laborCostWrap .itemAmount {
    display: flex;
    line-height: 44px;
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 0 16px
}

.__maintenance-calculator .laborCostWrap .itemAmount span {
    flex: 1 1;
    text-align: left
}

.__maintenance-calculator .laborCostWrap .itemAmount span:nth-child(2) {
    text-align: center
}

.__maintenance-calculator .laborCostWrap .itemAmount span:last-child {
    text-align: right
}

.__maintenance-calculator .laborCostWrap .item {
    display: flex;
    justify-content: space-between;
    height: 0;
    border: none;
    padding: 0 16px;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease-in-out
}

.__maintenance-calculator .laborCostWrap .item span {
    flex: 1 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px
}

.__maintenance-calculator .laborCostWrap .item span:last-child {
    justify-content: flex-end
}

.__maintenance-calculator .laborCostWrap.active .item {
    opacity: 1;
    height: auto;
    border: 1px solid #e4e4e4;
    border-top: none
}

.__maintenance-calculator .laborCostWrap.active .laborCostTitle i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.__maintenance-calculator .amountPartsWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none
}

.__maintenance-calculator .amountPartsWrap .amountPartsTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    width: calc(100% - 32px);
    padding: 0 16px;
    background: #e7eef4;
    font-size: 16px;
    color: #000;
    line-height: 44px
}

.__maintenance-calculator .amountPartsWrap .amountPartsTitle i {
    cursor: pointer;
    font-size: 20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .5s ease-in-out
}

.__maintenance-calculator .amountPartsWrap .itemAmount {
    display: flex;
    justify-content: space-between;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 0 16px
}

.__maintenance-calculator .amountPartsWrap .item {
    display: flex;
    justify-content: space-between;
    height: 0;
    border: none;
    padding: 0 16px;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease-in-out
}

.__maintenance-calculator .amountPartsWrap .item span {
    flex: 1 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px
}

.__maintenance-calculator .amountPartsWrap .item span:last-child {
    justify-content: flex-end
}

.__maintenance-calculator .amountPartsWrap.active .item {
    opacity: 1;
    height: auto;
    border: 1px solid #e4e4e4;
    border-top: none
}

.__maintenance-calculator .amountPartsWrap.active .amountPartsTitle i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.__maintenance-calculator .tradeWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__maintenance-calculator .tradeWrap .dropDownWrap {
    width: calc(100% - 32px);
    border: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    padding: 20px 16px;
    background: #fff
}

.__maintenance-calculator .tradeWrap .dropDownWrap .tips {
    margin-top: -10px;
    font-size: 14px;
    color: rgba(0, 0, 0, .1);
    height: 48px;
    display: flex;
    align-items: center
}

.__maintenance-calculator .tradeWrap .tradeListWrap {
    width: calc(100% - 30px);
    max-height: 278px;
    padding: 20px 15px;
    margin-top: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaeaea
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList {
    overflow-y: scroll
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem {
    padding: 15px 10px;
    display: flex;
    align-items: center;
    background: #fbfbfb
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked {
    width: 20px;
    height: 20px;
    background: #0878b5;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked i {
    display: block;
    color: #fff;
    font-size: 12px
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #000;
    cursor: pointer
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked i {
    display: none
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    margin-left: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo span {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney {
    margin-top: 15px;
    display: flex
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span {
    font-size: 12px;
    color: #0066b2;
    margin-left: 15px;
    cursor: pointer
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span i {
    margin-right: 5px
}

.__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tip {
    margin-top: 12px;
    font-size: 12px;
    color: rgba(0, 0, 0, .2)
}

.__maintenance-calculator .tradeWrap .selectTrade {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 20px
}

.__maintenance-calculator .tradeWrap .selectTrade .title {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__maintenance-calculator .tradeWrap .selectTrade .selectItem {
    margin-top: 30px;
    display: flex;
    justify-content: space-between
}

.__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeType {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeMon {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    margin-left: 15px
}

.__maintenance-calculator .tradeWrap .selectTrade .selectItem .close {
    font-size: 20px;
    color: rgba(0, 0, 0, .3);
    cursor: pointer
}

.__maintenance-calculator .tradeWrap .selectTrade .selectItem+.selectItem {
    margin-top: 15px
}

.__maintenance-calculator .totalCostWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 54px;
    background: #e7eef4;
    margin-top: 20px;
    padding: 0 12px
}

.__maintenance-calculator .totalCostWrap .totalCostTitle {
    float: left;
    font-size: 12px;
    color: #000;
    line-height: 54px
}

.__maintenance-calculator .totalCostWrap .totalCost {
    float: right;
    font-size: 12px;
    color: #3892c3;
    line-height: 54px;
    font-weight: 700
}

.__maintenance-calculator .explain {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px;
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    line-height: 16px
}

.__maintenance-calculator .linkBtn {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.__maintenance-calculator .stampWrap {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    align-items: center;
    margin-top: 30px;
    justify-content: space-around;
    display: none
}

.__maintenance-calculator .stampWrap .__image {
    width: auto
}

.__maintenance-calculator .stampWrap img {
    width: 40px;
    height: 40px
}

.__maintenance-calculator .stampWrap .stamp {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 20px
}

.__maintenance-calculator .stampWrap .stamp .printIcon {
    width: 40px;
    height: 40px
}

@media (min-width:824px) {
    .__maintenance-calculator {
        padding-top: 40px;
        grid-column-gap: 0 !important
    }

    .__maintenance-calculator .no-result {
        padding-left: 0;
        padding-left: 16px;
        margin-top: 20px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .maintenance-calculator-form-image {
        padding-bottom: 0;
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain
    }

    .__maintenance-calculator .__maintenance-calculator-title {
        font-size: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .__maintenance-calculator-form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .mobile-wapper {
        padding: 0 16px 24px 0
    }

    .__maintenance-calculator .mileage-title {
        font-size: 24px;
        font-size: 18px;
        padding: 0 0 60px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .rang-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .rang-wrapper input[type=range] {
        display: block;
        -webkit-appearance: none;
        background: -webkit-linear-gradient(#3892c3, #3892c3) no-repeat #ccc;
        background-size: 0 100%;
        width: calc(100% - 34px);
        height: 5px;
        border-radius: 5px;
        outline: 0
    }

    .__maintenance-calculator .rang-wrapper input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: #fff;
        width: 28px;
        height: 28px;
        border-radius: 100%;
        cursor: pointer;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        box-shadow: 0 0 4px 1px rgba(0, 0, 0, .2)
    }

    .__maintenance-calculator .rang-wrapper input[type=range]::-ms-track {
        height: 25px;
        border-radius: 10px;
        border-color: transparent;
        color: transparent
    }

    .__maintenance-calculator .rang-wrapper input[type=range]::-ms-thumb {
        border: .125em solid rgba(205, 224, 230, .5);
        height: 25px;
        width: 25px;
        border-radius: 50%;
        background: #fff;
        margin-top: -5px;
        box-shadow: 0 .125em .125em #3b4547
    }

    .__maintenance-calculator .rang-wrapper input[type=range]::-ms-fill-lower {
        height: 25px;
        border-radius: 10px;
        background: linear-gradient(90deg, #3892c3, #3892c3 100%, #3892c3)
    }

    .__maintenance-calculator .rang-wrapper input[type=range]::-ms-fill-upper {
        height: 22px;
        border-radius: 10px;
        background: #eee
    }

    .__maintenance-calculator .rang-wrapper input[type=range]:focus::-ms-fill-lower {
        background: linear-gradient(90deg, #3892c3, #3892c3 100%, #3892c3)
    }

    .__maintenance-calculator .rang-wrapper input[type=range]:focus::-ms-fill-upper {
        background: #eee
    }

    .__maintenance-calculator .rang-wrapper .rangNum {
        width: 55px;
        height: 22px;
        background: #3892c3;
        position: absolute;
        top: -40px;
        left: -10px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 22px
    }

    .__maintenance-calculator .rang-wrapper .rangNum:after {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #3892c3;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: auto
    }

    .__maintenance-calculator .rang-wrapper .rule {
        width: calc(100% - 34px)
    }

    .__maintenance-calculator .rang-wrapper .rule ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 15px
    }

    .__maintenance-calculator .rang-wrapper .rule ul li {
        display: inline-block;
        text-align: left;
        position: relative
    }

    .__maintenance-calculator .rang-wrapper .rule ul li span {
        color: #b2b2b2;
        font-size: 10px;
        position: absolute;
        right: -10px
    }

    .__maintenance-calculator .rang-wrapper .rule ul li:first-child span {
        left: -2px
    }

    .__maintenance-calculator .rang-wrapper .error-message {
        padding: 0;
        margin-top: 30px
    }

    .__maintenance-calculator .maintenance-calculator-access {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px
    }

    .__maintenance-calculator .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9;
        margin-top: 20px
    }

    .__maintenance-calculator .map-title {
        margin-top: 20px;
        padding-top: 40px;
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .map-select-box {
        position: relative;
        z-index: 1;
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__maintenance-calculator .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__maintenance-calculator .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__maintenance-calculator .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__maintenance-calculator .map-select-box .map-select .city-search,
    .__maintenance-calculator .map-select-box .map-select .mobile-city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__maintenance-calculator .map-select-box .map-select .city-search:hover,
    .__maintenance-calculator .map-select-box .map-select .mobile-city-search:hover {
        font-size: 30px
    }

    .__maintenance-calculator .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__maintenance-calculator .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__maintenance-calculator .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__maintenance-calculator .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__maintenance-calculator .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__maintenance-calculator .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .map-select-box .dealer-list {
        box-sizing: border-box;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__maintenance-calculator .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__maintenance-calculator .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__maintenance-calculator .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__maintenance-calculator .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__maintenance-calculator .__test-drive-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }

    .__maintenance-calculator .text-area {
        margin-bottom: 30px
    }

    .__maintenance-calculator .nextStepWrapp {
        margin: 60px 0 120px
    }

    .__maintenance-calculator .error-message,
    .__maintenance-calculator .nextStepWrapp {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__maintenance-calculator .error-message {
        margin-top: 20px
    }

    .__maintenance-calculator .carInfoWrap {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 6;
        -ms-grid-column-span: 4;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        border: 1px solid #ccc;
        margin-right: 10px
    }

    .__maintenance-calculator .carInfo-image {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__maintenance-calculator .carInfo {
        grid-column-start: 5;
        -ms-grid-column: 6;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 10px 20px 10px 10px
    }

    .__maintenance-calculator .carInfo h3 {
        margin-bottom: 12px
    }

    .__maintenance-calculator .carInfo ul li {
        margin: 6px 0;
        overflow: hidden;
        clear: both
    }

    .__maintenance-calculator .carInfo ul li .tip {
        float: left;
        width: auto;
        word-break: break-all;
        font-size: 12px;
        color: #474d59;
        width: 70%;
        text-align: left
    }

    .__maintenance-calculator .carInfo ul li .tipInfo {
        float: right;
        font-size: 12px;
        color: #000;
        width: 30%
    }

    .__maintenance-calculator .shopInfoWrap {
        grid-column-start: 9;
        -ms-grid-column: 10;
        grid-column-end: span 6;
        -ms-grid-column-span: 4;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        border: 1px solid #ccc;
        margin-left: 10px
    }

    .__maintenance-calculator .shopInfo-image {
        grid-column-start: 9;
        -ms-grid-column: 10;
        grid-column-end: span 2;
        -ms-grid-column-span: 0;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 10px 10px 10px 20px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__maintenance-calculator .shopInfo {
        grid-column-start: 11;
        -ms-grid-column: 12;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 10px
    }

    .__maintenance-calculator .shopInfo h3 {
        margin-bottom: 12px
    }

    .__maintenance-calculator .shopInfo ul li {
        margin: 6px 0;
        overflow: hidden;
        clear: both
    }

    .__maintenance-calculator .shopInfo ul li .tip {
        float: left;
        word-break: break-all;
        font-size: 12px;
        color: #474d59;
        width: 30%
    }

    .__maintenance-calculator .shopInfo ul li .tipInfo {
        float: right;
        font-size: 12px;
        color: #000;
        width: 70%
    }

    .__maintenance-calculator .laborCostWrap {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none
    }

    .__maintenance-calculator .laborCostWrap .laborCostTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        width: calc(100% - 60px);
        padding: 0 30px;
        background: #e7eef4;
        font-size: 20px;
        color: #000;
        line-height: 60px
    }

    .__maintenance-calculator .laborCostWrap .laborCostTitle i {
        cursor: pointer;
        font-size: 24px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .laborCostWrap .itemAmount {
        display: flex;
        justify-content: space-between;
        height: 60px;
        line-height: 60px;
        border: 1px solid #e4e4e4;
        border-top: none;
        padding: 0 30px
    }

    .__maintenance-calculator .laborCostWrap .item {
        display: flex;
        justify-content: space-between;
        height: 0;
        border: none;
        padding: 0 30px;
        overflow: hidden;
        opacity: 0;
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .laborCostWrap .item span {
        flex: 1 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__maintenance-calculator .laborCostWrap .item span:last-child {
        justify-content: flex-end
    }

    .__maintenance-calculator .laborCostWrap .item .title {
        flex: 1 1
    }

    .__maintenance-calculator .laborCostWrap.active .item {
        opacity: 1;
        height: 60px;
        border: 1px solid #e4e4e4;
        border-top: none
    }

    .__maintenance-calculator .laborCostWrap.active .laborCostTitle i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .__maintenance-calculator .amountPartsWrap {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none
    }

    .__maintenance-calculator .amountPartsWrap .amountPartsTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px;
        width: calc(100% - 60px);
        padding: 0 30px;
        background: #e7eef4;
        font-size: 20px;
        color: #000;
        line-height: 60px
    }

    .__maintenance-calculator .amountPartsWrap .amountPartsTitle i {
        cursor: pointer;
        font-size: 24px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .amountPartsWrap .itemAmount {
        display: flex;
        justify-content: space-between;
        height: 60px;
        line-height: 60px;
        border: 1px solid #e4e4e4;
        border-top: none;
        padding: 0 30px
    }

    .__maintenance-calculator .amountPartsWrap .item {
        display: flex;
        justify-content: space-between;
        height: 0;
        border: none;
        padding: 0 30px;
        overflow: hidden;
        opacity: 0;
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .amountPartsWrap .item span {
        flex: 1 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__maintenance-calculator .amountPartsWrap .item span:last-child {
        justify-content: flex-end
    }

    .__maintenance-calculator .amountPartsWrap .item .title {
        flex: 1 1
    }

    .__maintenance-calculator .amountPartsWrap.active .item {
        opacity: 1;
        height: 60px;
        border: 1px solid #e4e4e4;
        border-top: none
    }

    .__maintenance-calculator .amountPartsWrap.active .amountPartsTitle i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .__maintenance-calculator .tradeWrap {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px
    }

    .__maintenance-calculator .tradeWrap .dropDownWrap {
        width: calc(100% - 60px);
        height: 50px;
        border: 1px solid rgba(0, 0, 0, .2);
        display: flex;
        flex-direction: row;
        padding: 30px;
        background: #fff
    }

    .__maintenance-calculator .tradeWrap .dropDownWrap .tips {
        margin-left: 20px;
        margin-top: 0;
        font-size: 14px;
        color: rgba(0, 0, 0, .1);
        height: 48px;
        display: flex;
        align-items: center
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap {
        width: calc(100% - 60px);
        max-height: 278px;
        padding: 20px 30px;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        border: 1px solid #eaeaea
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList {
        overflow-y: scroll
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        background: #fbfbfb
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked {
        width: 20px;
        height: 20px;
        background: #0878b5;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked i {
        display: block;
        color: #fff;
        font-size: 12px
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        border: 1px solid #000;
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked i {
        display: none
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo {
        display: flex;
        flex: 1 1;
        flex-direction: column;
        margin-left: 15px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo span {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney {
        margin-top: 15px;
        display: flex
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span {
        font-size: 16px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span {
        font-size: 12px;
        color: #0066b2;
        margin-left: 15px;
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span i {
        margin-right: 5px
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tip {
        margin-top: 12px;
        font-size: 12px;
        color: rgba(0, 0, 0, .2)
    }

    .__maintenance-calculator .tradeWrap .selectTrade {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-bottom: 20px
    }

    .__maintenance-calculator .tradeWrap .selectTrade .title {
        font-size: 16px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem {
        margin-top: 30px;
        display: flex;
        justify-content: space-between
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeType {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeMon {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        margin-left: 15px
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .close {
        font-size: 24px;
        color: rgba(0, 0, 0, .3);
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem+.selectItem {
        margin-top: 15px
    }

    .__maintenance-calculator .totalCostWrap {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 80px;
        background: #e7eef4;
        margin-top: 30px;
        padding: 0 30px
    }

    .__maintenance-calculator .totalCostWrap .totalCostTitle {
        float: left;
        font-size: 20px;
        color: #000;
        line-height: 80px
    }

    .__maintenance-calculator .totalCostWrap .totalCost {
        float: right;
        font-size: 24px;
        color: #3892c3;
        line-height: 80px;
        font-weight: 700
    }

    .__maintenance-calculator .explain {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px;
        font-size: 12px;
        color: rgba(0, 0, 0, .45);
        line-height: 16px
    }

    .__maintenance-calculator .stampWrap {
        grid-column-start: 14;
        -ms-grid-column: 15;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: flex;
        align-items: center;
        margin-top: 30px;
        justify-content: space-between
    }

    .__maintenance-calculator .stampWrap img {
        cursor: pointer
    }

    .__maintenance-calculator .stampWrap .stamp {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer
    }

    .__maintenance-calculator .stampWrap .stamp img {
        width: 100%;
        height: 100%
    }

    .__maintenance-calculator .linkBtn {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 11;
        -ms-grid-column-span: 9;
        grid-row-start: 7;
        -ms-grid-row: 7;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 40px;
        display: flex;
        justify-content: center
    }
}

@media (min-width:992px) {
    .shopInfoWrap {
        margin-top: 0 !important
    }

    .download-box {
        width: 90%;
        margin-left: 0 !important
    }
}

@media print {

    .__background-image,
    .__footer,
    .__go-top,
    .__header,
    .dropDownWrap,
    .linkBtn,
    .stampWrap,
    .tradeList,
    .tradeListWrap {
        display: none !important
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade {
        border-bottom: none !important
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .close,
    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .title {
        display: none !important
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem {
        margin-top: 0 !important
    }

    .__maintenance-calculator {
        width: 100%
    }

    .__maintenance-calculator .carInfoWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        border: 1px solid #ccc;
        margin: 0
    }

    .__maintenance-calculator .carInfo-image {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__maintenance-calculator .carInfo-image .__image {
        width: 180px;
        height: auto
    }

    .__maintenance-calculator .carInfo {
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 10px
    }

    .__maintenance-calculator .carInfo h3 {
        margin-bottom: 10px
    }

    .__maintenance-calculator .carInfo ul li {
        margin: 3px 0;
        overflow: hidden;
        clear: both
    }

    .__maintenance-calculator .carInfo ul li .tip {
        float: left;
        width: auto;
        word-break: break-all;
        font-size: 12px;
        color: #474d59;
        width: 70%
    }

    .__maintenance-calculator .carInfo ul li .tipInfo {
        float: right;
        font-size: 12px;
        color: #000;
        width: 30%;
        text-align: right
    }

    .__maintenance-calculator .shopInfoWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        border: 1px solid #ccc;
        margin: 20px 0 0
    }

    .__maintenance-calculator .shopInfo-image {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 30px 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__maintenance-calculator .shopInfo-image .__image {
        width: 170px;
        height: auto
    }

    .__maintenance-calculator .shopInfo {
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin: 30px 10px 10px
    }

    .__maintenance-calculator .shopInfo h3 {
        margin-bottom: 10px
    }

    .__maintenance-calculator .shopInfo ul li {
        margin: 3px 0;
        overflow: hidden;
        clear: both
    }

    .__maintenance-calculator .shopInfo ul li .tip {
        float: left;
        width: auto;
        word-break: break-all;
        font-size: 12px;
        color: #474d59;
        width: 40%
    }

    .__maintenance-calculator .shopInfo ul li .tipInfo {
        float: right;
        font-size: 12px;
        color: #000;
        width: 60%;
        text-align: right
    }

    .__maintenance-calculator .laborCostWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none
    }

    .__maintenance-calculator .laborCostWrap .laborCostTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px;
        width: calc(100% - 34px);
        padding: 0 16px;
        background: #e7eef4;
        font-size: 16px;
        color: #000;
        line-height: 44px;
        border: 1px solid #ccc
    }

    .__maintenance-calculator .laborCostWrap .laborCostTitle i {
        cursor: pointer;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .laborCostWrap .itemAmount {
        display: flex;
        line-height: 44px;
        border: 1px solid #e4e4e4;
        border-top: none;
        padding: 0 16px
    }

    .__maintenance-calculator .laborCostWrap .itemAmount span {
        flex: 1 1;
        text-align: center
    }

    .__maintenance-calculator .laborCostWrap .itemAmount span:last-child {
        text-align: right
    }

    .__maintenance-calculator .laborCostWrap .item {
        display: flex;
        justify-content: space-between;
        height: 0;
        border: none;
        padding: 0 16px;
        overflow: hidden;
        opacity: 0;
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .laborCostWrap .item span {
        flex: 1 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 20px
    }

    .__maintenance-calculator .laborCostWrap .item span:last-child {
        justify-content: flex-end
    }

    .__maintenance-calculator .laborCostWrap.active .item {
        opacity: 1;
        height: auto;
        border: 1px solid #e4e4e4;
        border-top: none
    }

    .__maintenance-calculator .laborCostWrap.active .laborCostTitle i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .__maintenance-calculator .amountPartsWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: auto;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none
    }

    .__maintenance-calculator .amountPartsWrap .amountPartsTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 44px;
        width: calc(100% - 34px);
        padding: 0 16px;
        background: #e7eef4;
        font-size: 16px;
        color: #000;
        line-height: 44px;
        border: 1px solid #ccc
    }

    .__maintenance-calculator .amountPartsWrap .amountPartsTitle i {
        cursor: pointer;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .amountPartsWrap .itemAmount {
        display: flex;
        justify-content: space-between;
        height: 44px;
        line-height: 44px;
        border: 1px solid #e4e4e4;
        border-top: none;
        padding: 0 16px
    }

    .__maintenance-calculator .amountPartsWrap .item {
        display: flex;
        justify-content: space-between;
        height: 0;
        border: none;
        padding: 0 16px;
        overflow: hidden;
        opacity: 0;
        transition: all .5s ease-in-out
    }

    .__maintenance-calculator .amountPartsWrap .item span {
        flex: 1 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 20px
    }

    .__maintenance-calculator .amountPartsWrap .item span:last-child {
        justify-content: flex-end
    }

    .__maintenance-calculator .amountPartsWrap.active {
        margin-top: 400px
    }

    .__maintenance-calculator .amountPartsWrap.active .item {
        opacity: 1;
        height: auto;
        border: 1px solid #e4e4e4;
        border-top: none
    }

    .__maintenance-calculator .amountPartsWrap.active .amountPartsTitle i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .__maintenance-calculator .tradeWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 7;
        -ms-grid-row: 7;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 20px
    }

    .__maintenance-calculator .tradeWrap .dropDownWrap {
        width: calc(100% - 32px);
        border: 1px solid rgba(0, 0, 0, .2);
        display: flex;
        flex-direction: column;
        padding: 20px 16px;
        background: #fff
    }

    .__maintenance-calculator .tradeWrap .dropDownWrap .tips {
        margin-top: -10px;
        font-size: 14px;
        color: rgba(0, 0, 0, .1);
        height: 48px;
        display: flex;
        align-items: center
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap {
        width: calc(100% - 30px);
        max-height: 278px;
        padding: 20px 15px;
        margin-top: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        border: 1px solid #eaeaea
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList {
        overflow-y: scroll
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem {
        padding: 15px 10px;
        display: flex;
        align-items: center;
        background: #fbfbfb
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked {
        width: 20px;
        height: 20px;
        background: #0878b5;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem.active .checked i {
        display: block;
        color: #fff;
        font-size: 12px
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        border: 1px solid #000;
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checked i {
        display: none
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo {
        display: flex;
        flex: 1 1;
        flex-direction: column;
        margin-left: 15px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo span {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney {
        margin-top: 15px;
        display: flex
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span {
        font-size: 12px;
        color: #0066b2;
        margin-left: 15px;
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tradeMoney span+span i {
        margin-right: 5px
    }

    .__maintenance-calculator .tradeWrap .tradeListWrap .tradeList .tradeItem .checkedInfo .tip {
        margin-top: 12px;
        font-size: 12px;
        color: rgba(0, 0, 0, .2)
    }

    .__maintenance-calculator .tradeWrap .selectTrade {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-bottom: 20px
    }

    .__maintenance-calculator .tradeWrap .selectTrade .title {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem {
        margin-top: 30px;
        display: flex;
        justify-content: space-between
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeType {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .tradeMon {
        font-size: 14px;
        color: rgba(0, 0, 0, .75);
        margin-left: 15px
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .close {
        font-size: 20px;
        color: rgba(0, 0, 0, .3);
        cursor: pointer
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem+.selectItem {
        margin-top: 15px
    }

    .__maintenance-calculator .totalCostWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 8;
        -ms-grid-row: 8;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 54px;
        background: #e7eef4;
        margin-top: 20px;
        padding: 0 12px
    }

    .__maintenance-calculator .totalCostWrap .totalCostTitle {
        float: left;
        font-size: 12px;
        color: #000;
        line-height: 54px
    }

    .__maintenance-calculator .totalCostWrap .totalCost {
        float: right;
        font-size: 12px;
        color: #3892c3;
        line-height: 54px;
        font-weight: 700
    }

    .__maintenance-calculator .explain {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 9;
        -ms-grid-row: 9;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 20px;
        font-size: 12px;
        color: rgba(0, 0, 0, .45);
        line-height: 16px
    }

    .__maintenance-calculator .linkBtn {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 10;
        -ms-grid-row: 10;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px;
        display: flex;
        justify-content: center
    }

    .__maintenance-calculator .stampWrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 11;
        -ms-grid-row: 11;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: flex;
        align-items: center;
        margin-top: 30px;
        justify-content: center
    }

    .__maintenance-calculator .stampWrap .__image {
        width: auto
    }

    .__maintenance-calculator .stampWrap img {
        width: 40px;
        height: 40px
    }

    .__maintenance-calculator .stampWrap .stamp {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        margin-left: 20px
    }

    .__maintenance-calculator .stampWrap .stamp .printIcon {
        width: 40px;
        height: 40px
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .__maintenance-calculator .mobile-map-select-box,
    .__maintenance-calculator .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .__maintenance-calculator .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }
}

.__image-content-lists {
    margin-top: 50px
}

.__image-content-lists .content-list {
    grid-template-columns: 400px 400px 400px;
    display: grid;
    justify-content: center;
    grid-column-gap: 24px
}

.__image-content-lists .content-list .image-content {
    width: 400px;
    height: 595px;
    margin-right: 24px;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer
}

.__image-content-lists .content-list .image-content .img {
    width: 400px;
    height: 595px;
    position: absolute;
    z-index: -1
}

.__image-content-lists .content-list .image-content .icon-link .icon-container i {
    color: #030303
}

.__image-content-lists .content-list .image-content .item-content {
    padding: 0 10px;
    color: #030303;
    background: #fff
}

.__image-content-lists .content-list .image-content .item-content .tile {
    font-size: 14px;
    margin-top: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__image-content-lists .content-list .image-content .item-content .description {
    margin-top: 6px;
    font-size: 14px;
    color: #585858;
    line-height: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__image-content-lists .content-list .image-content .item-content .__window-button.white {
    color: #030303;
    border-color: #030303
}

.__image-content-lists .content-list .image-content .item-content .icon-container i {
    color: #030303
}

.__image-content-lists .content-list .image-content .item-content .links {
    position: absolute;
    bottom: 10px
}

.__image-content-lists .content-list .image-content .item-content .links .buttonText {
    color: #030303
}

.__image-content-lists .load-more button {
    margin: 0 auto
}

@media (min-width:824px) {
    .__image-content-lists .content-list .item-content {
        padding: 0 10px;
        color: #030303;
        margin-top: 400px;
        background: #fff;
        height: 195px;
        padding-top: 10px !important
    }

    .__image-content-lists .content-list .image-content:hover {
        position: relative;
        background: linear-gradient(180deg, rgba(0, 0, 0, .63), rgba(51, 51, 51, .63))
    }

    .__image-content-lists .content-list .image-content:hover .img {
        width: 400px;
        height: 595px;
        position: absolute
    }

    .__image-content-lists .content-list .image-content:hover .icon-container i {
        color: #fff
    }

    .__image-content-lists .content-list .image-content:hover .item-content {
        margin-top: 340px;
        color: #fff;
        background: transparent
    }

    .__image-content-lists .content-list .image-content:hover .item-content .description {
        margin-top: 30px;
        color: #fff
    }

    .__image-content-lists .content-list .image-content:hover .item-content .buttonText {
        color: #fff
    }

    .__image-content-lists .content-list .image-content:hover .__window-button.white {
        color: #fff;
        border-color: #fff
    }
}

@media (max-width:824px) {
    .__image-content-lists .content-list {
        grid-template-columns: 165px 165px;
        justify-content: center;
        grid-column-gap: 14px
    }

    .__image-content-lists .content-list .image-content {
        width: 165px;
        height: 400px;
        margin-right: 24px;
        position: relative;
        margin-bottom: 20px
    }

    .__image-content-lists .content-list .image-content .img {
        width: 165px;
        height: 230px;
        background-size: 165px 230px !important;
        position: relative
    }

    .__image-content-lists .content-list .image-content .description {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .__image-content-lists .links button {
        padding: 0 5px
    }

    .__image-content-lists .links button span {
        text-align: left
    }

    .__image-content-lists .links .icon-container {
        margin-left: 10px
    }

    .__image-content-lists .__window-button,
    .__image-content-lists .primary-button {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 5;
        -ms-grid-column-span: 3;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }
}

.__news-detail,
.__news-detail .banner {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__news-detail .banner {
    height: 488px;
    background-size: cover;
    background-repeat: no-repeat
}

.__news-detail .banner .banner-text {
    grid-column-start: 2;
    grid-column-end: span 8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.__news-detail .banner .title {
    margin-top: 106px;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px
}

.__news-detail .banner .sign {
    margin-top: 40px
}

.__news-detail .component-content {
    padding: 30px 0
}

.__news-detail .content {
    padding-top: 20px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__news-detail .content .title {
    margin-bottom: 30px
}

.__news-detail .content .__social-media-share {
    margin-bottom: 20px
}

.__news-detail .content .__social-media-share .publish-date {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 3;
    -ms-grid-column-span: 1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__news-detail .content .content-detail .img {
    width: 476px;
    float: right;
    margin: 0 0 40px 40px
}

.__news-detail .content .image-wrapper .frame-youtube {
    width: 100%;
    height: 55vw
}

.__news-detail .content .image-wrapper .image {
    width: 100%;
    height: auto
}

.__news-detail .content .image-wrapper .video-container {
    display: block
}

.__news-detail .content .image-wrapper .video-container .video-js {
    height: auto
}

.__news-detail .content .image-wrapper .video-container .video-js .vjs-tech {
    position: static;
    height: auto
}

.__news-detail .content .image-wrapper .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

@media (max-width:824px) {
    .__news-detail .banner {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 200px
    }

    .__news-detail .banner .banner-text {
        grid-column-start: 2;
        grid-column-end: span 13;
        -ms-grid-column: 2;
        -ms-grid-column-span: 13
    }

    .__news-detail .banner .title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 22px
    }

    .__news-detail .banner .sign {
        margin-top: 20px
    }

    .__news-detail .banner .sign .__input-group {
        width: 100%
    }

    .__news-detail .content .__social-media-share .publish-date {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__news-detail .content .__social-media-share .social-media-share-items {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__news-detail .content .content-detail {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 100%
    }

    .__news-detail .content .content-detail .img {
        width: 100%;
        margin: 20px 0;
        grid-row-start: 2
    }

    .__news-detail .content .content-detail .details img {
        width: 100% !important;
        height: auto !important
    }
}

.__social-media-share {
    display: flex;
    justify-content: center;
    align-items: center
}

.__social-media-share .publish-date {
    font-size: 14px;
    line-height: 20px;
    color: #909090;
    font-weight: 400;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__social-media-share .social-media-share-items {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    text-align: left
}

.__social-media-share .social-media-share-items .share-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.__social-media-share .social-media-share-items .__social-media-share-item {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    transition: all .5s linear;
    -webkit-transform-origin: center;
    transform-origin: center;
    cursor: pointer
}

.__social-media-share .social-media-share-items .__social-media-share-item:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.__social-media-share.padding-top-large {
    padding-top: 80px
}

.__social-media-share.padding-bottom-large {
    padding-bottom: 80px
}

.__social-media-share.margin-top-large {
    margin-top: 80px
}

.__social-media-share.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__social-media-share.padding-top-large {
        padding-top: 60px
    }

    .__social-media-share.padding-bottom-large {
        padding-bottom: 60px
    }

    .__social-media-share.margin-top-large {
        margin-top: 60px
    }

    .__social-media-share.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__social-media-share.padding-top-large {
        padding-top: 50px
    }

    .__social-media-share.padding-bottom-large {
        padding-bottom: 50px
    }

    .__social-media-share.margin-top-large {
        margin-top: 50px
    }

    .__social-media-share.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__social-media-share.padding-top-medium {
    padding-top: 50px
}

.__social-media-share.padding-bottom-medium {
    padding-bottom: 50px
}

.__social-media-share.margin-top-medium {
    margin-top: 50px
}

.__social-media-share.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__social-media-share.padding-top-medium {
        padding-top: 40px
    }

    .__social-media-share.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__social-media-share.margin-top-medium {
        margin-top: 40px
    }

    .__social-media-share.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__social-media-share.padding-top-medium {
        padding-top: 30px
    }

    .__social-media-share.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__social-media-share.margin-top-medium {
        margin-top: 30px
    }

    .__social-media-share.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__social-media-share.padding-top-tiny {
    padding-top: 30px
}

.__social-media-share.padding-bottom-tiny {
    padding-bottom: 30px
}

.__social-media-share.margin-top-tiny {
    margin-top: 30px
}

.__social-media-share.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__social-media-share.padding-top-tiny {
        padding-top: 20px
    }

    .__social-media-share.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__social-media-share.margin-top-tiny {
        margin-top: 20px
    }

    .__social-media-share.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__social-media-share.padding-top-tiny {
        padding-top: 20px
    }

    .__social-media-share.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__social-media-share.margin-top-tiny {
        margin-top: 20px
    }

    .__social-media-share.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__social-media-share .publish-date {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__social-media-share .social-media-share-items {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        text-align: left;
        margin-top: 20px
    }

    .__social-media-share .social-media-share-items .__social-media-share-item {
        width: 30px;
        height: 30px;
        margin-left: 20px
    }
}

.__note-list .note-items-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 60px
}

.__note-list .note-items-wrapper .note-items .note-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.__note-list .note-items-wrapper .note-items .note-item .image {
    width: 100%;
    height: auto
}

.__note-list .note-items-wrapper .note-items .note-item .note-content {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    background: #f5f6f9;
    padding: 0 10px
}

.__note-list .note-items-wrapper .note-items .note-item .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px
}

.__note-list .note-items-wrapper .note-items .note-item .title-wrapper .icon {
    width: 40px;
    height: auto
}

.__note-list .note-items-wrapper .note-items .note-item .title-wrapper .title {
    margin-top: 30px;
    color: rgba(0, 0, 0, .75)
}

.__note-list .note-items-wrapper .note-items .note-item .body {
    margin-top: 10px;
    color: rgba(0, 0, 0, .75);
    line-height: 24px;
    font-weight: 400
}

.__note-list .note-items-wrapper .note-items .note-item .button-wrapper {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.__note-list .note-items-wrapper .note-items .note-item .button-wrapper button {
    margin-bottom: 30px
}

.__note-list .note-items-wrapper .note-items .note-item:first-child {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 0;
    -ms-grid-row: 0;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(2) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 0;
    -ms-grid-row: 0;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(3) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 0;
    -ms-grid-row: 0;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(4) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(5) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(6) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(7) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(8) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(9) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(10) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(11) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(12) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(13) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(14) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(15) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(16) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(17) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(18) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(19) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(20) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(21) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(22) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(23) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(24) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(25) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(26) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(27) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(28) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(29) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(30) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(31) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(32) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(33) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(34) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(35) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(36) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(37) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(38) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(39) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(40) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(41) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(42) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(43) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(44) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(45) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(46) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(47) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(48) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(49) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(50) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(51) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 16;
    -ms-grid-row: 16;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(52) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(53) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(54) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 17;
    -ms-grid-row: 17;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(55) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(56) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(57) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 18;
    -ms-grid-row: 18;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(58) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(59) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(60) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 19;
    -ms-grid-row: 19;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(61) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(62) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(63) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 20;
    -ms-grid-row: 20;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(64) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(65) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(66) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 21;
    -ms-grid-row: 21;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(67) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(68) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(69) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 22;
    -ms-grid-row: 22;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(70) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(71) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(72) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 23;
    -ms-grid-row: 23;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(73) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(74) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(75) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 24;
    -ms-grid-row: 24;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(76) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(77) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(78) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 25;
    -ms-grid-row: 25;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(79) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(80) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(81) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 26;
    -ms-grid-row: 26;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(82) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(83) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(84) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 27;
    -ms-grid-row: 27;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(85) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(86) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(87) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 28;
    -ms-grid-row: 28;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(88) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(89) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(90) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 29;
    -ms-grid-row: 29;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(91) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(92) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(93) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 30;
    -ms-grid-row: 30;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(94) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(95) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(96) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 31;
    -ms-grid-row: 31;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(97) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(98) {
    grid-column-start: 2;
    -ms-grid-column: 21;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(99) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 32;
    -ms-grid-row: 32;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item:nth-child(100) {
    grid-column-start: 1;
    -ms-grid-column: 11;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 33;
    -ms-grid-row: 33;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__note-list .note-items-wrapper .note-items .note-item.no-image .note-content {
    height: 346px;
    padding: 50px 80px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.__note-list.padding-top-large {
    padding-top: 80px
}

.__note-list.padding-bottom-large {
    padding-bottom: 80px
}

.__note-list.margin-top-large {
    margin-top: 80px
}

.__note-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__note-list.padding-top-large {
        padding-top: 60px
    }

    .__note-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__note-list.margin-top-large {
        margin-top: 60px
    }

    .__note-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__note-list.padding-top-large {
        padding-top: 50px
    }

    .__note-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__note-list.margin-top-large {
        margin-top: 50px
    }

    .__note-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__note-list.padding-top-medium {
    padding-top: 50px
}

.__note-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__note-list.margin-top-medium {
    margin-top: 50px
}

.__note-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__note-list.padding-top-medium {
        padding-top: 40px
    }

    .__note-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__note-list.margin-top-medium {
        margin-top: 40px
    }

    .__note-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__note-list.padding-top-medium {
        padding-top: 30px
    }

    .__note-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__note-list.margin-top-medium {
        margin-top: 30px
    }

    .__note-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__note-list.padding-top-tiny {
    padding-top: 30px
}

.__note-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__note-list.margin-top-tiny {
    margin-top: 30px
}

.__note-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__note-list.padding-top-tiny {
        padding-top: 20px
    }

    .__note-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__note-list.margin-top-tiny {
        margin-top: 20px
    }

    .__note-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__note-list.padding-top-tiny {
        padding-top: 20px
    }

    .__note-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__note-list.margin-top-tiny {
        margin-top: 20px
    }

    .__note-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__note-list .note-items-wrapper .note-items {
        display: block
    }

    .__note-list .note-items-wrapper .note-items .note-item {
        align-items: flex-start
    }

    .__note-list .note-items-wrapper .note-items .note-item .note-content {
        text-align: center;
        padding: 0 10px;
        justify-content: center
    }

    .__note-list .note-items-wrapper .note-items .note-item .title-wrapper {
        width: 100%;
        flex-direction: row;
        justify-content: center
    }

    .__note-list .note-items-wrapper .note-items .note-item .title-wrapper .title {
        margin-top: 0;
        margin-left: 20px
    }

    .__note-list .note-items-wrapper .note-items .note-item+.note-item {
        margin-top: 40px
    }
}

.__press-about-list {
    font-size: 24px
}

.__press-about-list .tab-header {
    display: grid;
    grid-template-rows: 50px;
    grid-template-columns: 50% 50%;
    place-items: center center;
    cursor: pointer;
    border-bottom: 2px solid #979797
}

.__press-about-list .tab-header .tab {
    width: 127px;
    line-height: 45px;
    text-align: center;
    color: #979797;
    font-size: 14px
}

.__press-about-list .tab-header .active {
    border-bottom: 3px solid #000;
    margin-top: 6px;
    color: rgba(0, 0, 0, .75);
    font-weight: 700
}

@media (min-width:824px) {
    .__press-about-list .content-wrapper {
        grid-template-columns: 400px 400px 400px;
        display: grid;
        justify-content: center;
        grid-column-gap: 24px
    }

    .__press-about-list .content-wrapper .tab-header {
        margin-top: 80px;
        display: grid;
        grid-template-rows: 45px;
        grid-template-columns: auto auto;
        place-items: stretch stretch;
        cursor: pointer;
        border-bottom: 2px solid #979797;
        grid-column-gap: 30px
    }

    .__press-about-list .content-wrapper .tab-header .tab {
        width: 100%;
        line-height: 45px;
        text-align: center;
        color: #979797;
        font-size: 24px;
        cursor: pointer
    }

    .__press-about-list .content-wrapper .tab-header .active {
        border-bottom: 3px solid #000;
        margin-top: -1px;
        color: rgba(0, 0, 0, .75);
        font-weight: 700
    }
}

@media (max-width:824px) {
    .content-wrapper {
        display: grid;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .content-wrapper .tab-header {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }
}

.__press-detail,
.__press-detail .banner {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__press-detail .banner {
    height: 488px;
    background-size: cover;
    background-repeat: no-repeat
}

.__press-detail .banner .banner-text {
    grid-column-start: 2;
    grid-column-end: span 8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.__press-detail .banner .title {
    margin-top: 106px;
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    line-height: 36px
}

.__press-detail .banner .sign {
    margin-top: 40px
}

.__press-detail .component-content {
    padding: 30px 0
}

.__press-detail .content {
    padding-top: 20px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__press-detail .content .title {
    margin-bottom: 30px
}

.__press-detail .content .__social-media-share .publish-date {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__press-detail .content .__social-media-share .social-media-share-items {
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    text-align: left
}

.__press-detail .content .content-detail {
    margin-top: 10px
}

.__press-detail .content .content-detail .img {
    width: 476px;
    float: right;
    margin: 0 40px 40px
}

.__press-detail .content .image-wrapper .frame-youtube {
    width: 100%;
    height: 55vw
}

.__press-detail .content .image-wrapper .image {
    width: 100%;
    height: auto
}

.__press-detail .content .image-wrapper .video-container {
    display: block
}

.__press-detail .content .image-wrapper .video-container .video-js {
    height: auto
}

.__press-detail .content .image-wrapper .video-container .video-js .vjs-tech {
    position: static;
    height: auto
}

.__press-detail .content .image-wrapper .video-container .vjs_video_3-dimensions {
    max-width: 100%
}

@media (max-width:824px) {
    .__press-detail .banner {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 200px
    }

    .__press-detail .banner .banner-text {
        grid-column-start: 2;
        grid-column-end: span 13;
        -ms-grid-column: 2;
        -ms-grid-column-span: 13
    }

    .__press-detail .banner .title {
        margin-top: 20px;
        font-size: 18px;
        line-height: 22px
    }

    .__press-detail .banner .sign {
        margin-top: 20px
    }

    .__press-detail .banner .sign .__input-group {
        width: 100%
    }

    .__press-detail .content .__social-media-share .publish-date {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__press-detail .content .__social-media-share .social-media-share-items {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__press-detail .content .content-detail {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 100%
    }

    .__press-detail .content .content-detail .img {
        width: 100%;
        margin: 20px 0;
        grid-row-start: 2
    }

    .__press-detail .content .content-detail .details img {
        width: 100% !important;
        height: auto !important
    }
}

.__quick-link {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11
}

.__quick-link>li>a {
    display: block;
    position: relative;
    padding-bottom: 20px
}

.__quick-link>li>a .icon-wrapper {
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10
}

.__quick-link>li>a .icon-wrapper .icon {
    width: auto;
    height: 24px
}

.__quick-link>li>a .icon-wrapper .icon.animated {
    -webkit-animation: icon-ani 3s infinite;
    animation: icon-ani 3s infinite
}

.__quick-link>li>a .text-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .15s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    height: 40px;
    background: hsla(0, 0%, 100%, .7);
    line-height: 40px;
    text-align: center;
    min-width: 90px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 5px;
    z-index: 1;
    color: #000;
    font-weight: 700
}

.__quick-link>li>a:hover .icon-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.__quick-link>li>a:hover .text-wrapper {
    opacity: 1;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.__quick-link>li+li {
    margin-top: 10px
}

@-webkit-keyframes icon-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    90% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes icon-ani {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    75% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    90% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media (max-width:824px) {
    .__quick-link {
        display: none
    }
}

.__quote-content-list {
    padding: 30px 0
}

.__quote-content-list .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items {
    margin-top: 20px
}

.__quote-content-list .content-wrapper .quote-items .quote-item .icon-container .fa {
    font-size: 40px
}

.__quote-content-list .content-wrapper .quote-items .quote-item .body {
    margin-top: 15px
}

.__quote-content-list .content-wrapper .quote-items .quote-item .bar {
    width: 40px;
    height: 9px;
    margin-top: 15px
}

.__quote-content-list .content-wrapper .quote-items .quote-item+.quote-item {
    margin-top: 40px
}

.__quote-content-list .content-wrapper .quote-items.column-2 {
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:first-child {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(2) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(3) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(4) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(5) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(6) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(7) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(8) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(9) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(10) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(11) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(12) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(13) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(14) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(15) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(16) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(17) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(18) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(19) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(20) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(21) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(22) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 11;
    -ms-grid-row: 11;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(23) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(24) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 12;
    -ms-grid-row: 12;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(25) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(26) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 13;
    -ms-grid-row: 13;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(27) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(28) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 14;
    -ms-grid-row: 14;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item:nth-child(29) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 15;
    -ms-grid-row: 15;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-2 .quote-item+.quote-item {
    margin-top: 0
}

.__quote-content-list .content-wrapper .quote-items.column-3 {
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:first-child {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(2) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(3) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(4) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(5) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(6) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(7) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(8) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(9) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(10) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(11) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(12) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(13) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(14) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(15) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(16) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(17) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(18) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(19) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(20) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(21) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(22) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(23) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(24) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(25) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(26) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(27) {
    grid-column-start: 0;
    -ms-grid-column: 1;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 9;
    -ms-grid-row: 9;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(28) {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item:nth-child(29) {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 10;
    -ms-grid-row: 10;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__quote-content-list .content-wrapper .quote-items.column-3 .quote-item+.quote-item {
    margin-top: 0
}

.__quote-content-list.padding-top-large {
    padding-top: 80px
}

.__quote-content-list.padding-bottom-large {
    padding-bottom: 80px
}

.__quote-content-list.margin-top-large {
    margin-top: 80px
}

.__quote-content-list.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__quote-content-list.padding-top-large {
        padding-top: 60px
    }

    .__quote-content-list.padding-bottom-large {
        padding-bottom: 60px
    }

    .__quote-content-list.margin-top-large {
        margin-top: 60px
    }

    .__quote-content-list.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__quote-content-list.padding-top-large {
        padding-top: 50px
    }

    .__quote-content-list.padding-bottom-large {
        padding-bottom: 50px
    }

    .__quote-content-list.margin-top-large {
        margin-top: 50px
    }

    .__quote-content-list.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__quote-content-list.padding-top-medium {
    padding-top: 50px
}

.__quote-content-list.padding-bottom-medium {
    padding-bottom: 50px
}

.__quote-content-list.margin-top-medium {
    margin-top: 50px
}

.__quote-content-list.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__quote-content-list.padding-top-medium {
        padding-top: 40px
    }

    .__quote-content-list.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__quote-content-list.margin-top-medium {
        margin-top: 40px
    }

    .__quote-content-list.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__quote-content-list.padding-top-medium {
        padding-top: 30px
    }

    .__quote-content-list.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__quote-content-list.margin-top-medium {
        margin-top: 30px
    }

    .__quote-content-list.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__quote-content-list.padding-top-tiny {
    padding-top: 30px
}

.__quote-content-list.padding-bottom-tiny {
    padding-bottom: 30px
}

.__quote-content-list.margin-top-tiny {
    margin-top: 30px
}

.__quote-content-list.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__quote-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__quote-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__quote-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__quote-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__quote-content-list.padding-top-tiny {
        padding-top: 20px
    }

    .__quote-content-list.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__quote-content-list.margin-top-tiny {
        margin-top: 20px
    }

    .__quote-content-list.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__quote-content-list {
        padding: 20px 0
    }

    .__quote-content-list .content-wrapper .quote-items .quote-item .icon-container .fa {
        font-size: 25px
    }

    .__quote-content-list .content-wrapper .quote-items .quote-item .body {
        margin-top: 15px
    }

    .__quote-content-list .content-wrapper .quote-items .quote-item .bar {
        width: 40px;
        height: 9px;
        margin-top: 15px
    }

    .__quote-content-list .content-wrapper .quote-items .quote-item+.quote-item {
        margin-top: 30px
    }

    .__quote-content-list .content-wrapper .quote-items.column-2 {
        display: block
    }

    .__quote-content-list .content-wrapper .quote-items.column-2 .quote-item+.quote-item {
        margin-top: 30px
    }

    .__quote-content-list .content-wrapper .quote-items.column-3 {
        display: block
    }

    .__quote-content-list .content-wrapper .quote-items.column-3 .quote-item+.quote-item {
        margin-top: 30px
    }
}

.__road-assistance .banner {
    height: 488px;
    background-size: cover;
    background-repeat: no-repeat
}

.__road-assistance .banner .banner-text {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.__road-assistance .banner .banner-text .banner-img {
    width: 500px;
    margin-top: 34px
}

.__road-assistance .banner .title {
    margin-top: 109px;
    font-weight: 700;
    font-size: 48px
}

.__road-assistance .banner .description {
    margin-top: 46px;
    font-size: 32px;
    color: rgba(0, 0, 0, .75)
}

.__road-assistance .banner .phone {
    margin-top: 32px;
    font-size: 48px;
    font-weight: 700
}

.__road-assistance .banner .phone i {
    margin-right: 10px
}

.__road-assistance .input-part {
    position: relative
}

.__road-assistance .input-part .input-cta-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__road-assistance .component-content {
    padding: 30px 0
}

.__road-assistance .content {
    padding-top: 20px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__road-assistance .content .__window-button {
    border: 0
}

.__road-assistance .content .image-content {
    display: grid
}

.__road-assistance .content .image-content .left {
    grid-column-start: 1;
    margin-right: 60px
}

.__road-assistance .content .image-content .left img {
    max-width: 100%
}

.__road-assistance .content .image-content .img {
    grid-column-start: 14;
    width: 490px
}

.__road-assistance .content .twoRich {
    display: flex;
    margin-top: 30px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__road-assistance .content .twoRich .twoRichContent {
    flex: 1 1
}

.__road-assistance .content .twoRich .twoRichContent img {
    max-width: 100%
}

.__road-assistance .content .twoRich .twoRichContent:nth-child(2) {
    padding-left: 8%
}

.__road-assistance .content .useful-link-list {
    margin-top: 30px
}

.__road-assistance .content .useful-link-list .heading {
    font-size: 20px
}

.__road-assistance .content .useful-link-list .heading,
.__road-assistance .content .useful-link-list .link-list-wrapper {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__road-assistance .content .useful-link-list .link-list-wrapper {
    margin-top: 50px
}

.__road-assistance .content .useful-link-list .link-list-wrapper .useful-link {
    height: 160px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.__road-assistance .content .useful-link-list .link-list-wrapper .useful-link .icon {
    width: auto;
    height: 59px;
    display: block;
    margin: 10px auto
}

.__road-assistance .content .useful-link-list .link-list-wrapper .useful-link .text {
    margin-top: 20px;
    font-size: 16px
}

.__road-assistance .content .cta-description {
    font-size: 16px;
    font-weight: 400;
    color: #797979;
    line-height: 22px;
    margin-bottom: 24px;
    margin-top: 50px
}

.__road-assistance .content .secondary-cta-wrapper {
    margin-top: 20px
}

@media (min-width:824px) {
    .__road-assistance .content .useful-link-list .link-list-wrapper {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 50px;
        position: relative
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link {
        text-align: center
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:first-child {
        width: 12%
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:nth-child(2) {
        width: 18%;
        margin-left: 12%
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:nth-child(3) {
        width: 20%;
        margin-left: 10%
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:last-child {
        float: right;
        width: 20%
    }

    .__road-assistance .content .cta-description {
        font-size: 16px;
        font-weight: 400;
        color: #797979;
        line-height: 22px;
        margin-bottom: 24px;
        margin-top: 50px
    }

    .__road-assistance .content .secondary-cta-wrapper {
        margin-top: 20px
    }
}

@media (max-width:1024px) {
    .__road-assistance .input-part {
        position: relative
    }
}

@media (max-width:824px) {
    .__road-assistance .banner {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 200px
    }

    .__road-assistance .banner .banner-text {
        grid-column-start: 2;
        grid-column-end: span 13;
        -ms-grid-column: 2;
        -ms-grid-column-span: 13
    }

    .__road-assistance .banner .banner-text .banner-img {
        width: 60%
    }

    .__road-assistance .banner .title {
        margin-top: 20px;
        font-size: 18px
    }

    .__road-assistance .banner .description {
        margin-top: 22px;
        font-size: 12px;
        color: rgba(0, 0, 0, .75)
    }

    .__road-assistance .banner .phone {
        margin-top: 14px;
        font-size: 20px
    }

    .__road-assistance .input-part {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        position: relative
    }

    .__road-assistance .input-part .input-cta-wrapper {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        margin-top: 20px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__road-assistance .content .image-content .left {
        grid-row-start: 2;
        grid-column-start: 1;
        margin-right: 0;
        margin-top: 16px
    }

    .__road-assistance .content .image-content .left p {
        font-size: 14px;
        line-height: 22px
    }

    .__road-assistance .content .image-content .img {
        grid-row-start: 1;
        grid-column-start: 1;
        width: 100%
    }

    .__road-assistance .content .cta-description {
        font-size: 12px;
        margin-top: 20px
    }

    .__road-assistance .content .twoRich {
        display: block
    }

    .__road-assistance .content .twoRich .twoRichContent {
        margin-right: 0;
        margin-bottom: 10px
    }

    .__road-assistance .content .twoRich .twoRichContent:nth-child(2) {
        padding-left: 0
    }

    .__road-assistance .content .useful-link-list .heading {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        font-size: 18px
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link {
        width: 48%;
        height: auto;
        text-align: center;
        margin-top: 20px
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link .icon {
        height: 34px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link .icon img {
        height: 34px
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link .text {
        font-size: 12px;
        line-height: 18px;
        color: rgba(0, 0, 0, .75)
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:nth-child(2) {
        margin: 20px auto 0
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:nth-child(3) {
        margin-top: 26px
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:nth-child(3) .icon {
        height: 28px
    }

    .__road-assistance .content .useful-link-list .link-list-wrapper .useful-link:last-child {
        display: block;
        margin-top: 20px
    }
}

.__date-picker {
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

.__date-picker .picker-data .input-row {
    width: 100%;
    display: flex;
    align-items: center
}

.__date-picker .picker-data .input-row .picker-input {
    flex-grow: 1;
    max-width: 350px;
    height: 48px;
    border: 1px solid #909090;
    border-radius: 0 10px 0 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px
}

.__date-picker .picker-data .input-row .picker-input .label {
    position: absolute;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 7px;
    top: 50%;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    padding: 5px 8px;
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    color: #909090;
    -webkit-user-select: none;
    user-select: none
}

.__date-picker .picker-data .input-row .picker-input .fa {
    color: #909090
}

.__date-picker .picker-data .input-row .picker-input:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid transparent;
    transition: border-bottom-color .2s ease-in-out
}

.__date-picker .picker-data .input-row .picker-input.filled .label,
.__date-picker .picker-data .input-row .picker-input.focused .label {
    -webkit-transform: translate(-11px, -39px) scale(.75);
    transform: translate(-11px, -39px) scale(.75);
    color: #2c2c2c
}

.__date-picker .picker-data .input-row .picker-input.focused:after {
    border-bottom-color: #1ef1c6
}

.__date-picker .picker-data .input-row .icon {
    flex-shrink: 0;
    width: 32px;
    text-align: right
}

.__date-picker .picker-data .input-row .icon .fa-exclamation {
    color: red
}

.__date-picker .picker-data .input-row .icon .fa-check {
    color: #339586
}

.__date-picker .picker-data .error-message {
    font-size: 16px;
    line-height: 18px;
    margin-top: 8px
}

.__date-picker .picker-popup {
    position: absolute;
    top: 47px;
    z-index: 1
}

.__date-picker .picker-popup .popup-content {
    width: 250px;
    background: #fff;
    border: 1px solid #f2f2f2
}

.__date-picker .picker-popup .popup-content .picker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px
}

.__date-picker .picker-popup .popup-content .picker-header>i {
    cursor: pointer
}

.__date-picker .picker-popup .popup-content .picker-week {
    display: grid;
    grid-template-columns: repeat(7, 35px);
    font-size: 12px
}

.__date-picker .picker-popup .popup-content .picker-week>span {
    text-align: center
}

.__date-picker .picker-popup .popup-content .picker-main {
    display: grid;
    grid-template-columns: repeat(7, 35px);
    grid-template-rows: repeat(6, 35px)
}

.__date-picker .picker-popup .popup-content .picker-main .day {
    line-height: 35px;
    text-align: center;
    cursor: pointer
}

.__date-picker .picker-popup .popup-content .picker-main .day:hover {
    background: #f2f2f2
}

.__date-picker .picker-popup .popup-content .picker-main .day.active {
    background: #f2f2f2;
    color: #00a5e0
}

.__date-picker .picker-popup .popup-content .picker-main .day.past {
    background: rgba(225, 210, 210, .1803921568627451);
    cursor: not-allowed
}

.__simple-large-image .web-content {
    position: relative
}

.__simple-large-image .web-content .content-image img {
    width: 100%
}

.__simple-large-image .web-content .content-txt {
    position: absolute;
    bottom: 46px;
    margin: 0 20% 0 10%;
    z-index: 1
}

.__simple-large-image .web-content .content-txt .content-Title {
    color: #fff;
    font-size: 30px;
    position: relative;
    padding-bottom: 25px
}

.__simple-large-image .web-content .content-txt .content-line {
    display: block;
    width: 54px;
    height: 3px;
    margin-bottom: 28px
}

.__simple-large-image .web-content .content-txt .content-body {
    color: #fff
}

@media (max-width:824px) {
    .__simple-large-image .web-content {
        position: relative;
        background-color: #f0f2f5
    }

    .__simple-large-image .web-content .content-image {
        width: 100%
    }

    .__simple-large-image .web-content .content-txt {
        position: relative;
        bottom: 0;
        margin: 0;
        padding: 0 20px 20px
    }

    .__simple-large-image .web-content .content-txt .content-Title {
        color: #131415;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center
    }

    .__simple-large-image .web-content .content-txt .content-Title:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 54px;
        border-top: 0 solid #f2f3f4
    }

    .__simple-large-image .web-content .content-txt .content-body {
        color: #131415
    }

    .__simple-large-image .web-content .content-txt .content-line {
        display: none
    }
}

.socialMedia {
    display: flex;
    max-width: 400px;
    flex-flow: wrap;
    min-width: 210px;
    justify-content: flex-end;
    height: 110px
}

.socialMedia a {
    color: #000;
    padding: 0;
    margin: 0 8px;
    text-decoration: none;
    height: 44px
}

.socialMedia a i {
    background-color: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (min-width:992px) {
    .socialMedia {
        max-width: 400px;
        min-width: 300px
    }
}

.__social-feeds-list .content-wrapper {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__social-feeds-list .content-wrapper .waterfall {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.__social-feeds-list .content-wrapper .waterfall .column {
    margin-right: 40px
}

.__social-feeds-list .content-wrapper .waterfall .flow-item {
    width: 390px;
    margin-bottom: 40px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.__social-feeds-list .content-wrapper .waterfall .flow-item .item-con {
    padding: 0 10px
}

.__social-feeds-list .content-wrapper .waterfall .flow-item h1 {
    font-size: 14px;
    color: #030303;
    line-height: 20px;
    margin: 20px 0
}

.__social-feeds-list .content-wrapper .waterfall .flow-item .detail {
    font-size: 14px;
    color: rgba(3, 3, 3, .75);
    line-height: 18px;
    margin-bottom: 20px
}

.__social-feeds-list .content-wrapper .waterfall .flow-item .image {
    width: 100%;
    transition: all .2s ease-in-out
}

.__social-feeds-list .content-wrapper .load-more {
    margin: 40px auto
}

.__social-feeds-list .content-wrapper .load-more button {
    margin: 0 auto
}

@media (max-width:824px) {
    .__social-feeds-list .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__social-feeds-list .content-wrapper .waterfall .column {
        margin-right: 0
    }

    .__social-feeds-list .content-wrapper .waterfall .flow-item {
        width: 100%;
        margin-right: 0
    }

    .__social-feeds-list .load-more {
        margin: 40px auto;
        display: block !important;
        width: 100%
    }

    .__social-feeds-list .load-more button {
        margin: 0 auto
    }
}

@media (min-width:824px) {
    .content-wrapper {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .content-wrapper .waterfall .flow-item {
        overflow: hidden;
        padding-bottom: 20px
    }

    .content-wrapper .waterfall .flow-item:hover {
        background: #f7f7f7
    }

    .content-wrapper .waterfall .flow-item:hover .image {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        margin-bottom: 40px
    }
}

.__special-offer-detail .no-result {
    padding-left: 16px;
    margin-top: 6px;
    color: rgba(0, 0, 0, .75)
}

.__special-offer-detail .warning-color {
    color: #fc0;
    margin-right: 10px
}

.__special-offer-detail .detail-content {
    padding: 10px 16px;
    border-bottom: 1px solid #d8d8d8
}

.__special-offer-detail .detail-content h1 {
    margin: 22px 0 10px;
    font-size: 18px
}

.__special-offer-detail .detail-content .date {
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 20px
}

.__special-offer-detail .detail-content .content {
    font-size: 14px;
    color: rgba(0, 0, 0, .75);
    line-height: 20px;
    margin-bottom: 8px
}

.__special-offer-detail .form {
    margin: 10px 16px
}

.__special-offer-detail .form h1 {
    font-size: 18px;
    margin: 20px 0 6px
}

.__special-offer-detail .form p {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 26px
}

.__special-offer-detail .form .primary-button {
    margin-left: 0;
    padding: 16px 40px
}

.__special-offer-detail .form .btn {
    width: 100%;
    height: 44px;
    background: #2e2e2e;
    color: #fff;
    font-size: 16px;
    border: 0;
    outline: none;
    cursor: pointer
}

.__special-offer-detail .delar-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9995
}

.__special-offer-detail .delar-layer .error {
    color: red;
    padding-left: 50px
}

.__special-offer-detail .delar-layer .layers {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(55, 55, 55, .7);
    top: 0
}

.__special-offer-detail .delar-layer .content {
    background: #fff;
    width: 90%;
    height: 98%;
    position: absolute;
    z-index: 99;
    top: 1%;
    left: 5%
}

.__special-offer-detail .delar-layer .content .footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

.__special-offer-detail .delar-layer .content .footer a+a,
.__special-offer-detail .delar-layer .content .footer a+button,
.__special-offer-detail .delar-layer .content .footer button+a,
.__special-offer-detail .delar-layer .content .footer button+button {
    margin-left: 20px
}

.__special-offer-detail .delar-layer .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 4;
    -ms-grid-row-span: 4
}

.__special-offer-detail .delar-layer .map-title {
    padding-top: 20px;
    padding-bottom: 24px;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__special-offer-detail .delar-layer .mobile-map-select-box {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__special-offer-detail .delar-layer .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__special-offer-detail .delar-layer .__test-drive-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px
}

.__special-offer-detail .delar-layer .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 0;
    overflow-x: scroll;
    overflow-y: hidden
}

.__special-offer-detail .delar-layer .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.__special-offer-detail .delar-layer .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.__special-offer-detail .delar-layer .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.__special-offer-detail .delar-layer .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.__special-offer-detail .delar-layer .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.__special-offer-detail .delar-layer .text-area {
    margin-bottom: 20px
}

.__special-offer-detail .delar-layer .map-select-box {
    display: none
}

@media (min-width:824px) {
    .__special-offer-detail .no-result {
        padding-left: 0;
        margin-top: 20px;
        color: rgba(0, 0, 0, .75)
    }

    .__special-offer-detail .content-wrap {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__special-offer-detail .detail-content {
        border-bottom: 0;
        padding: 0
    }

    .__special-offer-detail .detail-content h1 {
        font-size: 24px;
        line-height: 28px;
        margin: 36px 0 30px
    }

    .__special-offer-detail .detail-content .date {
        font-size: 18px;
        font-weight: 700;
        color: rgba(0, 0, 0, .75);
        line-height: 18px;
        margin-bottom: 25px
    }

    .__special-offer-detail .detail-content .content {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        line-height: 26px
    }

    .__special-offer-detail .form {
        margin-top: 80px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .__special-offer-detail .form h1 {
        font-size: 24px;
        line-height: 28px
    }

    .__special-offer-detail .form p {
        font-size: 12px;
        color: rgba(0, 0, 0, .5);
        margin-bottom: 26px
    }

    .__special-offer-detail .form .primary-button {
        margin-left: 12%
    }

    .__special-offer-detail .form .btn {
        width: 350px;
        height: 56px;
        background: #2e2e2e;
        color: #fff;
        font-size: 14px;
        border: 0;
        font-weight: 700;
        margin-top: 20px;
        outline: none;
        display: block
    }

    .__special-offer-detail .error-message {
        width: 450px;
        margin: 0 auto;
        color: red
    }

    .__special-offer-detail .delar-layer .content {
        width: 100%;
        left: 0;
        height: 700px;
        top: 8%;
        padding: 30px 0 20px
    }

    .__special-offer-detail .delar-layer .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9
    }

    .__special-offer-detail .delar-layer .map-title {
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__special-offer-detail .delar-layer .map-select-box {
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .city-search:hover {
        font-size: 30px
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__special-offer-detail .delar-layer .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-list {
        box-sizing: border-box;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__special-offer-detail .delar-layer .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__special-offer-detail .delar-layer .__test-drive-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }
}

@media screen and (max-height:800px) and (min-width:1000px) {
    .__special-offer-detail .delar-layer .content {
        width: 100%;
        left: 0;
        height: 560px;
        top: 2%
    }

    .__special-offer-detail .delar-layer .content .map-select-box .dealer-list {
        height: 320px
    }

    .__special-offer-detail .delar-layer .content .__test-drive-map {
        height: 310px;
        overflow: hidden;
        padding-bottom: 60px;
        z-index: 99
    }

    .__special-offer-detail .delar-layer .content .__test-drive-map .ymaps-container .ymaps-2-1-76-map {
        height: 368px !important
    }
}

@media (min-width:992px) {
    .tab-content {
        padding: 0;
        margin: 70px 0 0
    }
}

@media (max-width:824px) {
    .delar-layer {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 99
    }

    .delar-layer .layers {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(55, 55, 55, .7);
        top: 0
    }

    .delar-layer .content {
        background: #fff;
        width: 90%;
        height: 98%;
        position: absolute;
        z-index: 99;
        top: 1%;
        left: 5%;
        overflow-y: scroll
    }

    .delar-layer .content .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        padding-left: 10px
    }

    .delar-layer .content .footer a+a,
    .delar-layer .content .footer a+button,
    .delar-layer .content .footer button+a,
    .delar-layer .content .footer button+button {
        margin-left: 20px
    }

    .delar-layer .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 4;
        -ms-grid-row-span: 4
    }

    .delar-layer .map-title {
        padding-top: 8px;
        padding-bottom: 10px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .delar-layer .mobile-map-select-box {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-bottom: 16px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select {
        z-index: 10;
        position: relative;
        width: 300px;
        box-sizing: border-box;
        padding: 7px 10px;
        height: 48px;
        border: 1px solid #000;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .delar-layer .mobile-map-select-box .mobile-map-select input {
        position: relative;
        z-index: 1
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
        background: none;
        outline: none;
        border: none;
        flex: 1 1
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 162px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .delar-layer .__test-drive-map {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 6;
        -ms-grid-row: 6;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        height: 300px;
        overflow: hidden
    }

    .delar-layer .__test-drive-map .ymaps-container {
        height: 300px
    }

    .delar-layer .mobile-dealer-list-box {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 7;
        -ms-grid-row: 7;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 10px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .delar-layer .mobile-dealer-list {
        padding: 0 16px;
        display: flex;
        float: left
    }

    .delar-layer .mobile-dealer-block {
        box-sizing: border-box;
        min-width: 230px;
        min-height: 150px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
        margin-right: 6px;
        padding: 10px 12px 16px
    }

    .delar-layer .mobile-dealer-block .dealer-item-head {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 32px;
        font-size: 14px
    }

    .delar-layer .mobile-dealer-block .dealer-item-message {
        line-height: 16px;
        padding: 2px 0;
        font-size: 12px;
        color: #474d59
    }

    .delar-layer .mobile-dealer-block .dealer-item-message .blue {
        color: #4a90e2
    }

    .delar-layer .text-area {
        margin-bottom: 20px
    }

    .delar-layer .map-select-box {
        display: none
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .delar-layer .mobile-map-select-box,
    .delar-layer .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .delar-layer .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }
}

.__special-offer-list {
    font-size: 24px
}

.__special-offer-list .content-wrapper {
    display: grid;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    justify-content: center;
    grid-template-columns: 100%
}

.__special-offer-list .tab-header {
    grid-column-start: 1;
    display: grid;
    grid-template-rows: 50px;
    grid-template-columns: 50% 50%;
    place-items: center center;
    cursor: pointer;
    border-bottom: 2px solid #979797
}

.__special-offer-list .tab-header .tab {
    width: 127px;
    line-height: 45px;
    text-align: center;
    color: #979797;
    font-size: 14px
}

.__special-offer-list .tab-header .active {
    border-bottom: 3px solid #000;
    margin-top: 6px;
    color: rgba(0, 0, 0, .75);
    font-weight: 700
}

.__special-offer-list .tab-content {
    display: grid;
    margin: 30px 0 0;
    justify-content: center;
    grid-template-columns: 344px
}

.__special-offer-list .tab-content>li {
    display: grid;
    margin-bottom: 30px;
    grid-template-columns: 344px
}

.__special-offer-list .tab-content>li .special-offer-item-top .date {
    font-weight: 400;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 10px
}

.__special-offer-list .tab-content>li .special-offer-item-top .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 16px;
    line-height: 24px
}

.__special-offer-list .tab-content>li .special-offer-item-top .btn {
    padding: 0 16px;
    height: 41px;
    border: 1px solid #979797;
    background: #fff;
    position: absolute;
    bottom: 10px
}

.__special-offer-list .tab-content>li .special-offer-item-detail {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 4;
    color: rgba(0, 0, 0, .75);
    font-size: 14px;
    line-height: 24px;
    margin: 24px 0
}

.__special-offer-list .tab-content>li .button {
    grid-column: 1/1;
    grid-row: 4/4;
    place-items: end end
}

.__special-offer-list .tab-content>li .img {
    width: 100%;
    max-width: 400px
}

.__special-offer-list .load-more {
    grid-column-start: 1;
    margin: 40px auto 0;
    width: 50%;
    justify-content: center;
    display: flex
}

@media (min-width:824px) {
    .__special-offer-list .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__special-offer-list .tab-header {
        width: 480px;
        margin-top: 80px;
        margin-bottom: 80px;
        display: grid;
        grid-template-rows: 45px;
        grid-template-columns: auto auto;
        place-items: stretch stretch;
        cursor: pointer;
        border-bottom: 2px solid #979797;
        grid-column-gap: 72px
    }

    .__special-offer-list .tab-header .tab {
        width: 100%;
        line-height: 45px;
        text-align: center;
        color: #979797;
        font-size: 24px;
        cursor: pointer
    }

    .__special-offer-list .tab-header .active {
        border-bottom: 3px solid #000;
        margin-top: -1px;
        color: rgba(0, 0, 0, .75);
        font-weight: 700
    }

    .__special-offer-list .tab-content {
        margin: 0;
        grid-template-columns: auto
    }

    .__special-offer-list .tab-content>li {
        display: grid;
        grid-template-columns: calc(100% - 410px) 410px;
        grid-template-rows: 140px minmax(220px, auto) 80px;
        place-items: stretch stretch;
        position: relative;
        align-content: center;
        justify-content: center;
        margin-bottom: 23px;
        cursor: pointer;
        transition: all .2s ease-in-out;
        padding: 0 0 0 10px;
        border: 1px solid #fff;
        border-radius: 2px;
        clear: both
    }

    .__special-offer-list .tab-content>li .special-offer-item-top {
        padding-right: 40px
    }

    .__special-offer-list .tab-content>li .special-offer-item-top .date {
        font-weight: 400;
        color: rgba(0, 0, 0, .75);
        line-height: 30px;
        transition: all .2s ease-in-out;
        margin-top: 20px
    }

    .__special-offer-list .tab-content>li .special-offer-item-top .title {
        font-size: 36px;
        color: #000;
        line-height: 43px;
        transition: all .2s ease-in-out
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        margin-right: 50px;
        line-height: 33px;
        font-weight: 400;
        transition: all .2s ease-in-out;
        font-size: 20px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail p {
        font-size: 20px
    }

    .__special-offer-list .tab-content>li .button {
        grid-column: 1/1;
        grid-row: 3/3;
        place-items: end end
    }

    .__special-offer-list .tab-content>li .list-image {
        width: 400px;
        height: 400px;
        overflow: hidden
    }

    .__special-offer-list .tab-content>li .img {
        width: 400px;
        height: 400px;
        transition: all .2s ease-in-out
    }

    .__special-offer-list .tab-content>li:hover {
        background: #f7f7f7
    }

    .__special-offer-list .tab-content>li:hover .img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (min-width:992px) {
    .__special-offer-list .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__special-offer-list .tab-content {
        margin: 0;
        padding: 0
    }

    .__special-offer-list .tab-content>li {
        grid-template-columns: calc(100% - 410px) 410px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail {
        margin-right: 100px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail .content {
        font-size: 20px;
        line-height: 33px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail p {
        font-size: 20px
    }
}

@media screen and (min-width:810px) and (orientation:landscape) {
    .__special-offer-list .tab-content {
        margin: 0;
        padding: 0
    }

    .__special-offer-list .tab-content>li {
        grid-template-columns: calc(100% - 350px) 350px;
        grid-template-rows: 110px minmax(220px, auto) 80px
    }

    .__special-offer-list .tab-content>li .special-offer-item-top .date {
        font-weight: 400;
        color: rgba(0, 0, 0, .75);
        margin-bottom: 10px
    }

    .__special-offer-list .tab-content>li .special-offer-item-top .title {
        font-size: 18px;
        color: #000;
        margin-bottom: 16px;
        line-height: 24px
    }

    .__special-offer-list .tab-content>li .special-offer-item-top .btn {
        padding: 0 16px;
        height: 41px;
        border: 1px solid #979797;
        background: #fff;
        position: absolute;
        bottom: 10px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail {
        margin-right: 30px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail .content {
        font-size: 20px;
        line-height: 33px
    }

    .__special-offer-list .tab-content>li .special-offer-item-detail p {
        font-size: 20px
    }

    .__special-offer-list .tab-content>li .list-image {
        width: 350px;
        height: 350px
    }
}

.__tab-content .tab-header-wrapper .tab-header {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    width: 100%;
    overflow-x: auto;
    overflow-scrolling: touch
}

.__tab-content .tab-header-wrapper .tab-header .tab-header-item {
    width: 228px;
    margin-right: 60px;
    padding-bottom: 18px;
    font-weight: 700;
    position: relative;
    transition: all .15s;
    cursor: pointer
}

.__tab-content .tab-header-wrapper .tab-header .tab-header-item:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    background: #0878b5;
    transition: all .15s
}

.__tab-content .tab-header-wrapper .tab-header .tab-header-item.active {
    color: #0878b5;
    cursor: default
}

.__tab-content .tab-header-wrapper .tab-header .tab-header-item.active:after {
    height: 4px
}

.__tab-content .tab-body {
    padding-top: 40px
}

.__tab-content.padding-top-large {
    padding-top: 80px
}

.__tab-content.padding-bottom-large {
    padding-bottom: 80px
}

.__tab-content.margin-top-large {
    margin-top: 80px
}

.__tab-content.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__tab-content.padding-top-large {
        padding-top: 60px
    }

    .__tab-content.padding-bottom-large {
        padding-bottom: 60px
    }

    .__tab-content.margin-top-large {
        margin-top: 60px
    }

    .__tab-content.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__tab-content.padding-top-large {
        padding-top: 50px
    }

    .__tab-content.padding-bottom-large {
        padding-bottom: 50px
    }

    .__tab-content.margin-top-large {
        margin-top: 50px
    }

    .__tab-content.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__tab-content.padding-top-medium {
    padding-top: 50px
}

.__tab-content.padding-bottom-medium {
    padding-bottom: 50px
}

.__tab-content.margin-top-medium {
    margin-top: 50px
}

.__tab-content.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__tab-content.padding-top-medium {
        padding-top: 40px
    }

    .__tab-content.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__tab-content.margin-top-medium {
        margin-top: 40px
    }

    .__tab-content.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__tab-content.padding-top-medium {
        padding-top: 30px
    }

    .__tab-content.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__tab-content.margin-top-medium {
        margin-top: 30px
    }

    .__tab-content.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__tab-content.padding-top-tiny {
    padding-top: 30px
}

.__tab-content.padding-bottom-tiny {
    padding-bottom: 30px
}

.__tab-content.margin-top-tiny {
    margin-top: 30px
}

.__tab-content.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__tab-content.padding-top-tiny {
        padding-top: 20px
    }

    .__tab-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__tab-content.margin-top-tiny {
        margin-top: 20px
    }

    .__tab-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__tab-content.padding-top-tiny {
        padding-top: 20px
    }

    .__tab-content.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__tab-content.margin-top-tiny {
        margin-top: 20px
    }

    .__tab-content.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.table-content.center .body-text,
.table-content.center .title {
    text-align: center
}

.table-content.right .body-text,
.table-content.right .title {
    text-align: right
}

.table-content .title {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    margin-top: 0;
    line-height: unset;
    font-size: unset;
    display: inline-block
}

.table-content .title>span {
    display: inline-block
}

.table-content .title>span.type-h1,
.table-content .title>span.type-h1-green-to-purple-diagonal,
.table-content .title>span.type-h1-green-to-purple-vertical,
.table-content .title>span.type-h1-outlined,
.table-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
.table-content .title>span.type-h1-purple-to-green-horisontal,
.table-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
.table-content .title>span.type-h1-urban-jundle-to-plum-vertical {
    margin-bottom: 20px
}

@media (min-width:824px) {

    .table-content .title>span.type-h1,
    .table-content .title>span.type-h1-green-to-purple-diagonal,
    .table-content .title>span.type-h1-green-to-purple-vertical,
    .table-content .title>span.type-h1-outlined,
    .table-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .table-content .title>span.type-h1-purple-to-green-horisontal,
    .table-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .table-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {

    .table-content .title>span.type-h1,
    .table-content .title>span.type-h1-green-to-purple-diagonal,
    .table-content .title>span.type-h1-green-to-purple-vertical,
    .table-content .title>span.type-h1-outlined,
    .table-content .title>span.type-h1-plum-to-urban-jundle-diagonal,
    .table-content .title>span.type-h1-purple-to-green-horisontal,
    .table-content .title>span.type-h1-urban-jundle-to-plum-horisontal,
    .table-content .title>span.type-h1-urban-jundle-to-plum-vertical {
        margin-bottom: 20px
    }
}

.table-content .title>span.type-h1-big,
.table-content .title>span.type-h1-big-green-to-purple-diagonal,
.table-content .title>span.type-h1-big-green-to-purple-vertical,
.table-content .title>span.type-h1-big-outlined,
.table-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
.table-content .title>span.type-h1-big-purple-to-green-horisontal,
.table-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
.table-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
    margin-bottom: 30px
}

@media (min-width:824px) {

    .table-content .title>span.type-h1-big,
    .table-content .title>span.type-h1-big-green-to-purple-diagonal,
    .table-content .title>span.type-h1-big-green-to-purple-vertical,
    .table-content .title>span.type-h1-big-outlined,
    .table-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .table-content .title>span.type-h1-big-purple-to-green-horisontal,
    .table-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .table-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {

    .table-content .title>span.type-h1-big,
    .table-content .title>span.type-h1-big-green-to-purple-diagonal,
    .table-content .title>span.type-h1-big-green-to-purple-vertical,
    .table-content .title>span.type-h1-big-outlined,
    .table-content .title>span.type-h1-big-plum-to-urban-jundle-diagonal,
    .table-content .title>span.type-h1-big-purple-to-green-horisontal,
    .table-content .title>span.type-h1-big-urban-jundle-to-plum-horisontal,
    .table-content .title>span.type-h1-big-urban-jundle-to-plum-vertical {
        margin-bottom: 40px
    }
}

.table-content .title>span.type-h2,
.table-content .title>span.type-h2-outlined {
    margin-bottom: 10px
}

@media (min-width:824px) {

    .table-content .title>span.type-h2,
    .table-content .title>span.type-h2-outlined {
        margin-bottom: 10px
    }
}

@media (min-width:992px) {

    .table-content .title>span.type-h2,
    .table-content .title>span.type-h2-outlined {
        margin-bottom: 20px
    }
}

.table-content .title>span.type-h3,
.table-content .title span.type-h4 {
    margin-bottom: 5px
}

@media (min-width:824px) {

    .table-content .title>span.type-h3,
    .table-content .title span.type-h4 {
        margin-bottom: 5px
    }
}

@media (min-width:992px) {

    .table-content .title>span.type-h3,
    .table-content .title span.type-h4 {
        margin-bottom: 10px
    }
}

.table-content .pagination-container {
    display: none;
    grid-column-start: 11;
    -ms-grid-column: 12;
    grid-column-end: span 4;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
    grid-row-start: 2
}

.table-content .body-text {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    margin: 0 0 30px;
    grid-row-start: 2
}

.table-content .table-container {
    grid-column-start: 3;
    grid-column-end: span 12;
    -ms-grid-column: 3;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3
}

@media (min-width:824px) {

    .table-content .body-text,
    .table-content .title {
        grid-column-start: 3;
        grid-column-end: span 10;
        -ms-grid-column: 3;
        -ms-grid-column-span: 10
    }

    .table-content .body-text {
        margin-bottom: 30px
    }

    .table-content.center .body-text,
    .table-content.center .title {
        grid-column-start: 4;
        grid-column-end: span 10;
        -ms-grid-column: 4;
        -ms-grid-column-span: 10
    }

    .table-content.right .body-text,
    .table-content.right .title {
        grid-column-start: 5;
        grid-column-end: span 10;
        -ms-grid-column: 5;
        -ms-grid-column-span: 10
    }
}

@media (min-width:992px) {
    .table-content .title {
        grid-column-end: span 9;
        -ms-grid-column-span: 9
    }

    .table-content .pagination-container {
        display: flex;
        justify-content: flex-end;
        margin-top: auto
    }

    .table-content .body-text {
        grid-column-start: 3;
        grid-column-end: span 9;
        -ms-grid-column: 3;
        -ms-grid-column-span: 9;
        margin-bottom: 40px
    }

    .table-content.center .body-text,
    .table-content.center .title {
        grid-column-start: 4;
        grid-column-end: span 9;
        -ms-grid-column: 4;
        -ms-grid-column-span: 9
    }

    .table-content.right .body-text,
    .table-content.right .title {
        grid-column-start: 6;
        grid-column-end: span 9;
        -ms-grid-column: 6;
        -ms-grid-column-span: 9
    }
}

.table-wrapper {
    position: relative
}

.table-wrapper .scroll-container {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.table-wrapper .scroll-container::-webkit-scrollbar {
    display: none
}

.table-wrapper .table-filter {
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .7) 50%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.table-wrapper .table {
    width: 100%;
    border-collapse: initial;
    border-spacing: 0;
    overflow-x: scroll;
    scroll-behavior: smooth
}

.table-wrapper .table thead tr th {
    display: table-cell;
    min-width: 200px;
    border-bottom: 1px solid #2c2c2c;
    padding: 10px 10px 10px 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.table-wrapper .table thead tr th span {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-right: 5px;
    display: inline
}

@media (min-width:824px) {
    .table-wrapper .table thead tr th span {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .table-wrapper .table thead tr th span {
        font-size: 18px;
        letter-spacing: 7px
    }
}

.table-wrapper .table thead tr th.sort {
    cursor: pointer
}

.table-wrapper .table thead tr th.lead-column {
    position: relative;
    background: #000;
    z-index: 1
}

.table-wrapper .table thead tr th i {
    line-height: 26px;
    font-size: 14px;
    color: #fff
}

.table-wrapper .table thead tr th i.asc {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.table-wrapper .table thead tr th i.desc {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-wrapper .table tbody tr td {
    color: #000;
    font-size: 10px;
    line-height: 14px;
    min-width: 200px;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #2c2c2c;
    white-space: break-spaces;
    vertical-align: top;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.table-wrapper .table tbody tr td a {
    color: #0878b5;
    text-decoration: underline
}

.table-wrapper .table tbody tr td a span {
    color: #fff;
    text-decoration: none
}

.table-wrapper .table tbody tr td a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .table-wrapper .table tbody tr td {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .table-wrapper .table tbody tr td {
        font-size: 14px;
        line-height: 20px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .table-wrapper .table tbody tr td {
        max-width: 20%;
        white-space: pre-wrap
    }
}

@supports (-ms-ime-align:auto) {
    .table-wrapper .table tbody tr td {
        max-width: 20%;
        white-space: pre-wrap
    }
}

.table-wrapper .table tbody tr td a {
    text-decoration: none;
    color: #fff
}

.table-wrapper .table tbody tr td a:hover {
    color: #fff
}

.table-wrapper .table tbody tr td.lead-column {
    position: relative;
    z-index: 1;
    background: #000;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

@media (min-width:824px) {
    .table-wrapper .table tbody tr td.lead-column {
        font-size: 20px;
        line-height: 30px
    }
}

@media (min-width:992px) {
    .table-wrapper .table tbody tr td.lead-column {
        font-size: 24px;
        line-height: 44px;
        letter-spacing: -2px
    }
}

.table-wrapper .body {
    padding-top: 18px;
    max-width: 85%;
    white-space: normal;
    color: #000;
    font-size: 10px;
    line-height: 14px
}

.table-wrapper .body a {
    color: #0878b5;
    text-decoration: underline
}

.table-wrapper .body a span {
    color: #fff;
    text-decoration: none
}

.table-wrapper .body a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .table-wrapper .body {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    .table-wrapper .body {
        font-size: 14px;
        line-height: 20px
    }
}

@media (min-width:824px) {
    .table-wrapper .table thead tr th i {
        font-size: 16px
    }

    .table-wrapper .table tbody tr td {
        padding: 15px 30px 15px 0
    }

    .table-wrapper .body {
        max-width: 75%
    }
}

@media (min-width:992px) {
    .table-wrapper .table thead tr th {
        padding: 20px 20px 20px 0
    }

    .table-wrapper .table thead tr th i {
        font-size: 18px
    }

    .table-wrapper .table tbody tr td {
        padding: 28px 40px 28px 0
    }

    .table-wrapper .body {
        max-width: 70%;
        padding-top: 36px
    }
}

.pagination {
    display: none
}

@media (min-width:992px) {

    .pagination,
    .pagination .pagination-button {
        display: flex;
        align-items: center
    }

    .pagination .pagination-button {
        background-color: hsla(0, 0%, 89.8%, .1);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        justify-content: center;
        cursor: pointer;
        transition: background-color 1s
    }

    .pagination .pagination-button i {
        color: #fff
    }

    .pagination .pagination-button:hover i {
        color: #1ef1c6
    }

    .pagination .pagination-button.forward {
        margin-left: 20px
    }

    .pagination .pagination-button.hidden {
        visibility: hidden
    }

    .pagination .pagination-button:active {
        background-color: #909090
    }

    .pagination .dot {
        background-color: #2c2c2c;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        display: block;
        margin-left: 20px;
        cursor: pointer;
        transition: background-color .15s ease-in-out
    }

    .pagination .dot:before {
        content: ""
    }

    .pagination .dot:hover {
        background-color: #909090
    }

    .pagination .dot.current {
        background-color: #fff
    }
}

.__test-component .wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.error-message {
    width: 100%;
    margin: 0 auto;
    color: red;
    padding-bottom: 20px;
    font-size: 16px
}

.__test-in-now .no-result {
    padding-left: 16px;
    margin-top: 20px
}

.__test-in-now .warning-color {
    color: #fc0;
    margin-right: 10px
}

.__test-in-now h2 {
    font-size: 18px
}

.__test-in-now .mobile-wapper {
    padding: 0 16px
}

.__test-in-now .mobile {
    display: block
}

.__test-in-now .test-drive-form-image {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 10%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.__test-in-now .test-drive-form-image .car-pic {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 1;
    -ms-grid-column-span: -1;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-in-now .test-drive-form-image .car-pic img {
    width: 100%
}

.__test-in-now .test-drive-form-image .config-data .car-title {
    margin-bottom: 10px
}

.__test-in-now .test-drive-form-image .config-detail .price-item {
    flex-direction: column
}

.__test-in-now .test-drive-form-image .config-detail .price-item .title {
    margin-right: auto
}

.__test-in-now .test-drive-form-image .config-detail .price-item .price {
    margin-top: 10px;
    display: flex;
    flex-direction: row
}

.__test-in-now .test-drive-form-image .config-detail .price-item .price span {
    color: #000;
    font-weight: 700;
    margin-right: auto
}

.__test-in-now .form-title {
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-in-now .__test-drive-form {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-in-now .__test-drive-form .input-group .password-toggle {
    display: none
}

.__test-in-now .map-container {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 4;
    -ms-grid-row-span: 4;
    background-color: #f5f6f9
}

.__test-in-now .map-title {
    padding-top: 40px;
    padding-bottom: 24px;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__test-in-now .mobile-map-select-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 5;
    -ms-grid-row: 5;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-bottom: 16px
}

.__test-in-now .mobile-map-select-box .mobile-map-select {
    z-index: 10;
    position: relative;
    width: 300px;
    box-sizing: border-box;
    padding: 7px 10px;
    height: 48px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__test-in-now .mobile-map-select-box .mobile-map-select input {
    position: relative;
    z-index: 1
}

.__test-in-now .mobile-map-select-box .mobile-map-select .placeholder {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    width: 80%
}

.__test-in-now .mobile-map-select-box .mobile-map-select .mobile-map-select-input {
    background: none;
    outline: none;
    border: none;
    flex: 1 1
}

.__test-in-now .mobile-map-select-box .mobile-map-select .city-list-block {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}

.__test-in-now .mobile-map-select-box .mobile-map-select .dealer-list-title {
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .45);
    width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, .75);
    padding: 0 20px;
    height: 56px;
    line-height: 56px
}

.__test-in-now .mobile-map-select-box .mobile-map-select .dealer-list-block {
    font-size: 14px;
    width: 100%;
    overflow-y: auto;
    max-height: 162px
}

.__test-in-now .mobile-map-select-box .mobile-map-select .search-item {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    color: rgba(0, 0, 0, .45);
    height: 36px;
    line-height: 36px;
    font-size: 14px
}

.__test-in-now .mobile-map-select-box .mobile-map-select .search-item-chouse {
    color: rgba(0, 0, 0, .75)
}

.__test-in-now .__test-drive-map {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 6;
    -ms-grid-row: 6;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px
}

.__test-in-now .mobile-dealer-list-box {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 7;
    -ms-grid-row: 7;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden
}

.__test-in-now .mobile-dealer-list {
    padding: 0 16px;
    display: flex;
    float: left
}

.__test-in-now .mobile-dealer-block {
    box-sizing: border-box;
    min-width: 230px;
    min-height: 160px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    margin-right: 6px;
    padding: 10px 12px 16px
}

.__test-in-now .mobile-dealer-block .dealer-item-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    font-size: 14px
}

.__test-in-now .mobile-dealer-block .dealer-item-message {
    line-height: 16px;
    padding: 2px 0;
    font-size: 12px;
    color: #474d59
}

.__test-in-now .mobile-dealer-block .dealer-item-message .blue {
    color: #4a90e2
}

.__test-in-now .text-area {
    margin-bottom: 20px
}

.__test-in-now .map-select-box {
    display: none
}

.__test-in-now .__test-drive-cta {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 8;
    -ms-grid-row: 8;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 20px
}

.__test-in-now .__test-drive-cta .label {
    white-space: nowrap
}

.__test-in-now .__test-drive-cta .access {
    display: flex;
    line-height: 16px;
    margin-bottom: 30px
}

.__test-in-now .__test-drive-cta .button-content {
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    background-color: #2e2e2e;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

@media (min-width:824px) {
    .__test-in-now {
        padding-top: 40px;
        grid-column-gap: 0 !important
    }

    .__test-in-now .no-result {
        padding-left: 0;
        margin-top: 20px
    }

    .__test-in-now h2 {
        font-size: 24px
    }

    .__test-in-now .mobile {
        display: none
    }

    .__test-in-now .mobile-wapper {
        padding: 0
    }

    .__test-in-now .form-title {
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-in-now .__test-drive-form {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-in-now .test-drive-form-image {
        grid-column-start: 7;
        -ms-grid-column: 8;
        grid-column-end: span 8;
        -ms-grid-column-span: 6;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 0
    }

    .__test-in-now .test-drive-form-image .car-pic {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 1;
        -ms-grid-column-span: -1;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        text-align: center
    }

    .__test-in-now .test-drive-form-image .car-pic img {
        margin: 0 auto;
        width: 383px
    }

    .__test-in-now .test-drive-form-image .config-data {
        position: absolute;
        width: 50%
    }

    .__test-in-now .test-drive-form-image .config-data .car-title {
        margin-bottom: 10px
    }

    .__test-in-now .test-drive-form-image .config-detail {
        display: grid;
        grid-template-columns: 100%
    }

    .__test-in-now .test-drive-form-image .config-detail .price-item {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-top: 10px
    }

    .__test-in-now .test-drive-form-image .config-detail .price-item .title {
        margin-right: auto
    }

    .__test-in-now .test-drive-form-image .config-detail .price-item .price {
        margin-top: 0
    }

    .__test-in-now .test-drive-form-image .config-detail .price-item .price span {
        font-weight: 400;
        margin-right: 10px
    }

    .__test-in-now .map-container {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 2;
        -ms-grid-row-span: 2;
        background-color: #f5f6f9;
        margin-top: 20px
    }

    .__test-in-now .map-title {
        margin-top: 20px;
        padding-top: 40px;
        padding-bottom: 24px;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__test-in-now .map-select-box {
        display: block;
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 40px
    }

    .__test-in-now .map-select-box .map-select {
        z-index: 10;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        height: 48px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding: 10px 15px;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__test-in-now .map-select-box .map-select input {
        position: relative;
        z-index: 1
    }

    .__test-in-now .map-select-box .map-select .placeholder {
        position: absolute;
        display: inline-block;
        font-size: 12px;
        width: 80%
    }

    .__test-in-now .map-select-box .map-select .city-search {
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .__test-in-now .map-select-box .map-select .city-search:hover {
        font-size: 30px
    }

    .__test-in-now .map-select-box .map-select .city-list-block {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%
    }

    .__test-in-now .map-select-box .map-select .map-select-input {
        flex: 1 1;
        font-size: 18px;
        height: 100%;
        background: none;
        outline: none;
        border: none
    }

    .__test-in-now .map-select-box .map-select .dealer-list-title {
        box-sizing: border-box;
        border-top: 1px solid rgba(0, 0, 0, .45);
        width: 100%;
        font-size: 18px;
        color: rgba(0, 0, 0, .75);
        padding: 0 20px;
        height: 56px;
        line-height: 56px
    }

    .__test-in-now .map-select-box .map-select .dealer-list-block {
        font-size: 14px;
        width: 100%;
        overflow-y: auto;
        max-height: 350px
    }

    .__test-in-now .map-select-box .map-select .search-item {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        padding: 0 20px;
        color: rgba(0, 0, 0, .45);
        height: 36px;
        line-height: 36px;
        font-size: 14px
    }

    .__test-in-now .map-select-box .map-select .search-item-chouse {
        color: rgba(0, 0, 0, .75)
    }

    .__test-in-now .map-select-box .dealer-list {
        box-sizing: border-box;
        overflow-y: auto;
        height: 407px;
        width: 100%;
        background-color: #fff;
        padding: 0 15px
    }

    .__test-in-now .map-select-box .dealer-item {
        box-sizing: border-box;
        padding: 4px 0 12px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__test-in-now .map-select-box .dealer-item .dealer-item-name {
        color: rgba(0, 0, 0, .75);
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .__test-in-now .map-select-box .dealer-item .dealer-item-name span {
        padding: 2px 0 10px;
        display: inline-block;
        border-bottom: 1px solid rgba(0, 0, 0, .75)
    }

    .__test-in-now .map-select-box .dealer-item .dealer-parameter {
        padding-top: 12px
    }

    .__test-in-now .map-select-box .dealer-item .dealer-parameter .dealer-parameter-item {
        color: #9d9d9d;
        font-size: 12px;
        text-align: justify
    }

    .__test-in-now .__test-drive-map {
        grid-column-start: 6;
        -ms-grid-column: 7;
        grid-column-end: span 9;
        -ms-grid-column-span: 7;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-bottom: 60px
    }

    .__test-in-now .text-area {
        margin-bottom: 30px
    }

    .__test-in-now .__test-drive-cta {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 5;
        -ms-grid-row: 5;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 20px
    }

    .__test-in-now .__test-drive-cta .access {
        margin-bottom: 50px;
        display: flex;
        line-height: 30px
    }

    .__test-in-now .__test-drive-cta .button-content {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        background-color: #2e2e2e;
        height: 56px;
        line-height: 56px;
        color: #fff;
        font-size: 14px;
        text-align: center
    }
}

@media (max-width:824px) and (orientation:landscape) {

    .__test-in-now .mobile-map-select-box,
    .__test-in-now .mobile-map-select-box .mobile-map-select {
        z-index: unset
    }

    .__test-in-now .mobile-map-select-box .mobile-map-select .city-list-block {
        z-index: 10
    }
}

.__trade-in-policy .form-title {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    font-size: 24px;
    padding-bottom: 30px
}

.__trade-in-policy .item-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__trade-in-policy .item-wrapper .item {
    display: grid;
    grid-template-columns: 386px auto;
    grid-column-gap: 80px;
    margin-bottom: 30px
}

.__trade-in-policy .item-wrapper .item .title {
    font-size: 18px;
    color: #000;
    line-height: 24px
}

.__trade-in-policy .item-wrapper .item .title-bold {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    font-weight: 700
}

.__trade-in-policy .item-wrapper .config {
    display: grid;
    grid-template-columns: 386px auto;
    grid-column-gap: 80px;
    margin-bottom: 30px
}

.__trade-in-policy .item-wrapper .config .configuration {
    padding-top: 30px
}

.__trade-in-policy .item-wrapper .config .car-pic img {
    width: 385px
}

.__trade-in-policy .item-wrapper .config .price-item {
    display: flex;
    flex-direction: row;
    width: 100%
}

.__trade-in-policy .item-wrapper .config .price-item .title {
    margin-right: 100px;
    width: 260px
}

.__trade-in-policy .item-wrapper .config .price-item span {
    color: #000;
    margin-right: 10px
}

.__trade-in-policy .__test-drive-cta {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

@media (max-width:1024px) {
    .__trade-in-policy {
        padding-top: 40px
    }

    .__trade-in-policy .config .configuration {
        padding-top: 30px
    }
}

@media (max-width:824px) {
    .__trade-in-policy .form-title {
        font-size: 18px;
        padding-bottom: 20px
    }

    .__trade-in-policy .item-wrapper .item {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        grid-template-columns: auto;
        margin-bottom: 12px
    }

    .__trade-in-policy .item-wrapper .item .title,
    .__trade-in-policy .item-wrapper .item .title-bold {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .__trade-in-policy .item-wrapper .item .replacement {
        width: 100%;
        overflow: hidden
    }

    .__trade-in-policy .item-wrapper .config {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        display: grid;
        grid-template-columns: auto;
        grid-column-gap: 80px;
        margin-bottom: 30px
    }

    .__trade-in-policy .item-wrapper .config .configuration {
        padding-top: 30px
    }

    .__trade-in-policy .item-wrapper .config .car-pic img {
        width: 100%;
        height: auto
    }

    .__trade-in-policy .item-wrapper .config .price-item {
        flex-direction: column
    }

    .__trade-in-policy .item-wrapper .config .price-item .title {
        margin-right: auto
    }

    .__trade-in-policy .item-wrapper .config .price-item .title p {
        font-size: 16px
    }

    .__trade-in-policy .item-wrapper .config .price-item .price {
        margin-top: 10px;
        display: flex;
        flex-direction: row
    }

    .__trade-in-policy .item-wrapper .config .price-item .price span {
        color: #000;
        font-weight: 700;
        margin-right: auto
    }
}

.two-images-content {
    color: #fff
}

.two-images-content .title {
    grid-column-start: 2;
    -ms-grid-column: 2;
    grid-column-end: span 11;
    -ms-grid-column-span: 11;
    grid-row: 1;
    -ms-grid-row: 1;
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0 0 20px
}

@media (min-width:824px) {
    .two-images-content .title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .two-images-content .title {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.two-images-content .media-1 {
    grid-column-start: 2;
    -ms-grid-column: 2;
    grid-column-end: span 11;
    -ms-grid-column-span: 11;
    grid-row: 2;
    -ms-grid-row: 2
}

.two-images-content .body-text {
    grid-column-start: 3;
    -ms-grid-column: 3;
    grid-column-end: span 11;
    -ms-grid-column-span: 11;
    grid-row: 3;
    -ms-grid-row: 3;
    margin: 20px 0 30px
}

.two-images-content .media-2 {
    grid-column-start: 3;
    -ms-grid-column: 3;
    grid-column-end: span 10;
    -ms-grid-column-span: 10;
    grid-row: 4;
    -ms-grid-row: 4
}

.two-images-content .media-1 img,
.two-images-content .media-2 img {
    width: 100%;
    height: auto
}

.two-images-content figcaption {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    color: #909090;
    float: right
}

.two-images-content figcaption a {
    color: #0878b5;
    text-decoration: underline
}

.two-images-content figcaption a span {
    color: #fff;
    text-decoration: none
}

.two-images-content figcaption a:hover {
    color: #07689d
}

@media (min-width:824px) {
    .two-images-content figcaption {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .two-images-content figcaption {
        font-size: 16px;
        line-height: 18px
    }
}

@media (min-width:824px) {
    .two-images-content .title {
        grid-column-end: span 10;
        -ms-grid-column-span: 10;
        grid-row: 1;
        -ms-grid-row: 1;
        margin-bottom: 20px
    }

    .two-images-content .body-text {
        grid-column-start: 2;
        -ms-grid-column: 2;
        grid-column-end: span 6;
        -ms-grid-column-span: 6;
        grid-row: 2;
        -ms-grid-row: 2;
        margin: 20px 0 30px
    }

    .two-images-content .media-1 {
        grid-column-start: 2;
        -ms-grid-column: 2;
        grid-column-end: span 6;
        -ms-grid-column-span: 6;
        grid-row: 3;
        -ms-grid-row: 3
    }

    .two-images-content .media-2 {
        grid-column-start: 9;
        -ms-grid-column: 9;
        grid-column-end: span 6;
        -ms-grid-column-span: 6;
        grid-row-start: 2;
        grid-row-end: span 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2
    }
}

@media (min-width:992px) {
    .two-images-content .title {
        grid-column-end: span 8;
        -ms-grid-column-span: 8;
        margin-bottom: 20px
    }

    .two-images-content.mirrored .title {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: -2px
    }

    .two-images-content.mirrored .body-text {
        margin: 20px 0 40px
    }

    .two-images-content.mirrored .body-text,
    .two-images-content.mirrored .media-1 {
        grid-column-start: 9;
        -ms-grid-column: 9;
        grid-column-end: span 6;
        -ms-grid-column-span: 6
    }

    .two-images-content.mirrored .media-2 {
        grid-column-start: 2;
        -ms-grid-column: 2;
        grid-column-end: span 6;
        -ms-grid-column-span: 6
    }
}

.__two-layer-tab-content .tab-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    display: grid;
    grid-template-columns: 300px auto;
    grid-column-gap: 20px
}

.__two-layer-tab-content .tab-content .image-tab {
    width: 300px;
    grid-column-start: 1
}

.__two-layer-tab-content .tab-content .image-tab .item {
    width: 300px;
    height: 177px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer
}

.__two-layer-tab-content .tab-content .image-tab .item .tab-img {
    width: 300px;
    height: 177px;
    border: 1px solid transparent
}

.__two-layer-tab-content .tab-content .image-tab .item .tab-img img {
    width: 300px;
    height: 177px
}

.__two-layer-tab-content .tab-content .image-tab .item .tib {
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    bottom: 10px;
    left: 10px
}

.__two-layer-tab-content .tab-content .image-tab .item.active {
    background: #f2f1f1
}

.__two-layer-tab-content .tab-content .image-tab .item.active .tab-img {
    border: 1px solid #0066b2
}

.__two-layer-tab-content .tab-content .image-tab .item:hover {
    background: #f2f1f1
}

.__two-layer-tab-content .tab-content .image-tab .item:hover .tab-img {
    overflow: hidden
}

.__two-layer-tab-content .tab-content .image-tab .item:hover .tab-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .2s
}

.__two-layer-tab-content .tab-content .image-tab-content {
    grid-column-start: 2
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-header {
    width: 624px;
    display: grid;
    grid-template-rows: 45px;
    grid-template-columns: 200px 204px 200px;
    place-items: stretch stretch;
    cursor: pointer;
    border-bottom: 2px solid #979797;
    grid-column-gap: 10px
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-header .tab {
    width: 100%;
    line-height: 45px;
    text-align: center;
    color: #979797;
    font-size: 16px;
    cursor: pointer
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-header .active {
    border-bottom: 3px solid #000;
    margin-top: -1px;
    color: rgba(0, 0, 0, .75);
    font-weight: 700
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-detail {
    background: hsla(0, 0%, 84.7%, .1);
    padding: 30px 40px;
    margin-top: 30px
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-detail .details {
    height: 368px;
    overflow-y: scroll;
    margin-bottom: 20px
}

.__two-layer-tab-content .tab-content .image-tab-content .tab-detail a {
    color: #0091ff
}

@media (max-width:824px) {
    .__two-layer-tab-content .tab-content {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        grid-template-columns: 100%
    }

    .__two-layer-tab-content .tab-content .image-tab {
        width: 100%;
        grid-row-start: 1;
        display: flex
    }

    .__two-layer-tab-content .tab-content .image-tab .item {
        width: 33%;
        height: auto;
        max-height: 120px;
        background: #fff;
        border: 0;
        margin-right: 3%;
        margin-bottom: 40px
    }

    .__two-layer-tab-content .tab-content .image-tab .item .tab-img {
        width: 98%;
        height: 70px;
        border: 1px solid #eee
    }

    .__two-layer-tab-content .tab-content .image-tab .item .tab-img img {
        width: 100%;
        height: 100%
    }

    .__two-layer-tab-content .tab-content .image-tab .item .tib {
        position: relative;
        padding-right: 10px;
        margin-top: 20px;
        text-align: center;
        left: 0;
        font-size: 12px
    }

    .__two-layer-tab-content .tab-content .image-tab .item.active {
        border: 0;
        background: 0
    }

    .__two-layer-tab-content .tab-content .image-tab .item.active .tab-img {
        background: #f2f1f1;
        border: 1px solid #0066b2
    }

    .__two-layer-tab-content .tab-content .image-tab .item.active .tab-img img {
        border: 1px solid #c4c4c4
    }

    .__two-layer-tab-content .tab-content .image-tab-content {
        grid-column-start: 1
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-header {
        width: 100%;
        grid-column-start: 1;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 30% 30% 30%;
        place-items: center center;
        cursor: pointer;
        border-bottom: 2px solid #979797;
        grid-column-gap: 5%
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-header .tab {
        line-height: 24px;
        color: #979797;
        font-size: 16px;
        padding-bottom: 10px;
        height: 42px;
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: left
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-header .active {
        margin-top: 4px;
        color: rgba(0, 0, 0, .75);
        font-weight: 700
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-detail {
        background: #fff;
        padding: 30px 0
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-detail .details {
        height: auto
    }

    .__two-layer-tab-content .tab-content .image-tab-content .tab-detail a {
        color: #0091ff
    }
}

.unsubscribe {
    padding: 20px 0;
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.unsubscribe .icon-link,
.unsubscribe .primary-button,
.unsubscribe .primary-link {
    grid-column-start: 5;
    -ms-grid-column: 6;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.unsubscribe .error-message {
    grid-column-start: 5;
    -ms-grid-column: 6;
    grid-column-end: span 8;
    -ms-grid-column-span: 6;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 10px
}

.unsubscribe .error-message p {
    color: red;
    margin-bottom: 0
}

.unsubscribe.center .error-message p {
    text-align: center
}

.unsubscribe.right .error-message p {
    text-align: right
}

@media (min-width:824px) {
    .unsubscribe {
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 12;
        -ms-grid-column-span: 10;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .unsubscribe .icon-link,
    .unsubscribe .primary-button,
    .unsubscribe .primary-link {
        grid-column-start: 5;
        -ms-grid-column: 6;
        grid-column-end: span 5;
        -ms-grid-column-span: 3;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }
}

@media (min-width:992px) {

    .button-container .icon-link,
    .button-container .primary-button,
    .button-container .primary-link {
        grid-column-start: 5;
        -ms-grid-column: 6;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .button-container .error-message {
        grid-column-start: 5;
        -ms-grid-column: 6;
        grid-column-end: span 4;
        -ms-grid-column-span: 2;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }
}

.__useful-link-list {
    margin-top: 30px
}

.__useful-link-list .heading {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    font-size: 24px
}

.__useful-link-list .link-list-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap
}

.__useful-link-list .link-list-wrapper .useful-link {
    width: 320px;
    height: 160px;
    margin-right: 30px;
    background: #f8f6f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.__useful-link-list .link-list-wrapper .useful-link:hover .icon {
    animation: scale 1.5s infinite;
    -webkit-animation: scale 1.5s infinite
}

.__useful-link-list .link-list-wrapper .useful-link:hover .text {
    color: #519ad0
}

.__useful-link-list .link-list-wrapper .useful-link .iconWrap {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__useful-link-list .link-list-wrapper .useful-link .iconWrap .icon {
    width: 39px;
    height: auto
}

.__useful-link-list .link-list-wrapper .useful-link .text {
    margin-top: 20px;
    font-size: 19px;
    transition: all .5s ease-in-out
}

@media (max-width:1024px) {
    .__useful-link-list .link-list-wrapper .useful-link {
        flex-grow: 1
    }

    .__useful-link-list .link-list-wrapper .useful-link:nth-child(2n+2) {
        margin-right: 0
    }
}

@media (max-width:824px) {
    .__useful-link-list .link-list-wrapper {
        flex-direction: column
    }

    .__useful-link-list .link-list-wrapper .useful-link {
        width: 100%;
        height: 46px;
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        position: relative
    }

    .__useful-link-list .link-list-wrapper .useful-link .iconWrap {
        position: absolute;
        left: 20%
    }

    .__useful-link-list .link-list-wrapper .useful-link .icon {
        width: 19px
    }

    .__useful-link-list .link-list-wrapper .useful-link .text {
        padding-left: 10%;
        margin-top: 0;
        margin-left: 15px;
        font-size: 12px
    }

    .__useful-link-list .link-list-wrapper .useful-link+.useful-link {
        margin-top: 15px
    }
}

.__user-manual {
    font-size: 24px
}

.__user-manual .content-wrapper {
    display: grid;
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__user-manual .tab-header {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 33% 33% 33%;
    place-items: stretch stretch;
    cursor: pointer;
    border-bottom: 2px solid #979797
}

.__user-manual .tab-header .tab {
    width: 100px;
    line-height: 15px;
    text-align: center;
    color: #979797;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 4px
}

.__user-manual .tab-header .active {
    border-bottom: 3px solid #000;
    color: rgba(0, 0, 0, .75);
    font-weight: 700
}

.__user-manual .tab-content {
    margin: 0
}

.__user-manual .tab-content>li {
    display: grid;
    grid-template-columns: minmax(100%, 1fr);
    grid-template-rows: 80px minmax(330px, 1fr) minmax(50px, 120px) 70px;
    margin-bottom: 17px;
    place-items: start start;
    position: relative
}

.__user-manual .tab-content>li .special-offer-item-top .date {
    font-weight: 400;
    color: rgba(0, 0, 0, .75);
    margin-bottom: 10px
}

.__user-manual .tab-content>li .special-offer-item-top .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 16px
}

.__user-manual .tab-content>li .special-offer-item-top .btn {
    padding: 0 16px;
    height: 41px;
    border: 1px solid #979797;
    background: #fff;
    position: absolute;
    bottom: 10px
}

.__user-manual .tab-content>li .special-offer-item-detail {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 3;
    grid-row-end: 4
}

.__user-manual .tab-content>li .special-offer-item-detail .content {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, .75)
}

.__user-manual .tab-content>li .button {
    width: 100px;
    height: 30px;
    grid-column: 1/1;
    grid-row: 4/4;
    place-items: end end
}

.__user-manual .tab-content>li .img {
    grid-column-start: 1/2;
    width: 100%;
    height: 400px;
    max-height: 300px
}

.__user-manual .car-image {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    height: 203px;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 19px;
    display: grid
}

.__user-manual .car-image h2 {
    color: #fff;
    margin-top: 18px;
    font-size: 18px;
    grid-column-start: 3;
    -ms-grid-column: 4;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__user-manual .car-select {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 2;
    -ms-grid-row: 2;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    font-size: 14px;
    margin-top: 15px
}

.__user-manual .__model-selector {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 3;
    -ms-grid-row: 3;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 24px
}

.__user-manual .tab-content,
.__user-manual .user-manual-content {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 15;
    -ms-grid-column-span: 13;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__user-manual .user-manual-content .user-manual-radio .radio-check {
    position: relative;
    border-bottom: 1px solid #979797;
    font-size: 12px;
    display: flex;
    align-items: center
}

.__user-manual .user-manual-content .user-manual-radio .radio-check .checkbox {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0
}

.__user-manual .user-manual-content .user-manual-radio .radio-check label {
    display: flex;
    align-items: center
}

.__user-manual .user-manual-content .user-manual-radio .radio-check input[type=radio i] {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: #fff;
    background-size: 12px 12px;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    margin: 0 20px 0 0;
    outline: none
}

.__user-manual .user-manual-content .user-manual-radio .radio-check input[type=radio]:checked {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTEZC_nW47AuHKOt6wzihVSi2atDztKfGIYVtEvEN-0QhW8ZsZ_2w);
    background-size: 12px 12px;
    width: 16px;
    height: 16px;
    border: 1px solid #519ad0;
    margin: 0 20px 0 0
}

.__user-manual .user-manual-content .primary-button {
    width: 100%;
    margin: 32px 0
}

.__user-manual .user-manual-question {
    grid-column-start: 1;
    -ms-grid-column: 2;
    grid-column-end: span 14;
    -ms-grid-column-span: 12;
    grid-row-start: 4;
    -ms-grid-row: 4;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding-top: 30px;
    font-size: 12px
}

.__user-manual .user-manual-question .question-list {
    margin-bottom: 20px;
    margin-right: 16px
}

.__user-manual .user-manual-question .question-list .question-list-title {
    border: 1px solid #d9d9d9;
    color: #000;
    display: flex;
    min-height: 76px;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding: 12px 0
}

.__user-manual .user-manual-question .question-list .question-list-con {
    background-color: #fbfbfb;
    color: rgba(0, 0, 0, .75);
    padding: 10px 9px 12px 31px;
    line-height: 15px
}

.__user-manual .user-manual-question .question-list .fa {
    left: 15px;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s
}

.__user-manual .user-manual-question .question-list.selected .question-list-title {
    background-color: #e7eef4;
    border: 1px solid #e7eef4
}

.__user-manual .user-manual-question .question-list.selected .fa {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    -ms-transition: -ms-transform .2s
}

@media (min-width:824px) {
    .__user-manual .car-image {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        height: 488px;
        background-size: cover;
        background-position: 50%;
        margin-bottom: 71px;
        display: grid
    }

    .__user-manual .car-image h2 {
        color: #fff;
        margin-top: 109px;
        font-size: 48px;
        grid-column-start: 3;
        -ms-grid-column: 4;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__user-manual .car-select {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        font-size: 24px;
        margin-top: 71px
    }

    .__user-manual .__model-selector {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 40px
    }

    .__user-manual .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__user-manual .tab-header {
        width: 924px;
        margin-top: 60px;
        display: grid;
        grid-template-rows: 45px;
        grid-template-columns: 338px 305px 165px;
        place-items: stretch stretch;
        cursor: pointer;
        border-bottom: 2px solid #979797;
        grid-column-gap: 57px
    }

    .__user-manual .tab-header .tab {
        width: 100%;
        line-height: 45px;
        text-align: center;
        color: #979797;
        font-size: 20px;
        cursor: pointer
    }

    .__user-manual .tab-header .active {
        border-bottom: 3px solid #000;
        margin-top: -1px;
        color: rgba(0, 0, 0, .75);
        font-weight: 700
    }

    .__user-manual .tab-content {
        margin: 0;
        padding: 0
    }

    .__user-manual .tab-content>li {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 130px 270px;
        margin-bottom: 17px;
        place-items: stretch stretch;
        position: relative;
        align-content: center;
        justify-content: center
    }

    .__user-manual .tab-content>li .special-offer-item-top {
        padding-right: 40px
    }

    .__user-manual .tab-content>li .special-offer-item-top .date {
        font-weight: 400;
        color: rgba(0, 0, 0, .75);
        line-height: 30px
    }

    .__user-manual .tab-content>li .special-offer-item-top .title {
        font-size: 36px;
        color: #000;
        line-height: 43px
    }

    .__user-manual .tab-content>li .special-offer-item-top .btn {
        padding: 0 16px;
        height: 41px;
        border: 1px solid #979797;
        background: #fff;
        position: absolute;
        bottom: 10px
    }

    .__user-manual .tab-content>li .special-offer-item-detail {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        margin-right: 50px
    }

    .__user-manual .tab-content>li .special-offer-item-detail .content {
        font-size: 24px;
        line-height: 33px
    }

    .__user-manual .tab-content>li .button {
        width: 100px;
        height: 30px;
        grid-column: 1/1;
        grid-row: 2/2;
        place-items: end end;
        margin-top: 120px
    }

    .__user-manual .tab-content>li .img {
        width: 100%
    }

    .__user-manual .user-manual-content {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 16;
        -ms-grid-column-span: 14;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-top: 30px;
        padding-bottom: 43px;
        background: #fbf8fb
    }

    .__user-manual .user-manual-content .user-manual-radio {
        border-bottom: 1px solid #979797;
        margin: 0 41px
    }

    .__user-manual .user-manual-content .user-manual-radio .radio-check {
        position: relative;
        margin-bottom: 41px;
        height: 30px;
        border: 0;
        font-size: 25px;
        padding: 0;
        display: flex;
        align-items: center
    }

    .__user-manual .user-manual-content .user-manual-radio .radio-check .checkbox {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0
    }

    .__user-manual .user-manual-content .user-manual-radio .radio-check input[type=radio i] {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background: #fbf8fb;
        background-size: 12px 12px;
        width: 20px;
        height: 20px;
        border: 1px solid #000;
        margin-right: 20px;
        outline: none
    }

    .__user-manual .user-manual-content .user-manual-radio .radio-check input[type=radio]:checked {
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTEZC_nW47AuHKOt6wzihVSi2atDztKfGIYVtEvEN-0QhW8ZsZ_2w);
        background-size: 12px 12px;
        width: 20px;
        height: 20px;
        border: 1px solid #519ad0;
        margin-right: 20px
    }

    .__user-manual .user-manual-content .primary-button {
        width: 395px;
        margin: 33px 0 0 41px
    }

    .__user-manual .user-manual-question {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 16;
        -ms-grid-column-span: 14;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding-top: 30px;
        font-size: 16px
    }

    .__user-manual .user-manual-question .question-list {
        margin-bottom: 20px;
        margin-right: 0
    }

    .__user-manual .user-manual-question .question-list .question-list-title {
        border: 1px solid #d9d9d9;
        color: #000;
        display: flex;
        min-height: 40px;
        padding: 10px 0;
        align-items: center;
        cursor: pointer
    }

    .__user-manual .user-manual-question .question-list .question-list-con {
        background-color: #fbfbfb;
        color: rgba(0, 0, 0, .75);
        padding: 20px 41px;
        line-height: 21px
    }
}

@media (min-width:992px) {
    .__user-manual .content-wrapper {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 4;
        -ms-grid-row: 4;
        grid-row-end: span 1;
        -ms-grid-row-span: 1
    }

    .__user-manual .tab-content {
        margin: 0;
        padding: 0
    }

    .__user-manual .tab-content>li {
        grid-template-columns: 70% 30%
    }

    .__user-manual .tab-content>li .special-offer-item-detail {
        margin-right: 100px
    }

    .__user-manual .tab-content>li .special-offer-item-detail .content {
        font-size: 24px;
        line-height: 33px
    }
}

.__vehicle-configurator .menu {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 2;
    -ms-grid-column-span: 0;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    margin-top: 37px;
    position: relative;
    z-index: 10;
    background: #fff
}

.__vehicle-configurator .menu ul li {
    padding-right: 5px;
    text-align: right;
    color: rgba(0, 0, 0, .2);
    font-size: 12px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 20px
}

.__vehicle-configurator .menu ul li+li {
    margin-top: 10px
}

.__vehicle-configurator .menu ul li.active {
    color: #0066b2;
    font-size: 16px;
    font-weight: 700;
    border-right: 2px solid #0066b2
}

.__vehicle-configurator .cars {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 11;
    -ms-grid-column-span: 9;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    padding: 40px 40px 70px;
    background: #ccc;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

.__vehicle-configurator .cars .swiper-wrapper {
    height: 550px;
    display: flex;
    align-items: flex-end
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo {
    width: 320px;
    height: auto;
    -webkit-transform: translateY(246px);
    transform: translateY(246px);
    transition: all .5s ease-in-out
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo:hover .car-image-wrap span {
    opacity: 0
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo.carinfo-first {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo.carinfo-first .car-image-wrap span {
    opacity: 0
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap {
    width: 320px;
    height: 246px;
    background: #fff;
    font-size: 30px;
    text-align: center;
    color: rgba(83, 83, 83, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-in-out
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap span {
    position: absolute;
    top: 24px;
    opacity: 1;
    transition: all .5s ease-in-out
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap .car-image {
    width: 300px;
    height: auto
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content {
    width: 280px;
    height: 136px;
    padding: 40px 20px;
    position: relative;
    background: linear-gradient(90deg, #c6dde9, #94b8cd)
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content span {
    font-size: 40px;
    color: #fff;
    display: block;
    padding-bottom: 10px
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content span+span {
    font-size: 20px;
    margin-top: 14px
}

.__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content button {
    width: 280px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #2e2e2e;
    font-size: 14px;
    border: none;
    color: #fff;
    position: absolute;
    bottom: 20px;
    cursor: pointer
}

.__vehicle-configurator .cars .chevron-right {
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 40px;
    margin: auto;
    z-index: 1;
    cursor: pointer
}

.__vehicle-configurator .cars .chevron-right.default i {
    color: #ccc
}

.__vehicle-configurator .cars .chevron-right.hide {
    display: none
}

.__vehicle-configurator .cars .chevron-left {
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 90px;
    margin: auto;
    z-index: 1;
    cursor: pointer
}

.__vehicle-configurator .cars .chevron-left.default i {
    color: #ccc
}

.__vehicle-configurator .cars .chevron-left.hide {
    display: none
}

.__vehicle-configurator .carDeploy {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 11;
    -ms-grid-column-span: 9;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background: #f5f6f9;
    padding: 40px 20px;
    display: flex
}

.__vehicle-configurator .carDeploy .carDeploy-lt {
    flex: 1.5 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap .car-image {
    width: 288px;
    height: auto
}

.__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap span {
    font-size: 48px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo {
    display: flex;
    justify-content: space-around;
    margin-top: 45px;
    width: 98%
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item {
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    flex: 1 1
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item:hover .hoverDesc {
    opacity: 1;
    bottom: 100px
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item .hoverActive {
    cursor: pointer
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item:after {
    display: table;
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    background: transparent
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item .hoverDesc {
    padding: 10px 20px;
    position: absolute;
    width: 200px;
    background: #fff;
    border-radius: 5px;
    left: -10px;
    bottom: -30px;
    border: 1px solid rgba(0, 0, 0, .2);
    z-index: 10;
    opacity: 0;
    transition: all .5s ease-in-out
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item .hoverDesc:after {
    display: table;
    content: "";
    border: 10px solid transparent;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 120px;
    bottom: -20px;
    margin: auto
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item+.item {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item span {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    font-weight: 600;
    text-align: center
}

.__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item span+span {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    margin-top: 7px
}

.__vehicle-configurator .carDeploy .carDeploy-rt {
    flex: 1 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carDeploy .carDeploy-rt h2 {
    width: 400px
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList {
    margin-top: 40px
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine {
    width: 335px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    padding: 0 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine i {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 1;
    font-size: 12px
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine.active {
    border: 1px solid #0878b5;
    color: #0066b2
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine.active:after {
    display: table;
    content: "";
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid #0878b5;
    position: absolute;
    right: -30px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine+.engine {
    margin-top: 20px
}

.__vehicle-configurator .carDeploy .carDeploy-rt .toEdition {
    width: 395px;
    height: 56px;
    line-height: 56px;
    background: #2e2e2e;
    margin-top: 60px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carDeploy .carDeploy-rt .toEdition i {
    margin-left: 10px;
    font-size: 24px
}

.__vehicle-configurator .carEdition {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 11;
    -ms-grid-column-span: 9;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background: #f5f6f9;
    padding: 40px 20px;
    display: flex
}

.__vehicle-configurator .carEdition .carDeploy-lt {
    flex: 1 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap .car-image {
    width: 540px;
    height: auto
}

.__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap span {
    font-size: 48px;
    color: #212121;
    line-height: 60px
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo {
    display: flex;
    justify-content: space-around;
    margin-top: 45px
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    position: relative
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item:hover .hoverDesc {
    opacity: 1;
    bottom: 100px
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item .hoverActive {
    cursor: pointer
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item:after {
    display: table;
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    background: transparent
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item .hoverDesc {
    padding: 10px 20px;
    position: absolute;
    width: 200px;
    background: #fff;
    border-radius: 5px;
    left: -10px;
    bottom: -30px;
    border: 1px solid rgba(0, 0, 0, .2);
    z-index: 10;
    opacity: 0;
    transition: all .5s ease-in-out
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item .hoverDesc:after {
    display: table;
    content: "";
    border: 10px solid transparent;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 120px;
    bottom: -20px;
    margin: auto
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item+.item {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item span {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    font-weight: 600;
    text-align: center
}

.__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item span+span {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    margin-top: 7px
}

.__vehicle-configurator .carEdition .carDeploy-rt {
    flex: 1 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carEdition .carDeploy-rt .titleWrap {
    width: 400px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carEdition .carDeploy-rt .titleWrap span {
    color: #0066b2;
    font-size: 18px;
    cursor: pointer
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList {
    margin-top: 40px
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine {
    width: 335px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    padding: 0 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine i {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    z-index: 1;
    font-size: 12px
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine.active {
    border: 1px solid #0878b5;
    color: #0066b2
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine.active:after {
    display: table;
    content: "";
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid #0878b5;
    position: absolute;
    right: -30px;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine+.engine {
    margin-top: 20px
}

.__vehicle-configurator .carEdition .carDeploy-rt .toEdition {
    width: 395px;
    height: 56px;
    line-height: 56px;
    background: #2e2e2e;
    margin-top: 60px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carEdition .carDeploy-rt .toEdition i {
    margin-left: 10px;
    font-size: 24px
}

.__vehicle-configurator .carColor {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 11;
    -ms-grid-column-span: 9;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background: #f5f6f9;
    padding: 40px 20px;
    display: flex
}

.__vehicle-configurator .carColor .carDeploy-lt {
    flex: 1 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap .car-image {
    width: 540px;
    height: auto;
    margin-bottom: 20px
}

.__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap span {
    font-size: 48px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo {
    display: flex;
    justify-content: space-around;
    margin-top: 45px
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    position: relative
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item:hover .hoverDesc {
    opacity: 1;
    bottom: 100px
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item .hoverActive {
    cursor: pointer
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item:after {
    display: table;
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    background: transparent
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item .hoverDesc {
    padding: 10px 20px;
    position: absolute;
    width: 200px;
    background: #fff;
    border-radius: 5px;
    left: -10px;
    bottom: -30px;
    border: 1px solid rgba(0, 0, 0, .2);
    z-index: 10;
    opacity: 0;
    transition: all .5s ease-in-out
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item .hoverDesc:after {
    display: table;
    content: "";
    border: 10px solid transparent;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 120px;
    bottom: -20px;
    margin: auto
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item+.item {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item span {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    font-weight: 600;
    text-align: center
}

.__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item span+span {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    margin-top: 7px
}

.__vehicle-configurator .carColor .carDeploy-rt {
    flex: 1 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.__vehicle-configurator .carColor .carDeploy-rt h2 {
    width: 400px
}

.__vehicle-configurator .carColor .carDeploy-rt h3 {
    margin-top: 20px;
    width: 400px
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 400px
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem {
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 40px
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem .imagewrap {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f5f6f9
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem .imagewrap .__image {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem .imagewrap .__image img {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem+.engine {
    margin-top: 20px
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem span {
    margin-top: 5px
}

.__vehicle-configurator .carColor .carDeploy-rt .engineList .colorItem.active .imagewrap {
    border: 1px solid #0878b5
}

.__vehicle-configurator .carColor .carDeploy-rt .price {
    margin-top: 40px;
    width: 400px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carColor .carDeploy-rt .price span {
    color: #000;
    font-size: 14px
}

.__vehicle-configurator .carColor .carDeploy-rt .price span+span {
    color: #0066b2;
    font-size: 24px
}

.__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap {
    width: 400px
}

.__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap .toEdition {
    width: 395px;
    height: 56px;
    line-height: 56px;
    background: #2e2e2e;
    margin-top: 40px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap .toEdition i {
    margin-left: 10px;
    font-size: 24px
}

.__vehicle-configurator .carInfomation {
    grid-column-start: 4;
    -ms-grid-column: 5;
    grid-column-end: span 11;
    -ms-grid-column-span: 9;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    background: #f5f6f9;
    padding: 40px 20px;
    display: flex;
    flex-direction: column
}

.__vehicle-configurator .carInfomation .headImage {
    display: none
}

.__vehicle-configurator .carInfomation .content {
    display: flex;
    order: 0
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .carImage {
    width: 500px;
    height: auto;
    margin-top: 78px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent {
    margin-top: 45px;
    display: flex;
    flex-direction: column
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem {
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap ._image {
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap ._image img {
    width: 50px;
    height: auto
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap.color {
    width: 68px;
    display: flex;
    justify-content: center;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap.color img {
    width: 36px;
    height: auto
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo {
    display: flex;
    flex-direction: column;
    width: 400px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle {
    display: flex
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span {
    color: rgba(0, 0, 0, .45);
    font-size: 14px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span+span {
    color: #0066b2;
    font-size: 12px;
    margin-left: 15px;
    cursor: pointer
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span+span i {
    margin-right: 5px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo span {
    color: rgba(0, 0, 0, .45);
    font-size: 14px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice {
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice span {
    color: #000;
    font-size: 20px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice span+span {
    font-size: 16px
}

.__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem+.fromItem {
    margin-top: 25px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    padding-top: 93px;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .dropDownWrap {
    width: 422px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    padding: 30px;
    background: #fff
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .dropDownWrap .tips {
    margin-left: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
    height: 48px;
    display: flex;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList {
    width: 444px;
    height: 263px;
    padding: 15px 14px 0 24px;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow-y: scroll
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem {
    display: flex;
    align-items: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem+.tradeItem {
    margin-top: 16px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem.active .checked {
    width: 20px;
    height: 20px;
    background: #0878b5;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem.active .checked i {
    display: block;
    color: #fff;
    font-size: 12px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checked {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #000;
    cursor: pointer
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checked i {
    display: none
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    margin-left: 15px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo span {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney {
    margin-top: 15px;
    display: flex
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span {
    font-size: 16px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span+span {
    font-size: 12px;
    color: #0066b2;
    margin-left: 15px;
    cursor: pointer
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span+span i {
    margin-right: 5px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tip {
    margin-top: 12px;
    font-size: 12px;
    color: rgba(0, 0, 0, .5)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 20px;
    width: 482px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .title {
    font-size: 16px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem {
    margin-top: 30px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .tradeType {
    font-size: 14px;
    color: rgba(0, 0, 0, .75)
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .tradeMon {
    font-size: 16px;
    color: rgba(0, 0, 0, .75);
    margin-left: 15px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .close {
    font-size: 24px;
    color: rgba(0, 0, 0, .3);
    cursor: pointer
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem+.selectItem {
    margin-top: 15px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .cost {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 482px
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .cost span {
    font-size: 16px;
    color: #000
}

.__vehicle-configurator .carInfomation .content .carInfomation-rt .cost span+span {
    color: #0066b2;
    font-size: 24px
}

.__vehicle-configurator .carInfomation .iconWrap {
    order: 1;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt {
    flex: 1 1;
    order: 0;
    display: flex;
    justify-content: center
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap {
    width: 500px
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap {
    width: 100px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap .stamp {
    display: flex;
    align-items: center;
    justify-content: center
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap img {
    width: 40px;
    height: auto;
    cursor: pointer
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt {
    flex: 1 1;
    order: 1;
    display: flex;
    justify-content: center
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap {
    width: 500px
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap .wrap {
    width: 480px;
    display: flex;
    justify-content: space-between
}

.__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap .wrap .btn {
    width: 230px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #2e2e2e;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.__vehicle-configurator.padding-top-large {
    padding-top: 80px
}

.__vehicle-configurator.padding-bottom-large {
    padding-bottom: 80px
}

.__vehicle-configurator.margin-top-large {
    margin-top: 80px
}

.__vehicle-configurator.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__vehicle-configurator.padding-top-large {
        padding-top: 60px
    }

    .__vehicle-configurator.padding-bottom-large {
        padding-bottom: 60px
    }

    .__vehicle-configurator.margin-top-large {
        margin-top: 60px
    }

    .__vehicle-configurator.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__vehicle-configurator.padding-top-large {
        padding-top: 50px
    }

    .__vehicle-configurator.padding-bottom-large {
        padding-bottom: 50px
    }

    .__vehicle-configurator.margin-top-large {
        margin-top: 50px
    }

    .__vehicle-configurator.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__vehicle-configurator.padding-top-medium {
    padding-top: 50px
}

.__vehicle-configurator.padding-bottom-medium {
    padding-bottom: 50px
}

.__vehicle-configurator.margin-top-medium {
    margin-top: 50px
}

.__vehicle-configurator.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__vehicle-configurator.padding-top-medium {
        padding-top: 40px
    }

    .__vehicle-configurator.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__vehicle-configurator.margin-top-medium {
        margin-top: 40px
    }

    .__vehicle-configurator.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__vehicle-configurator.padding-top-medium {
        padding-top: 30px
    }

    .__vehicle-configurator.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__vehicle-configurator.margin-top-medium {
        margin-top: 30px
    }

    .__vehicle-configurator.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__vehicle-configurator.padding-top-tiny {
    padding-top: 30px
}

.__vehicle-configurator.padding-bottom-tiny {
    padding-bottom: 30px
}

.__vehicle-configurator.margin-top-tiny {
    margin-top: 30px
}

.__vehicle-configurator.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__vehicle-configurator.padding-top-tiny {
        padding-top: 20px
    }

    .__vehicle-configurator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__vehicle-configurator.margin-top-tiny {
        margin-top: 20px
    }

    .__vehicle-configurator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__vehicle-configurator.padding-top-tiny {
        padding-top: 20px
    }

    .__vehicle-configurator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__vehicle-configurator.margin-top-tiny {
        margin-top: 20px
    }

    .__vehicle-configurator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

.__vehicle-configurator #printcontent {
    opacity: 0
}

@media (max-width:824px) {
    .__vehicle-configurator .menu {
        grid-column-start: 2;
        -ms-grid-column: 3;
        grid-column-end: span 13;
        -ms-grid-column-span: 11;
        grid-row-start: 1;
        -ms-grid-row: 1;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px
    }

    .__vehicle-configurator .menu ul li {
        height: 17px;
        padding-left: 10px;
        text-align: left;
        color: rgba(0, 0, 0, .5);
        font-size: 16px;
        line-height: 17px;
        cursor: pointer;
        border-right: none !important
    }

    .__vehicle-configurator .menu ul li+li {
        margin-top: 10px
    }

    .__vehicle-configurator .menu ul li.active {
        color: #0066b2;
        font-size: 18px;
        padding-left: 7px;
        border-left: 3px solid #0066b2
    }

    .__vehicle-configurator .cars {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 2;
        -ms-grid-row: 2;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        margin-top: 30px;
        padding: 25px 16px;
        background: #eef6fd;
        overflow: hidden;
        position: relative
    }

    .__vehicle-configurator .cars .swiper-wrapper {
        height: auto;
        display: block
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo {
        width: 100%;
        height: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        display: block
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap {
        width: calc(100% - 70px);
        height: 130px;
        background: #fff;
        padding: 30px 35px;
        font-size: 30px;
        text-align: center;
        color: rgba(83, 83, 83, .2);
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap span {
        position: absolute;
        top: 24px;
        opacity: 0
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .car-image-wrap .car-image {
        max-width: 100%;
        height: auto
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content {
        width: calc(100% - 60px);
        height: 130px;
        padding: 30px 30px 20px;
        position: relative;
        background: linear-gradient(90deg, #c6dde9, #94b8cd)
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content span {
        font-size: 28px;
        color: #fff;
        display: block
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content span+span {
        font-size: 14px;
        margin-top: 10px
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo .info-content button {
        width: 283px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: #2e2e2e;
        font-size: 14px;
        border: none;
        color: #fff;
        position: absolute;
        bottom: 20px;
        cursor: pointer
    }

    .__vehicle-configurator .cars .swiper-wrapper .carInfo+.carInfo {
        margin-top: 48px
    }

    .__vehicle-configurator .cars .chevron-left,
    .__vehicle-configurator .cars .chevron-right {
        display: none
    }

    .__vehicle-configurator .carDeploy {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding: 30px 20px 40px;
        display: flex;
        background: #f5f6f9;
        margin-top: 30px;
        flex-direction: column
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap .car-image {
        width: 288px;
        height: auto
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .car-image-wrap span {
        font-size: 24px;
        color: #000
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo {
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
        width: 100%
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
        flex: 1 1
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item+.item {
        border-left: 1px solid rgba(0, 0, 0, .1)
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item span {
        font-size: 10px;
        color: rgba(0, 0, 0, .75);
        font-weight: 600;
        text-align: center;
        line-height: 16px
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item span+span {
        font-size: 8px;
        color: rgba(0, 0, 0, .45);
        margin-top: 7px
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item .hoverDesc {
        padding: 10px 5px;
        width: 90px;
        left: 0;
        font-size: 10px
    }

    .__vehicle-configurator .carDeploy .carDeploy-lt .engineInfo .item .hoverDesc:after {
        left: 45px
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .title {
        width: 100%;
        margin-top: 40px
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList {
        margin-top: 23px;
        width: 100%
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine {
        width: calc(100% - 40px);
        height: 44px;
        font-size: 18px;
        line-height: 44px;
        padding: 0 20px;
        background: #fff;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine i {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        z-index: 1;
        font-size: 12px
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine.active {
        border: 1px solid #0878b5;
        color: #0066b2
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine.active:after {
        display: table;
        content: "";
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-top: 50px solid #0878b5;
        position: absolute;
        right: -30px;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .engineList .engine+.engine {
        margin-top: 20px
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .toEdition {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background: #2e2e2e;
        margin-top: 40px;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__vehicle-configurator .carDeploy .carDeploy-rt .toEdition i {
        margin-left: 10px;
        font-size: 24px
    }

    .__vehicle-configurator .carEdition {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background: #f5f6f9;
        padding: 30px 20px 40px;
        display: flex;
        margin-top: 30px;
        flex-direction: column
    }

    .__vehicle-configurator .carEdition .carDeploy-lt {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap .car-image {
        width: 288px;
        height: auto
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .car-image-wrap span {
        font-size: 24px;
        color: #000
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo {
        display: flex;
        justify-content: space-around;
        margin-top: 20px
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item {
        display: flex;
        flex-direction: column;
        padding: 0 10px
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item+.item {
        border-left: 1px solid rgba(0, 0, 0, .1)
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item span {
        font-size: 10px;
        color: rgba(0, 0, 0, .75);
        font-weight: 600;
        text-align: center
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item span+span {
        font-size: 8px;
        color: rgba(0, 0, 0, .45);
        margin-top: 7px
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item .hoverDesc {
        padding: 10px 5px;
        width: 90px;
        left: 0;
        font-size: 10px
    }

    .__vehicle-configurator .carEdition .carDeploy-lt .engineInfo .item .hoverDesc:after {
        left: 45px
    }

    .__vehicle-configurator .carEdition .carDeploy-rt {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .titleWrap {
        margin-top: 40px;
        width: 100%
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList {
        width: 100%;
        margin-top: 23px
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine {
        width: calc(100% - 40px);
        height: 44px;
        font-size: 18px;
        line-height: 44px;
        padding: 0 20px;
        background: #fff;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine i {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        z-index: 1;
        font-size: 12px
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine.active {
        border: 1px solid #0878b5;
        color: #0066b2
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine.active:after {
        display: table;
        content: "";
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-top: 50px solid #0878b5;
        position: absolute;
        right: -30px;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .engineList .engine+.engine {
        margin-top: 20px
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .toEdition {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background: #2e2e2e;
        margin-top: 40px;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__vehicle-configurator .carEdition .carDeploy-rt .toEdition i {
        margin-left: 10px;
        font-size: 24px
    }

    .__vehicle-configurator .carColor {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        padding: 30px 20px 40px;
        display: flex;
        background: #f5f6f9;
        margin-top: 30px;
        flex-direction: column
    }

    .__vehicle-configurator .carColor .carDeploy-lt {
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap .car-image {
        width: 288px;
        height: auto
    }

    .__vehicle-configurator .carColor .carDeploy-lt .car-image-wrap span {
        font-size: 24px;
        color: #000
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo {
        display: flex;
        justify-content: space-around;
        margin-top: 20px
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item {
        display: flex;
        flex-direction: column;
        padding: 0 10px
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item+.item {
        border-left: 1px solid rgba(0, 0, 0, .1)
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item span {
        font-size: 10px;
        color: rgba(0, 0, 0, .75);
        font-weight: 600;
        text-align: center
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item span+span {
        font-size: 8px;
        color: rgba(0, 0, 0, .45);
        margin-top: 7px
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item .hoverDesc {
        padding: 10px 5px;
        width: 90px;
        left: 0;
        font-size: 10px
    }

    .__vehicle-configurator .carColor .carDeploy-lt .engineInfo .item .hoverDesc:after {
        left: 45px
    }

    .__vehicle-configurator .carColor .carDeploy-rt {
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

    .__vehicle-configurator .carColor .carDeploy-rt h3 {
        width: 100%
    }

    .__vehicle-configurator .carColor .carDeploy-rt .title {
        width: 100%;
        color: rgba(0, 0, 0, .75);
        margin-top: 35px
    }

    .__vehicle-configurator .carColor .carDeploy-rt .titleWrap {
        margin-top: 40px
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList {
        width: 100%;
        margin-top: 23px
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList .engine {
        width: calc(100% - 40px);
        height: 44px;
        font-size: 18px;
        line-height: 44px;
        padding: 0 20px;
        background: #fff;
        position: relative;
        overflow: hidden;
        cursor: pointer
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList .engine i {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #fff;
        z-index: 1;
        font-size: 12px
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList .engine.active {
        border: 1px solid #0878b5;
        color: #0066b2
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList .engine.active:after {
        display: table;
        content: "";
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        border-top: 50px solid #0878b5;
        position: absolute;
        right: -30px;
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg)
    }

    .__vehicle-configurator .carColor .carDeploy-rt .engineList .engine+.engine {
        margin-top: 20px
    }

    .__vehicle-configurator .carColor .carDeploy-rt .price,
    .__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap {
        width: 100%
    }

    .__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap .toEdition {
        width: 100%;
        height: 44px;
        line-height: 44px;
        background: #2e2e2e;
        margin-top: 40px;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__vehicle-configurator .carColor .carDeploy-rt .toEditionWrap .toEdition i {
        margin-left: 10px;
        font-size: 24px
    }

    .__vehicle-configurator .carInfomation {
        grid-column-start: 1;
        -ms-grid-column: 2;
        grid-column-end: span 15;
        -ms-grid-column-span: 13;
        grid-row-start: 3;
        -ms-grid-row: 3;
        grid-row-end: span 1;
        -ms-grid-row-span: 1;
        background: #f5f6f9;
        padding: 30px 16px;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 10
    }

    .__vehicle-configurator .carInfomation .headImage {
        display: block;
        margin-bottom: 20px;
        width: 100%;
        height: auto
    }

    .__vehicle-configurator .carInfomation .content {
        display: flex;
        flex-direction: column;
        order: 1;
        margin-top: 30px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt {
        display: flex;
        flex-direction: column
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt h2 {
        width: 100%
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .carImage {
        width: 500px;
        height: auto;
        margin-top: 78px;
        display: none
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent {
        margin-top: 45px;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap {
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .imageWrap img {
        width: 50px;
        height: auto
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo {
        display: flex;
        flex-direction: column;
        flex: 1 1;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle {
        display: flex
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span {
        color: rgba(0, 0, 0, .45);
        font-size: 14px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span+span {
        color: #0066b2;
        font-size: 12px;
        margin-left: 15px;
        cursor: pointer
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemTitle span+span i {
        margin-right: 5px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo span {
        color: rgba(0, 0, 0, .45);
        font-size: 14px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice {
        margin-top: 10px;
        display: flex;
        justify-content: space-between
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice span {
        color: #000;
        font-size: 20px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem .itemInfo .itemPrice span+span {
        font-size: 16px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem+.fromItem {
        margin-top: 25px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        padding-top: 20px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .dropDownWrap {
        width: auto;
        height: 100px;
        border: 1px solid rgba(0, 0, 0, .2);
        display: flex;
        flex-direction: column;
        padding: 30px;
        background: #fff
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .dropDownWrap .tips {
        margin-left: 0;
        font-size: 14px;
        color: rgba(0, 0, 0, .5);
        height: 48px;
        display: flex;
        align-items: center
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList {
        width: calc(100% - 38px);
        height: 263px;
        padding: 15px 14px 0 24px;
        background: #fff;
        display: flex;
        flex-direction: column;
        overflow-y: scroll
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem {
        display: flex;
        align-items: center
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem+.tradeItem {
        margin-top: 16px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem.active .checked {
        width: 20px;
        height: 20px;
        background: #0878b5;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem.active .checked i {
        display: block;
        color: #fff;
        font-size: 12px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checked {
        width: 18px;
        height: 18px;
        border-radius: 100%;
        border: 1px solid #000;
        cursor: pointer
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checked i {
        display: none
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo {
        display: flex;
        flex: 1 1;
        flex-direction: column;
        margin-left: 15px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo span {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney {
        margin-top: 15px;
        display: flex
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span {
        font-size: 16px;
        color: rgba(0, 0, 0, .75)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span+span {
        font-size: 12px;
        color: #0066b2;
        margin-left: 15px;
        cursor: pointer
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tradeMoney span+span i {
        margin-right: 5px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .tradeList .tradeItem .checkedInfo .tip {
        margin-top: 12px;
        font-size: 12px;
        color: rgba(0, 0, 0, .5)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-bottom: 20px;
        width: 100%
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .title {
        font-size: 16px;
        color: rgba(0, 0, 0, .75)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem {
        margin-top: 30px;
        display: flex;
        justify-content: space-between
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .tradeType {
        font-size: 14px;
        color: rgba(0, 0, 0, .75)
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .tradeMon {
        font-size: 16px;
        color: rgba(0, 0, 0, .75);
        margin-left: 15px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem .close {
        font-size: 24px;
        color: rgba(0, 0, 0, .3);
        cursor: pointer
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem+.selectItem {
        margin-top: 15px
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .cost {
        width: 100%;
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .cost span {
        font-size: 16px;
        color: #000
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .cost span+span {
        color: #0066b2;
        font-size: 24px
    }

    .__vehicle-configurator .carInfomation .iconWrap {
        order: 0;
        display: flex;
        flex-direction: column;
        margin-top: 0;
        width: auto
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt {
        display: none !important
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap {
        order: 1;
        display: flex;
        justify-content: space-between;
        width: 100px;
        margin-top: 20px
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap .stamp {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-lt .iconWrap-lt-wrap .wrap img {
        width: 40px;
        height: auto;
        cursor: pointer
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt {
        order: 0;
        display: flex;
        justify-content: space-between;
        width: 343px;
        margin-top: 20px
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap {
        width: 100%
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap .wrap {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .__vehicle-configurator .carInfomation .iconWrap .iconWrap-rt .iconWrap-lt-wrap .wrap .btn {
        width: 164px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: #2e2e2e;
        color: #fff;
        font-size: 14px;
        cursor: pointer
    }

    .__vehicle-configurator.padding-top-large {
        padding-top: 80px
    }

    .__vehicle-configurator.padding-bottom-large {
        padding-bottom: 80px
    }

    .__vehicle-configurator.margin-top-large {
        margin-top: 80px
    }

    .__vehicle-configurator.overlap-large {
        margin-top: -80px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__vehicle-configurator.padding-top-large {
        padding-top: 60px
    }

    .__vehicle-configurator.padding-bottom-large {
        padding-bottom: 60px
    }

    .__vehicle-configurator.margin-top-large {
        margin-top: 60px
    }

    .__vehicle-configurator.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__vehicle-configurator.padding-top-large {
        padding-top: 50px
    }

    .__vehicle-configurator.padding-bottom-large {
        padding-bottom: 50px
    }

    .__vehicle-configurator.margin-top-large {
        margin-top: 50px
    }

    .__vehicle-configurator.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__vehicle-configurator.padding-top-medium {
        padding-top: 50px
    }

    .__vehicle-configurator.padding-bottom-medium {
        padding-bottom: 50px
    }

    .__vehicle-configurator.margin-top-medium {
        margin-top: 50px
    }

    .__vehicle-configurator.overlap-medium {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__vehicle-configurator.padding-top-medium {
        padding-top: 40px
    }

    .__vehicle-configurator.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__vehicle-configurator.margin-top-medium {
        margin-top: 40px
    }

    .__vehicle-configurator.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__vehicle-configurator.padding-top-medium {
        padding-top: 30px
    }

    .__vehicle-configurator.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__vehicle-configurator.margin-top-medium {
        margin-top: 30px
    }

    .__vehicle-configurator.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__vehicle-configurator.padding-top-tiny {
        padding-top: 30px
    }

    .__vehicle-configurator.padding-bottom-tiny {
        padding-bottom: 30px
    }

    .__vehicle-configurator.margin-top-tiny {
        margin-top: 30px
    }

    .__vehicle-configurator.overlap-tiny {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:1024px) {
    .__vehicle-configurator.padding-top-tiny {
        padding-top: 20px
    }

    .__vehicle-configurator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__vehicle-configurator.margin-top-tiny {
        margin-top: 20px
    }

    .__vehicle-configurator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) and (max-width:824px) {
    .__vehicle-configurator.padding-top-tiny {
        padding-top: 20px
    }

    .__vehicle-configurator.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__vehicle-configurator.margin-top-tiny {
        margin-top: 20px
    }

    .__vehicle-configurator.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    #printcontent {
        opacity: 1;
        position: absolute;
        z-index: 0;
        width: 100%
    }
}

@media print {

    .__footer,
    .__header,
    .__vehicle-configurator .carInfomation .iconWrap,
    .dropDownWrap,
    .menu,
    .tradeList,
    .tradeListWrap {
        display: none !important
    }

    .__maintenance-calculator .tradeWrap .selectTrade {
        border-bottom: none !important
    }

    .__maintenance-calculator .tradeWrap .selectTrade .selectItem .close,
    .__maintenance-calculator .tradeWrap .selectTrade .title {
        display: none !important
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-rt .selectTrade .selectItem {
        margin-top: 0 !important
    }

    .__vehicle-configurator .carInfomation .headImage {
        width: 50%;
        height: auto
    }

    .__vehicle-configurator .carInfomation .content .carInfomation-lt .fromContent .fromItem:last-child {
        margin-top: 60px
    }
}

.__video-carousel .carousel-content {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1;
    position: relative
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .fa,
.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-date .date span,
.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-description,
.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body:hover .slide-title {
    color: #9ca9b3
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-image-wrap {
    width: 100%;
    overflow: hidden
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-image {
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-mobile {
    display: none
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px 30px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title {
    position: relative;
    padding-bottom: 20px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title h3 {
    margin-top: 20px;
    font-size: 16px;
    transition: all .5s ease-in-out;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title .line {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 60px;
    border-bottom: 2px solid #0066b2
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    transition: all .5s ease-in-out;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date {
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date {
    color: #7e7e7e;
    font-size: 16px;
    display: flex;
    align-items: center
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date .fa {
    font-size: 18px;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .date>span {
    margin-left: 10px;
    line-height: 1;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date .fa {
    font-size: 24px;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    padding-top: 0;
    margin: 0 -10px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-detail {
    padding: 0 10px;
    width: calc(33% - 20px)
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-title {
    position: relative;
    padding-bottom: 20px;
    padding-top: 19px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-title h3 {
    margin-top: 20px;
    font-size: 16px;
    transition: all .5s ease-in-out;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-title .line {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 60px;
    border-bottom: 2px solid #0066b2
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    transition: all .5s ease-in-out;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 60px
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date {
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date .date {
    color: #7e7e7e;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date .date iframe {
    width: 100%;
    height: 13.5vw
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date .date .fa {
    font-size: 18px;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date .date>span {
    margin-left: 10px;
    line-height: 1;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content1 .slide-date .fa {
    font-size: 24px;
    transition: all .5s ease-in-out
}

.__video-carousel .carousel-content .btns_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 42px
}

.__video-carousel .carousel-content .btns_swiper span {
    display: flex;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px
}

.__video-carousel .carousel-content .btns_swiper span .fa {
    font-size: 18px;
    color: #fff
}

.__video-carousel .carousel-content .btns_swiper span.active {
    background: rgba(0, 102, 178, .7)
}

.__video-carousel .carousel-content .swiper-pager {
    text-align: center
}

.__video-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    border-radius: 0;
    background: #c0d7e8;
    opacity: .9
}

.__video-carousel .carousel-content .swiper-pager .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px
}

.__video-carousel .carousel-content .swiper-pager .swiper-pagination-bullet-active {
    background: #0066b2
}

@media (max-width:824px) {
    .__video-carousel .carousel-content .swiper-pager .swiper-pagination-bullet {
        width: 25px;
        height: 2px
    }
}

.__video-carousel .carousel-content .loadMore {
    display: none
}

.__video-carousel.padding-top-large {
    padding-top: 80px
}

.__video-carousel.padding-bottom-large {
    padding-bottom: 80px
}

.__video-carousel.margin-top-large {
    margin-top: 80px
}

.__video-carousel.overlap-large {
    margin-top: -80px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__video-carousel.padding-top-large {
        padding-top: 60px
    }

    .__video-carousel.padding-bottom-large {
        padding-bottom: 60px
    }

    .__video-carousel.margin-top-large {
        margin-top: 60px
    }

    .__video-carousel.overlap-large {
        margin-top: -60px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__video-carousel.padding-top-large {
        padding-top: 50px
    }

    .__video-carousel.padding-bottom-large {
        padding-bottom: 50px
    }

    .__video-carousel.margin-top-large {
        margin-top: 50px
    }

    .__video-carousel.overlap-large {
        margin-top: -50px;
        position: relative;
        z-index: 1
    }
}

.__video-carousel.padding-top-medium {
    padding-top: 50px
}

.__video-carousel.padding-bottom-medium {
    padding-bottom: 50px
}

.__video-carousel.margin-top-medium {
    margin-top: 50px
}

.__video-carousel.overlap-medium {
    margin-top: -50px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__video-carousel.padding-top-medium {
        padding-top: 40px
    }

    .__video-carousel.padding-bottom-medium {
        padding-bottom: 40px
    }

    .__video-carousel.margin-top-medium {
        margin-top: 40px
    }

    .__video-carousel.overlap-medium {
        margin-top: -40px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__video-carousel.padding-top-medium {
        padding-top: 30px
    }

    .__video-carousel.padding-bottom-medium {
        padding-bottom: 30px
    }

    .__video-carousel.margin-top-medium {
        margin-top: 30px
    }

    .__video-carousel.overlap-medium {
        margin-top: -30px;
        position: relative;
        z-index: 1
    }
}

.__video-carousel.padding-top-tiny {
    padding-top: 30px
}

.__video-carousel.padding-bottom-tiny {
    padding-bottom: 30px
}

.__video-carousel.margin-top-tiny {
    margin-top: 30px
}

.__video-carousel.overlap-tiny {
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width:1024px) {
    .__video-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__video-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__video-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__video-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__video-carousel.padding-top-tiny {
        padding-top: 20px
    }

    .__video-carousel.padding-bottom-tiny {
        padding-bottom: 20px
    }

    .__video-carousel.margin-top-tiny {
        margin-top: 20px
    }

    .__video-carousel.overlap-tiny {
        margin-top: -20px;
        position: relative;
        z-index: 1
    }
}

@media (max-width:824px) {
    .__video-carousel .carousel-content .swiper-container .swiper-wrapper {
        display: block
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide {
        width: 100% !important
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-mobile {
        display: block
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content {
        padding: 0
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-date {
        margin-top: 22px
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .date {
        width: 100%
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .frame-youtube {
        width: 100%;
        height: 55vw
    }

    .__video-carousel .carousel-content .swiper-container .swiper-wrapper .swiper-slide .slide-body .slide-content .slide-title {
        font-size: 14px;
        padding-top: 15px;
        font-weight: 500;
        padding-bottom: 0;
        color: #000
    }

    .__video-carousel .carousel-content .loadMore {
        padding-top: 22px;
        display: block
    }

    .__video-carousel .carousel-content .loadMore .__gradient-button {
        width: 105px;
        margin: 0 auto;
        background: #4891c7;
        color: #fff
    }

    .__video-carousel .carousel-content .btns_swiper {
        display: none
    }
}

.__vin-content .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__vin-content .content-wrapper .__input-search-group .input-wrapper input {
    width: 500px;
    text-align: left
}

.__vin-content .content-wrapper .vin-flex3 {
    width: calc(30.3% - 30px)
}

.__vin-content .content-wrapper .vin-input {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.__vin-content .content-wrapper .vin-input .vin-input-tite {
    font-size: 18px;
    margin-right: 20px;
    color: #999
}

.__vin-content .content-wrapper .table-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px
}

.__vin-content .content-wrapper .table-list .list-item {
    width: calc(30.3% - 20px);
    margin-right: 20px;
    font-size: 14px;
    border: 1px solid #dcdddd;
    border-radius: 2px;
    padding: 31px 18px;
    margin-bottom: 10px;
    line-height: 28px;
    color: #1f1f1f
}

.__vin-content .content-wrapper .table-list .list-item:nth-child(3) {
    margin-right: 0
}

.__vin-content .content-wrapper .no-result {
    margin-top: 10px;
    color: #ea5656;
    font-size: 16px
}

.__vin-content .content-wrapper .no-result .fa {
    padding-right: 10px;
    color: #fc0
}

@media (max-width:824px) {
    .__vin-content .content-wrapper .__input-search-group .input-wrapper input {
        width: 150px
    }

    .__vin-content .content-wrapper .vin-input .vin-input-tite {
        font-size: 14px;
        margin-right: 10px
    }

    .__vin-content .content-wrapper .table-list {
        display: flex;
        flex-wrap: wrap;
        padding-top: 25px
    }

    .__vin-content .content-wrapper .table-list .list-item {
        width: 100%;
        margin-right: 0;
        font-size: 9px;
        border: 1px solid #d7d8d8;
        border-radius: 2px;
        padding: 20px 12px;
        margin-bottom: 10px;
        line-height: 18px
    }

    .__vin-content .content-wrapper .table-list .list-item:nth-child(3) {
        margin-right: 0
    }

    .__vin-content .content-wrapper .no-result {
        margin-top: 10px;
        color: #ea5656;
        font-size: 16px
    }

    .__vin-content .content-wrapper .no-result .fa {
        padding-right: 10px;
        color: #fc0
    }
}

.__vin-search .content-wrapper {
    grid-column-start: 2;
    -ms-grid-column: 3;
    grid-column-end: span 13;
    -ms-grid-column-span: 11;
    grid-row-start: 1;
    -ms-grid-row: 1;
    grid-row-end: span 1;
    -ms-grid-row-span: 1
}

.__vin-search .content-wrapper .__input-search-group {
    margin-top: 15px
}

.__vin-search .content-wrapper .__input-search-group .input-wrapper .input {
    width: 500px;
    text-align: left
}

.__vin-search .content-wrapper .__input-group {
    margin-top: 15px;
    width: 700px;
    border: 1px solid #7c7c7d
}

.__vin-search .content-wrapper .__input-group .input-wrapper {
    border: 0
}

.__vin-search .content-wrapper .__input-group .btn {
    width: 40px;
    background-color: #efefef;
    border-left: 0;
    color: #2c2c2c;
    font-size: 20px
}

.__vin-search .content-wrapper .__input-group .btn:focus {
    box-shadow: none;
    border-color: #efefef;
    outline: none
}

.__vin-search .content-wrapper .no-result {
    margin-top: 10px;
    color: #ea5656;
    font-size: 16px
}

.__vin-search .content-wrapper .no-result .fa {
    padding-right: 10px;
    color: #fc0
}

.__vin-search .content-wrapper .table {
    width: 100%;
    border: 1px solid #cacaca;
    border-bottom: 0;
    border-right: 0;
    margin-top: 15px;
    table-layout: fixed
}

.__vin-search .content-wrapper .table thead {
    height: 100px;
    background: #e7eef4
}

.__vin-search .content-wrapper .table thead th,
.__vin-search .content-wrapper .table thead tr {
    padding: 20px 10px;
    border: 0;
    font-size: 16px
}

.__vin-search .content-wrapper .table thead th:last-child {
    border-right: 1px solid #cacaca
}

.__vin-search .content-wrapper .table th,
.__vin-search .content-wrapper .table tr {
    padding: 20px 10px;
    border: 0;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-size: 14px
}

.__vin-search .content-wrapper .table tr {
    min-height: 60px
}

.__vin-search .content-wrapper .table tbody {
    color: rgba(0, 0, 0, .75)
}

@media (max-width:824px) {
    .__vin-search .content-wrapper .__input-search-group .input-wrapper .input {
        width: 150px
    }

    .__vin-search .content-wrapper .table-mobile {
        width: 100%;
        overflow-x: scroll
    }

    .__vin-search .content-wrapper .table {
        width: 150%
    }

    .__vin-search .content-wrapper .table th {
        width: 20%
    }

    .__vin-search .content-wrapper .table th:first-child {
        width: 30%
    }

    .__vin-search .content-wrapper .table thead th,
    .__vin-search .content-wrapper .table thead tr {
        padding: 20px 4px;
        border: 0;
        font-size: 16px
    }

    .__vin-search .content-wrapper .table th,
    .__vin-search .content-wrapper .table tr {
        padding: 20px 4px;
        border: 0;
        border-right: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        font-size: 14px
    }

    .__vin-search .content-wrapper .table tr {
        min-height: 60px
    }

    .__vin-search .content-wrapper .table tbody {
        color: rgba(0, 0, 0, .75)
    }
}



.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@font-face {
    font-family: "ruicon";
    src: url(//at.alicdn.com/t/font_1839135_1fk9kj9sjx2.eot?t=1591086313450);
    src: url(//at.alicdn.com/t/font_1839135_1fk9kj9sjx2.eot?t=1591086313450#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAp4AAsAAAAAEawAAAosAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDUgqVfJE5ATYCJAMkCxQABCAFhFUHdxuMDiMR9ouTQpD91QK96cWMCWjPRk+DRXra9AN/s/dV/Z/WmKZqcDhoUI1y3bmDpOZze+WSDVpHYipbFamJHCus9iVm/B8Rr9lxvG5i209/fzGnjoLd5VjbT5++5rU7vbwwltOcRyjOcx6jOE8DBBCshW0Ak94C4If7pV4UFlCVncuPej+SLnKRRRuNdGARbdnALTqc8VDOYLl5YAW5qGL+dH+AAAAFVuAKSIA6LA4YgANjEXQqKy7MBkZIAzzHgQBDpKWsi3sgk4AABjoaPQsAE+33R96AEmEAoEBgwJaNKgjMA5/n4c/jsC5DF6RpHRDtJQDgPBMABgCuAICfhZxUOQ3AIU8XBlQKB3k+i6PwPM5g0IZwfLRtAQigAX1WNQiggJ3+eTRgHAvmKoUB60XIGCAAnkfEAA3geWQM0AGeR+Fl+WgogIOPAb76fCwUQCkfB9yIKQBSr2MMAI4A2CwAfACYMMrmcA4opqcBBTRxRDSLRZqbqO6mxFCWypokfYO9HUkew86IZLHZtHKhFZ9BVuxTpY8moDzJDsMHgDw7HUw0f8nfOfUtEsi+ozCN7kuiYY/rSqgxWODDSWjpmRi6DdVt4hiWM4IJogmVYOOODMsSvhRQyjYIzi80VPLOUdvVmWAhuJmQDJYVWzC5TUFhPN2Pwil3MKMzjNuKR+hEIWVyXCLTq2c2Qwds1cl0M4weT2XjWWziNeEP5UqcmTcUtOIMcZvSBy1mu+mXfQ8R4m1bcBwJ40OTX+Vv6hf4+USCDiXO62pzMndRrOQ4IsbHNfrcP3IQA4cBVeGnEJ3G/0Tnv2T/FdCfJ60UjykJPZM4wdDcRLygD8B+mu86IkgAPPU7kaa/26IL3pk2PtsyNBX/qjLG6KH5c6cvhhje3m4mXKcvaV3sGcPDXTU5qXdiZiD4ksKKhmGajKC7ng7jCkglDqGqfsSPkxjXGF10mCvI/i4QuqX6OUCprxI99DOTZHp5jUY/eCWBziwa3AdbcpzMIaexdwItwnVGODMxX1DmnRRUv4HOBFqPScUn+zkqkNd6WHO0ZrVmJHzEJnQXfSqA0i3YR2b2BIGylzvbkTPa4Mpev8rYdvVAtmRaRADsO2XefXU6jRt2dBsSx+fhgrokL94ZjIivBpeLBN3t0uhx3MDz+z2ysY6cZPZSUlfhNsco1uCOJnRj8utFkr/bgRpyHUXVzQlb/cKETRC7qUASsK9qT7CFcPX5QgDZ8R8Bnc514FlM2NY1H0S4F+K39y7d8Ay9mmnvX589a3p71W43AeeVxROGT+YqTdWCdJkmBOp4Q+YOHov7NIVPpV7jzqLZUxmntGIGpDF3PonSOnDGKFZQ1jCCdvbAl3iCVFxQ/85qTNlDkqY42RH1zUp7UFC8NQLRe1Qwhvd4R1OAp3Np7hzwfivKTHPGTmfstH5UwNLTCsbOt0KTM6lTg1g22DaW1IX0AZsIGv+M7HSNVBYFvM0F24M1QLERZNsNl2lm4DPpNkfKPsORXGRdlHDOmppIsbOUbiFroY46y5FIOfa8NnrVtG1bc7AlS0wcli6HZ1Jfe67EUsKhCEZYaLc+NJRBUJzIqXAJie+zZcuG4EuW4FevnaiiI4OGAM8esTPUxJ6vNTdbbGZe62yn5qPMJQfBHWLPffdzd1ns4uf243K/EUAG5yGZbyBIAxvPUaOGqfMbtWh2dbTacRT1Ht4v3JeirEhWrd14H94zkbxcXyd1fUNDvnr4SOrcxgrHelOJ5JLByHdJDkcqllzMuYiKUaDVaZCMDEQxmhOKYX4ZqS+I469KTmuEo82DiweVmj5XZ8r9dBa6WRITPj+gKTRT8FJZPrj8WNuUmkQVyeDaIH9s84dCgLI9O6tdFahHDx9G9SPsysHQeZOwsSFuHhCKUpp2Y09ZuwP/+hUHs4OioGlJeFdownCKM7trFherF82o+G1kz/s9vcxT4IjcmVYOAIrDe5kWQRHWNV8cuOId2yb5kBfy+PE5iYJ5z+57r396J4K4O3Id7W6Fx8/vE73nuJdaUe03rndcvj6hzZoqO/oypvDxjGNqfy2h2Jmb69l+NXdnzvZSiJIE92fZZGuLMsVbIjnJt7N4GxcXbDXBNQwmB76a88OjTYZhl75YnJJPpKZIeqmxHKFf1P3hbWqpuYsdTl+w0bfFryBPJtTxJbNMDu9GeQi6nff0nnAWRc29xQ/gxYmry/6dVQWtzjXPJ1KrZ5vHFYXIdnUVxHKvUyebJ6qDkQ9F47fnlZXouyRHSsPgDjr3e8HrNNMQzPPH5RF+nIKHxmIT7miOihPGerxZ5f0IBvvq3UNSHOX8GdkxbXr0XddE+y9LeA+5ytjASzHRVpYxMRcvStnSym/heR/2+O2lZ7RHetqWEEVEbFoUGcG0j0Rvt03rVf/b+HimiKkoMzHoGlW9v5mL2j/9ZhxTvHGxYjdNfNjo2eSp89Qu/+IyazXXzJRm5z02JGVz08ixUaOcz8G/aK/4mI/7P6ruXgex5Ka6ZHS/OGZTPZbyakSgPJ0eHFxFytlGQmDLN8nh0iWQc6viO6Cno96aMzfSWYUXAy4WstLZBfavKRjtlahlNm3UUo3n7bivD1gfeG0kABW8LT0Iwqb/OgFPoPugvQyhPV2YMpo/2mgmn8dv5mmFV+CgkVB3ajYa0S6g68460NmWFp5WAJ7d7S424e9WcWJUASF2LhrITWGo50QKFjvw84YtUw+L0Qyb1sVv0fFbq1L6Xx73YX/kGw6e2Gjgf2R5nY8nKuvezLFOk4btrWNtux9k47NbTTnPkzX3edoHIiMeD/vGwUS0Pv1yt10JhcVbbWPZohj7e0e2m0X6u9iqqUhxaZTvZMp8aohZeZu4pxDZSY+TshDzci88Q2cZikbh29j8k1kZX25oCizTZz8ULkeXRYnef/tyBSq7AAx/DVq8F3NrJmCrsRrbPQ2bidW6ewgW1uCejz3Esl1zseUNS7BbWPpv73zAc7oryOSO+sZg/h1X3v7r9oqg7UJXfRRlwAA0K40A/NIqhOyu+0e/KAbkuw7wLsNfm5STCJkv4G20BhJOAAUvPcpRRDKQnDHcb1cwK41poIWIsx8FOogASzNLAIfZ0U8sZIIHNJh3/JRNRxszLSj6urM64OwD/q5Jn/6eaV/Qh/kbBjD/+Ics+4VhmP/84+7/tzlhpejxMyFUSiB+gdxwY0VRx+XBa39N6UOFciF09T2Jy1EOoRdEGq+oIam7gntMI1ULVriGy0YORlXF0AoXZNTLVNtd37dpK3qG6864MyFUHZ6A+CU+N9zYrjpOHp4zXVP6UCEZcRnhJ+7ppXcYmRqEPEGu/goBVmLUvnu6xzSiPGFBDhSuweVoElSROgZt+lwFGfVkNWraXT6ZyJblvH6Fev8KsOPGYCcmC5KiGZbDvIaesytHKzaoBlh/6DFPiPuK6SDOJVkUU7XYrjFvVO6GGkMjBuUJXTZQIep0AA==") format("woff2"), url(//at.alicdn.com/t/font_1839135_1fk9kj9sjx2.woff?t=1591086313450) format("woff"), url(//at.alicdn.com/t/font_1839135_1fk9kj9sjx2.ttf?t=1591086313450) format("truetype"), url(//at.alicdn.com/t/font_1839135_1fk9kj9sjx2.svg?t=1591086313450#ruicon) format("svg")
}

.ruicon {
    font-family: "ruicon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.rui-kiosk:before {
    content: "\e652"
}

.rui-location:before {
    content: "\e653"
}

.rui-video:before {
    content: "\e654"
}

.rui-tag:before {
    content: "\e651"
}

.rui-bird:before {
    content: "\e64d"
}

.rui-regular-maintainence:before {
    content: "\e64e"
}

.rui-carwash:before {
    content: "\e64f"
}

.rui-tree:before {
    content: "\e650"
}

@-webkit-keyframes wave {

    0%,
    to {
        -webkit-transform: skewX(0deg) scale(1.05);
        opacity: 1
    }

    25% {
        -webkit-transform: skewX(3deg) scale(1.05);
        opacity: .8
    }

    75% {
        -webkit-transform: skewX(-3deg) scale(1.05);
        opacity: .8
    }
}

@keyframes wave {

    0%,
    to {
        -webkit-transform: skewX(0deg) scale(1.05);
        transform: skewX(0deg) scale(1.05);
        opacity: 1
    }

    25% {
        -webkit-transform: skewX(2deg) scale(1.05);
        transform: skewX(2deg) scale(1.05);
        opacity: .8
    }

    75% {
        -webkit-transform: skewX(-3deg) scale(1.05);
        transform: skewX(-3deg) scale(1.05);
        opacity: .8
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2)
    }
}

@keyframes scale {
    0% {
        width: 39px
    }

    50% {
        width: 45px
    }

    to {
        width: 39px
    }
}

@-webkit-keyframes scale {
    0% {
        width: 39px
    }

    50% {
        width: 45px
    }

    to {
        width: 39px
    }
}

@keyframes fafont {
    0% {
        font-size: 14px;
        color: #007aff
    }

    25% {
        font-size: 18px;
        color: #007aff
    }

    50% {
        font-size: 24px;
        color: #007aff
    }

    75% {
        font-size: 18px;
        color: #007aff
    }

    to {
        font-size: 14px;
        color: #007aff
    }
}

@-webkit-keyframes fafont {
    0% {
        font-size: 14px;
        color: #007aff
    }

    25% {
        font-size: 18px;
        color: #007aff
    }

    50% {
        font-size: 24px;
        color: #007aff
    }

    75% {
        font-size: 18px;
        color: #007aff
    }

    to {
        font-size: 14px;
        color: #007aff
    }
}

body {
    font-size: 15px
}

ul {
    padding: 0
}

p,
ul {
    margin: 0
}

a {
    color: #2c2c2c;
    pointer-events: auto
}

a.primary {
    color: #dc1860
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track-piece {
    background-color: #666;
    width: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb:vertical {
    height: 3px
}

::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical {
    width: 3px;
    background-color: #fff;
    -webkit-border-radius: 3px
}

@media (max-width:1366px) {
    body {
        font-size: 12px
    }
}

@media (max-width:824px) {

    .ruicon,
    body {
        font-size: 10px;
        line-height: 14px
    }
}

h1,
h2,
h3,
h4 {
    margin: 0
}

p {
    color: #000;
    font-size: 10px;
    line-height: 14px;
    margin-top: 0
}

p a {
    color: #0878b5;
    text-decoration: underline
}

p a span {
    color: #fff;
    text-decoration: none
}

p a:hover {
    color: #07689d
}

@media (min-width:824px) {
    p {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {
    p {
        font-size: 14px;
        line-height: 20px
    }
}

.type-h1-big {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0
}

@media (min-width:824px) {
    .type-h1-big {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1 {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0
}

.type-h1.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1 {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1 {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1.is-visible {
        letter-spacing: -4px
    }
}

.type-h2 {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0
}

@media (min-width:824px) {
    .type-h2 {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h2 {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.type-h3 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

@media (min-width:824px) {
    .type-h3 {
        font-size: 20px;
        line-height: 30px
    }
}

@media (min-width:992px) {
    .type-h3 {
        font-size: 24px;
        line-height: 44px;
        letter-spacing: -2px
    }
}

.type-h4 {
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 22px;
    margin: 0
}

@media (min-width:824px) {
    .type-h4 {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .type-h4 {
        font-size: 22px;
        line-height: 28px
    }
}

.type-h1-big-outlined {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px
}

@media (min-width:824px) {
    .type-h1-big-outlined {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-outlined {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-outlined {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px
}

.type-h1-outlined.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-outlined {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-outlined.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-outlined {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-outlined.is-visible {
        letter-spacing: -4px
    }
}

.type-h2-outlined {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -1px;
    margin: 0;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px
}

@media (min-width:824px) {
    .type-h2-outlined {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h2-outlined {
        font-size: 28px;
        letter-spacing: -2px
    }
}

.type-h1-big-urban-jundle-to-plum-horisontal {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(90deg, #354d4f, #483845);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-urban-jundle-to-plum-horisontal {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-urban-jundle-to-plum-horisontal {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-big-urban-jundle-to-plum-vertical {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(180deg, #354d4f, #483845);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-urban-jundle-to-plum-vertical {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-urban-jundle-to-plum-vertical {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-big-plum-to-urban-jundle-diagonal {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(to bottom right, #483845, #354d4f);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-plum-to-urban-jundle-diagonal {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-plum-to-urban-jundle-diagonal {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-urban-jundle-to-plum-vertical {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(180deg, #354d4f, #483845);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-urban-jundle-to-plum-vertical.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-urban-jundle-to-plum-vertical {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-urban-jundle-to-plum-vertical.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-urban-jundle-to-plum-vertical {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-urban-jundle-to-plum-vertical.is-visible {
        letter-spacing: -4px
    }
}

.type-h1-urban-jundle-to-plum-horisontal {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(90deg, #354d4f, #483845);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-urban-jundle-to-plum-horisontal.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-urban-jundle-to-plum-horisontal {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-urban-jundle-to-plum-horisontal.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-urban-jundle-to-plum-horisontal {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-urban-jundle-to-plum-horisontal.is-visible {
        letter-spacing: -4px
    }
}

.type-h1-plum-to-urban-jundle-diagonal {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(to bottom right, #483845, #354d4f);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-plum-to-urban-jundle-diagonal.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-plum-to-urban-jundle-diagonal {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-plum-to-urban-jundle-diagonal.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-plum-to-urban-jundle-diagonal {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-plum-to-urban-jundle-diagonal.is-visible {
        letter-spacing: -4px
    }
}

.type-h1-big-purple-to-green-horisontal {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(90deg, #893257, #339586);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-purple-to-green-horisontal {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-purple-to-green-horisontal {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-big-green-to-purple-vertical {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(180deg, #339586, #893257);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-green-to-purple-vertical {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-green-to-purple-vertical {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-big-green-to-purple-diagonal {
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -2px;
    margin: 0;
    background: linear-gradient(to right top, #339586, #893257);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:824px) {
    .type-h1-big-green-to-purple-diagonal {
        font-size: 60px;
        line-height: 58px;
        letter-spacing: -2px
    }
}

@media (min-width:992px) {
    .type-h1-big-green-to-purple-diagonal {
        font-size: 114px;
        line-height: 110px;
        letter-spacing: -7.5px
    }
}

.type-h1-purple-to-green-horisontal {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(90deg, #893257, #339586);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-purple-to-green-horisontal.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-purple-to-green-horisontal {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-purple-to-green-horisontal.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-purple-to-green-horisontal {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-purple-to-green-horisontal.is-visible {
        letter-spacing: -4px
    }
}

.type-h1-green-to-purple-vertical {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(180deg, #339586, #893257);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-green-to-purple-vertical.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-green-to-purple-vertical {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-green-to-purple-vertical.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-green-to-purple-vertical {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-green-to-purple-vertical.is-visible {
        letter-spacing: -4px
    }
}

.type-h1-green-to-purple-diagonal {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -.5px;
    will-change: letter-spacing;
    transition: letter-spacing 1s .5s;
    margin: 0;
    background: linear-gradient(to right top, #339586, #893257);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.type-h1-green-to-purple-diagonal.is-visible {
    letter-spacing: -1.5px
}

@media (min-width:824px) {
    .type-h1-green-to-purple-diagonal {
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .type-h1-green-to-purple-diagonal.is-visible {
        letter-spacing: -1px
    }
}

@media (min-width:992px) {
    .type-h1-green-to-purple-diagonal {
        font-size: 76px;
        line-height: 74px;
        letter-spacing: -3px
    }

    .type-h1-green-to-purple-diagonal.is-visible {
        letter-spacing: -4px
    }
}

.body-text ol,
.body-text ul,
.body ol,
.body ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.body-text ol li,
.body-text ul li,
.body ol li,
.body ul li {
    padding-bottom: 5px;
    margin: 0;
    color: #000;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    line-height: 26px
}

.body-text ol li a,
.body-text ul li a,
.body ol li a,
.body ul li a {
    color: #0878b5;
    text-decoration: underline
}

.body-text ol li a span,
.body-text ul li a span,
.body ol li a span,
.body ul li a span {
    color: #fff;
    text-decoration: none
}

.body-text ol li a:hover,
.body-text ul li a:hover,
.body ol li a:hover,
.body ul li a:hover {
    color: #07689d
}

@media (min-width:824px) {

    .body-text ol li,
    .body-text ul li,
    .body ol li,
    .body ul li {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:992px) {

    .body-text ol li,
    .body-text ul li,
    .body ol li,
    .body ul li {
        font-size: 14px;
        line-height: 20px
    }
}

.body-text ol li span,
.body-text ul li span,
.body ol li span,
.body ul li span {
    display: inline-block;
    height: 26px;
    font-size: 22px;
    width: 36px
}

[class*=__bc-] {
    padding: 15px;
    display: block
}

.__bc-gray {
    background: #7c7c7d
}

.__bc-gray-m {
    background: #edeff5
}

.__bc-gray-l {
    background: #f7f7f7
}

.__bc-blue {
    background: #0878b5
}

.__bc-pink {
    background: #dc1860
}

.__c-blue {
    color: #0878b5
}

.__c-pink {
    color: #dc1860
}

.__c-white {
    color: #fff
}

.__c-black {
    color: #000
}

.__c-gray {
    color: #7c7c7d
}

.__c-gray-blue {
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(90deg, #7c7c7d, #0878b5)
}

.__c-yellow {
    color: #ff0
}

.__f-h1 {
    font-size: 100px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h1 {
        font-size: 95px
    }
}

@media (max-width:1366px) {
    .__f-h1 {
        font-size: 90px
    }
}

@media (max-width:1024px) {
    .__f-h1 {
        font-size: 85px
    }
}

@media (max-width:824px) {
    .__f-h1 {
        font-size: 30px
    }
}

.__f-h2 {
    font-size: 80px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h2 {
        font-size: 75px
    }
}

@media (max-width:1366px) {
    .__f-h2 {
        font-size: 70px
    }
}

@media (max-width:1024px) {
    .__f-h2 {
        font-size: 75px
    }
}

@media (max-width:824px) {
    .__f-h2 {
        font-size: 27px
    }
}

.__f-h3 {
    font-size: 60px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h3 {
        font-size: 55px
    }
}

@media (max-width:1366px) {
    .__f-h3 {
        font-size: 50px
    }
}

@media (max-width:1024px) {
    .__f-h3 {
        font-size: 45px
    }
}

@media (max-width:824px) {
    .__f-h3 {
        font-size: 24px
    }
}

.__f-h4 {
    font-size: 40px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h4 {
        font-size: 35px
    }
}

@media (max-width:1366px) {
    .__f-h4 {
        font-size: 30px
    }
}

@media (max-width:1024px) {
    .__f-h4 {
        font-size: 28px
    }
}

@media (max-width:824px) {
    .__f-h4 {
        font-size: 21px
    }
}

.__f-h5 {
    font-size: 25px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h5 {
        font-size: 20px
    }
}

@media (max-width:1366px) {
    .__f-h5 {
        font-size: 18px
    }
}

@media (max-width:1024px) {
    .__f-h5 {
        font-size: 14px
    }
}

@media (max-width:824px) {
    .__f-h5 {
        font-size: 12px
    }
}

.__f-h6 {
    font-size: 16px;
    line-height: 1.1
}

@media (max-width:1600px) {
    .__f-h6 {
        font-size: 14px
    }
}

@media (max-width:1366px) {
    .__f-h6 {
        font-size: 14px
    }
}

@media (max-width:1024px) {
    .__f-h6 {
        font-size: 12px
    }
}

@media (max-width:824px) {
    .__f-h6 {
        font-size: 10px
    }
}

.__lh-a {
    line-height: 1
}

.__lh-b {
    line-height: 1.2
}

.__lh-c {
    line-height: 1.5
}

.__lh-d {
    line-height: 2
}

.__lh-e {
    line-height: 3
}

.__op-50 {
    opacity: .5
}

.__op-80 {
    opacity: .2
}

.__t-sd-0-0-2-black {
    text-shadow: 0 0 2px #000
}

.__t-sd-0-0-4-black {
    text-shadow: 0 0 4px #000
}

.__t-sd-0-0-2-blue {
    text-shadow: 0 0 2px #0878b5
}

.__t-sd-0-0-4-blue {
    text-shadow: 0 0 4px #0878b5
}

.__t-sd-0-0-2-pink {
    text-shadow: 0 0 2px #dc1860
}

.__t-sd-0-0-4-pink {
    text-shadow: 0 0 4px #dc1860
}

.__t-sd-0-0-2-gray {
    text-shadow: 0 0 2px #7c7c7d
}

.__t-sd-0-0-4-gray {
    text-shadow: 0 0 4px #7c7c7d
}

.__t-sd-0-0-2-green {
    text-shadow: 0 0 2px #339586
}

.__t-sd-0-0-4-green {
    text-shadow: 0 0 4px #339586
}

.__t-sd-_4-_4-0-black {
    text-shadow: -4px -4px #000
}

.__t-sd-_2-_2-0-black {
    text-shadow: -2px -2px #000
}

.__t-sd-2-2-0-black {
    text-shadow: 2px 2px #000
}

.__t-sd-4-4-0-black {
    text-shadow: 4px 4px #000
}

.__t-sd-_4-_4-0-blue {
    text-shadow: -4px -4px #0878b5
}

.__t-sd-_2-_2-0-blue {
    text-shadow: -2px -2px #0878b5
}

.__t-sd-2-2-0-blue {
    text-shadow: 2px 2px #0878b5
}

.__t-sd-4-4-0-blue {
    text-shadow: 4px 4px #0878b5
}

.__t-sd-_4-_4-0-pink {
    text-shadow: -4px -4px #dc1860
}

.__t-sd-_2-_2-0-pink {
    text-shadow: -2px -2px #dc1860
}

.__t-sd-2-2-0-pink {
    text-shadow: 2px 2px #dc1860
}

.__t-sd-4-4-0-pink {
    text-shadow: 4px 4px #dc1860
}

.__t-sd-_4-_4-0-green {
    text-shadow: -4px -4px #339586
}

.__t-sd-_2-_2-0-green {
    text-shadow: -2px -2px #339586
}

.__t-sd-2-2-0-green {
    text-shadow: 2px 2px #339586
}

.__t-sd-4-4-0-green {
    text-shadow: 4px 4px #339586
}

.__rte-hollowed-out {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px
}

.__rte-solid {
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke-width: 0
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
    content: "\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
    content: "\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
    content: "\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
    content: "\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
    content: "\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
    content: "\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
    content: "\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
    content: "\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
    content: "\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
    content: "\f121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
    outline: none;
    background: none
}

.show-on-scroll:first-child,
.show-on-scroll:nth-child(2),
.show-on-scroll:nth-child(3),
.show-on-scroll:nth-child(4),
.show-on-scroll:nth-child(5),
.show-on-scroll:nth-child(6),
.show-on-scroll:nth-child(7),
.show-on-scroll:nth-child(8),
.show-on-scroll:nth-child(9),
.show-on-scroll:nth-child(10),
.show-on-scroll:nth-child(11),
.show-on-scroll:nth-child(12),
.show-on-scroll:nth-child(13),
.show-on-scroll:nth-child(14),
.show-on-scroll:nth-child(15),
.show-on-scroll:nth-child(16),
.show-on-scroll:nth-child(17),
.show-on-scroll:nth-child(18),
.show-on-scroll:nth-child(19),
.show-on-scroll:nth-child(20),
.show-on-scroll:nth-child(21),
.show-on-scroll:nth-child(22),
.show-on-scroll:nth-child(23),
.show-on-scroll:nth-child(24),
.show-on-scroll:nth-child(25),
.show-on-scroll:nth-child(26),
.show-on-scroll:nth-child(27),
.show-on-scroll:nth-child(28),
.show-on-scroll:nth-child(29),
.show-on-scroll:nth-child(30),
.show-on-scroll:nth-child(31),
.show-on-scroll:nth-child(32),
.show-on-scroll:nth-child(33),
.show-on-scroll:nth-child(34),
.show-on-scroll:nth-child(35),
.show-on-scroll:nth-child(36),
.show-on-scroll:nth-child(37),
.show-on-scroll:nth-child(38),
.show-on-scroll:nth-child(39),
.show-on-scroll:nth-child(40),
.show-on-scroll:nth-child(41),
.show-on-scroll:nth-child(42),
.show-on-scroll:nth-child(43),
.show-on-scroll:nth-child(44),
.show-on-scroll:nth-child(45),
.show-on-scroll:nth-child(46),
.show-on-scroll:nth-child(47),
.show-on-scroll:nth-child(48),
.show-on-scroll:nth-child(49),
.show-on-scroll:nth-child(50),
.show-on-scroll:nth-child(51),
.show-on-scroll:nth-child(52),
.show-on-scroll:nth-child(53),
.show-on-scroll:nth-child(54),
.show-on-scroll:nth-child(55),
.show-on-scroll:nth-child(56),
.show-on-scroll:nth-child(57),
.show-on-scroll:nth-child(58),
.show-on-scroll:nth-child(59),
.show-on-scroll:nth-child(60),
.show-on-scroll:nth-child(61),
.show-on-scroll:nth-child(62),
.show-on-scroll:nth-child(63),
.show-on-scroll:nth-child(64),
.show-on-scroll:nth-child(65),
.show-on-scroll:nth-child(66),
.show-on-scroll:nth-child(67),
.show-on-scroll:nth-child(68),
.show-on-scroll:nth-child(69),
.show-on-scroll:nth-child(70),
.show-on-scroll:nth-child(71),
.show-on-scroll:nth-child(72),
.show-on-scroll:nth-child(73),
.show-on-scroll:nth-child(74),
.show-on-scroll:nth-child(75),
.show-on-scroll:nth-child(76),
.show-on-scroll:nth-child(77),
.show-on-scroll:nth-child(78),
.show-on-scroll:nth-child(79),
.show-on-scroll:nth-child(80),
.show-on-scroll:nth-child(81),
.show-on-scroll:nth-child(82),
.show-on-scroll:nth-child(83),
.show-on-scroll:nth-child(84),
.show-on-scroll:nth-child(85),
.show-on-scroll:nth-child(86),
.show-on-scroll:nth-child(87),
.show-on-scroll:nth-child(88),
.show-on-scroll:nth-child(89),
.show-on-scroll:nth-child(90),
.show-on-scroll:nth-child(91),
.show-on-scroll:nth-child(92),
.show-on-scroll:nth-child(93),
.show-on-scroll:nth-child(94),
.show-on-scroll:nth-child(95),
.show-on-scroll:nth-child(96),
.show-on-scroll:nth-child(97),
.show-on-scroll:nth-child(98),
.show-on-scroll:nth-child(99) {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

.show-on-scroll-in {
    transition: all .3s ease-in-out
}

.show-on-scroll-in:first-child {
    transition-delay: .15s
}

.show-on-scroll-in:first-child,
.show-on-scroll-in:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.show-on-scroll-in:nth-child(2) {
    transition-delay: .3s
}

.show-on-scroll-in:nth-child(3) {
    transition-delay: .45s
}

.show-on-scroll-in:nth-child(3),
.show-on-scroll-in:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.show-on-scroll-in:nth-child(4) {
    transition-delay: .6s
}

.show-on-scroll-in:nth-child(5) {
    transition-delay: .75s
}

.show-on-scroll-in:nth-child(5),
.show-on-scroll-in:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.show-on-scroll-in:nth-child(6) {
    transition-delay: .9s
}

.show-on-scroll-in:nth-child(7) {
    transition-delay: 1.05s
}

.show-on-scroll-in:nth-child(7),
.show-on-scroll-in:nth-child(8) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.show-on-scroll-in:nth-child(8) {
    transition-delay: 1.2s
}

.show-on-scroll-in:nth-child(9) {
    transition-delay: 1.35s
}

.show-on-scroll-in:nth-child(9),
.show-on-scroll-in:nth-child(10) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.show-on-scroll-in:nth-child(10) {
    transition-delay: 1.5s
}

.show-on-scroll-in:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.65s
}

.show-on-scroll-in:nth-child(12) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.8s
}

.show-on-scroll-in:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.95s
}

.show-on-scroll-in:nth-child(14) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.1s
}

.show-on-scroll-in:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.25s
}

.show-on-scroll-in:nth-child(16) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.4s
}

.show-on-scroll-in:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.55s
}

.show-on-scroll-in:nth-child(18) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.7s
}

.show-on-scroll-in:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.85s
}

.show-on-scroll-in:nth-child(20) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3s
}

.show-on-scroll-in:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.15s
}

.show-on-scroll-in:nth-child(22) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.3s
}

.show-on-scroll-in:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.45s
}

.show-on-scroll-in:nth-child(24) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.6s
}

.show-on-scroll-in:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.75s
}

.show-on-scroll-in:nth-child(26) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.9s
}

.show-on-scroll-in:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.05s
}

.show-on-scroll-in:nth-child(28) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.2s
}

.show-on-scroll-in:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.35s
}

.show-on-scroll-in:nth-child(30) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.5s
}

.show-on-scroll-in:nth-child(31) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.65s
}

.show-on-scroll-in:nth-child(32) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.8s
}

.show-on-scroll-in:nth-child(33) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.95s
}

.show-on-scroll-in:nth-child(34) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.1s
}

.show-on-scroll-in:nth-child(35) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.25s
}

.show-on-scroll-in:nth-child(36) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.4s
}

.show-on-scroll-in:nth-child(37) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.55s
}

.show-on-scroll-in:nth-child(38) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.7s
}

.show-on-scroll-in:nth-child(39) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.85s
}

.show-on-scroll-in:nth-child(40) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6s
}

.show-on-scroll-in:nth-child(41) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.15s
}

.show-on-scroll-in:nth-child(42) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.3s
}

.show-on-scroll-in:nth-child(43) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.45s
}

.show-on-scroll-in:nth-child(44) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.6s
}

.show-on-scroll-in:nth-child(45) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.75s
}

.show-on-scroll-in:nth-child(46) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.9s
}

.show-on-scroll-in:nth-child(47) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.05s
}

.show-on-scroll-in:nth-child(48) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.2s
}

.show-on-scroll-in:nth-child(49) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.35s
}

.show-on-scroll-in:nth-child(50) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.5s
}

.show-on-scroll-in:nth-child(51) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.65s
}

.show-on-scroll-in:nth-child(52) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.8s
}

.show-on-scroll-in:nth-child(53) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.95s
}

.show-on-scroll-in:nth-child(54) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.1s
}

.show-on-scroll-in:nth-child(55) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.25s
}

.show-on-scroll-in:nth-child(56) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.4s
}

.show-on-scroll-in:nth-child(57) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.55s
}

.show-on-scroll-in:nth-child(58) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.7s
}

.show-on-scroll-in:nth-child(59) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 8.85s
}

.show-on-scroll-in:nth-child(60) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9s
}

.show-on-scroll-in:nth-child(61) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.15s
}

.show-on-scroll-in:nth-child(62) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.3s
}

.show-on-scroll-in:nth-child(63) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.45s
}

.show-on-scroll-in:nth-child(64) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.6s
}

.show-on-scroll-in:nth-child(65) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.75s
}

.show-on-scroll-in:nth-child(66) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 9.9s
}

.show-on-scroll-in:nth-child(67) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.05s
}

.show-on-scroll-in:nth-child(68) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.2s
}

.show-on-scroll-in:nth-child(69) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.35s
}

.show-on-scroll-in:nth-child(70) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.5s
}

.show-on-scroll-in:nth-child(71) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.65s
}

.show-on-scroll-in:nth-child(72) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.8s
}

.show-on-scroll-in:nth-child(73) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 10.95s
}

.show-on-scroll-in:nth-child(74) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.1s
}

.show-on-scroll-in:nth-child(75) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.25s
}

.show-on-scroll-in:nth-child(76) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.4s
}

.show-on-scroll-in:nth-child(77) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.55s
}

.show-on-scroll-in:nth-child(78) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.7s
}

.show-on-scroll-in:nth-child(79) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 11.85s
}

.show-on-scroll-in:nth-child(80) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12s
}

.show-on-scroll-in:nth-child(81) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.15s
}

.show-on-scroll-in:nth-child(82) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.3s
}

.show-on-scroll-in:nth-child(83) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.45s
}

.show-on-scroll-in:nth-child(84) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.6s
}

.show-on-scroll-in:nth-child(85) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.75s
}

.show-on-scroll-in:nth-child(86) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 12.9s
}

.show-on-scroll-in:nth-child(87) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.05s
}

.show-on-scroll-in:nth-child(88) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.2s
}

.show-on-scroll-in:nth-child(89) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.35s
}

.show-on-scroll-in:nth-child(90) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.5s
}

.show-on-scroll-in:nth-child(91) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.65s
}

.show-on-scroll-in:nth-child(92) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.8s
}

.show-on-scroll-in:nth-child(93) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 13.95s
}

.show-on-scroll-in:nth-child(94) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.1s
}

.show-on-scroll-in:nth-child(95) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.25s
}

.show-on-scroll-in:nth-child(96) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.4s
}

.show-on-scroll-in:nth-child(97) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.55s
}

.show-on-scroll-in:nth-child(98) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.7s
}

.show-on-scroll-in:nth-child(99) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 14.85s
}

.show-on-scroll-01:nth-child(odd) {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0
}

.show-on-scroll-01:nth-child(2n+2) {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0
}

.show-on-scroll-01-in {
    transition: all .3s ease-in-out
}

.show-on-scroll-01-in:nth-child(2n+2),
.show-on-scroll-01-in:nth-child(odd) {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.show-on-scroll-01-in:first-child {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 0ms
}

.show-on-scroll-01-in:nth-child(2),
.show-on-scroll-01-in:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .15s
}

.show-on-scroll-01-in:nth-child(4),
.show-on-scroll-01-in:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .3s
}

.show-on-scroll-01-in:nth-child(6),
.show-on-scroll-01-in:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .45s
}

.show-on-scroll-01-in:nth-child(8),
.show-on-scroll-01-in:nth-child(9) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .6s
}

.show-on-scroll-01-in:nth-child(10),
.show-on-scroll-01-in:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .75s
}

.show-on-scroll-01-in:nth-child(12),
.show-on-scroll-01-in:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: .9s
}

.show-on-scroll-01-in:nth-child(14),
.show-on-scroll-01-in:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.05s
}

.show-on-scroll-01-in:nth-child(16),
.show-on-scroll-01-in:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.2s
}

.show-on-scroll-01-in:nth-child(18),
.show-on-scroll-01-in:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.35s
}

.show-on-scroll-01-in:nth-child(20),
.show-on-scroll-01-in:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.5s
}

.show-on-scroll-01-in:nth-child(22),
.show-on-scroll-01-in:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.65s
}

.show-on-scroll-01-in:nth-child(24),
.show-on-scroll-01-in:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.8s
}

.show-on-scroll-01-in:nth-child(26),
.show-on-scroll-01-in:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1.95s
}

.show-on-scroll-01-in:nth-child(28),
.show-on-scroll-01-in:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.1s
}

.show-on-scroll-01-in:nth-child(30),
.show-on-scroll-01-in:nth-child(31) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.25s
}

.show-on-scroll-01-in:nth-child(32),
.show-on-scroll-01-in:nth-child(33) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.4s
}

.show-on-scroll-01-in:nth-child(34),
.show-on-scroll-01-in:nth-child(35) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.55s
}

.show-on-scroll-01-in:nth-child(36),
.show-on-scroll-01-in:nth-child(37) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.7s
}

.show-on-scroll-01-in:nth-child(38),
.show-on-scroll-01-in:nth-child(39) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 2.85s
}

.show-on-scroll-01-in:nth-child(40),
.show-on-scroll-01-in:nth-child(41) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3s
}

.show-on-scroll-01-in:nth-child(42),
.show-on-scroll-01-in:nth-child(43) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.15s
}

.show-on-scroll-01-in:nth-child(44),
.show-on-scroll-01-in:nth-child(45) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.3s
}

.show-on-scroll-01-in:nth-child(46),
.show-on-scroll-01-in:nth-child(47) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.45s
}

.show-on-scroll-01-in:nth-child(48),
.show-on-scroll-01-in:nth-child(49) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.6s
}

.show-on-scroll-01-in:nth-child(50),
.show-on-scroll-01-in:nth-child(51) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.75s
}

.show-on-scroll-01-in:nth-child(52),
.show-on-scroll-01-in:nth-child(53) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 3.9s
}

.show-on-scroll-01-in:nth-child(54),
.show-on-scroll-01-in:nth-child(55) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.05s
}

.show-on-scroll-01-in:nth-child(56),
.show-on-scroll-01-in:nth-child(57) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.2s
}

.show-on-scroll-01-in:nth-child(58),
.show-on-scroll-01-in:nth-child(59) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.35s
}

.show-on-scroll-01-in:nth-child(60),
.show-on-scroll-01-in:nth-child(61) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.5s
}

.show-on-scroll-01-in:nth-child(62),
.show-on-scroll-01-in:nth-child(63) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.65s
}

.show-on-scroll-01-in:nth-child(64),
.show-on-scroll-01-in:nth-child(65) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.8s
}

.show-on-scroll-01-in:nth-child(66),
.show-on-scroll-01-in:nth-child(67) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 4.95s
}

.show-on-scroll-01-in:nth-child(68),
.show-on-scroll-01-in:nth-child(69) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.1s
}

.show-on-scroll-01-in:nth-child(70),
.show-on-scroll-01-in:nth-child(71) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.25s
}

.show-on-scroll-01-in:nth-child(72),
.show-on-scroll-01-in:nth-child(73) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.4s
}

.show-on-scroll-01-in:nth-child(74),
.show-on-scroll-01-in:nth-child(75) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.55s
}

.show-on-scroll-01-in:nth-child(76),
.show-on-scroll-01-in:nth-child(77) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.7s
}

.show-on-scroll-01-in:nth-child(78),
.show-on-scroll-01-in:nth-child(79) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 5.85s
}

.show-on-scroll-01-in:nth-child(80),
.show-on-scroll-01-in:nth-child(81) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6s
}

.show-on-scroll-01-in:nth-child(82),
.show-on-scroll-01-in:nth-child(83) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.15s
}

.show-on-scroll-01-in:nth-child(84),
.show-on-scroll-01-in:nth-child(85) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.3s
}

.show-on-scroll-01-in:nth-child(86),
.show-on-scroll-01-in:nth-child(87) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.45s
}

.show-on-scroll-01-in:nth-child(88),
.show-on-scroll-01-in:nth-child(89) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.6s
}

.show-on-scroll-01-in:nth-child(90),
.show-on-scroll-01-in:nth-child(91) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.75s
}

.show-on-scroll-01-in:nth-child(92),
.show-on-scroll-01-in:nth-child(93) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 6.9s
}

.show-on-scroll-01-in:nth-child(94),
.show-on-scroll-01-in:nth-child(95) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.05s
}

.show-on-scroll-01-in:nth-child(96),
.show-on-scroll-01-in:nth-child(97) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.2s
}

.show-on-scroll-01-in:nth-child(98),
.show-on-scroll-01-in:nth-child(99) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 7.35s
}

.scChromeData,
.scpm {
    display: none !important
}

body {
    overflow-x: hidden;
    background: #fff;
    font-family: NeoSansCyr-Regular, "NeoSansCyr-Regular", Arial, sans-serif;
    line-height: 20px;
    margin: 0
}

body.mask-open {
    overflow-y: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    font-family: NeoSansCyr-Regular, "NeoSansCyr-Regular", Arial, sans-serif !important
}

li,
p,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.page-h1tag {
    display: none
}

.components-place {
    margin-top: 46px;
    transition: all .2s ease-in-out
}

.components-place.header-overlap,
.components-place.root {
    margin-top: 46px
}

.cookie-place {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%
}

.grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 8px 16px repeat(12, minmax(18px, 1fr)) 8px;
    grid-column-gap: 8px;
    -ms-grid-columns: 8px 24px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 26px 8px
}

.full-width {
    grid-column-start: 1;
    grid-column-end: span 15;
    -ms-grid-column: 1;
    -ms-grid-column-span: 15
}

.main-content {
    grid-column-start: 2;
    grid-column-end: span 13;
    -ms-grid-column: 2;
    -ms-grid-column-span: 13
}

.col-span-4,
.col-span-4:nth-last-child(3n) {
    grid-column-end: span 14
}

.grid-story {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 8px 13px repeat(12, minmax(15px, 1fr)) 8px;
    grid-column-gap: 7px;
    -ms-grid-columns: 8px 24px 22px 22px 22px 22px 22px 22px 22px 22px 22px 22px 22px 22px 8px
}

.grid-story .grid {
    display: grid;
    grid-template-columns: 8px 16px repeat(12, 1fr) 8px;
    grid-column-gap: 8px;
    display: -ms-grid
}

.__dialog-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media (min-width:824px) {

    .components-place,
    .components-place.header-overlap,
    .components-place.root {
        margin-top: 60px
    }

    .grid {
        grid-template-columns: minmax(6px, 1fr) 36px repeat(12, minmax(42px, 1fr)) minmax(6px, 1fr);
        grid-column-gap: 14px;
        -ms-grid-columns: minmax(6px, 1fr) 50px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px minmax(6px, 1fr)
    }

    .col-span-4 {
        grid-column-end: span 4
    }

    .col-span-4:nth-last-child(3n) {
        grid-column-end: span 5
    }

    .grid-story {
        grid-template-columns: minmax(6px, auto) 24px repeat(12, minmax(32px, 1fr)) minmax(6px, auto);
        grid-column-gap: 15px;
        -ms-grid-columns: minmax(6px, 1fr) 50px 47px 47px 47px 47px 47px 47px 47px 47px 47px 47px 47px 47px minmax(6px, 1fr)
    }

    .grid-story .grid {
        grid-template-columns: minmax(6px, 1fr) 36px repeat(12, 1fr) minmax(6px, 1fr);
        grid-column-gap: 14px
    }

    .__dialog-wrapper {
        align-items: center
    }
}

@media (min-width:992px) {

    .components-place,
    .components-place.root {
        margin-top: 60px
    }

    .components-place.header-overlap {
        margin-top: 0
    }

    .grid {
        grid-template-columns: minmax(30px, 1fr) 50px repeat(12, minmax(auto, 50px)) minmax(30px, 1fr);
        grid-column-gap: 30px;
        -ms-grid-columns: 1fr 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 80px 1fr
    }

    .col-span-4 {
        grid-column-end: span 4
    }

    .col-span-4:first-child,
    .col-span-4:nth-last-child(3n) {
        grid-column-end: span 5
    }

    .grid-story {
        grid-template-columns: minmax(30px, auto) 41px repeat(12, minmax(auto, 62px)) minmax(30px, auto);
        grid-column-gap: 23px;
        -ms-grid-columns: 1fr 64px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 1fr
    }

    .grid-story .grid {
        grid-template-columns: minmax(30px, 1fr) 50px repeat(12, 1fr) minmax(30px, 1fr);
        grid-column-gap: 30px
    }
}

@media (min-width:1200px) {
    .grid {
        grid-template-columns: minmax(30px, 1fr) 50px repeat(12, minmax(auto, 100px)) minmax(30px, 1fr);
        grid-column-gap: 30px;
        -ms-grid-columns: 1fr 80px 130px 130px 130px 130px 130px 130px 130px 130px 130px 130px 130px 130px 1fr
    }

    .grid-story {
        grid-template-columns: minmax(30px, auto) 41px repeat(12, minmax(auto, 62px)) minmax(30px, auto);
        grid-column-gap: 23px;
        -ms-grid-columns: 1fr 64px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 85px 1fr
    }

    .grid-story .grid {
        grid-template-columns: minmax(30px, 1fr) 50px repeat(12, 1fr) minmax(30px, 1fr);
        grid-column-gap: 30px
    }

    .col-span-4 {
        grid-column-end: span 4
    }

    .col-span-4:nth-last-child(3n) {
        grid-column-end: span 5
    }
}

.grid-header {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 200px auto 120px;
    -ms-grid-columns: 200px 1fr 120px;
    grid-column-gap: unset;
    width: 100vw
}

.grid-header.second-bar .left {
    grid-column-end: 4;
    -ms-grid-column-span: 4;
    -ms-grid-column: 1
}

.grid-header .left {
    grid-column-start: 1;
    grid-column-end: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.grid-header .left:last-child {
    grid-column-start: 1;
    grid-column-end: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
}

.grid-header .main {
    grid-column-start: 2;
    grid-column-end: 2;
    -ms-grid-column: span 1;
    -ms-grid-column-span: 1
}

.grid-header .main:last-child {
    grid-column-start: 2;
    grid-column-end: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
}

.grid-header .right {
    grid-column-start: 3;
    grid-column-end: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    text-align: right
}

@media (min-width:824px) {
    .grid-header {
        grid-template-columns: 200px auto 60px
    }

    .grid-header.second-bar .left {
        grid-column-end: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .grid-header .main {
        grid-column-start: 2;
        grid-column-end: span 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2
    }
}

@media (min-width:992px) {
    .grid-header {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 160px auto 285px;
        -ms-grid-columns: 160px 1fr 285px
    }

    .grid-header.second-bar .left {
        grid-column-end: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1
    }

    .grid-header .main {
        grid-column-start: 2;
        grid-column-end: 2;
        -ms-grid-column: span 1;
        -ms-grid-column-span: 1
    }

    .grid-header .main:last-child {
        grid-column-start: 2;
        grid-column-end: span 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 3
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.hidden {
    display: none;
    visibility: collapse
}

.parallax-container {
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-perspective: 8px;
    perspective: 8px
}

.padding-top-default {
    padding-top: 60px
}

@media (min-width:824px) {
    .padding-top-default {
        padding-top: 80px
    }
}

@media (min-width:992px) {
    .padding-top-default {
        padding-top: 120px
    }
}

.padding-bottom-default {
    padding-bottom: 60px
}

@media (min-width:824px) {
    .padding-bottom-default {
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    .padding-bottom-default {
        padding-bottom: 120px
    }
}

.padding-top-small {
    padding-top: 40px
}

@media (min-width:824px) {
    .padding-top-small {
        padding-top: 50px
    }
}

@media (min-width:992px) {
    .padding-top-small {
        padding-top: 80px
    }
}

.padding-bottom-small {
    padding-bottom: 40px
}

@media (min-width:824px) {
    .padding-bottom-small {
        padding-bottom: 50px
    }
}

@media (min-width:992px) {
    .padding-bottom-small {
        padding-bottom: 80px
    }
}

.padding-top-tiny {
    padding-top: 0
}

.padding-bottom-tiny {
    padding-bottom: 0
}

.padding-top-overlap {
    padding: 0;
    margin-bottom: 30px;
    margin-top: -30px
}

@media (min-width:824px) {
    .padding-top-overlap {
        margin-bottom: 50px;
        margin-top: -50px
    }
}

@media (min-width:992px) {
    .padding-top-overlap {
        margin-bottom: 80px;
        margin-top: -80px
    }
}

.padding-bottom-overlap {
    padding: 0;
    margin-bottom: 30px;
    margin-top: -30px
}

@media (min-width:824px) {
    .padding-bottom-overlap {
        margin-bottom: 50px;
        margin-top: -50px
    }
}

@media (min-width:992px) {
    .padding-bottom-overlap {
        margin-bottom: 80px;
        margin-top: -80px
    }
}

.scroll-bar::-webkit-scrollbar {
    width: 6px
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px hsla(0, 0%, 84.7%, .9);
    background: rgba(0, 0, 0, .2)
}

.scroll-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px hsla(0, 0%, 84.7%, .9);
    border-radius: 3px;
    background: rgba(0, 0, 0, .1)
}

.__page-transition {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
    align-items: stretch
}

.__page-transition .left,
.__page-transition .right {
    flex-grow: 1;
    background-color: #fff
}

.__page-transition .text {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 30px;
    height: 100%;
    background-color: #fff;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: left;
    color: #fff;
    font-size: 60px
}

.__page-transition .text.blue {
    color: #0878b5
}

.__page-transition-enter {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.__page-transition-enter-active,
.__page-transition-enter .left,
.__page-transition-enter .right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__page-transition-enter-active {
    transition: all .5s ease-in-out
}

.__page-transition-exit {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__page-transition-exit .left,
.__page-transition-exit .right {
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__page-transition-exit-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.__page-transition-exit-active .left {
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.__page-transition-exit-active .right {
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.__page-transition-exit-active .text {
    transition: all .15s ease-in-out .35s;
    -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.__go-top {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 40px;
    bottom: 40px;
    z-index: 100
}

.__go-top svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.__go-top .bg {
    stroke: #666;
    stroke-width: 3px
}

.__go-top .bg,
.__go-top .progress {
    r: 21px;
    cx: 25px;
    cy: 25px;
    fill: transparent
}

.__go-top .progress {
    stroke: #bbb;
    stroke-width: 5px;
    stroke-dasharray: 157px, 157px;
    stroke-dashoffset: 157px
}

.__go-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 18px
}

.__go-top-exit {
    transition: all .3s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.__go-top-exit-active {
    transition: all .3s;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.__go-top-enter {
    transition: all .3s;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.__go-top-enter-active {
    transition: all .3s;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

/*# sourceMappingURL=main.ba924a34.chunk.css.map */