/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

* {

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent

}



html {

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    font-size: 10px

}



body {

    margin: 0

}



h1 {

    font-size: 2em

}



ul {

    list-style: none

}



h1, h2, h3, h4, h5, h6, ul {

    margin: 0;

    padding: 0

}



hr {

    box-sizing: initial;

    height: 0;

    overflow: visible

}



pre {

    font-family: monospace, monospace;

    font-size: 1em

}



a {

    text-decoration: none;

    background-color: initial

}



a:focus {

    outline: 0

}



a:active, a:focus, a:hover {

    outline-width: 0

}



abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted

}



b, strong {

    font-weight: bolder

}



code, kbd, samp {

    font-family: monospace, monospace;

    font-size: 1em

}



small {

    font-size: 80%

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: initial

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



img {

    border-style: none

}



button, input, optgroup, select, textarea {

    font-family: inherit;

    font-size: 100%;

    line-height: 1.15;

    margin: 0

}



button, input {

    overflow: visible

}



button, select {

    text-transform: none

}



[type=button], [type=reset], [type=submit], button {

    -webkit-appearance: button

}



[type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner, button:focus, button:hover [type=button]::-moz-focus-inner {

    padding: 0;

    border: none;

    outline: none

}



[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {

    outline: none

}



fieldset {

    padding: .35em .75em .625em

}



legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



progress {

    vertical-align: initial

}



textarea {

    overflow: auto

}



[type=checkbox], [type=radio] {

    box-sizing: border-box;

    padding: 0

}



[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



details {

    display: block

}



summary {

    display: list-item

}



[hidden], template {

    display: none

}



[class*=" icon-"]:before, [class^=icon-]:before {

    font-family: "hondacom" !important;

    font-style: normal !important;

    font-weight: 400 !important;

    -webkit-font-feature-settings: normal !important;

    font-feature-settings: normal !important;

    font-variant: normal !important;

    text-transform: none !important;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-360:before {

    content: "a"

}



.icon-360-circle:before {

    content: "b"

}



.icon-360-tour:before {

    content: "c"

}



.icon-advanced-security:before {

    content: "d"

}



.icon-calender:before {

    content: "e"

}



.icon-chassis:before {

    content: "f"

}



.icon-choose:before {

    content: "g"

}



.icon-close:before {

    content: "h"

}



.icon-close-2:before {

    content: "i"

}



.icon-comfort:before {

    content: "j"

}



.icon-connecting:before {

    content: "k"

}



.icon-control:before {

    content: "l"

}



.icon-correct:before {

    content: "m"
}



.icon-hydraulic:before {

    content: "n"

}



.icon-flash:before {

    content: "o"

}



.icon-filter:before {

    content: "p"

}



.icon-fill-1-1:before {

    content: "q"

}



.icon-honda-logo:before {

    content: "r"

}



.icon-fb:before {

    content: "s"

}



.icon-drive:before {

    content: "t"

}



.icon-download-2:before {

    content: "u"

}



.icon-download:before {

    content: "v"

}



.icon-down-arr:before {

    content: "w"

}



.icon-differential:before {

    content: "x"

}



.icon-couple:before {

    content: "y"

}



.icon-correct-team:before {

    content: "z"

}



.icon-instagram:before {

    content: "A"

}



.icon-left-arr:before {

    content: "B"

}



.icon-left-arr-1:before {

    content: "C"

}



.icon-location:before {

    content: "D"

}



.icon-minus:before {

    content: "E"

}



.icon-more:before {

    content: "F"

}



.icon-multiply:before {

    content: "G"

}



.icon-notice:before {

    content: "H"

}



.icon-percent:before {

    content: "I"

}



.icon-performance:before {

    content: "J"

}



.icon-period:before {

    content: "K"

}



.icon-plus:before {

    content: "L"

}



.icon-power:before {

    content: "M"

}



.icon-three-dots:before {

    content: "N"

}



.icon-test-drive:before {

    content: "O"

}



.icon-youtube:before {

    content: "P"

}



.icon-survey-correct:before {

    content: "Q"

}



.icon-star:before {

    content: "R"

}



.icon-whatsapp:before {

    content: "S"

}



.icon-watch:before {

    content: "T"

}



.icon-share:before {

    content: "U"

}



.icon-security:before {

    content: "V"

}



.icon-warning:before {

    content: "W"

}



.icon-voice-call:before {

    content: "X"

}



.icon-search:before {

    content: "Y"

}



.icon-right-arr:before {

    content: "Z"

}



.icon-versus:before {

    content: "0"

}



.icon-user:before {

    content: "1"

}



.icon-right:before {

    content: "2"

}



.icon-recycle:before {

    content: "3"

}



.icon-upper:before {

    content: "4"

}



.icon-twitter:before {

    content: "5"

}



.icon-quality:before {

    content: "6"

}



.icon-price-tag-left:before {

    content: "7"

}



.icon-triple:before {

    content: "8"

}



.icon-three-lines:before {

    content: "9"

}



.icon-price-tag-active:before {

    content: "!"

}



.icon-dealer:before {

    content: '"'

}



.icon-ap-calender:before {

    content: "#"

}



.icon-ap-car:before {

    content: "$"

}



.icon-ap-correct:before {

    content: "%"

}



.icon-ap-home:before {

    content: "&"

}



.icon-ap-user:before {

    content: "'"

}



.icon-oap-location:before {

    content: "("

}



.icon-oap-left-arrow:before {

    content: ")"

}



.icon-oap-check-f:before {

    content: "*"

}



.icon-double-user:before {

    content: "+"

}



.icon-double-user-cal:before {

    content: ","

}



.icon-ap-calender-2:before {

    content: "-"

}



.icon-ap-bell:before {

    content: "."

}



.icon-ap-info-home:before {

    content: ":"

}



.icon-ap-info-calender:before {

    content: ";"

}



.icon-oap-mouse:before {

    content: "<"

}



.safe-area {

    max-width: 1490px;

    margin: 0 auto

}



.btn-1 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 1.2rem;

    color: #fff;

    padding: 12px 10px

}



.btn-2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 1.6em;

    color: #111;

    border: 1px solid #dcdcdc;

    padding: 15px 50px;

    cursor: pointer

}



.btn-2:hover {

    background-color: #eee;

    border-color: #eee

}



.btn-2.resp {

    display: none;

    color: #fff;

    background-color: #22297d

}



i.plus {

    position: relative;

    border: 1px dotted #fff;

    width: 3px;

    height: 3px;

    background-color: #0a104e;

    box-sizing: border-box;

    -webkit-transform: scale(3);

    transform: scale(3)

}



.open .plus-btn {

    background-color: #e31f2e;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.open .plus-btn i:before {

    color: #fff

}



.close-btn {

    cursor: pointer;

    position: absolute;

    right: 75px;

    top: 40px;

    width: 65px;

    height: 65px;

    opacity: .85

}



.close-btn:hover {

    opacity: 1

}



.close-btn:after, .close-btn:before {

    position: absolute;

    left: 30px;

    content: " ";

    height: 65px;

    width: 2px;

    background-color: #fff

}



.close-btn:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.close-btn:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.err-btn {

    display: none;

    width: 35px;

    height: 35px;

    background-color: #e31f2e;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center

}



.err-btn i:before {

    background-color: #fff

}



.arrow-btn {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    position: absolute;

    top: -8px;

    right: 48%;

    width: 10px;

    height: 10px;

    background: transparent;

    border-top: 3px solid #000;

    border-right: 3px solid #000;

    box-shadow: 0 0 0 #d3d3d3;

    transition: all .2s ease

}



.arrow-btn.left {

    left: 0;

    -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);

    transform: translate3d(0, -50%, 0) rotate(-135deg)

}



.arrow-btn.right {

    right: 0;

    -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);

    transform: translate3d(0, -50%, 0) rotate(45deg)

}



.arrow-btn:hover {

    border-color: #e31f2e

}



.arrow-btn:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-40%, -60%) rotate(45deg);

    transform: translate(-40%, -60%) rotate(45deg);

    width: 200%;

    height: 200%

}



.arrow-btn.down-arrow {

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    top: auto;

    bottom: -8px

}



.plus-btn {

    width: 80px;

    min-width: 80px;

    height: 80px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: -webkit-transform .2s ease-out;

    transition: transform .2s ease-out;

    transition: transform .2s ease-out, -webkit-transform .2s ease-out

}



.plus-btn i {

    line-height: 1

}



.plus-btn i:before {

    color: #e31f2e

}



.arr-btn-item {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    z-index: 1;

    cursor: pointer

}



.arr-btn-item span {

    text-align: center;

    margin: 20px 0 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    display: block;

    letter-spacing: 1px

}



.arr-btn-item .arr-btn {

    width: 72px;

    height: 72px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    box-shadow: 0 8px 12px rgba(0, 0, 0, .03);

    border: 1px solid #000

}



.arr-btn-item .arr-btn i {

    left: 50%;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: flex

}



.arr-btn-item .arr-btn i:before {

    font-size: 55px

}



.arr-btn-item.next-btn {

    right: 0;

    left: auto

}



.arr-btn-item.next-btn .icon-left-arr {

    left: -25%;

    -webkit-transform: rotate(180deg) translateY(50%);

    transform: rotate(180deg) translateY(50%)

}



.arr-btn-item:hover.disabled .arr-btn {

    border-color: #000

}



.arr-btn-item:hover .arr-btn {

    box-shadow: 0 20px 34px rgba(0, 0, 0, .07);

    border-color: #fff

}



.detail-btn {

    background-color: #e31f2e;

    width: 250px;

    height: 66px;

    display: flex;

    border: none;

    outline: none;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    margin: 0 auto 15px;

    cursor: pointer;

    transition: all .2s

}



.detail-btn.compare-btn h2, .detail-btn span {

    font-size: 12px;

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    letter-spacing: 2px

}



.detail-btn.white {

    background-color: #fff

}



.detail-btn.white span {

    color: #e31f2e

}



.detail-btn.white:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.detail-btn.grey {

    background: hsla(0, 0%, 84.7%, .3)

}



.detail-btn.grey span {

    color: hsla(0, 0%, 84.7%, .5)

}



.detail-btn:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.share-item {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    cursor: pointer

}



.share-item i:before {

    font-size: 15px

}



.share-item span {

    font-size: 12px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 0 0 0 20px

}



.share-item .social-share-block {

    display: flex;

    z-index: 1;

    width: 100%;

    min-height: 100%;

    align-items: center;

    justify-content: center;

    cursor: default

}



.share-item .social-share-block .sm-btn {

    cursor: pointer;

    margin: 0 16px 0 0

}



.share-item .social-share-block .sm-btn .social-item i:before {

    font-size: 20px

}



.share-item .social-share-block .sm-btn .social-item i.icon-fb:before {

    color: #3c5a9b

}



.share-item .social-share-block .sm-btn .social-item i.icon-twitter:before {

    color: #00acee

}



.share-item .social-share-block .sm-btn .social-item i.icon-whatsapp:before {

    color: #455a64

}



.share-item .social-share-block .sm-btn button {

    border: none;

    outline: none

}



.share-item .social-share-block .sm-btn.mobil-icon {

    display: none

}



.share-item .share-text-block {

    display: flex;

    justify-content: center;

    align-items: center

}



.show-more {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 40px;

    width: 300px;

    height: 66px;

    border: 1px solid #d4d4d4;

    border-radius: 50px;

    margin: 0 auto;

    cursor: pointer

}



.show-more i:before {

    color: #000;

    font-size: 15px

}



.show-more span {

    letter-spacing: 2px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000

}



.play-btn-item {

    display: flex;

    align-items: center

}



.play-btn-item .play-item {

    margin: 0 15px 0 0;

    width: 66px;

    min-width: 66px;

    height: 66px;

    background-color: #e31f2e;

    border-radius: 50%

}



.play-btn-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #fff;

    letter-spacing: 1.83px

}



.dealer-btn-item {

    transition: all .5s ease-out;

    cursor: pointer;

    position: fixed;

    z-index: 98;

    bottom: 20px;

    right: 15px;

    background: linear-gradient(144.42deg, rgba(250, 25, 42, .64) 1.15%, rgba(250, 25, 42, 0) 68.95%), linear-gradient(320.97deg, #c90d1c 10.63%, #e31f2e 81.09%);

    box-shadow: 0 5px 5px rgba(0, 0, 0, .11), 0 8px 14px rgba(227, 31, 46, .3);

    border-radius: 16px;

    width: 240px;

    height: 82px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 25px

}



.dealer-btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #fff

}



.dealer-btn-item .img-item img.car {

    display: none

}



.dealer-btn-item .img-item img.user {

    width: 48px;

    height: 48px

}



.dealer-btn-item:hover {

    transition: all .3s ease-out;

    padding: 16px;

    height: 174px;

    flex-direction: column-reverse;

    text-align: center

}



.dealer-btn-item:hover .img-item {

    overflow: hidden;

    position: relative;

    padding: 0 0 22px

}



.dealer-btn-item:hover .img-item img.car {

    display: block

}



.dealer-btn-item:hover .img-item img.user {

    position: absolute;

    left: 50%;

    top: -8px

}



.dealer-btn-item:hover .img-item img.user, .oap-time-btn-item {

    -webkit-transform: translate(-50%, 50%);

    transform: translate(-50%, 50%)

}



.oap-time-btn-item {

    z-index: 98;

    -webkit-clip-path: circle(10% at 50% 50%);

    clip-path: circle(10% at 50% 50%);

    transition: all .5s ease-out;

    cursor: pointer;

    position: fixed;

    right: 42%;

    bottom: 46%;

    width: 240px;

    height: 82px;

    padding: 17px 20px;

    display: flex;

    align-items: center;

    background: linear-gradient(148.02deg, rgba(250, 25, 42, .64) 1.21%, rgba(250, 25, 42, 0) 72.81%), linear-gradient(.902turn, #c90d1c 5.23%, #e31f2e 79.95%);

    box-shadow: 0 5px 5px rgba(0, 0, 0, .11), 0 8px 14px rgba(227, 31, 46, .3);

    border-radius: 16px

}



.oap-time-btn-item .img-item, .oap-time-btn-item .img-item img.car, .oap-time-btn-item .img-item img.phone {

    display: none

}



.oap-time-btn-item .text-item {

    -webkit-animation: btnTextOpenAnim 1s ease-out;

    animation: btnTextOpenAnim 1s ease-out

}



.oap-time-btn-item .text-item span {

    font-size: 16px

}



.oap-time-btn-item .text-item p, .oap-time-btn-item .text-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff

}



.oap-time-btn-item .text-item p {

    margin: 0;

    font-size: 12px

}



.oap-time-btn-item:hover {

    transition: all .5s ease-out;

    padding: 16px;

    height: 180px;

    max-height: 180px;

    flex-direction: column-reverse;

    text-align: center

}



.oap-time-btn-item:hover .text-item {

    width: 80%

}



.oap-time-btn-item:hover .text-item span {

    margin: 0 0 10px

}



.oap-time-btn-item:hover .text-item p {

    line-height: 120%

}



.oap-time-btn-item:hover .loader-item {

    display: none

}



.oap-time-btn-item:hover .img-item {

    display: block;

    border-radius: 8px;

    position: relative;

    margin: 0 0 22px;

    overflow: hidden

}



.oap-time-btn-item:hover .img-item img.car {

    display: block;

    -webkit-filter: blur(12px);

    filter: blur(12px)

}



.oap-time-btn-item:hover .img-item img.phone {

    display: block;

    position: absolute;

    left: 50%;

    top: -8px;

    -webkit-transform: translate(-50%, 50%);

    transform: translate(-50%, 50%)

}



.oap-time-btn-item:hover .img-item img.loader {

    display: none

}



.oap-time-btn-item.disable-hover {

    cursor: default

}



.oap-time-btn-item.disable-hover:hover {

    height: 82px;

    flex-direction: row;

    text-align: left;

    cursor: default;

    padding: 17px 20px

}



.oap-time-btn-item.disable-hover:hover .img-item {

    display: none

}



.oap-time-btn-item.disable-hover:hover .text-item {

    width: auto

}



.oap-time-btn-item.disable-hover:hover .text-item span {

    margin: 0

}



.oap-time-btn-item.disable-hover:hover .text-item p {

    line-height: inherit

}



.oap-time-btn-item.disable-hover:hover .loader-item {

    display: inline-block

}



.loader-item {

    width: 48px;

    height: 48px;

    min-width: 48px;

    border-radius: 100%;

    background: #fff

}



.loader-item .loader {

    color: #e61a29;

    font-size: 5px;

    margin: 21px auto;

    width: 1em;

    height: 1em;

    border-radius: 50%;

    position: relative;

    text-indent: -9999em;

    -webkit-animation: load4 1.3s linear infinite;

    animation: load4 1.3s linear infinite;

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



.close-icon {

    position: relative;

    display: block;

    width: 30px;

    height: 22px;

    border: 2px solid transparent;

    border-radius: 40px

}



.close-icon:after, .close-icon:before {

    content: "";

    display: block;

    box-sizing: border-box;

    position: absolute;

    width: 26px;

    height: 2px;

    background: #000;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    border-radius: 5px;

    top: 8px;

    left: 1px

}



.close-icon:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.gg-arrow-long-left {

    box-sizing: border-box;

    position: relative;

    display: block;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform: scale(var(--ggs, 1));

    transform: scale(var(--ggs, 1));

    border-top: 2px solid transparent;

    border-bottom: 2px solid transparent;

    box-shadow: inset 0 0 0 2px;

    width: 33px;

    height: 6px

}



.gg-arrow-long-left:after {

    content: "";

    display: block;

    box-sizing: border-box;

    position: absolute;

    width: 15px;

    height: 15px;

    border-bottom: 2px solid;

    border-left: 2px solid;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 0;

    bottom: -6px

}



.gg-chevron-icon {

    height: 12px

}



.gg-chevron-icon:after, .gg-chevron-icon:before {

    content: "";

    display: block;

    width: 10px;

    border-radius: 2px;

    height: 3px;

    background: #000

}



.gg-chevron-icon:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.gg-chevron-icon:after {

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    margin: 2px 0 0

}



input[type=email], input[type=number], input[type=password], input[type=text], textarea {

    box-sizing: border-box;

    font-size: 14px;

    color: #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    width: 100%;

    background: transparent none repeat scroll 0 0;

    padding: 9px 20px;

    border: none;

    border-radius: 5px

}



.input-item label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000;

    letter-spacing: 1px;

    margin: 0 0 8px;

    display: block

}



.input-item input {

    height: 70px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    padding: 22px 30px

}



.input-item input:focus {

    border-color: #000;

    color: #000

}



.input-item input.hasValue {

    border-color: #000

}



.input-item textarea {

    height: 128px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    padding: 22px 30px

}



.input-item.error label {

    color: #e31f2e

}



.input-item.error label:before {

    border-color: #e31f2e

}



.input-item.error input {

    border-color: #e31f2e;

    color: #e31f2e

}



.input-item.error input::-webkit-input-placeholder {

    color: #e31f2e

}



.input-item.error input::placeholder {

    color: #e31f2e

}



.input-item.error input:focus::-webkit-input-placeholder {

    color: transparent

}



.input-item.error input:focus::placeholder {

    color: transparent

}



.input-item.error .err-item {

    display: flex

}



input:focus, textarea:focus {

    outline: 0

}



a, button, input, select, textarea {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



.css-13bja5w-singleValue {

    height: 100%;

    display: flex;

    align-items: center

}



textarea {

    resize: none;

    padding: 20px

}



textarea .scroll::-webkit-scrollbar {

    display: none

}



.err-item {

    display: none;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    position: absolute;

    right: 20px;

    background-color: #e31f2e;

    align-items: center;

    justify-content: center;

    bottom: 20px

}



.err-item i {

    line-height: .9

}



.err-item i:before {

    color: #fff;

    font-size: 10px

}



::-webkit-input-placeholder {

    color: #d8d8d8;

    opacity: 1

}



::placeholder {

    color: #d8d8d8;

    opacity: 1

}



:-ms-input-placeholder {

    color: #d8d8d8

}



::-ms-input-placeholder {

    color: #d8d8d8

}



input[type=submit] {

    border: 0

}



select::-ms-expand {

    display: none

}



select {

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    cursor: pointer

}



.select-container {

    display: flex;

    justify-content: space-between

}



.select-container.ver {

    display: block

}



.select-container.ver .select-block {

    margin: 40px 0 0

}



.select-container .select-block {

    margin: 0 0 0 25px

}



.select-container .select-block:first-child {

    margin: 0

}



.select-container .select-block .css-exhwxh-container {

    position: relative;

    box-sizing: border-box;

    margin: 10px 0 0

}



.select-block {

    position: relative;

    width: 100%

}



.select-block label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000;

    margin: 0 0 20px;

    letter-spacing: 1px

}



.select-block .select-item {

    border: 1px solid #d8d8d8;

    height: 70px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 30px;

    cursor: pointer;

    width: 100%;

    position: relative;

    z-index: 1

}



.select-block .select-item i:before {

    font-size: 15px

}



.select-block .select-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.select-block .select-option {

    border-left: 1px solid #d8d8d8;

    border-right: 1px solid #d8d8d8;

    border-bottom: 1px solid #d8d8d8;

    position: absolute;

    width: 100%;

    left: 0;

    display: none;

    z-index: 2;

    max-height: 210px;

    overflow: auto;

    padding: 10px 0 0;

    background-color: #f8f8f8;

    top: 90px

}



.select-block .select-option .option-item {

    height: 46px;

    background-color: #f8f8f8;

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 0 0 0 30px

}



.select-block .select-option .option-item:hover {

    background-color: #e31f2e

}



.select-block .select-option .option-item:hover p {

    color: #fff

}



.select-block .select-option .option-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.select-block.open .select-option {

    display: block

}



.select-block.open:after {

    border-bottom: 4px solid #000;

    border-top: none !important

}



.select-block.error label {

    color: #e31f2e

}



.select-block .react-select__placeholder {

    color: #d8d8d8

}



.checkbox-block {

    margin: 50px auto

}



.checkbox-block .radio-button {

    margin: 30px 0;

    cursor: pointer;

    padding: 0 0 0 40px

}



.checkbox-block .radio-button .radio-item {

    position: relative

}



.checkbox-block .radio-button .radio-item input[type=checkbox] {

    position: absolute;

    opacity: 0;

    top: 1px;

    left: -35px;

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 1

}



.checkbox-block .radio-button .radio-item input[type=checkbox] ~ .radio-label {

    font-size: 18px;

    color: #313740;

    font-family: "BrandonGrotesque-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    display: flex;

    align-items: center

}



.checkbox-block .radio-button .radio-item input[type=checkbox] ~ .radio-label:before {

    content: "";

    border-radius: 100%;

    border: 2px solid #000;

    display: inline-block;

    width: 18px;

    min-width: 18px;

    height: 18px;

    position: absolute;

    left: -35px;

    top: -2px;

    cursor: pointer;

    text-align: center;

    transition: all .25s ease

}



.checkbox-block .radio-button .radio-item input[type=checkbox]:checked ~ .radio-label:before {

    content: "m";

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #000;

    border: 2px solid #000;

    font-family: "hondacom" !important;

    color: #fff;

    font-style: normal !important;

    font-weight: 400 !important;

    -webkit-font-feature-settings: normal !important;

    font-feature-settings: normal !important;

    font-variant: normal !important;

    text-transform: none !important;

    font-size: 7px;

    line-height: 1

}



.checkbox-block .radio-button .radio-item input[type=checkbox]:focus ~ .radio-label:before {

    outline: none

}



.checkbox-block .radio-button .radio-item input[type=checkbox] ~ .radio-label:empty:before {

    margin-right: 0

}



.checkbox-block .radio-button .radio-item label span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    line-height: 20px

}



.checkbox-block .radio-button .radio-item label span a {

    font-weight: 700;

    position: relative;

    z-index: 2;

    color: #000;

    text-decoration: underline

}



.checkbox-block .radio-button .radio-item.error input[type=checkbox] ~ .radio-label:before {

    border: 2px solid #e31f2e

}



.react-select__menu {

    background-color: #aeaeae;

    border: 1px solid #000;

    position: absolute;

    top: -10px;

    cursor: pointer

}



.react-select__menu-list::-webkit-scrollbar {

    width: 4px;

    height: 0

}



.react-select__menu-list::-webkit-scrollbar-track {

    background: #f1f1f1

}



.react-select__menu-list::-webkit-scrollbar-thumb {

    background: #000;

    border-radius: 8px

}



.react-select__menu-list::-webkit-scrollbar-thumb:hover {

    background: #000

}



.react-select_container.hasValue .react-select__control {

    border-color: #000

}



.react-select_container.hasValue .react-select__indicator {

    color: #000

}



.error .react-select__control, .error .react-select_container.hasValue .react-select__control {

    border-color: #e31f2e

}



.recaptcha-wrapper {

    margin: 0 0 20px

}



.recaptcha-wrapper.error {

    width: 306px;

    border: 2px solid #e31f2e

}



.recaptcha-wrapper.recaptcha-video {

    display: flex;

    align-items: center;

    justify-content: center;

    width: auto;

    border: none

}



.recaptcha-wrapper.recaptcha-video.error iframe {

    border: 2px solid #e31f2e

}



.selectbox-place-holder {

    position: relative;

    box-sizing: border-box;

    margin: 12px 0 0;

    cursor: pointer

}



.selectbox-place-holder .place-holder-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: initial;

    border-radius: 8px;

    min-height: 38px;

    position: relative;

    transition: all .1s;

    border: 1px solid #d8d8d8;

    padding: 0 0 0 22px;

    height: 70px

}



.selectbox-place-holder .place-holder-item p {

    margin: 0;

    padding: 2px 8px;

    color: #d8d8d8;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px

}



.selectbox-place-holder .place-holder-item .icon-item {

    padding: 8px

}



.selectbox-place-holder .place-holder-item .icon-item svg path {

    fill: #d8d8d8

}



.cookies-dialog-root {

    border: 1px solid #000;

    border-radius: 4px;

    width: 600px;

    position: fixed;

    z-index: 9999;

    background-color: #fff;

    left: 50%;

    top: 20%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container {

    padding: 30px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .text-block h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block {

    width: 100%;

    flex-wrap: wrap;

    margin: 20px 0 10px;

    display: flex;

    align-items: center

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block .radio-button {

    padding: 0;

    margin: 0 8px 10px 0

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block .radio-button .radio-item {

    padding: 0 8px;

    position: relative;

    width: 125px;

    height: 30px;

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: #ebebeb

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block .radio-button .radio-item input {

    left: 0

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block .radio-button .radio-item label:before {

    position: relative;

    top: 0;

    left: 0;

    width: 16px;

    height: 16px;

    min-width: auto;

    min-height: auto

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .checkbox-block .radio-button .radio-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .btn-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 0 20px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .btn-block .show-detail-btn {

    cursor: pointer;

    display: flex;

    align-items: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #e31f2e

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .btn-block .show-detail-btn i {

    position: relative;

    top: 2px;

    margin: 0 0 0 10px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .btn-block .show-detail-btn i:before {

    font-size: 10px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-upper-container .btn-block .btn-item {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    background-color: #e31f2e;

    color: #fff;

    width: 94px;

    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    cursor: pointer

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container {

    display: none;

    position: relative

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-head-item {

    padding: 0 30px;

    display: flex;

    align-items: center

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-head-item span {

    cursor: pointer;

    margin: 0 20px 0 0;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 13px;

    color: #aaa

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-head-item span.active {

    color: #222;

    border-bottom: 2px solid #222;

    padding-bottom: 3px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block {

    background-color: #f4f4f4;

    padding: 30px;

    height: 280px;

    overflow: hidden;

    overflow-y: auto

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block {

    min-height: 50px;

    overflow-y: auto;

    margin: 0 0 5px;

    background-color: #fff;

    border-radius: 4px;

    padding: 15px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-head-item {

    cursor: pointer;

    border-radius: 4px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-head-item h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 13px;

    color: #000

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-head-item i:before {

    color: #000;

    font-size: 9px

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block {

    height: 145px;

    display: none

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block .detail-table-item {

    flex-wrap: wrap;

    width: 100%;

    display: flex;

    align-items: center

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block .detail-table-item .table-item {

    height: 100px;

    min-width: 40px;

    max-width: 100px;

    margin: 0 40px 0 0

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block .detail-table-item .table-item span {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 13px;

    color: #e31f2e

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block .detail-table-item .table-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 13px;

    color: #000;

    margin: 10px 0 0

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-detail-block .cookies-detail-info-block .detail-info-block.active {

    display: block

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-footer {

    height: 30px;

    position: absolute;

    background-color: #f4f4f4;

    z-index: 999;

    right: 0;

    width: 100%;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container .cookies-footer p {

    position: relative;

    top: 3px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 9px;

    color: #999;

    text-align: end;

    margin: 0 10px 0 0

}



.cookies-dialog-root .cookies-dialog-wrapper .dialog-bottom-container.active {

    display: block

}



.cct-cookies-main-root {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.cct-cookies-consent-root p {

    font-size: 12px !important

}



.cct-btn-item span, .cct-cookies-wrapper .cct-privacy-block .cct-text-item p {

    font-size: 11px !important

}



.cct-cookies-wrapper .cct-head-item .cct-text-block h2 {

    font-size: 12px !important

}



.cct-cookies-wrapper .cct-head-item .cct-open-text-item p {

    font-size: 11px !important

}



.lb-root {

    background: rgba(0, 0, 0, .9);

    position: fixed;

    width: 100%;

    height: 100vh;

    top: 0;

    left: 0;

    z-index: 10000;

    overflow: auto

}



.lb-root.appointment {

    background: rgba(0, 0, 0, .5)

}



.lb-root.appointment .table-feature-root {

    background: #efefef 0 0 no-repeat padding-box;

    border: 1px solid #c6c6c6 !important;

    border-radius: 10px !important;

    opacity: 1 !important

}



.lb-root.appointment .table-feature-root p {

    line-height: 27px !important

}



.lb-root .lb-electronic-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.lb-root .lb-electronic-block {

    display: flex;

    justify-content: center;

    margin: 100px 0 0;

    align-items: center

}



.lb-root .gallery-block {

    height: 100vh;

    width: 100%;

    overflow: hidden

}



.lb-root .gallery-block .arr-btn-item {

    padding: 4%

}



.lb-root .gallery-block .arr-btn-item span {

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    display: block

}



.lb-root .gallery-block .img-block {

    height: 100%;

    white-space: nowrap;

    transition: all .5s ease-out

}



.lb-root .gallery-block .img-block .img-item {

    position: relative;

    height: 100%;

    text-align: center;

    display: inline-block;

    width: 100%

}



.lb-root .gallery-block .img-block .img-item img {

    margin: auto;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



.lb-root .gallery-block .img-block .img-item.video iframe {

    margin: auto;

    height: 720px;

    width: 1280px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



.lb-root .gallery-block .gallery-footer {

    position: absolute;

    bottom: 7vh;

    width: 40vw;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    display: flex;

    overflow: hidden

}



.lb-root .gallery-block .gallery-footer i {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.lb-root .gallery-block .gallery-footer i:before {

    color: #fff

}



.lb-root .gallery-block .gallery-footer ul li {

    display: inline-block;

    width: 75px;

    height: 75px;

    background-size: cover;

    margin: 0 0 0 20px

}



.lb-root .gallery-block .gallery-footer ul li:first-child {

    margin: 0

}



.lb-root .lb-block.lb-table-block {

    display: flex;

    justify-content: center;

    padding: 100px 0 0

}



.lb-root .lb-block.lb-table-block.electropersonal {

    padding: 0

}



.lb-root .lb-block .table-feature-root {

    position: relative;

    background-color: #fff;

    width: 920px;

    min-height: 600px;

    height: 80vh;

    border-radius: 16px;

    padding: 30px 0 0

}



.lb-root .lb-block .table-feature-root.lb-electronic-table {

    border-radius: 30px;

    padding: 60px 65px 59px 57px;

    max-width: 807px;

    position: relative;

    background: #fff;

    min-height: 200px;

    height: auto

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn {

    width: 21px;

    height: 21px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 30px;

    z-index: 10001;

    top: 30px;

    cursor: pointer

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn .close {

    position: relative;

    display: inline-block;

    width: 29px;

    height: 29px;

    overflow: hidden

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn .close:after, .lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn .close:before {

    height: 2px;

    content: "";

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    background: #000;

    border-radius: 1px

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn .close:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .electronic-close-btn .close:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-title {

    margin: 0 0 15px

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-text-block, .lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-title {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    line-height: 15px

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-text-block .title {

    margin: 0 0 20px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    text-align: center;

    font-size: 26px;

    letter-spacing: 5.2px;

    color: #e31e2f

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-text-block span {

    color: #c00;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-text-block .lb-electronic-text {

    margin: 15px 0 0

}



.lb-root .lb-block .table-feature-root.lb-electronic-table .lb-electronic-text-block .lb-electronic-text:first-child {

    margin: 0

}



.lb-root .lb-block .table-feature-root .feature-wrapper {

    height: 100%

}



.lb-root .lb-block .table-feature-root .close-item {

    position: absolute;

    right: 20px;

    top: 12px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center

}



.lb-root .lb-block .table-feature-root .tab-block {

    display: flex

}



.lb-root .lb-block .table-feature-root .tab-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #858585;

    font-size: 18px;

    margin: 0 20px;

    border-bottom: 4px solid transparent;

    cursor: pointer;

    padding: 0 20px 10px

}



.lb-root .lb-block .table-feature-root .tab-block p:hover {

    color: #000

}



.lb-root .lb-block .table-feature-root .tab-block p.active {

    color: #000;

    border-color: #000;

    cursor: default

}



.lb-root .lb-block .table-feature-root .table-container {

    height: calc(97% - 34px);

    overflow: auto;

    border-radius: 0 0 16px 16px

}



.lb-root .lb-block .table-feature-root .table-container .table-block {

    background: #f8f8f8;

    padding: 48px 24px 48px 48px

}



.lb-root .lb-block .table-feature-root .table-container .table-block:nth-child(2n) {

    background: #fff

}



.lb-root .lb-block .table-feature-root .table-container .table-head {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.lb-root .lb-block .table-feature-root .table-container .table-head .td-item.td-left p, .lb-root .lb-block .table-feature-root .table-container p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.lb-root .lb-block .table-feature-root .table-container p {

    font-size: 16px;

    color: #000

}



.lb-root .lb-block .table-feature-root .table-container .table-item {

    display: flex

}



.lb-root .lb-block .table-feature-root .table-container .table-item .th-head p {

    font-size: 12px;

    color: #000

}



.lb-root .lb-block .table-feature-root .table-container .table-item p {

    font-size: 12px;

    color: #000;

    line-height: 15px

}



.lb-root .lb-block .table-feature-root .table-container .td-item {

    flex: 1 1;

    text-align: center;

    display: flex;

    justify-content: center

}



.lb-root .lb-block .table-feature-root .table-container .td-item.td-left {

    text-align: left;

    justify-content: flex-start

}



.lb-root .lb-block .table-feature-root .table-container .td-item.td-left p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.lb-root .lb-block .table-feature-root .table-container .td-item svg {

    width: 24px

}



.lb-root .lb-block .table-feature-root .table-container .th-info {

    display: flex;

    flex: 1.2 1

}



.lb-root .lb-block .table-feature-root .table-container .none {

    width: 35px;

    position: relative;

    height: 20px

}



.lb-root .lb-block .table-feature-root .table-container .none:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #c4c4c4;

    border-radius: 8px;

    width: 16px;

    height: 4px

}



.lb-root .lb-block .table-feature-root .table-container .th-head {

    flex: 1 1;

    text-align: left;

    justify-content: flex-start

}



.lb-root .lb-block .table-feature-root .table-container .th-head p {

    font-size: 18px;

    color: #e31f2e

}



.lb-root .lb-block .icon-carpi {

    position: absolute;

    right: 0;

    top: -38px;

    cursor: pointer;

    z-index: 2

}



.lb-root .lb-block .icon-carpi:before {

    color: #fff;

    font-size: 30px

}



.lb-root .lb-block .icon-carpi.t-2 {

    top: 10px;

    right: 10px

}



.lb-root .lb-block .video-block {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 10000

}



.lb-root .lb-block .video-block .close-item {

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #fff

}



.lb-root .lb-block .video-block .resp-menu {

    color: #fff;

    position: absolute;

    right: 0;

    top: -45px;

    display: block

}



.lb-root .lb-block .video-block .resp-menu span {

    background: transparent

}



.lb-root .lb-block .video-block .resp-menu span:after, .lb-root .lb-block .video-block .resp-menu span:before {

    background-color: #fff

}



.lb-root .lb-block .video-block iframe {

    width: 960px;

    border: none;

    height: 540px

}



.lb-root .lb-block .table-root {

    background-color: #fff;

    padding: 40px 30px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 10000;

    height: 625px;

    width: 600px

}



.lb-root .lb-block .table-root h4 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 2.2em;

    color: #111;

    margin: 0 0 40px

}



.lb-root .lb-block .table-root .table-block .table-item {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    background-color: #f6f6f6;

    height: 100px;

    margin: 0 0 10px;

    padding: 0 2vw 0 0

}



.lb-root .lb-block .table-root .table-block .table-item .img-item {

    height: 100%;

    max-width: 92px

}



.lb-root .lb-block .table-root .table-block .table-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.lb-root .lb-block .table-root .action-item {

    display: flex;

    align-items: center;

    margin: 3em 0 0;

    cursor: pointer

}



.lb-root .lb-block .table-root .action-item span {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 1.2em;

    color: #454545

}



.lb-root .lb-block .table-root .action-item i {

    width: 23px;

    height: 23px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 10px 0 0;

    background-color: #d6d6d6

}



.lb-root .lb-block .table-root .action-item i:before {

    font-size: 10px;

    color: #454545

}



.lb-root .lb-block .lb-gallery-block {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 100%;

    max-height: 100vh;

    height: 100vh

}



.lb-root .lb-block .lb-gallery-block .head-block {

    margin: 0 0 25px

}



.lb-root .lb-block .lb-gallery-block .head-block h2 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 2em;

    color: #fff

}



.lb-root .lb-block .lb-gallery-block .img-item {

    height: 100%

}



.lb-root .lb-block .lb-gallery-block .img-item img {

    height: 100%;

    object-fit: contain;

    width: 100%

}



.lb-root .lb-block .lb-arr-block {

    background-color: initial

}



.lb-root .lb-block .lb-arr-block .arr-item {

    left: 0;

    cursor: pointer;

    display: flex;

    align-items: center;

    width: 50px;

    height: 50px;

    background-color: #f9f9f9;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    justify-content: center

}



.lb-root .lb-block .lb-arr-block .arr-item + .arr-item {

    right: 0;

    left: auto

}



.lb-root .lb-block .lb-arr-block .arr-item i:before {

    color: #0a104e

}



.lb-root .close-btn {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 60px;

    cursor: pointer;

    z-index: 10001

}



.lb-root .close-btn .close {

    position: relative;

    display: inline-block;

    width: 25px;

    height: 25px;

    overflow: hidden

}



.lb-root .close-btn .close:after, .lb-root .close-btn .close:before {

    height: 3px;
    margin-top: -4px;

    content: "";

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    background: #fff

}



.lb-root .close-btn .close:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.lb-root .close-btn .close:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.lb-root.hardware-lb .lb-block {

    width: 600px;

    background-color: #fff;

    position: relative;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.lb-root.hardware-lb .lb-block .head-block {

    margin: 35px 0 50px

}



.lb-root.hardware-lb .lb-block .head-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #000;

    max-width: 85%;

    margin: 0 auto

}



.lb-root.hardware-lb .lb-block .head-block i {

    position: absolute;

    right: 32px;

    top: 32px;

    z-index: 1;

    cursor: pointer

}



.lb-root.hardware-lb .lb-block .head-block i:before {

    color: #000;

    font-size: 24px

}



.lb-root.hardware-lb .lb-block .text-block {

    margin: 0 auto 50px;

    max-width: 80%

}



.lb-root.hardware-lb .lb-block .text-block p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 15px;

    color: #000;

    text-align: center

}



.lb-root.hardware-lb .lb-block .text-block.t-2 p {

    text-align: left

}



.lb-root.hardware-lb .lb-block.t-2 {

    overflow: hidden;

    position: relative;

    z-index: 100000;

    height: 90vh;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: left;

    padding: 45px 40px 45px 60px;

    border-radius: 10px;

    width: 75%

}



.lb-root.hardware-lb .lb-block.t-2 .text-block {

    height: 75%;

    padding: 0 10px 25px 0;

    overflow-y: auto;

    max-width: 100%;

    margin: 0 0 5px

}



.lb-root.hardware-lb .lb-block.t-2 .detail-btn {

    margin: 2% auto 0

}



.lb-root .lb-sensing-wrapper {

    width: 100%;

    height: 100%

}



.lb-root .lb-sensing-wrapper .lb-sensing-container {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .95)

}



.lb-root .lb-sensing-wrapper .lb-sensing-container iframe {

    width: 85%;

    overflow: hidden;

    height: 85%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border: none

}



.lb-root .lb-sensing-wrapper .lb-sensing-container .close-btn {

    right: 40px;

    top: 20px

}



.lb-root .lb-sensing-wrapper .lb-sensing-container .close-btn:after, .lb-root .lb-sensing-wrapper .lb-sensing-container .close-btn:before {

    height: 40px

}



.bg {

    position: fixed;

    background: rgba(0, 0, 0, .3);

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 9999;

    left: 0

}



.videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0

}



.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



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

    .lb-root .lb-block .video-block iframe {

        width: 768px;

        height: 450px

    }

}



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

    .lb-root .lb-block .video-block iframe {

        width: 540px;

        height: 310px

    }



    .lb-root .lb-electronic-wrapper {

        height: auto;

        display: block

    }



    .lb-root .lb-electronic-wrapper .table-feature-root.lb-electronic-table {

        max-width: 100%;

        min-height: 100vh;

        border-radius: 0;

        padding: 92px 40px 59px

    }



    .lb-root.appointment .lb-electronic-wrapper {

        height: 100% !important

    }



    .lb-root.appointment .lb-electronic-wrapper .lb-block {

        height: 100% !important;

        display: flex;

        align-items: center

    }



    .lb-root.appointment .table-feature-root {

        margin: 0 20px !important;

        height: 217px !important;

        min-height: auto !important;

        position: relative

    }



    .lb-root.appointment .table-feature-root.lb-electronic-table {

        padding: 34px 20px !important

    }



    .lb-root.appointment .table-feature-root.lb-electronic-table .electronic-close-btn {

        right: 15px !important;

        top: 15px !important

    }



    .lb-root.appointment .table-feature-root .title {

        font-size: 18px !important;

        margin: 10px !important

    }



    .lb-root.appointment .table-feature-root p {

        font-size: 12px !important;

        line-height: 21px !important;

        margin: 0

    }

}



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

    .lb-root .lb-block .video-block iframe {

        width: 350px;

        height: 200px

    }

}



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

    .lb-root .lb-block .video-block iframe {

        width: 292px;

        height: 160px

    }

}



.accesories-root {

    background-color: #222;

    overflow: hidden

}



.accesories-root.model-accesories .head-block {

    border-bottom: none

}



.accesories-root.model-accesories .head-block ul {

    display: none

}



.accesories-root.model-accesories .head-block h2 {

    font-size: 64px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    margin: 0

}



.accesories-root.model-accesories .accesories-container .top-block h3 {

    line-height: 22px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.accesories-root.model-accesories .accesories-container .arr-btn-item span {

    display: none

}



.accesories-root.civic-accesories .accesories-container {

    padding: 4vh 0 0

}



.accesories-root.civic-accesories .head-block h2 {

    font-size: 24px

}



.accesories-root.civic-accesories .arr-btn-item span {

    display: block !important

}



.accesories-root .head-block {

    border-bottom: 1px solid hsla(0, 0%, 100%, .1)

}



.accesories-root .head-block .head-text, .accesories-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    letter-spacing: 5px;

    text-align: center;

    margin: 0 0 60px;

    padding: 110px 0 0;

    display: block

}



.accesories-root .head-block ul {

    display: flex;

    justify-content: center;

    height: 40px;

    align-items: center

}



.accesories-root .head-block ul li {

    height: 100%;

    position: relative;

    margin: 0 35px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #5f5f5f;

    cursor: pointer

}



.accesories-root .head-block ul li.active, .accesories-root .head-block ul li:hover {

    color: #fff

}



.accesories-root .head-block ul li.active:before, .accesories-root .head-block ul li:hover:before {

    width: 100%;

    background-color: #e31f2e

}



.accesories-root .head-block ul li:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background: #fff;

    transition: all .5s

}



.accesories-root.new-accessory-root {

    background-color: #fff;

    margin: 0 0 100px

}



.accesories-root.new-accessory-root .head-block ul {

    background: #f9f9f9;

    min-height: 80px;

    overflow-x: auto;

    height: auto;

    justify-content: inherit

}



.accesories-root.new-accessory-root .head-block ul::-webkit-scrollbar {

    display: none

}



.accesories-root.new-accessory-root .head-block ul li {

    color: #000;

    font-size: 22px;

    font-weight: 600;

    line-height: 49px;

    align-items: center;

    text-align: center;

    display: flex;

    padding: 15px 0;

    width: 100%;

    margin: 0;

    justify-content: center

}



.accesories-root.new-accessory-root .head-block ul li:first-child {

    padding: 15px 0 15px 96px

}



.accesories-root.new-accessory-root .head-block ul li:first-child p {

    border-left: none

}



.accesories-root.new-accessory-root .head-block ul li:last-child {

    padding: 15px 96px 15px 0

}



.accesories-root.new-accessory-root .head-block ul li p {

    margin: 0;

    border-left: 2px solid rgba(0, 0, 0, .2);

    width: 100%;

    white-space: nowrap;

    padding: 0 24px

}



.accesories-root.new-accessory-root .head-block ul li:hover:before {

    background-color: #ff791a;

    background-color: var(--cl250color)

}



.accesories-root.new-accessory-root .head-block ul li.active {

    background-color: #ff791a;

    background-color: var(--cl250color);

    color: #fff;

    padding: 15px 0 15px 15px

}



.accesories-root.new-accessory-root .head-block ul li.active:first-child {

    padding: 15px 0 15px 96px

}



.accesories-root.new-accessory-root .head-block ul li.active:last-child {

    padding: 15px 96px 15px 0

}



.accesories-root.new-accessory-root .head-block ul li.active p {

    border-left: none

}



.accesories-root.new-accessory-root .head-block ul li.active:before {

    background-color: initial

}



.accesories-root.new-accessory-root .head-block .head-text {

    padding: 90px 0 0;

    color: #373737;

    font-size: 45px;

    font-weight: 600;

    line-height: 60px;

    letter-spacing: 0

}



.accesories-root.new-accessory-root .accesories-container {

    max-width: none;

    margin: 0

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper {

    max-width: none;

    margin: 0 0 0 6vw;

    width: auto

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .scrollbar-container {

    padding: 26px 0 8px;

    width: 95%;

    cursor: pointer

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .scrollbar {

    height: 8px;

    border-radius: 99px;

    background: rgba(55, 55, 55, .2);

    position: relative;

    margin: 24px 0 4px

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .scrollbar .thumb {

    background-color: #ff791a;

    background-color: var(--cl250color);

    border-radius: 99px;

    position: absolute;

    top: -1px;

    left: 0;

    height: 10px;

    cursor: grab

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block {

    overflow-x: auto;

    height: auto;

    padding: 0;

    margin: 0

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block::-webkit-scrollbar {

    display: none

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item {

    opacity: 1;

    width: 679px;

    height: 540px;

    cursor: pointer;

    margin: 0 6px;

    border-radius: 12px

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item:first-child {

    margin: 0 6px 0 0

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block {

    align-items: self-start;

    justify-content: flex-end;

    padding: 0 0 25px 40px;

    background: linear-gradient(1turn, rgba(0, 0, 0, .89), transparent 35%)

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item p {

    opacity: 1;

    visibility: visible

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .new-cl-text-block {

    left: 87%;

    bottom: 55px;

    position: absolute;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .new-cl-text-block:before {

    content: "";

    position: absolute;

    width: 16px;

    background-color: #fff;

    height: 1px;

    top: 19px;

    left: 35px

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .new-cl-text-block:after {

    content: "";

    width: 0;

    height: 5px;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #fff;

    position: absolute;

    left: 48px;

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    top: 14.6px

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .new-cl-text-block .new-cl-text {

    left: auto;

    bottom: auto;

    letter-spacing: 0

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item .new-cl-text-block .new-cl-text:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 185%;

    height: 2px;

    background: #fff

}



.accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

    width: 679px;

    height: 540px;

    cursor: pointer

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet {

    max-width: inherit;

    margin: 0

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block {

    align-items: inherit;

    padding: 0 0 0 6vw;

    justify-content: flex-start;

    flex-direction: column

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .new-accesories-packet-items {

    display: flex

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block {

    margin: 0 16px 0 0;

    width: 25%

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block::-webkit-scrollbar {

    width: 8px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block::-webkit-scrollbar-thumb {

    background-color: #ff791a;

    background-color: var(--cl250color);

    border-radius: 99px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block::-webkit-scrollbar-track {

    border-radius: 99px;

    background: rgba(55, 55, 55, .2)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block {

    overflow-y: auto;

    max-height: 585px;

    direction: rtl;

    height: auto

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul {

    margin: 0 0 0 12px;

    text-align: left

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li {

    border-bottom: 2px solid #dbdbdb;

    margin: 0 0 20px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li:hover p {

    color: #ff791a;

    color: var(--cl250color)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li.solo {

    border-bottom: none

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li p {

    color: #000;

    font-size: 22px;

    line-height: 26px;

    max-width: 84%

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li p:hover {

    color: #ff791a;

    color: var(--cl250color)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li p:before {

    display: none

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li.active p {

    color: #ff791a;

    color: var(--cl250color)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li.active p:before {

    display: block;

    width: 50px;

    right: -65px;

    bottom: 50%;

    background-color: #ff791a;

    background-color: var(--cl250color)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper {

    width: 75%;

    max-width: inherit;

    margin: 0 0 0 16px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .scrollbar-container {

    padding: 26px 0 8px;

    width: 80%;

    cursor: pointer

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .scrollbar {

    height: 8px;

    border-radius: 99px;

    background: rgba(55, 55, 55, .2);

    position: relative;

    margin: 0

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .scrollbar .thumb {

    background-color: #ff791a;

    background-color: var(--cl250color);

    border-radius: 99px;

    position: absolute;

    top: -1px;

    left: 0;

    height: 10px;

    cursor: grab

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block {

    overflow-x: auto;

    height: auto;

    margin: 0

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block::-webkit-scrollbar {

    visibility: hidden;

    width: 0;

    height: 0;

    display: none

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item {

    width: 680px;

    height: 540px;

    margin: 0 6px;

    border-radius: 12px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item:first-child {

    margin: 0 6px 0 0

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item.active {

    cursor: pointer

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .accessory-text {

    width: 70%;

    text-align: left

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block {

    align-items: self-start;

    justify-content: flex-end;

    padding: 0 0 25px 40px;

    background: linear-gradient(1turn, rgba(0, 0, 0, .89), transparent 35%)

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .new-cl-text-block {

    left: 87%;

    bottom: 55px;

    position: absolute;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .new-cl-text-block:before {

    content: "";

    position: absolute;

    width: 16px;

    background-color: #fff;

    height: 1px;

    top: 19px;

    left: 35px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .new-cl-text-block:after {

    content: "";

    width: 0;

    height: 5px;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #fff;

    position: absolute;

    left: 48px;

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    top: 14.6px

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .new-cl-text-block .new-cl-text {

    left: auto;

    bottom: auto;

    letter-spacing: 0

}



.accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .new-cl-text-block .new-cl-text:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 185%;

    height: 2px;

    background: #fff

}



.accesories-root .accesories-container {

    position: relative;

    max-width: 1550px;

    margin: 0 auto;

    padding: 7vh 0 0

}



.accesories-root .accesories-container .top-block {

    display: flex;

    margin: 0 0 40px;

    justify-content: center;

    align-items: center

}



.accesories-root .accesories-container .top-block a, .accesories-root .accesories-container .top-block h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #e31f2e;

    letter-spacing: 1px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    transition: all .3s cubic-bezier(.65, .05, .36, 1);

    display: block

}



.accesories-root .accesories-container .top-block a:hover, .accesories-root .accesories-container .top-block h3:hover {

    color: #fff;

    -webkit-transform: translateY(-15%);

    transform: translateY(-15%)

}



.accesories-root .accesories-container .top-block .select-block {

    position: absolute;

    width: auto;

    min-width: 250px;

    right: 0;

    top: 0;

    cursor: pointer

}



.accesories-root .accesories-container .top-block .select-block i {

    position: absolute;

    left: 0;

    top: 8px;

    z-index: 1

}



.accesories-root .accesories-container .top-block .select-block i:before {

    color: #fff

}



.accesories-root .accesories-container .top-block .select-block .react-select__input input, .accesories-root .accesories-container .top-block .select-block .react-select__placeholder, .accesories-root .accesories-container .top-block .select-block .react-select__single-value {

    letter-spacing: 2px;

    font-size: 12px !important;

    color: #fff !important

}



.accesories-root .accesories-container .slider-wrapper {

    margin: 0 auto;

    width: 1270px;

    overflow: hidden

}



.accesories-root .accesories-container .slider-wrapper .slider-block {

    transition: all .5s cubic-bezier(.64, 0, .36, 1);

    white-space: nowrap;

    height: 450px

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item {

    overflow: hidden;

    height: 100%;

    width: 350px;

    display: inline-block;

    white-space: normal;

    margin: 0 20px;

    vertical-align: middle;

    position: relative;

    opacity: .4

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item p {

    opacity: 0;

    visibility: hidden

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .img-item {

    width: 100%;

    height: 350px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: all .2s ease-out

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .img-item img {

    object-fit: cover;

    height: 100%;

    width: 100%

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block {

    position: relative;

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    white-space: normal

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    max-width: 350px

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .accessory-text, .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block h4 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #fff;

    line-height: 1.2;

    text-align: center

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 1.5;

    letter-spacing: 4px;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 35px;

    text-align: center

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .detail-plus {

    display: none;

    position: relative;

    top: 40px

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .detail-plus:after {

    position: absolute;

    width: 2px;

    height: 30px;

    content: "";

    display: block;

    background-color: #fff

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .detail-plus:before {

    position: absolute;

    right: -15px;

    top: 15px;

    width: 30px;

    height: 2px;

    content: "";

    display: block;

    background-color: #fff

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

    width: 450px;

    opacity: 1;

    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA4BAMAAACro32gAAAAG1BMVEUAAADY2NjZ2dnX19fb29vY2NjY2NjZ2dnY2NiTg/UxAAAACHRSTlMAn39gP8+/r9quqakAAAAzSURBVDjLY0ABFgIo3FHJUckRJqmEDCqCkHkKDB24QQODCzLQSEHmOQw+f45KjkrSUhIApCspbehR5yoAAAAASUVORK5CYII=), auto

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active .img-item {

    height: 100%

}



.accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active p {

    opacity: 1;

    visibility: visible

}



.accesories-root .accesories-container .slider-wrapper .nav-wrapper {

    overflow: hidden;

    width: 187px;

    margin: 0 auto

}



.accesories-root .accesories-container .slider-wrapper .nav-block {

    display: block;

    white-space: nowrap;

    transition: all .5s cubic-bezier(.64, 0, .36, 1);

    text-align: center

}



.accesories-root .accesories-container .slider-wrapper .nav-block span {

    display: inline-block;

    border-color: #8f8f8f;

    vertical-align: middle

}



.accesories-root .accesories-container .option-btn {

    background: #fff;

    border-radius: 49px;

    width: 280px;

    height: 66px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 30px;

    right: 30px;

    position: absolute;

    top: -30px;

    cursor: pointer

}



.accesories-root .accesories-container .option-btn i {

    color: #e31f2e

}



.accesories-root .accesories-container .option-btn i:before {

    font-size: 22px

}



.accesories-root .accesories-container .option-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    letter-spacing: 2px;

    line-height: 14px

}



.accesories-root .accesories-container .buttons .arr-btn.disabled {

    opacity: .4;

    cursor: auto

}



.accesories-root .accesories-container .buttons span {

    color: #fff

}



.accesories-root .accesories-container .question-block {

    position: absolute;

    right: 0;

    bottom: 94px;

    display: flex;

    justify-content: flex-end;

    align-items: center

}



.accesories-root .accesories-container .question-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 14px;

    margin: 0 0 0 15px

}



.accesories-root .accesories-container .question-block i {

    color: #fff

}



.accesories-root .accesories-packet-container {

    position: relative;

    max-width: 1550px;

    margin: 0 auto;

    padding: 7vh 0

}



.accesories-root .accesories-packet-container .top-block {

    display: flex;

    margin: 0 0 40px;

    justify-content: center;

    align-items: center

}



.accesories-root .accesories-packet-container .top-block h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #e31f2e;

    letter-spacing: 1px;

    text-align: center;

    white-space: nowrap;

    overflow: hidden;

    transition: all .3s cubic-bezier(.65, .05, .36, 1)

}



.accesories-root .accesories-packet-container .top-block h3:hover {

    color: #fff;

    -webkit-transform: translateY(-15%);

    transform: translateY(-15%)

}



.accesories-root .accesories-packet-container .top-block .select-block {

    position: absolute;

    width: auto;

    min-width: 250px;

    right: 0;

    top: 0;

    cursor: pointer

}



.accesories-root .accesories-packet-container .top-block .select-block i {

    position: absolute;

    left: 0;

    top: 8px;

    z-index: 1

}



.accesories-root .accesories-packet-container .top-block .select-block i:before {

    color: #fff

}



.accesories-root .accesories-packet-container .top-block .select-block .react-select__input input, .accesories-root .accesories-packet-container .top-block .select-block .react-select__placeholder, .accesories-root .accesories-packet-container .top-block .select-block .react-select__single-value {

    letter-spacing: 2px;

    font-size: 12px !important;

    color: #fff !important

}



.accesories-root .accesories-packet-container .accesories-packet-block {

    display: flex;

    align-items: center;

    padding: 0 0 0 18vh

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

    width: 890px;

    overflow: hidden

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block {

    transition: all .5s cubic-bezier(.64, 0, .36, 1);

    white-space: nowrap;

    height: 450px;

    margin: 0 0 30px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item {

    overflow: hidden;

    height: 100%;

    width: 350px;

    display: inline-block;

    white-space: normal;

    margin: 0 20px;

    vertical-align: middle;

    position: relative;

    opacity: .4

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item p {

    opacity: 0;

    visibility: hidden

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .img-item {

    width: 100%;

    height: 350px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    transition: all .2s ease-out

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .img-item img {

    object-fit: cover;

    height: 100%;

    width: 100%

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block {

    position: relative;

    height: 100%;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    white-space: normal

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .accessory-text, .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block h4 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #fff;

    line-height: 1.2;

    text-align: center

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 1.5;

    letter-spacing: 4px;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 35px;

    text-align: center

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .detail-plus {

    display: none;

    position: relative;

    top: 40px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .detail-plus:after {

    position: absolute;

    width: 2px;

    height: 30px;

    content: "";

    display: block;

    background-color: #fff

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .detail-plus:before {

    position: absolute;

    right: -15px;

    top: 15px;

    width: 30px;

    height: 2px;

    content: "";

    display: block;

    background-color: #fff

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active {

    width: 450px;

    opacity: 1;

    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA4BAMAAACro32gAAAAG1BMVEUAAADY2NjZ2dnX19fb29vY2NjY2NjZ2dnY2NiTg/UxAAAACHRSTlMAn39gP8+/r9quqakAAAAzSURBVDjLY0ABFgIo3FHJUckRJqmEDCqCkHkKDB24QQODCzLQSEHmOQw+f45KjkrSUhIApCspbehR5yoAAAAASUVORK5CYII=), auto

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active .img-item {

    height: 100%

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active p {

    opacity: 1;

    visibility: visible

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .nav-packet-block .arr-item {

    display: flex;

    align-items: center

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

    display: flex;

    justify-content: space-between;

    width: 32%;

    padding: 0 20px;

    position: absolute;

    bottom: 27px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item {

    display: flex;

    align-items: center;

    cursor: pointer

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item:hover i {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item i {

    margin: 0 15px 0 0;

    transition: all .3s cubic-bezier(.65, .05, .36, 1)

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item i:before {

    font-size: 50px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item.disabled {

    opacity: .4;

    cursor: auto

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item.disabled:hover i {

    -webkit-transform: none;

    transform: none

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item.disabled.right:hover i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item.right i {

    margin: 0 0 0 15px;

    display: flex;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item.right:hover i {

    -webkit-transform: translateX(10px) rotate(180deg);

    transform: translateX(10px) rotate(180deg)

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item {

    align-items: center;

    justify-content: space-between;

    display: flex

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    letter-spacing: 1px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item span + span {

    margin: 0 0 0 3px

}



.accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item span:first-child {

    color: #e31f2e

}



.accesories-root .accesories-packet-container .accesories-packet-block .nav-wrapper {

    display: none

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block {

    position: relative;

    width: 22%;

    text-align: center;

    margin: 0 50px 0 0;

    padding: 25px 0

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block i {

    cursor: pointer

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block i:before {

    font-size: 10px

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block {

    height: auto;

    overflow: hidden

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil {

    display: none

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.tab-height {

    height: 355px

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul {

    transition: all .5s cubic-bezier(0, .51, .35, .99)

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li {

    margin: 0 0 30px;

    cursor: pointer

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li.active p, .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li:hover p {

    color: #e31f2e

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li.active p:before, .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li:hover p:before {

    width: 100%;

    background: #e31f2e

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    display: inline-block;

    position: relative

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -18px;

    width: 0;

    height: 4px;

    background: transparent;

    transition: all .5s;

    -webkit-transition: all .5s

}



.accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li span {

    display: none

}



.accesories-root.detail-packet .accesories-packet-container {

    background: transparent

}



.accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .wheel-block .arrow-btn {

    border-top: 3px solid #fff;

    border-right: 3px solid #fff

}



.accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .wheel-block .arrow-btn:hover {

    border-color: #e31f2e

}



.accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item span, .accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .wheel-block ul li p {

    color: #fff

}



.accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .count-item span:first-child {

    color: #e31f2e

}



.accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item i:before, .accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block .arr-item span {

    color: #fff

}



.accesories-root.hrv-accessories {

    background-color: initial;

    padding: 120px 0 0

}



.accesories-root.hrv-accessories .head-block h2 {

    font-size: 57px;

    color: #000;

    padding: 0;

    letter-spacing: normal

}



.accesories-root.hrv-accessories .accesories-container {

    padding: 16px 0 0

}



.accesories-root.hrv-accessories .accesories-container .slider-wrapper .slider-block .slider-item .text-block h4 {

    text-shadow: 0 4px 4px rgba(0, 0, 0, .5);

    font-size: 18px

}



.accesories-root.hrv-accessories .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block h4 {

    font-size: 24px

}



.accesories-root.hrv-accessories .accesories-container .slider-wrapper .nav-block span {

    border-color: #d8d8d8

}



.accesories-root.hrv-accessories .accesories-container .top-block h3 {

    font-size: 14px;

    color: #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    border: 1px solid #dfdfdf;

    border-radius: 100px;

    padding: 14px 33px;

    text-align: center;

    transition: none

}



.accesories-root.hrv-accessories .accesories-container .top-block h3:hover {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    color: #e31f2e

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item .arr-btn {

    border: none;

    background-color: #d1d1d1;

    box-shadow: 0 20px 34px rgba(0, 0, 0, .07)

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item span {

    display: block;

    color: #000

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item:hover .arr-btn {

    background-color: #e31f2e

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item:hover .arr-btn i:before {

    color: #fff

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item:hover .arr-btn.disabled {

    background-color: #d1d1d1

}



.accesories-root.hrv-accessories .accesories-container .buttons .arr-btn-item:hover .arr-btn.disabled i:before {

    color: #000

}



.accesories-root.hrv-accessories .full-lb-root .lb-block .text-block .left-block h2 br {

    display: none

}



.sub-banner-root {

    position: relative;

    overflow: hidden;

    padding: 120px 0 0;

    height: 662px

}



.sub-banner-root .placeholder-img {

    width: 100%;

    height: 100%

}



.sub-banner-root .sub-banner-img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sub-banner-root .sub-banner-container {

    width: 100%;

    height: calc(100% - 120px);

    position: absolute;

    top: 120px

}



.sub-banner-root .head-text {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    line-height: 1.4

}



.sub-banner-root .head-text h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 36px;

    color: #fff

}



.sub-banner-root.survey-banner {

    background-color: #ebebeb;

    height: 804px;

    display: flex;

    align-items: flex-start

}



.sub-banner-root.survey-banner .head-text {

    width: 100%

}



.sub-banner-root.survey-banner .head-text h1 {

    font-size: 74px

}



.sub-banner-root.survey-banner .scroll-btn {

    display: none;

    width: 60px;

    height: 142px;

    background-color: #fff;

    border-radius: 50px 50px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 0;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.sub-banner-root.survey-banner .scroll-btn p {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000;

    letter-spacing: 1px;

    padding: 0 30px 0 0

}



.sub-banner-root.survey-banner .scroll-btn .mouse-wheel {

    height: 25px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 20px;

    left: 46%

}



.sub-banner-root.survey-banner .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #e31f2e;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.sub-banner-root.survey-banner .scroll-btn.survey-btn {

    display: none

}



.lazyload-wrapper {

    width: 100%;

    height: 100%

}



.banner-root.landing-banner .banner-container {

    background-size: cover

}



.banner-root.landing-banner .banner-container .banner-block {

    justify-content: center

}



.banner-root.landing-banner .banner-container .banner-block .grd-bg {

    background: linear-gradient(270deg, rgba(0, 0, 0, .0001), #000);

    mix-blend-mode: normal;

    opacity: .25;

    position: absolute;

    width: 50vw;

    height: 100%;

    display: none

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block {

    position: absolute;

    top: 20%;

    width: 100%;

    display: flex;

    justify-content: flex-end

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block .img-block {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block .img-block img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block {

    margin: 0 80px 0 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block i:before {

    font-size: 32px;

    color: #fff

}



.banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    line-height: 15px

}



.banner-root.landing-banner .banner-container .banner-block .content-item {

    position: relative

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block {

    padding: 0 0 0 120px

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .motto-text {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    line-height: 23px;

    margin: 0 0 20px;

    display: block

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn {

    display: flex;

    align-items: center;

    margin: 5vh 0 0

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #fff;

    line-height: 26px;

    letter-spacing: 1.83px;

    cursor: pointer

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn i {

    margin: 0 0 0 10px;

    cursor: pointer

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn i:before {

    color: #e31f2e;

    font-size: 11px

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

    font-size: 24px;

    letter-spacing: 6px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

    font-size: 78px;

    letter-spacing: -2px;

    line-height: 86px;

    width: 72%;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .open-block {

    max-height: 200px;

    overflow: hidden;

    transition: all .5s cubic-bezier(.65, .05, .36, 1)

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .open-block.active {

    max-height: 350px;

    overflow: initial

}



.banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .hide {

    opacity: 0;

    visibility: hidden

}



.banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item {

    margin: 3vh 0 0;

    cursor: pointer;

    width: 210px

}



.banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item .play-item {

    cursor: pointer;

    position: relative

}



.banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item .play-item i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item .play-item i:before {

    font-size: 11px;

    color: #fff

}



.banner-root.landing-banner .banner-container .banner-block .img-block img {

    display: none;

    -webkit-user-select: none;

    user-select: none

}



.banner-root.landing-banner .banner-container .banner-block .img-block img.active {

    display: block

}



.banner-root.landing-banner .list-block {

    width: 100%;

    position: absolute;

    bottom: 7vh

}



.banner-root.landing-banner .list-block ul {

    display: flex;

    justify-content: center;

    text-align: center

}



.banner-root.landing-banner .list-block ul li {

    margin: 0 10px;

    padding: 0 25px 35px;

    border-bottom: 1px solid hsla(0, 0%, 100%, .4);

    cursor: pointer

}



.banner-root.landing-banner .list-block ul li i {

    cursor: pointer

}



.banner-root.landing-banner .list-block ul li i:before {

    color: #fff;

    font-size: 30px

}



.banner-root.landing-banner .list-block ul li i.icon-down-arr {

    display: none

}



.banner-root.landing-banner .list-block ul li span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #fff;

    display: block;

    margin: 25px 0 0

}



.banner-root.landing-banner .list-block ul li.active {

    cursor: default;

    border-bottom: 3px solid #e31f2e

}



.banner-root.landing-banner.cycle-sport-banner {

    width: 100%

}



.banner-root.landing-banner.cycle-sport-banner .banner-container {

    background-image: none

}



.banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block {

    display: block

}



.banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item {

    position: absolute;

    top: 25%;

    left: 0

}



.search-root {

    position: absolute;

    left: 0;

    top: 120px;

    height: calc(100vh - 120px);

    background-color: #fff;

    width: 100%;

    z-index: 2;

    overflow: hidden

}



.search-root .search-wrapper {

    height: 100%

}



.search-root .search-wrapper .search-input-container {

    height: 35%;

    padding: 0 3vw

}



.search-root .search-wrapper .search-input {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100%

}



.search-root .search-wrapper .search-input textarea {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 36px;

    color: #000

}



.search-root .search-wrapper .search-input .voice-block {

    width: 90px;

    min-width: 90px;

    height: 90px;

    position: relative;

    background-color: #f8f8f8;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer

}



.search-root .search-wrapper .search-input .voice-block .icon-voice-call:before {

    font-size: 35px;

    color: #e31f2e

}



.search-root .search-wrapper .search-input .voice-block .pulse-ring {

    content: "";

    width: 90px;

    height: 90px;

    border: 5px solid #e31f2e;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-animation: pulsate 1.2s infinite;

    animation: pulsate 1.2s infinite

}



.search-root .search-wrapper .search-input .voice-block:hover {

    box-shadow: 0 15px 24px 13px rgba(0, 0, 0, .08)

}



.search-root .search-wrapper .search-result-container {

    background-color: #f8f8f8;

    height: 65%

}



.search-root .search-wrapper .search-result-container .search-result-block {

    height: 100%;

    padding: 5.5vh 4.3vw 4vh 4vw

}



.search-root .search-wrapper .search-result-container .result-block {

    height: 100%;

    position: relative

}



.search-root .search-wrapper .search-result-container .result-block .head-item {

    height: 10%;

    margin: 0 0 4vh

}



.search-root .search-wrapper .search-result-container .result-block .head-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #000

}



.search-root .search-wrapper .search-result-container .result-block .head-item p .title {

    color: #e31f2e

}



.search-root .search-wrapper .search-result-container .result-block .head-item p .count {

    font-size: 26px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    vertical-align: middle

}



.search-root .search-wrapper .search-result-container .result-block .result-item {

    overflow-y: scroll;

    height: 75%

}



.search-root .search-wrapper .search-result-container .result-block .result-item::-webkit-scrollbar {

    display: none

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul {

    margin: 0 0 10vh

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li {

    cursor: pointer;

    height: 70px;

    min-height: 70px;

    position: relative;

    border-bottom: 1px solid #e0e0e0;

    display: flex;

    align-items: center;

    transition: all .1s cubic-bezier(.65, .05, .36, 1)

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li:hover {

    padding: 0 0 0 15px

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li:hover a {

    color: #e31f2e

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li a {

    display: flex;

    height: 100%;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li a i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    position: absolute;

    right: 0

}



.search-root .search-wrapper .search-result-container .result-block .result-item ul li a i:before {

    font-size: 16px

}



.search-root .search-wrapper .search-result-container .result-block .more-btn {

    cursor: pointer;

    bottom: 5%;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    display: flex;

    align-items: center;

    justify-content: center

}



.search-root .search-wrapper .search-result-container .result-block .more-btn a {

    display: flex;

    align-items: center;

    justify-content: center

}



.search-root .search-wrapper .search-result-container .result-block .more-btn i {

    margin: 0 20px 0 0

}



.search-root .search-wrapper .search-result-container .result-block .more-btn i:before {

    color: #e31f2e;

    font-size: 14px

}



.search-root .search-wrapper .search-result-container .result-block .more-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000

}



.navTrigger {

    cursor: pointer;

    width: 17px;

    height: 12px

}



.navTrigger i {

    background-color: #fff;

    content: "";

    display: block;

    width: 100%;

    height: 2px

}



.navTrigger i:first-child {

    -webkit-animation: outT .8s backwards;

    animation: outT .8s backwards;

    animation-direction: reverse

}



.navTrigger i:nth-child(2) {

    margin: 3px 0;

    -webkit-animation: outM .8s backwards;

    animation: outM .8s backwards;

    animation-direction: reverse

}



.navTrigger i:nth-child(3) {

    -webkit-animation: outBtm .8s backwards;

    animation: outBtm .8s backwards;

    animation-direction: reverse

}



.open-menu .navTrigger i:first-child {

    -webkit-animation: inT .8s forwards;

    animation: inT .8s forwards

}



.open-menu .navTrigger i:nth-child(2) {

    -webkit-animation: inM .8s forwards;

    animation: inM .8s forwards

}



.open-menu .navTrigger i:nth-child(3) {

    -webkit-animation: inBtm .8s forwards;

    animation: inBtm .8s forwards

}



.iconResp-item {

    width: 38px;

    height: 48px;

    transition-duration: .5s;

    display: none

}



.iconResp-item .iconResp {

    width: 34px;

    top: 37px

}



.iconResp-item .iconResp, .iconResp-item .iconResp:before {

    transition-duration: .5s;

    position: absolute;

    height: 4px;

    background-color: #fff

}



.iconResp-item .iconResp:before {

    width: 24px;

    content: "";

    top: -12px;

    right: 0

}



.iconResp-item .iconResp:after {

    transition-duration: .5s;

    position: absolute;

    width: 20px;

    height: 4px;

    background-color: #fff;

    content: "";

    top: 12px;

    right: 0

}



.iconResp-item.open .iconResp {

    transition-duration: .5s;

    background: transparent

}



.iconResp-item.open .iconResp:before {

    -webkit-transform: rotate(45deg) scaleX(1.3) translate(5px, 13px);

    transform: rotate(45deg) scaleX(1.3) translate(5px, 13px)

}



.iconResp-item.open .iconResp:after {

    -webkit-transform: rotate(-45deg) scaleX(1.6) translate(2px, -12px);

    transform: rotate(-45deg) scaleX(1.6) translate(2px, -12px)

}



.iconResp-item:hover {

    cursor: pointer

}



.pnlm-container {

    margin: 0;

    padding: 0;

    overflow: hidden;

    position: relative;

    cursor: default;

    width: 100%;

    height: 100%;

    font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;

    -webkit-user-select: none;

    -o-user-select: none;

    user-select: none;

    outline: 0;

    line-height: 1.4;

    contain: content;

    touch-action: none

}



.pnlm-container * {

    box-sizing: initial

}



.pnlm-ui {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 1

}



.pnlm-grab {

    cursor: grab

}



.pnlm-grabbing {

    cursor: grabbing

}



.pnlm-container:-webkit-full-screen {

    height: 100% !important;

    width: 100% !important;

    position: static !important

}



.pnlm-container:fullscreen {

    height: 100% !important;

    width: 100% !important;

    position: static !important

}



.pnlm-render-container {

    cursor: inherit;

    position: absolute;

    height: 100%;

    width: 100%

}



.pnlm-controls {

    margin-top: 4px;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .4);

    border-radius: 3px;

    cursor: pointer;

    z-index: 2;

    -webkit-transform: translateZ(9999px);

    transform: translateZ(9999px)

}



.pnlm-control:hover {

    background-color: #f8f8f8

}



.pnlm-controls-container {

    position: absolute;

    top: 0;

    left: 4px;

    z-index: 1

}



.pnlm-zoom-controls {

    width: 26px;

    height: 52px

}



.pnlm-zoom-in {

    top: 0;

    border-radius: 3px 3px 0 0

}



.pnlm-zoom-in, .pnlm-zoom-out {

    width: 100%;

    height: 50%;

    position: absolute

}



.pnlm-zoom-out {

    bottom: 0;

    background-position: 0 -26px;

    border-top: 1px solid rgba(0, 0, 0, .1);

    border-radius: 0 0 3px 3px

}



.pnlm-fullscreen-toggle-button, .pnlm-hot-spot-debug-indicator, .pnlm-orientation-button {

    width: 26px;

    height: 26px

}



.pnlm-hot-spot-debug-indicator {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 26px;

    height: 26px;

    margin: -13px 0 0 -13px;

    background-color: hsla(0, 0%, 100%, .5);

    border-radius: 13px;

    display: none

}



.pnlm-orientation-button-inactive {

    background-position: 0 -156px

}



.pnlm-orientation-button-active {

    background-position: 0 -182px

}



.pnlm-fullscreen-toggle-button-inactive {

    background-position: 0 -52px

}



.pnlm-fullscreen-toggle-button-active {

    background-position: 0 -78px

}



.pnlm-panorama-info {

    position: absolute;

    bottom: 4px;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 0 3px 3px 0;

    padding-right: 10px;

    color: #fff;

    text-align: left;

    display: none;

    z-index: 2;

    -webkit-transform: translateZ(9999px);

    transform: translateZ(9999px)

}



.pnlm-title-box {

    font-size: 20px;

    margin-bottom: 3px

}



.pnlm-author-box, .pnlm-title-box {

    position: relative;

    display: table;

    padding-left: 5px

}



.pnlm-author-box {

    font-size: 12px

}



.pnlm-load-box {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 200px;

    height: 150px;

    margin: -75px 0 0 -100px;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 3px;

    text-align: center;

    font-size: 20px;

    display: none;

    color: #fff

}



.pnlm-load-box p {

    margin: 20px 0

}



.pnlm-lbox {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 20px;

    height: 20px;

    margin: -10px 0 0 -10px;

    display: none

}



.pnlm-loading {

    animation-duration: 1.5s;

    -webkit-animation-duration: 1.5s;

    animation-name: pnlm-mv;

    -webkit-animation-name: pnlm-mv;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

    animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    height: 10px;

    width: 10px;

    background-color: #fff;

    position: relative

}



.pnlm-load-button {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 200px;

    height: 100px;

    margin: -50px 0 0 -100px;

    background-color: rgba(0, 0, 0, .7);

    border-radius: 3px;

    text-align: center;

    font-size: 20px;

    display: table;

    color: #fff;

    cursor: pointer

}



.pnlm-load-button:hover {

    background-color: rgba(0, 0, 0, .8)

}



.pnlm-load-button p {

    display: table-cell;

    vertical-align: middle

}



.pnlm-info-box {

    font-size: 15px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 200px;

    height: 150px;

    margin: -75px 0 0 -100px;

    background-color: #000;

    border-radius: 3px;

    display: table;

    text-align: center;

    color: #fff;

    table-layout: fixed

}



.pnlm-info-box a {

    color: #fff;

    word-wrap: break-word;

    overflow-wrap: break-word

}



.pnlm-info-box p {

    display: table-cell;

    vertical-align: middle;

    padding: 0 5px

}



.pnlm-error-msg {

    display: none

}



.pnlm-about-msg {

    font-size: 11px;

    line-height: 11px;

    color: #fff;

    padding: 5px 8px;

    background: rgba(0, 0, 0, .7);

    border-radius: 3px;

    position: absolute;

    top: 50px;

    left: 50px;

    display: none;

    opacity: 0;

    transition: opacity .3s ease-in-out;

    z-index: 1

}



.pnlm-about-msg a:link, .pnlm-about-msg a:visited {

    color: #fff

}



.pnlm-about-msg a:active, .pnlm-about-msg a:hover {

    color: #eee

}



.pnlm-hotspot-base {

    position: absolute;

    visibility: hidden;

    cursor: default;

    vertical-align: middle;

    top: 0;

    z-index: 1

}



.pnlm-hotspot {

    height: 26px;

    width: 26px;

    border-radius: 13px

}



.pnlm-hotspot:hover {

    background-color: hsla(0, 0%, 100%, .2)

}



.pnlm-hotspot.pnlm-info {

    background-position: 0 -104px

}



.pnlm-hotspot.pnlm-scene {

    background-position: 0 -130px

}



div.pnlm-tooltip span {

    visibility: hidden;

    position: absolute;

    border-radius: 3px;

    background-color: rgba(0, 0, 0, .7);

    color: #fff;

    text-align: center;

    max-width: 200px;

    padding: 5px 10px;

    margin-left: -220px;

    cursor: default

}



div.pnlm-tooltip:hover span {

    visibility: visible

}



div.pnlm-tooltip:hover span:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-top-color: rgba(0, 0, 0, .7);

    bottom: -20px;

    left: -10px;

    margin: 0 50%

}



.pnlm-compass {

    position: absolute;

    width: 50px;

    height: 50px;

    right: 4px;

    bottom: 4px;

    border-radius: 25px;

    cursor: default;

    display: none

}



.pnlm-world {

    position: absolute;

    left: 50%;

    top: 50%

}



.pnlm-face {

    position: absolute;

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0

}



.pnlm-dragfix, .pnlm-preview-img {

    position: absolute;

    height: 100%;

    width: 100%

}



.pnlm-preview-img {

    background-size: cover;

    background-position: 50%

}



.pnlm-lbar {

    width: 150px;

    margin: 0 auto;

    border: 1px solid #fff;

    height: 6px

}



.pnlm-lbar-fill {

    background: #fff;

    height: 100%;

    width: 0

}



.pnlm-lmsg {

    font-size: 12px

}



.pnlm-fade-img {

    position: absolute;

    top: 0;

    left: 0

}



.pnlm-pointer {

    cursor: pointer

}



#textInfo .tooltip-content {

    font-size: 1.6em;

    position: absolute;

    left: -70px;

    bottom: 80px;

    width: 200px;

    pointer-events: none;

    background-color: #333;

    color: #fff;

    line-height: 1.2em;

    padding: .8em;

    opacity: 0;

    -webkit-transform-origin: 50% calc(100% + 6em);

    transform-origin: 50% calc(100% + 6em);

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

    transition: opacity .5s, -webkit-transform .5s;

    transition: opacity .5s, transform .5s;

    transition: opacity .5s, transform .5s, -webkit-transform .5s;

    transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39)

}



#textInfo:hover {

    z-index: 3

}



#textInfo:hover .tooltip-content {

    opacity: 1;

    pointer-events: all

}



#textInfo .hotspot {

    cursor: pointer;

    box-sizing: border-box

}



#textInfo .hotspot .out:before {

    font-size: 48px;

    line-height: 90px;

    font-style: normal;

    font-weight: 400;

    -webkit-font-feature-settings: normal;

    font-feature-settings: normal;

    font-variant: normal;

    text-transform: none;

    display: block;

    -webkit-font-smoothing: antialiased

}



#textInfo .hotspot .out {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    border: 5px solid hsla(0, 0%, 100%, .8);

    transition: border .2s, -webkit-transform .1s ease-out;

    transition: transform .1s ease-out, border .2s;

    transition: transform .1s ease-out, border .2s, -webkit-transform .1s ease-out;

    box-sizing: border-box

}



#textInfo .hotspot .in {

    width: 40px;

    height: 40px;

    position: absolute;

    top: 10px;

    left: 10px;

    background-color: hsla(0, 0%, 100%, .8);

    border-radius: 50%;

    transition: background .2s, -webkit-transform .1s ease-out;

    transition: transform .1s ease-out, background .2s;

    transition: transform .1s ease-out, background .2s, -webkit-transform .1s ease-out

}



#textInfo .hotspot .out:after {

    top: 0;

    left: 0;

    padding: 0;

    z-index: -1;

    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .1);

    opacity: 0;

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: "";

    box-sizing: initial;

    -webkit-transform: scale(.9);

    transform: scale(.9)

}



#textInfo .hotspot:hover .out {

    border: 5px solid #fff;

    -webkit-transform: scale(.9);

    transform: scale(.9);

    color: #fff

}



#textInfo .hotspot:hover .in {

    background-color: #fff;

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



#textInfo .hotspot:hover .out:after {

    -webkit-animation: sonarEffect 1.2s ease-out;

    animation: sonarEffect 1.2s ease-out

}



.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;

    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 {

    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 {

    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 {

    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.5em;

    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: -.75em;

    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

}



.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {

    background-color: #73859f;

    background-color: rgba(115, 133, 159, .5)

}



.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-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup: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-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: relative;

    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-mute-control: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 .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .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-mute-control: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 .vjs-volume-control:hover.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, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {

    width: 5em;

    height: 3em

}



.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {

    width: 9em;

    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: -3.5em;

    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-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 .vjs-icon-placeholder {

    cursor: pointer;

    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-js .vjs-fullscreen-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

}



.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: "\f10d";

    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: " \f11d";

    font-size: 1.5em;

    line-height: inherit

}



.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {

    flex: auto

}



.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {

    width: auto

}



.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-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 auto

    }



    .vjs-text-track-settings .vjs-track-settings-colors {

        display: block;

        grid-column: 1;

        grid-row: 1

    }



    .vjs-text-track-settings .vjs-track-settings-font {

        grid-column: 2;

        grid-row: 1

    }



    .vjs-text-track-settings .vjs-track-settings-controls {

        grid-column: 2;

        grid-row: 2

    }

}



.vjs-track-setting > select {

    margin-right: 5px

}



.vjs-text-track-settings fieldset {

    margin: 5px;

    padding: 3px;

    border: none

}



.vjs-text-track-settings fieldset span {

    display: inline-block

}



.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;

    visibility: hidden

}



.header-root {

    position: fixed;

    z-index: 100;

    width: 100%;

    border-bottom: 1px solid hsla(0, 0%, 100%, .2)

}



.header-root .header-container {

    height: 100%

}



.header-root .header-container .header-block {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-end

}



.header-root .header-container .header-block .top-block {

    transition: all .2s ease-out;

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 120px;

    background-color: #fff;

    padding: 0 0 0 40px

}



.header-root .header-container .header-block .top-block .left-block {

    display: flex;

    align-items: center;

    height: 100%

}



.header-root .header-container .header-block .top-block .left-block .logo-item {

     /* width: 64px; */

    height: 70px;

}



.header-root .header-container .header-block .top-block .left-block .logo-item img {

    width: 100%;

    height: 100%

}



.header-root .header-container .header-block .top-block .left-block .logo-item.survey-head {

    display: none

}



.header-root .header-container .header-block .top-block .left-block ul {

    display: flex;

    height: 100%;

    align-items: center

}



.header-root .header-container .header-block .top-block .left-block ul li {

    margin: 0 0 0 43px;

    position: relative;

    display: flex;

    height: 50%;

    align-items: center

}



.header-root .header-container .header-block .top-block .left-block ul li.online-app {

    display: none

}



.header-root .header-container .header-block .top-block .left-block ul li.model-li {

    position: static

}



.header-root .header-container .header-block .top-block .left-block ul li.model-li .icon-down-arr {

    display: none

}



.header-root .header-container .header-block .top-block .left-block ul li .first-menu {

    position: relative;

    z-index: 3;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    letter-spacing: .5px;

    display: flex;

    height: 50%;

    align-items: center;

    cursor: pointer;

    padding: 40px 0

}



.header-root .header-container .header-block .top-block .left-block ul li .first-menu i {

    transition: all .2s ease-out;

    margin: 0 0 0 7px;

    padding: 2px 0 0

}



.header-root .header-container .header-block .top-block .left-block ul li .first-menu i:before {

    font-size: 10px

}



.header-root .header-container .header-block .top-block .left-block ul li .first-menu.mobil {

    display: none

}



.header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu i {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu i:before {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .left-block ul li:hover .open-menu-block {

    display: block;

    padding: 30px 50px;

    max-height: 565px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

    position: absolute;

    background-color: #fff;

    left: 0;

    top: 120px;

    width: 100%;

    height: 100vh;

    z-index: 1

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root {

    padding: 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item {

    background-color: #f7f7f7;

    height: 110px;

    display: flex;

    align-items: center;

    justify-content: center

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn {

    right: 240px;

    display: block

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn:after, .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn:before {

    height: 36px;

    background-color: #000

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .icon-down-arr {

    display: none

}



.header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block {

    padding: 0 10vw

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root {

    z-index: 1;

    position: absolute;

    background-color: #fff;

    left: 0;

    top: 120px;

    width: 100%;

    height: 100vh

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root, .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container {

    padding: 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block {

    padding: 60px 13vw 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item {

    height: 31vh

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child {

    background-color: #f7f7f7

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child .bottom-block {

    bottom: auto;

    justify-content: center;

    overflow: hidden;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child .bottom-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e;

    letter-spacing: 5px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model {

    margin: 6vh 0 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

    width: 83%;

    flex-wrap: wrap;

    margin: 0 auto

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

    height: 24.3vh;

    margin: 1.2vh 0 0 1.2vw

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-hover {

    height: 29vh;

    object-fit: contain

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content {

    width: 90%

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content img {

    object-fit: contain

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content {

    padding: 1.7vh 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content p {

    margin: 1.1vh 0 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:first-child, .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:nth-child(6n+7) {

    margin: 1.2vh 0 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .tab-block {

    height: 13vh

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block {

    display: none;

    position: absolute;

    background-color: #fff;

    top: 60px;

    left: 0;

    box-shadow: 0 0 25px rgba(0, 0, 0, .05);

    width: calc(100% + 145px);

    padding: 0 50px;

    z-index: 3;

    max-height: 0;

    overflow: hidden

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text {

    display: none;

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    margin: 0 0 15px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text i {

    position: absolute;

    left: 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text i:before {

    color: #fff;

    font-size: 16px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul {

    display: block

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li {

    display: block;

    margin: 0;

    font-size: 11px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    letter-spacing: .5px;

    transition: all .3s cubic-bezier(0, .51, .35, .99)

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li a {

    display: block;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    letter-spacing: .5px;

    font-size: 11px;

    color: #000;

    padding: 10px 0

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li a:hover {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li span {

    margin: 0 0 10px;

    display: block

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li .sub-list-block {

    margin: 0 0 16px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li .sub-list-block li {

    display: flex;

    margin: 0 0 0 10px

}



.header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li .sub-list-block li a:hover {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block {

    border-top: 1px solid hsla(0, 0%, 100%, .2);

    display: none;

    padding: 3vh 0 0

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-foot-menu li a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #fff;

    -webkit-text-decoration-line: underline;

    text-decoration-line: underline

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul {

    display: flex

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li {

    margin: 0 0 0 15px

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li:first-child {

    margin: 0

}



.header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li i:before {

    color: #fff

}



.header-root .header-container .header-block .top-block .fix-menu {

    margin: 0 40px 0 0;

    right: -205px

}



.header-root .header-container .header-block .top-block .fix-menu ul {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.header-root .header-container .header-block .top-block .fix-menu ul li {

    margin: 0 0 0 15px

}



.header-root .header-container .header-block .top-block .fix-menu ul li:first-child {

    margin: 0

}



.header-root .header-container .header-block .top-block .fix-menu ul li a {

    display: flex;

    align-items: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    letter-spacing: .5px;

    font-size: 12px;

    color: #000

}



.header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block {

    margin: 0 10px 0 0

}



.header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block:before {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block .logo-item {

    width: 28px;

    height: 26px

}



.header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block .logo-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.header-root .header-container .header-block .top-block .fix-menu ul li:hover a {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .fix-menu .resp-menu-block {

    margin: -30px 0 0;

    display: none

}



.header-root .header-container .header-block .top-block .fix-menu .resp-menu-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #e31f2e;

    letter-spacing: 1.7px;

    text-align: center;

    margin: 9px 0 0

}



.header-root .header-container .header-block .top-block .fix-menu .resp-menu-item {

    background-color: #e31f2e;

    width: 64px;

    height: 64px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center

}



.header-root .header-container .header-block .top-block .fix-menu.sticky {

    position: fixed;

    right: -140px;

    bottom: 30%;

    background: #fff;

    display: flex;

    height: auto;

    border-radius: 7px 0 0 7px;

    width: 205px;

    box-shadow: 0 8px 17px rgba(0, 0, 0, .1);

    margin: 0;

    transition: all .3s cubic-bezier(0, .51, .35, .99)

}



.header-root .header-container .header-block .top-block .fix-menu.sticky:hover {

    right: 0

}



.header-root .header-container .header-block .top-block .fix-menu.sticky:hover ul li:hover a {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .fix-menu.sticky ul {

    flex-direction: column;

    margin: 0 0 0 28px;

    width: 180px

}



.header-root .header-container .header-block .top-block .fix-menu.sticky ul li {

    height: 70px;

    display: flex;

    margin: 0;

    border-bottom: 1px solid #f0f0f0;

    width: 100%

}



.header-root .header-container .header-block .top-block .fix-menu.sticky ul li a {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #000

}



.header-root .header-container .header-block .top-block .fix-menu.sticky ul li a .logo-block, .header-root .header-container .header-block .top-block .fix-menu.sticky ul li a i {

    margin: 0 15px 0 0

}



.header-root .header-container .header-block .top-block .search-block-item {

    height: 100%

}



.header-root .header-container .header-block .top-block .search-block {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    background: hsla(0, 0%, 84.7%, .2);

    width: 120px;

    height: 100%;

    cursor: pointer

}



.header-root .header-container .header-block .top-block .search-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 10px 0 0;

    line-height: 15px

}



.header-root .header-container .header-block .top-block .search-block .icon-search:before {

    color: #e31f2e

}



.header-root .header-container .header-block .top-block .search-block.opened {

    background-color: #e31f2e

}



.header-root .header-container .header-block .top-block .search-block.opened i:before, .header-root .header-container .header-block .top-block .search-block.opened p {

    color: #fff

}



.header-root .header-container .header-block .top-block .right-block {

    display: flex;

    align-items: center;

    height: 100%

}



.header-root .header-container .header-block .top-block .right-block i:before {

    font-size: 23px

}



.header-root .header-container .header-block .submenu-block {

    height: 100px;

    transition: height .6s cubic-bezier(0, .51, .35, .99)

}



.header-root .header-container .header-block .submenu-block ul {

    display: flex;

    justify-content: center;

    height: 100%;

    align-items: center;

    transition: all .2s cubic-bezier(0, .51, .35, .99)

}



.header-root .header-container .header-block .submenu-block ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e4e4e4;

    padding: 0 14px;

    margin: 20px 10px 0;

    display: flex;

    height: 100%;

    align-items: center;

    cursor: pointer;

    position: relative

}



.header-root .header-container .header-block .submenu-block ul li.active, .header-root .header-container .header-block .submenu-block ul li:hover {

    color: #fff

}



.header-root .header-container .header-block .submenu-block ul li.active:before, .header-root .header-container .header-block .submenu-block ul li:hover:before {

    background: #e31f2e;

    width: calc(100% - 26px)

}



.header-root .header-container .header-block .submenu-block ul li:before {

    content: "";

    position: absolute;

    left: 13px;

    bottom: 10px;

    width: 0;

    height: 4px;

    background: transparent;

    transition: all .5s;

    -webkit-transition: all .5s

}



.header-root .header-container .header-block .submenu-block.sticky {

    position: fixed;

    top: 0;

    background: #fff;

    width: 100%;

    z-index: 9;

    height: 80px

}



.header-root .header-container .header-block .submenu-block.sticky ul li {

    color: #000

}



.header-root.sticky .header-container .header-block .top-block {

    height: 80px

}



.header-root.sticky .header-container .header-block .top-block .left-block ul li .open-cycle-root {

    top: 80px;

    height: calc(100vh - 80px)

}



.header-root.sticky .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block {

    padding: 100px 13vw 60px

}



.header-root.sticky .header-container .header-block .top-block .left-block ul li .open-model-root, .header-root.sticky .header-container .header-block .top-block .search-root {

    top: 80px;

    height: calc(100vh - 80px)

}



.header-root.model-detail.sticky .header-container .header-block .top-block .left-block, .header-root.model-detail.sticky .header-container .header-block .top-block .right-block .search-block {

    opacity: 0;

    visibility: hidden

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block ul li {

    opacity: 0;

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:first-child {

    -webkit-animation-delay: .05s;

    animation-delay: .05s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(2) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(3) {

    -webkit-animation-delay: .15s;

    animation-delay: .15s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(4) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(5) {

    -webkit-animation-delay: .25s;

    animation-delay: .25s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(6) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(7) {

    -webkit-animation-delay: .35s;

    animation-delay: .35s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(8) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(9) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.header-root.model-detail.sticky .header-container .header-block .submenu-block.sticky ul li:nth-child(10) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.header-root.sub-head.sticky {

    border-bottom: none

}



.header-root.sub-head.sticky .header-container .header-block .top-block {

    background: transparent

}



.header-root.sub-head.sticky .header-container .header-block .top-block .left-block, .header-root.sub-head.sticky .header-container .header-block .top-block .search-block {

    opacity: 0;

    visibility: hidden

}



.header-root.sub-head.sticky.open-menu .header-container .header-block .top-block {

    background-color: #e31f2e

}



.header-root.sub-head.sticky.open-menu .header-container .header-block .top-block .left-block {

    opacity: 1;

    visibility: visible

}



.cycle-header-root .header-container .header-block .top-block .fix-menu ul li.fix-menu-call-you-list-item {

    display: none

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky {

    width: 220px;

    right: -158px

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky ul li a {

    line-height: 1.4

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky ul li a .logo-item {

    width: 23px;

    height: 21.5px

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky ul li.fix-menu-img-list-item {

    margin: 0 7px 0 0

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky ul li.fix-menu-img-list-item a {

    max-width: 157px

}



.cycle-header-root .header-container .header-block .top-block .fix-menu.sticky ul li.fix-menu-call-you-list-item {

    display: flex

}



.home-h1-text {

    opacity: 0;

    position: absolute;

    z-index: -1

}



.loader-for-lazy-page-root {

    width: 100vw;

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    position: fixed;

    z-index: 999;

    background-color: #fff;

    top: 0

}



.loader-for-lazy-page-root.form-loader {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: hsla(0, 0%, 100%, .7)

}



.detail-root .opa-appointment-big-root .dealer-btn-item.direction-down {

    top: 65px

}



.detail-root .sub-menu-root {

    margin: 50px 0 0;

    z-index: 101

}



.detail-root .sub-menu-root.sticky {

    margin: 0

}



.no-scroll {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.cookies-container {

    position: fixed;

    bottom: 0;

    z-index: 100;

    width: 100vw

}



.cookies-container .cookies-block {

    background: #e5e5e5;

    padding: 30px 60px;

    display: flex;

    justify-content: center;

    align-items: center

}



.cookies-container .cookies-block .text-item {

    line-height: 19px;

    padding: 0 60px 0 0

}



.cookies-container .cookies-block .text-item p {

    line-height: 20px;

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000

}



.cookies-container .cookies-block .text-item p a {

    text-decoration: underline;

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000

}



.cookies-container .cookies-block .button-item {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 150px;

    width: 150px;

    height: 42px;

    background: #e31f2d;

    border-radius: 42px;

    margin: 0 0 0 16px

}



.cookies-container .cookies-block .button-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #fff

}



.home-header-root {

    position: fixed;

    z-index: 99;

    width: 100%;

    height: 130px

}



.home-header-root .home-header-container {

    margin: 0 74px;

    height: 100%

}



.home-header-root .home-header-container .home-header-block {

    height: 100%

}



.home-header-root .home-header-container .home-header-block .home-header-item {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 100%;

    position: relative

}



.home-header-root .home-header-container .home-header-block .home-header-item .logo-item {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.home-header-root .home-header-container .home-header-block .home-header-item .logo-item .img-item img {

    width: 130px;

    height: 28px

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block {

    display: flex;

    position: absolute;

    right: 0;

    top: 40px

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block i {

    line-height: .7

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block i:before {

    color: #555;

    font-size: 20px

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block .voice-item {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block .search-item {

    position: relative;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block .search-item:after {

    content: "";

    width: 1px;

    height: 20px;

    position: absolute;

    top: 15px;

    left: 0;

    border-radius: 3px;

    background: #555

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e31f2e;

    width: 100px;

    height: 100%;

    cursor: pointer;

    position: absolute;

    top: -40px;

    right: -77px;

    z-index: 3

}



.home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item i:before {

    font-size: 23px;

    color: #fff

}



.home-header-root .home-header-container .home-header-block .search-root {

    top: 0;

    height: 100vh

}



.home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

    padding: 0 5vw

}



.home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-result-container .result-block .more-btn {

    bottom: 15%

}



.footer-root {

    background-color: #222

}



.footer-root .footer-container .footer-block {

    padding: 15em 0 5em

}



.footer-root .footer-container .footer-block .logo-item {

    text-align: center;

    margin: 0 0 150px;

    width: 100%;

    display: flex;

    justify-content: center

}



.footer-root .footer-container .footer-block .logo-item a {

    width: 64px;

    height: 53px

}



.footer-root .footer-container .footer-block .logo-item img {

    width: 100%;

    height: 100%

}



.footer-root .footer-container .footer-block .menu-block {

    display: flex;

    justify-content: center;

    padding: 0 18vw

}



.footer-root .footer-container .footer-block .menu-block .menu-item {

    flex: 1 1;

    display: flex

}



.footer-root .footer-container .footer-block .menu-block .menu-item .text-item {

    display: flex;

    flex-direction: column;

    width: 100%

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item {

    display: flex;

    align-items: flex-start;

    margin: 0 0 60px;

    cursor: pointer;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #fff;

    letter-spacing: 1.71px;

    line-height: 18px;

    margin: 0

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item .head-icon-item {

    border-radius: 8px;

    width: 16px;

    height: 16px;

    position: relative;

    top: 2px;

    left: 0;

    margin: 0 0 0 11px

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item .head-icon-item:after {

    background-color: #fff;

    width: 10px;

    height: 2px;

    position: absolute;

    top: 6px;

    left: 5px;

    content: ""

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item .head-icon-item:before {

    background-color: #fff;

    width: 2px;

    height: 10px;

    position: absolute;

    top: 2px;

    left: 9px;

    content: "";

    transition: all .2s ease-in-out

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item i {

    margin: 0 0 0 10px

}



.footer-root .footer-container .footer-block .menu-block .menu-item .head-item i:before {

    color: #fff;

    font-size: 12px

}



.footer-root .footer-container .footer-block .menu-block .menu-item.tech-for-human ul li .sub-title-item li {

    opacity: 0;

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul {

    display: none

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li {

    margin: 0 0 27px;

    opacity: 0;

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li a, .footer-root .footer-container .footer-block .menu-block .menu-item ul li span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #8f8f8f

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li a:hover, .footer-root .footer-container .footer-block .menu-block .menu-item ul li span:hover {

    color: #fff

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li span {

    cursor: pointer

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .sub-list-block {

    max-height: 0;

    overflow: hidden;

    transition: max-height .5s cubic-bezier(.65, .05, .36, 1)

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .sub-list-block li {

    margin: 0;

    padding: 16px 0 0 10px

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .sub-list-block.active {

    max-height: 300px

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .footer-title-item {

    cursor: auto

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .footer-title-item:hover {

    color: #8f8f8f

}



.footer-root .footer-container .footer-block .menu-block .menu-item ul li .sub-title-item li {

    padding: 16px 0 0 10px;

    margin: 0

}



.footer-root .footer-container .footer-block .menu-block .menu-item + .menu-item {

    margin: 0 0 0 80px

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active .head-icon-item:before {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul {

    display: block

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:first-child {

    -webkit-animation-delay: .05s;

    animation-delay: .05s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:first-child .sub-title-item li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:first-child .sub-title-item li:first-child {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:first-child .sub-title-item li:nth-child(2) {

    -webkit-animation-delay: .15s;

    animation-delay: .15s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:first-child .sub-title-item li:nth-child(3), .footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:first-child {

    -webkit-animation-delay: .25s;

    animation-delay: .25s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(2) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(3) {

    -webkit-animation-delay: .35s;

    animation-delay: .35s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(4) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(5) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(6) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(7) {

    -webkit-animation-delay: .55s;

    animation-delay: .55s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(2) .sub-title-item li:nth-child(8), .footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(3) {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(3) .sub-title-item li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(3) .sub-title-item li:first-child {

    -webkit-animation-delay: .65s;

    animation-delay: .65s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(3) .sub-title-item li:nth-child(2) {

    -webkit-animation-delay: .7s;

    animation-delay: .7s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.tech-for-human ul li:nth-child(3) .sub-title-item li:nth-child(3) {

    -webkit-animation-delay: .75s;

    animation-delay: .75s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul {

    display: block

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li {

    -webkit-animation: itemMenuDown;

    animation: itemMenuDown;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:first-child {

    -webkit-animation-delay: .05s;

    animation-delay: .05s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(2) {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(3) {

    -webkit-animation-delay: .15s;

    animation-delay: .15s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(4) {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(5) {

    -webkit-animation-delay: .25s;

    animation-delay: .25s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(6) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(7) {

    -webkit-animation-delay: .35s;

    animation-delay: .35s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(8) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(9) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.footer-root .footer-container .footer-block .menu-block .menu-item.active.regular ul li:nth-child(10) {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



.footer-root .footer-container .footer-block .btn-block {

    padding: 0 5vw;

    display: flex;

    justify-content: flex-end

}



.footer-root .footer-container .footer-block .btn-block .btn-item {

    display: flex;

    align-items: center;

    cursor: pointer

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-text {

    margin: 0 10px 0 0

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-text span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 66px;

    height: 66px;

    border: 1px solid #979797;

    border-radius: 50%;

    z-index: 1;

    transition: all .4s cubic-bezier(0, .51, .35, .99)

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon i {

    transition: all .4s cubic-bezier(0, .51, .35, .99)

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon i:before {

    color: #fff;

    font-size: 12px

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon:hover {

    background-color: #fff

}



.footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon:hover i:before {

    color: #000

}



.footer-root .footer-container .bottom-block {

    justify-content: space-between;

    display: flex;

    margin: 8em 0 0;

    position: relative;

    padding: 0 5vw

}



.footer-root .footer-container .bottom-block .sub-menu-block {

    display: flex;

    align-items: center

}



.footer-root .footer-container .bottom-block .sub-menu-block ul {

    display: flex;

    transition: all .4s

}



.footer-root .footer-container .bottom-block .sub-menu-block ul li {

    border-bottom: 1px solid #fff;

    transition: all .2s

}



.footer-root .footer-container .bottom-block .sub-menu-block ul li a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff;

    transition: all .4s

}



.footer-root .footer-container .bottom-block .sub-menu-block ul li + li {

    margin: 0 0 0 20px

}



.footer-root .footer-container .bottom-block .sub-menu-block ul li + li:hover a, .footer-root .footer-container .bottom-block .sub-menu-block ul li:first-child:hover a {

    color: #fff

}



.footer-root .footer-container .bottom-block .sub-menu-block ul:hover li {

    border-color: #8f8f8f

}



.footer-root .footer-container .bottom-block .sub-menu-block ul:hover li a {

    color: #8f8f8f

}



.footer-root .footer-container .bottom-block .rights-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin: 0 auto

}



.footer-root .footer-container .bottom-block .rights-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff;

    color: #999

}



.footer-root .footer-container .bottom-block .social-block {

    display: flex;

    align-items: center

}



.footer-root .footer-container .bottom-block .social-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff

}



.footer-root .footer-container .bottom-block .social-block ul {

    display: flex

}



.footer-root .footer-container .bottom-block .social-block ul li {

    margin: 0 0 0 20px

}



.footer-root .footer-container .bottom-block .social-block ul li a {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 12px;

    color: #fff;

    transition: all .2s cubic-bezier(0, .51, .35, .99)

}



.footer-root .footer-container .bottom-block .social-block ul li a i {

    transition: all .2s cubic-bezier(0, .51, .35, .99)

}



.footer-root .footer-container .bottom-block .social-block ul li a i:before {

    font-size: 18px

}



.footer-root .footer-container .bottom-block .social-block ul li:hover a i {

    color: #fff

}



.footer-root .footer-container .bottom-block .social-block ul:hover li a {

    color: #3a3a3a

}



.home-footer-root {

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 4

}



.home-footer-root .home-footer-container {

    width: 100%

}



.home-footer-root .home-footer-container .bottom-block {

    justify-content: space-between;

    display: flex;

    position: relative;

    margin: 0 100px;

    padding: 0 0 30px

}



.home-footer-root .home-footer-container .bottom-block .sub-menu-block {

    display: flex;

    align-items: center

}



.home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

    display: flex

}



.home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li {

    border-bottom: 1px solid #fff

}



.home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff

}



.home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li + li {

    margin: 0 0 0 20px

}



.home-footer-root .home-footer-container .bottom-block .rights-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin: 0 auto

}



.home-footer-root .home-footer-container .bottom-block .rights-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff

}



.home-footer-root .home-footer-container .bottom-block .social-block {

    display: flex;

    align-items: center

}



.home-footer-root .home-footer-container .bottom-block .social-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff

}



.home-footer-root .home-footer-container .bottom-block .social-block ul {

    display: flex

}



.home-footer-root .home-footer-container .bottom-block .social-block ul li {

    margin: 0 0 0 20px

}



.home-footer-root .home-footer-container .bottom-block .social-block ul li a {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 12px;

    color: #fff

}



.home-footer-root .home-footer-container .bottom-block .social-block ul li a:hover {

    color: #fff

}



.paddle-root {

    background: #545454;

    box-shadow: 20px 30px 70px rgba(0, 0, 0, .1);

    position: fixed;

    bottom: 150px;

    left: 0;

    padding: 25px 10px;

    width: 160px;

    height: 175px;

    visibility: visible;

    transition: all .3s ease-out;

    overflow: hidden;

    z-index: 20

}



.paddle-root .text-block {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.paddle-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 1.8

}



.paddle-root .text-block span {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff;

    cursor: pointer;

    text-decoration: underline

}



.paddle-root.hide {

    width: 0;

    visibility: hidden;

    padding: 0

}



.insider-menu-root {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 0;

    position: relative;

    overflow: hidden;

    z-index: 101;

    transition: .3s ease-in-out

}



.insider-menu-root.open {

    height: 64px

}



.insider-menu-root.open .mask-item.right {

    width: 1920px;

    height: 1920px;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



.insider-menu-root.open .insider-menu-block {

    height: 100%;

    padding: 10px 45px 10px 25px;

    border-radius: 0;

    width: 100%;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.insider-menu-root.open .insider-menu-block .left-block {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.insider-menu-root.open .insider-menu-block .left-block .icon-item, .insider-menu-root.open .insider-menu-block .left-block .text-item {

    opacity: 1

}



.insider-menu-root.open .insider-menu-block .detail-btn {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1

}



.insider-menu-root .mask-item {

    position: absolute;

    content: "";

    background-color: #fff;

    z-index: -1;

    top: 0;

    left: 0

}



.insider-menu-root .mask-item.right {

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    transition: all .7s ease-in-out;

    background-color: #e31f2e;

    border-radius: 50%

}



.insider-menu-root .insider-menu-block {

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transform: scale(0);

    transform: scale(0);

    border-radius: 50%

}



.insider-menu-root .insider-menu-block .left-block {

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    -webkit-transform: translateX(20%);

    transform: translateX(20%);

    left: 0;

    transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;

    transition: transform 1s ease-in-out, opacity 1s ease-in-out;

    transition: transform 1s ease-in-out, opacity 1s ease-in-out, -webkit-transform 1s ease-in-out

}



.insider-menu-root .insider-menu-block .left-block .icon-item {

    transition: opacity 1s ease-in-out;

    opacity: 0

}



.insider-menu-root .insider-menu-block .text-item {

    margin: 0 0 0 24px;

    opacity: 0;

    transition: opacity 1s ease-in-out

}



.insider-menu-root .insider-menu-block .text-item p {

    font-size: 14px;

    line-height: 17px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff;

    margin: 0

}



.insider-menu-root .insider-menu-block .detail-btn {

    transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;

    transition: transform 1s ease-in-out, opacity 1s ease-in-out;

    transition: transform 1s ease-in-out, opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;

    margin: 0 0 0 32px;

    background-color: rgba(0, 0, 0, .12);

    font-size: 11px;

    line-height: 14px;

    padding: 15px 32px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    letter-spacing: 2px;

    height: 44px;

    width: 301px;

    text-align: center;

    white-space: nowrap;

    opacity: 0;

    right: 0;

    -webkit-transform: translateX(-20%);

    transform: translateX(-20%)

}



.insider-menu-root .close-icon {

    width: 22px;

    position: absolute;

    right: 40px;

    cursor: pointer

}



.insider-menu-root .close-icon:after, .insider-menu-root .close-icon:before {

    width: 22px;

    background-color: #fff

}



.not-found-root {

    height: 100vh;

    width: 100%;

    padding: 20vh 0 0;

    background: #fff;

    background: linear-gradient(180deg, #fff 60%, #dad6d6 0)

}



.not-found-root .not-found-wrapper {

    width: 100%;

    height: 100%

}



.not-found-root .not-found-wrapper .not-found-container {

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.not-found-root .not-found-wrapper .not-found-container .head-block {

    text-align: center

}



.not-found-root .not-found-wrapper .not-found-container .head-block h1, .not-found-root .not-found-wrapper .not-found-container .head-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 28px;

    color: #000;

    letter-spacing: 12px;

    margin: 0 auto

}



.not-found-root .not-found-wrapper .not-found-container .head-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    margin: 30px auto 0;

    letter-spacing: .5px;

    max-width: 350px

}



.not-found-root .not-found-wrapper .not-found-container .mid-img-block {

    width: 100%;

    height: 48%

}



.not-found-root .not-found-wrapper .not-found-container .mid-img-block img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block {

    display: flex;

    justify-content: center

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block .detail-btn {

    letter-spacing: 1.2px;

    margin: 0;

    width: 240px;

    height: 65px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 13px;

    color: #fff

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block .detail-btn.white {

    color: #000

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block {

    justify-content: space-between;

    display: flex;

    margin: 70px 0 30px;

    position: relative;

    padding: 0 2vw

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block {

    display: flex;

    align-items: center

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul {

    display: flex

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li {

    border-bottom: 1px solid #8b8c8b

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #8b8c8b

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li + li {

    margin: 0 0 0 20px

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .rights-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin: 0 auto

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .rights-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block {

    display: flex;

    align-items: center

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #8b8c8b

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul {

    display: flex

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul li {

    margin: 0 0 0 20px

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul li a {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 12px;

    color: #8b8c8b

}



.not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul li a:hover {

    color: #fff

}



.g-recaptcha {

    display: flex;

    justify-content: center;

    margin: 0 0 30px

}



.placeholder-content {

    background: #000

}



.error-container {

    padding: 9px 25px;

    background: hsla(0, 0%, 85.1%, .2);

    border: 1px solid #9c9c9c;

    border-radius: 20px;

    margin: 0 0 20px

}



.error-container .text-item {

    margin: 20px 0 0

}



.error-container .text-item:first-child {

    margin: 0

}



.error-container .text-item.top-text {

    display: flex;

    align-items: flex-start

}



.error-container .text-item.top-text span {

    margin: 3px 5px 0

}



.error-container .text-item.top-text p {

    margin: 0 0 10px

}



.error-container p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    line-height: 20px

}



.error-container a {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #c00;

    text-decoration: underline;

    cursor: pointer;

    font-size: 11px

}



.text-container {

    padding: 0 0 0 14px

}



.abroad-block {

    position: relative;

    background: #d3d3d3;

    font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    line-height: 20px;

    padding: 20px 5vw

}



.abroad-block p {

    margin: 0 0 20px

}



.abroad-block .close-btn {

    width: 20px;

    height: 20px;

    top: 20px;

    right: 20px

}



.abroad-block .close-btn:after, .abroad-block .close-btn:before {

    height: 20px;

    left: 10px

}



.banner-root {

    height: 100vh;

    position: relative;

    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .0001) 35%);

    padding: 120px 0 0

}



.banner-root .banner-wrapper {

    overflow: hidden;

    height: 100%;

    position: relative

}



.banner-root .banner-wrapper.segment-page-gradient {

    background: linear-gradient(90deg, rgba(0, 0, 0, .5858718487), transparent 55%, transparent 84%, transparent)

}



.banner-root .banner-wrapper.segment-page-gradient .banner-block.hide-iframe .banner-img {

    -webkit-animation: opc2 1s ease-out;

    animation: opc2 1s ease-out

}



.banner-root .banner-wrapper.segment-page-gradient .banner-block.hide-iframe .content-item .text-block {

    transition-delay: 1.5s;

    -webkit-animation: opc2 1s ease-out;

    animation: opc2 1s ease-out

}



.banner-root .banner-wrapper.segment-page-gradient .banner-block.hide-iframe .iframe-item {

    -webkit-animation: opc3 1s ease-out;

    animation: opc3 1s ease-out

}



.banner-root .banner-container {

    height: 100%

}



.banner-root .banner-container .banner-block {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    background: linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .0001) 50%)

}



.banner-root .banner-container .banner-block .lazyload-wrapper {

    width: auto

}



.banner-root .banner-container .banner-block .banner-img {

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.banner-root .banner-container .banner-block .content-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%

}



.banner-root .banner-container .banner-block .content-item .text-block {

    padding: 0 0 0 170px;

    width: 100%

}



.banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 96px;

    color: #fff;

    letter-spacing: -2px;

    line-height: 1;

    width: 78%;

    margin: 0 0 26px

}



.banner-root .banner-container .banner-block .content-item .text-block .text-item .second-title-item, .banner-root .banner-container .banner-block .content-item .text-block .text-item h4 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #fff;

    letter-spacing: 6px;

    line-height: 40px;

    width: 64%

}



.banner-root .banner-container .banner-block .content-item .text-block .text-item .second-title-item {

    margin: 0

}



.banner-root .banner-container .banner-block .content-item .text-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 24px;

    margin: 30px 0 0;

    width: 40%

}



.banner-root .banner-container .banner-block .content-item .text-block .read-more-item {

    display: flex;

    align-items: center;

    margin: 50px 0 0

}



.banner-root .banner-container .banner-block .content-item .text-block .read-more-item i {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 20px 0 0;

    background: #e31f2e;

    width: 32px;

    min-width: 32px;

    height: 32px;

    border-radius: 50%

}



.banner-root .banner-container .banner-block .content-item .text-block .read-more-item i:before {

    font-size: 15px;

    color: #fff

}



.banner-root .banner-container .banner-block .content-item .text-block .read-more-item span {

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    letter-spacing: 4px

}



.banner-root .banner-container .banner-block .content-item .nav-block {

    align-items: flex-end;

    display: flex;

    flex-direction: column

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item {

    position: relative;

    margin: 0 0 15px

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item .bg-red {

    background-color: #fff;

    width: 66px;

    transition: all .3s ease-out;

    height: 66px;

    border-radius: 33px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item .icon-item {

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    background: #fff;

    border-radius: 50%;

    width: 66px;

    height: 66px;

    transition: all .3s ease-out

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #fff;

    white-space: nowrap;

    margin: 0 20px 0 0;

    opacity: 0;

    visibility: hidden;

    position: absolute;

    left: 0;

    transition: all .35s ease-out

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item i {

    display: flex

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item i:before {

    color: #e31f2e;

    font-size: 25px

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item:hover .bg-red {

    width: 220px;

    background-color: #e31f2e

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item:hover .icon-item {

    background: #e31f2e

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item:hover span {

    opacity: 1;

    visibility: visible;

    left: -111px

}



.banner-root .banner-container .banner-block .content-item .nav-block .nav-item:hover i:before {

    color: #fff

}



.banner-root .banner-container .banner-block iframe, .banner-root .banner-container .banner-block video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.banner-root .banner-container .banner-block video {

    z-index: -1;

    object-fit: cover

}



.banner-root .banner-container .banner-block .iframe-item {

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

    pointer-events: none

}



.banner-root .scroll-btn {

    width: 60px;

    height: 142px;

    background-color: #fff;

    border-radius: 50px 50px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.banner-root .scroll-btn p {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000;

    letter-spacing: 1px;

    padding: 0 30px 0 0

}



.banner-root .scroll-btn .mouse-wheel {

    height: 25px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 20px;

    left: 46%

}



.banner-root .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #e31f2e;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.banner-root .scroll-btn.survey-btn {

    display: none

}



.banner-root img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.banner-root.detail-banner {

    height: 680px

}



.banner-root.detail-banner .detail-h1-text {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    z-index: -1

}



.banner-root.detail-banner .banner-container .banner-block .content-item {

    padding: 0 0 0 15vw;

    height: 100%;

    align-items: center;

    justify-content: flex-start

}



.banner-root.detail-banner .top-head-item {

    text-align: left

}



.banner-root.detail-banner .top-head-item p {

    font-size: 26px;

    position: relative;

    left: 15px

}



.banner-root.detail-banner .top-head-item p, .banner-root.detail-banner .top-head-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    margin: 25px 0 5px

}



.banner-root.detail-banner .top-head-item span {

    font-size: 23px

}



.banner-root.detail-banner .top-head-item .sub-text {

    font-size: 16px;

    margin: 20px 0 30px

}



.banner-root.detail-banner .top-head-item .btn-item {

    margin: 0;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 250px;

    height: 66px;

    background-color: #e31f2e;

    border-radius: 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    font-size: 12px;

    letter-spacing: 2px

}



.banner-root .scroll-btn {

    display: none

}



.home-banner-root {

    height: 100vh;

    background-color: #000;

    overflow: hidden

}



.home-banner-root .home-image {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.home-banner-root .start-button-container {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%

}



.home-banner-root .start-button-container .start-button-block {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 80%

}



.home-banner-root .start-button-container .start-button-block .start-button-item {

    position: relative;

    z-index: 2;

    width: 270px;

    height: 270px

}



.home-banner-root .start-button-container .start-button-block .start-button-item .start-btn {

    border-radius: 50%;

    cursor: pointer;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    opacity: 0

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: 270px;

    width: 270px

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.gif {

    display: none

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.active {

    display: block

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.anim {

    display: block !important;

    top: 0;

    left: 0;

    z-index: 3;

    -webkit-transform: translate(0) scale(6);

    transform: translate(0) scale(6);

    -webkit-animation: opc .5s ease-out, scaled .5s ease-out, blur .5s ease-out;

    animation: opc .5s ease-out, scaled .5s ease-out, blur .5s ease-out

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.none {

    display: none

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.back {

    width: 270px;

    height: 270px

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.back img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.loop {

    width: 246px;

    height: 246px

}



.home-banner-root .start-button-container .start-button-block .start-button-item .img-item.loop img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.home-banner-root .start-button-container .start-button-block .text-item {

    position: relative;

    z-index: 2;

    margin: 70px 0 0

}



.home-banner-root .start-button-container .start-button-block .text-item p {

    line-height: 16px;

    letter-spacing: 3px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #fff

}



.home-banner-root .start-button-container .start-button-block .border-item {

    width: 1px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    border-radius: 3px;

    background-color: #979797;

    opacity: .1

}



.home-banner-root video {

    width: 100%;

    height: 100vh;

    object-fit: cover

}



.home-banner-root .choose-root {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.home-banner-root .choose-root .choose-wrapper {

    height: 100%

}



.home-banner-root .choose-root .choose-wrapper .choose-container {

    height: 100%;

    display: flex;

    justify-content: space-around

}



.home-banner-root .choose-root .choose-wrapper .choose-container h2 {

    padding: 9vw 0 0;

    text-align: center;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 56px;

    color: #fff;

    cursor: pointer;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px)

}



.home-banner-root .choose-root .choose-wrapper .choose-container p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #fff;

    margin: 0 0 22px;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px)

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block {

    width: 144px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    -webkit-user-select: none;

    user-select: none;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

    opacity: 0;

    -webkit-animation: itemHomeDown;

    animation: itemHomeDown;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block span {

    width: 3px;

    height: 3px;

    display: inline-block;

    border-radius: 100%;

    background: #e31f2e;

    margin: 0 7px

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block span.first-dot {

    cursor: pointer;

    width: 19px;

    height: 19px;

    background-color: initial;

    border: 1px solid #e31f2e

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block span.last-dot {

    width: 19px;

    height: 19px;

    border: 1px solid #e31f2e

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block span:first-child {

    margin: 0 7px 0 0

}



.home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block span.active {

    background: transparent

}



.home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

    cursor: pointer;

    width: 100%;

    height: 70%

}



.home-banner-root .choose-root .choose-wrapper .choose-container .left-block {

    width: 100%

}



.home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-video {

    display: none

}



.home-banner-root .choose-root .choose-wrapper .choose-container .right-block {

    width: 100%;

    position: relative

}



.home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-video {

    position: absolute;

    bottom: 0;

    left: 0;

    display: none

}



.home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container {

    -webkit-animation: opc 1s ease-out;

    animation: opc 1s ease-out

}



.home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item {

    margin: 0

}



.home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item .img-item {

    background-color: initial

}



.home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block:after {

    content: "";

    width: 1px;

    height: 239px;

    position: absolute;

    bottom: 0;

    left: 137px;

    border-radius: 3px;

    background: #555;

    opacity: .1

}



.home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block:before {

    content: "";

    width: 1px;

    height: 239px;

    position: absolute;

    top: 0;

    left: 137px;

    border-radius: 3px;

    background: #555;

    opacity: .1

}



.home-banner-root .choose-root .choose-wrapper .choose-container.loaded-con .start-button-container .start-button-block .start-button-item, .home-banner-root .choose-root .choose-wrapper .choose-container.loaded-con h2, .home-banner-root .choose-root .choose-wrapper .choose-container.loaded-con p {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



.home-banner-root .video {

    overflow: hidden;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.gallery-root {

    background-color: #1f1f1f;

    overflow: hidden;

    padding: 0 0 100px;

    position: relative

}



.gallery-root .gallery-wrapper .head-block {

    position: relative;

    display: flex;

    justify-content: flex-end;

    padding: 100px 175px 60px

}



.gallery-root .gallery-wrapper .head-block .text-block {

    margin: 0 auto;

    text-align: center

}



.gallery-root .gallery-wrapper .head-block .text-block h2 {

    margin: 0 0 40px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    letter-spacing: 5px

}



.gallery-root .gallery-wrapper .head-block .text-block span {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #e31f2e;

    letter-spacing: 1.3px

}



.gallery-root .gallery-wrapper .head-block .text-block .icon-down-arr {

    display: none

}



.gallery-root .gallery-wrapper .head-block .select-block {

    position: absolute;

    width: auto;

    min-width: 250px;

    right: 160px;

    top: 37%;

    cursor: pointer;

    z-index: 20

}



.gallery-root .gallery-wrapper .head-block .select-block i {

    position: absolute;

    left: 0;

    top: 10px;

    z-index: 0

}



.gallery-root .gallery-wrapper .head-block .select-block i:before {

    color: #fff

}



.gallery-root .gallery-wrapper .head-block .select-block .react-select__control {

    cursor: pointer

}



.gallery-root .gallery-wrapper .head-block .select-block .react-select__placeholder {

    letter-spacing: 2px;

    font-size: 12px !important;

    color: #fff !important;

    cursor: pointer

}



.gallery-root .gallery-wrapper .head-block .select-block .react-select__input input, .gallery-root .gallery-wrapper .head-block .select-block .react-select__single-value {

    letter-spacing: 2px;

    font-size: 12px !important;

    color: #fff !important

}



.gallery-root .gallery-wrapper .head-block .select-block .react-select__indicator {

    color: #fff !important;

    padding: 8px 8px 10px !important

}



.gallery-root .gallery-wrapper .head-block .filter-btn {

    position: absolute;

    display: flex;

    align-items: center;

    border-radius: 50px;

    right: 160px;

    cursor: pointer

}



.gallery-root .gallery-wrapper .head-block .filter-btn span {

    letter-spacing: 2px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    margin: 0 10px

}



.gallery-root .gallery-wrapper .head-block .filter-btn i:before {

    color: #fff;

    font-size: 18px

}



.gallery-root .gallery-wrapper .head-block .filter-btn i.icon-down-arr:before {

    font-size: 11px

}



.gallery-root .gallery-wrapper .gallery-container {

    position: relative

}



.gallery-root .gallery-wrapper .gallery-container .gradient-bg {

    pointer-events: none;

    height: 100%;

    position: absolute;

    width: 21vw;

    background: linear-gradient(90deg, #222 0, rgba(27, 27, 27, .808496) 35.51%, rgba(0, 0, 0, .0001));

    z-index: 1;

    left: 0;

    top: 0

}



.gallery-root .gallery-wrapper .gallery-container .gradient-bg.toleft {

    left: auto;

    right: 0;

    background: linear-gradient(270deg, #222 0, rgba(27, 27, 27, .808496) 35.51%, rgba(0, 0, 0, .0001))

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block {

    white-space: nowrap;

    text-align: center

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block + .gallery-block {

    margin: 30px 0 0;

    -webkit-transform: translateX(-168px);

    transform: translateX(-168px)

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

    margin: 0 0 0 30px;

    transition: all .4s ease-in;

    cursor: pointer;

    overflow: hidden;

    width: 360px;

    height: 300px;

    display: inline-block

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item:first-child {

    margin: 0

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    transition: all .2s ease-in-out;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-filter: grayscale(0);

    filter: grayscale(0)

}



.gallery-root .gallery-wrapper .gallery-container .gallery-block.centered {

    -webkit-transform: translateX(8px);

    transform: translateX(8px)

}



.gallery-root .gallery-wrapper .show-btn-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 71px;

    z-index: 1;

    cursor: pointer

}



.gallery-root .gallery-wrapper .show-btn-block .show-btn {

    display: flex;

    justify-content: space-around;

    align-items: center;

    width: 300px;

    height: 60px;

    border: 1px solid hsla(0, 0%, 100%, .2);

    border-radius: 50px;

    cursor: pointer;

    letter-spacing: 2px;

    background: #fff

}



.gallery-root .gallery-wrapper .show-btn-block .show-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    line-height: 14px;

    letter-spacing: 2px

}



.gallery-root .gallery-wrapper .show-btn-block:hover {

    box-shadow: 0 10px 20px rgba(0, 0, 0, .350743)

}



.gallery-root.oneRow {

    padding: 0 0 70px

}



.new-cycle-gallery-root {

    background-color: #fff;

    padding: 0 5vw 124px

}



.new-cycle-gallery-root .gallery-wrapper {

    max-width: 1660px;

    margin: 0 auto

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container {

    display: flex

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-right-block {

    display: flex;

    flex-wrap: wrap

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-right-block .gallery-column {

    flex: 50% 1;

    max-width: 50%;

    padding: 0 0 0 22px

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-right-block .gallery-item {

    max-width: 398px;

    margin: 22px 0 0;

    vertical-align: middle

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-right-block .gallery-item:first-child {

    margin: 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-right-block .gallery-item img {

    width: 100%

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block {

    display: flex;

    flex-wrap: wrap

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block .gallery-column {

    flex: 50% 1;

    max-width: 50%;

    padding: 0 0 0 11px

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block .gallery-column:first-child {

    padding: 0 11px 0 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block .gallery-item {

    max-width: 398px;

    width: 100%;

    margin: 22px 0 0;

    vertical-align: middle

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block .gallery-item:first-child {

    margin: 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-top-block .gallery-item img {

    width: 100%

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-mid-block {

    width: 100%;

    margin: 22px 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-mid-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-bottom-block {

    display: flex;

    justify-content: space-between

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-bottom-block:first-child {

    padding: 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-bottom-block .gallery-item {

    margin: 0 0 0 22px

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-bottom-block .gallery-item:first-child {

    margin: 0

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-left-bottom-block .gallery-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gradient-bg.to-top {

    width: 100%;

    height: 21vh;

    background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 92.2%, .808496) 35.51%, hsla(0, 0%, 100%, .0001));

    bottom: 0;

    top: unset

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block {

    -webkit-transform: translateX(-154px);

    transform: translateX(-154px)

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item img {

    -webkit-filter: none;

    filter: none;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item img:hover {

    -webkit-filter: none;

    filter: none

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block + .gallery-block {

    -webkit-transform: translateX(-81px);

    transform: translateX(-81px)

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-item {

    cursor: pointer;

    transition: all .4s ease-in;

    overflow: hidden

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-item img {

    transition: all .2s ease-in-out

}



.new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-item img:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.new-cycle-gallery-root .gallery-wrapper .head-block {

    padding: 0 0 60px

}



.new-cycle-gallery-root .gallery-wrapper .head-block .text-block h2 {

    color: #373737;

    font-size: 45px;

    line-height: 60px;

    margin: 0;

    letter-spacing: 1px

}



.new-cycle-gallery-root .gallery-wrapper .show-btn-block {

    bottom: 125px

}



.new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn {

    background: #bc0000;

    width: 410px;

    height: 80px

}



.new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn span {

    color: #fff;

    letter-spacing: 1px;

    font-size: 22px;

    line-height: 1

}



.new-cycle-gallery-root .gallery-wrapper .show-btn-block:hover {

    box-shadow: 0 10px 20px rgba(233, 225, 225, .351)

}



.select-color-root {

    height: 880px;

    overflow: hidden;

    position: relative

}



.select-color-root .select-color-container {

    height: 100%

}



.select-color-root .select-color-container .select-color-block {

    height: 100%;

    display: flex;

    flex-direction: column

}



.select-color-root .select-color-container .select-color-block img {

    position: absolute;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.select-color-root .select-color-container .select-color-block .text-block {

    display: flex;

    justify-content: center;

    padding: 95px 0 0

}



.select-color-root .select-color-container .select-color-block .text-block .text-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    letter-spacing: 7.5px;

    margin: 0 0 28px

}



.select-color-root .select-color-container .select-color-block .show-btn-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 175px

}



.select-color-root .select-color-container .select-color-block .show-btn-block .show-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 260px;

    height: 68px;

    border: 1px solid hsla(0, 0%, 100%, .2);

    border-radius: 40px;

    cursor: pointer;

    letter-spacing: 2px;

    background: #fff

}



.select-color-root .select-color-container .select-color-block .show-btn-block .show-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    line-height: 14px;

    letter-spacing: 2px

}



.select-color-root .select-color-container .select-color-block .show-btn-block .show-btn i {

    margin: 0 19px 0 0

}



.select-color-root .select-color-container .select-color-block .show-btn-block .show-btn i:before {

    color: #e31f2e;

    font-size: 30px

}



.select-color-root .select-color-container .select-color-block .bottom-container {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    width: 88.5%;

    bottom: 0;

    height: 90px;

    background: #fff

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 100px 0 70px

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

    position: relative;

    padding: 0 20px;

    display: flex;

    height: 180px;

    overflow-x: auto;

    max-width: 48%

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item {

    display: flex;

    margin: 0 0 0 20px;

    align-items: center;

    cursor: pointer;

    position: relative

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item:focus {

    outline: none

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item:first-child {

    margin: 0

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item.active .bg-color {

    height: 100px;

    z-index: 1

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item.active p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    visibility: visible;

    opacity: 1;

    width: auto;

    margin: 0 0 0 18px;

    flex: 1 1

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item.active .color-circle {

    background: #fff !important

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .color-circle {

    bottom: 0;

    width: 40px;

    height: 40px;

    border-radius: 20px;

    background: #94101a

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .color-circle:focus {

    outline: none

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .bg-color {

    position: absolute;

    bottom: 70px;

    width: 40px;

    height: 40px;

    border-radius: 20px;

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);

    background: #94101a;

    z-index: -1;

    transition: all .3s ease-out

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .bg-color:focus {

    outline: none

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .bg-color i:before {

    color: #fff;

    justify-content: center;

    margin: 18px auto;

    display: flex;

    transition: all .8s ease-out;

    font-size: 12px

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item p {

    font-size: 14px;

    white-space: nowrap;

    visibility: hidden;

    width: 0;

    opacity: 0;

    flex: 0 1;

    transition: all .3s ease-out;

    padding: 3px 0;

    overflow: hidden

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item {

    display: flex;

    cursor: pointer;

    margin: 0

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item p {

    margin: 0 0 0 20px

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item i:before {

    color: #000;

    font-size: 17px

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .share-text-block {

    display: flex;

    align-items: center

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn .social-item i:before {

    font-size: 20px

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn .social-item i.icon-fb:before {

    color: #3c5a9b

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn .social-item i.icon-twitter:before {

    color: #00acee

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn .social-item i.icon-whatsapp:before {

    color: #455a64

}



.select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn.mobil-icon {

    display: none

}



.select-color-root.new-select-color-root {

    padding: 120px 0 0;

    height: auto

}



.select-color-root.new-select-color-root .lazyload-wrapper {

    display: flex

}



.select-color-root.new-select-color-root .text-item {

    text-align: center;

    margin: 0 0 57px;

    padding: 0 25px

}



.select-color-root.new-select-color-root .text-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 45px;

    line-height: 60px;

    color: #000

}



.select-color-root.new-select-color-root .select-color-container .select-color-block img {

    position: static;

    width: 100vw

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container {

    position: static;

    width: 100%;

    height: auto;

    background-color: #373737;

    -webkit-transform: initial;

    transform: none

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

    flex-direction: column;

    padding: 55px 25px 48px

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

    height: auto

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item {

    width: 97px;

    height: 97px;

    min-width: 97px;

    border-radius: 50%;

    justify-content: center

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item.active {

    border: 2px solid #fff

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .circle {

    width: 75px;

    height: 75px;

    min-width: 75px;

    border-radius: 50%

}



.select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .choose-text {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    color: #fff;

    margin: 0 0 20px

}



.contact-root {

    padding: 12vh 0 0;

    background-color: #f8f8f8

}



.contact-root .contact-wrapper .head-block .head-sub-text, .contact-root .contact-wrapper .head-block h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5.25px;

    display: flex;

    justify-content: center

}



.contact-root .contact-wrapper .contact-container {

    padding: 6vh 0 3vw 8.5vw

}



.contact-root .contact-wrapper .contact-container .contact-block {

    position: relative;

    display: flex;

    justify-content: space-between

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block {

    width: 29%

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item {

    margin: 0 0 5.2em;

    display: flex;

    justify-content: space-between

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item.contact h2, .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item p {

    width: 187px;

    line-height: 28px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #000

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block {

    font-size: 15px;

    color: #000;

    margin: 20px 20px 0 0;

    display: flex;

    align-items: center;

    cursor: pointer

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block p {

    font-size: 12px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    border-bottom: 1px solid #000;

    padding: 0 0 7px

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block i {

    margin: 0 10px 0 0

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block i:before {

    font-size: 24px;

    color: #e31f2e

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 3em 0 0

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .search-btn {

    background-color: #e31f2e;

    width: 200px;

    height: 66px;

    display: flex;

    align-items: center;

    border-radius: 50px;

    cursor: pointer;

    justify-content: center;

    transition: all .2s

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .search-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .search-btn:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .disabled {

    cursor: auto;

    opacity: .8

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .disabled:hover {

    box-shadow: unset !important

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .disabled p {

    cursor: default

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block {

    width: 89%;

    margin: 28px 0 0;

    z-index: 11

}



.contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block:first-child {

    z-index: 12

}



.contact-root .contact-wrapper .contact-container .contact-block .map-block {

    width: 67.5%;

    position: relative

}



.contact-root .contact-wrapper .contact-container .contact-block .map-block iframe {

    width: 100%;

    height: 100%;

    border: 0

}



.contact-root .contact-wrapper .contact-container .contact-block .map-block .img-item {

    position: absolute;

    left: 0;

    right: 0;

    width: 100%;

    height: 369px

}



.contact-root .contact-wrapper .contact-container .contact-block .map-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.contact-root .contact-wrapper .contact-container .location-result-container {

    margin: 5.4em 0 0;

    overflow: hidden

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block {

    white-space: nowrap;

    transition-property: width;

    -webkit-user-select: none;

    user-select: none;

    transition: all 0s cubic-bezier(0, .51, .35, .99)

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item {

    width: 490px;

    height: 250px;

    border: 1px solid #e1e1e1;

    display: inline-block;

    vertical-align: top;

    white-space: normal

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #e1e1e1;

    padding: 10px 27px 0;

    position: relative

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-name h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    line-height: 21px

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-time p {

    text-align: right;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    margin: 0 0 10px

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item {

    height: 165px;

    padding: 0 25px;

    display: flex;

    flex-direction: column;

    justify-content: space-around

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item P {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    margin: 0 0 5px

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item .btn-block {

    display: flex;

    align-items: center

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item .btn-block a {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000;

    width: 150px;

    height: 42px;

    background-color: #e1e1e1;

    align-items: center;

    border-radius: 50px;

    cursor: pointer;

    display: flex;

    justify-content: center;

    transition: all .2s

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item .btn-block a + a {

    margin: 0 0 0 15px

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item .btn-block a + a:hover {

    background: #fff;

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item:hover {

    background-color: #e31f2e;

    border-color: #e31f2e

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item:hover .head-item .location-time p, .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item:hover .head-item h3, .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item:hover .text-item p {

    color: #fff

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item:hover .text-item .btn-block a {

    background-color: #fff

}



.contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item + .result-item {

    margin: 0 0 0 40px

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item p {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .select-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    z-index: 5

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .select-block:first-child {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .select-block:nth-child(2) {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .form-block .select-block:first-child {

    z-index: 6

}



.contact-root.anim .contact-wrapper .contact-container .contact-block .map-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.contact-root.animation-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block, .contact-root.animation-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item p, .contact-root.animation-root .contact-wrapper .contact-container .contact-block .form-block .select-block, .contact-root.animation-root .contact-wrapper .contact-container .contact-block .map-block {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.contact-root.price-list-contact .bottom-block .search-btn {

    margin: 0 auto;

    height: 55px

}



.contact-page-root {

    padding: 120px 0 0

}



.social-media-root {

    padding: 10em 0 16em;

    overflow: hidden

}



.social-media-root .sm-container .head-item {

    text-align: center

}



.social-media-root .sm-container .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px

}



.social-media-root .sm-container .sm-block {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin: 6em 0 0

}



.social-media-root .sm-container .sm-block .sm-items {

    width: 6.1%

}



.social-media-root .sm-container .sm-block .sm-items .sm-item {

    display: inline-block;

    position: relative;

    margin: 0 0 5em;

    cursor: pointer;

    padding: 0 0 15px

}



.social-media-root .sm-container .sm-block .sm-items .sm-item i {

    margin: 0 15px 0 0

}



.social-media-root .sm-container .sm-block .sm-items .sm-item i:before {

    color: #000

}



.social-media-root .sm-container .sm-block .sm-items .sm-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    margin: 0

}



.social-media-root .sm-container .sm-block .sm-items .sm-item:after {

    content: "";

    width: 0;

    height: 4px;

    background-color: #e31f2e;

    position: absolute;

    display: inline-block;

    bottom: 0;

    left: 0;

    transition: all .5s ease-out

}



.social-media-root .sm-container .sm-block .sm-items .sm-item.active {

    cursor: default

}



.social-media-root .sm-container .sm-block .sm-items .sm-item.active i:before, .social-media-root .sm-container .sm-block .sm-items .sm-item.active p {

    color: #e31f2e

}



.social-media-root .sm-container .sm-block .sm-items .sm-item.active:after {

    width: 100%

}



.social-media-root .sm-container .sm-block .sm-detail-block {

    display: flex;

    margin: 0 0 0 100px;

    width: 72.5%;

    position: relative

}



.social-media-root .sm-container .sm-block .sm-detail-block .img-item {

    width: 540px;

    height: 540px;

    overflow: hidden

}



.social-media-root .sm-container .sm-block .sm-detail-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 4em 9em 4em 6em;

    width: 50%;

    box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1)

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item {

    display: flex;

    align-items: center;

    margin: 0 0 3em

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item .img-item {

    width: 40px;

    height: 40px;

    min-width: 40px;

    border-radius: 50%;

    border: 1px solid #ececec;

    margin: 0 5px 0 0

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item .img-item img {

    object-fit: cover

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    line-height: 30px

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item p span {

    color: #2e8ced

}



.social-media-root .sm-container .sm-block .sm-detail-block .text-block .detail-btn {

    height: 66px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    margin: 0

}



.social-media-root .sm-container .sm-block .sm-detail-block .sm-name {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 54px;

    color: #f0f0f0;

    position: absolute;

    text-align: center;

    top: 45%;

    right: -35%;

    width: 540px;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item {

    -webkit-animation: itemListRight;

    animation: itemListRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:first-child {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(2) {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(3) {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(4) {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(5) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(6) {

    -webkit-animation-delay: .54s;

    animation-delay: .54s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(7) {

    -webkit-animation-delay: .63s;

    animation-delay: .63s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(8) {

    -webkit-animation-delay: .72s;

    animation-delay: .72s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(9) {

    -webkit-animation-delay: .81s;

    animation-delay: .81s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(10) {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(11) {

    -webkit-animation-delay: .99s;

    animation-delay: .99s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(12) {

    -webkit-animation-delay: 1.08s;

    animation-delay: 1.08s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(13) {

    -webkit-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(14) {

    -webkit-animation-delay: 1.26s;

    animation-delay: 1.26s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(15) {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(16) {

    -webkit-animation-delay: 1.44s;

    animation-delay: 1.44s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(17) {

    -webkit-animation-delay: 1.53s;

    animation-delay: 1.53s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(18) {

    -webkit-animation-delay: 1.62s;

    animation-delay: 1.62s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(19) {

    -webkit-animation-delay: 1.71s;

    animation-delay: 1.71s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(20) {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(21) {

    -webkit-animation-delay: 1.89s;

    animation-delay: 1.89s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(22) {

    -webkit-animation-delay: 1.98s;

    animation-delay: 1.98s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(23) {

    -webkit-animation-delay: 2.07s;

    animation-delay: 2.07s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(24) {

    -webkit-animation-delay: 2.16s;

    animation-delay: 2.16s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(25) {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(26) {

    -webkit-animation-delay: 2.34s;

    animation-delay: 2.34s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(27) {

    -webkit-animation-delay: 2.43s;

    animation-delay: 2.43s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(28) {

    -webkit-animation-delay: 2.52s;

    animation-delay: 2.52s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(29) {

    -webkit-animation-delay: 2.61s;

    animation-delay: 2.61s

}



.social-media-root.anim .sm-container .sm-block .sm-items .sm-item:nth-child(30) {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



.social-media-root.anim .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item {

    -webkit-animation: itemListLeft;

    animation: itemListLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.social-media-root.anim .sm-container .sm-block .sm-detail-block .text-block .text-item p {

    -webkit-animation: itemListLeft;

    animation: itemListLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.social-media-root.anim .sm-container .sm-block .sm-detail-block .text-block .detail-btn {

    -webkit-animation: itemListLeft;

    animation: itemListLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.social-media-root.animation-root .sm-container .sm-block .sm-items .sm-item {

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px);

    opacity: 0

}



.social-media-root.animation-root .sm-container .sm-block .sm-detail-block .text-block .detail-btn, .social-media-root.animation-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item, .social-media-root.animation-root .sm-container .sm-block .sm-detail-block .text-block .text-item p {

    -webkit-transform: translateX(40px);

    transform: translateX(40px);

    opacity: 0

}



.youtube-frame-container {

    margin: 15vh auto 5vh;

    width: 1280px;

    overflow: hidden

}



.youtube-frame-container .head-item {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0 6em

}



.youtube-frame-container .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    padding: 5px 0

}



.youtube-frame-container .youtube-frame-block {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item {

    position: relative;

    margin: 0 2% 2% 0;

    width: 48%;

    height: 386px

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item iframe {

    border: none

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item:nth-child(2n) {

    margin: 0 0 2%

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item {

    display: none;

    position: absolute;

    top: 8px;

    left: 12px;

    align-items: center;

    width: 70%;

    margin: 0 0 0 15px

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item .logo-item {

    margin: 0 10px 0 0

}



.youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff

}



.youtube-frame-container .right-block {

    margin: 0 0 0 10px;

    position: relative;

    height: 100%;

    overflow: hidden

}



.youtube-frame-container .right-block ul {

    transition: all .3s cubic-bezier(0, .51, .35, .99)

}



.youtube-frame-container .right-block ul li {

    width: 222px;

    height: 132px;

    margin: 0 0 10px;

    position: relative

}



.youtube-frame-container .right-block ul li .gradient-bg {

    height: 65%

}



.youtube-frame-container .right-block ul li span {

    position: absolute;

    bottom: 15px;

    left: 15px;

    width: 80%;

    line-height: 1.3;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff

}



.youtube-frame-container .right-block ul li img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.youtube-frame-container .right-block .gradient-bg {

    background: linear-gradient(0deg, #222 0, rgba(27, 27, 27, .808496) 0, rgba(0, 0, 0, .0001));

    -webkit-user-select: none;

    user-select: none;

    pointer-events: none;

    cursor: pointer;

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 12%

}



.youtube-frame-container .right-block .gradient-bg .arrow-block {

    width: 30px;

    height: 30px;

    position: relative;

    bottom: 16px;

    pointer-events: auto

}



.youtube-frame-container .right-block .gradient-bg .arrow-block:hover .arrow-btn {

    -webkit-transform: translate(-50%, calc(-50% - 6px)) rotate(-45deg);

    transform: translate(-50%, calc(-50% - 6px)) rotate(-45deg);

    box-shadow: none

}



.youtube-frame-container .right-block .gradient-bg .arrow-block.down {

    top: 16px;

    bottom: auto

}



.youtube-frame-container .right-block .gradient-bg .arrow-block.down:hover .arrow-btn {

    -webkit-transform: translate(-50%, calc(-50% + 6px)) rotate(135deg);

    transform: translate(-50%, calc(-50% + 6px)) rotate(135deg);

    box-shadow: none

}



.youtube-frame-container .right-block .gradient-bg .arrow-block .arrow-btn {

    border-color: #fff;

    top: 50%;

    left: 50%;

    transition: all .2s cubic-bezier(.65, .05, .36, 1);

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);

    transform: translate(-50%, -50%) rotate(-45deg);

    width: 14px;

    height: 14px

}



.youtube-frame-container .right-block .gradient-bg .arrow-block .arrow-btn.down-arrow {

    -webkit-transform: translate(-50%, -50%) rotate(135deg);

    transform: translate(-50%, -50%) rotate(135deg)

}



.youtube-frame-container .right-block .gradient-bg.top {

    background: linear-gradient(180deg, #222 0, rgba(27, 27, 27, .808496) 0, rgba(0, 0, 0, .0001));

    bottom: auto;

    top: 0

}



.youtube-frame-container.onlyOne .youtube-frame-block .youtube-frame-item {

    height: 540px;

    min-height: 100%;

    width: 100%;

    margin: 0 auto

}



.newsletter-root {

    padding: 10em 5vw 130px

}



.newsletter-root .newsletter-container {

    display: flex

}



.newsletter-root .newsletter-container .image-block {

    flex: 1 1;

    position: relative;

    height: 560px;

    margin: 0 2vw 0 0

}



.newsletter-root .newsletter-container .image-block .img-item {

    width: 100%;

    height: 100%

}



.newsletter-root .newsletter-container .image-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.newsletter-root .newsletter-container .image-block .text-item {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 90%;

    text-align: center

}



.newsletter-root .newsletter-container .image-block .text-item h3 {

    margin: 0 0 40px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    letter-spacing: 1.71px

}



.newsletter-root .newsletter-container .image-block .text-item p {

    margin: 0 0 60px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 26px;

    color: #fff;

    line-height: 42px

}



.newsletter-root .newsletter-container .image-block .gradient-bg {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .5)

}



.newsletter-root .newsletter-container .image-block .btn-item {

    margin: 0 auto;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 260px;

    height: 66px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.newsletter-root .newsletter-container .image-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.newsletter-root .newsletter-container .image-block .btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.newsletter-root .newsletter-container .form-root {

    position: relative;

    flex: 1 1;

    border: 1px solid #e2e2e2;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.newsletter-root .newsletter-container .form-root.thanks {

    display: flex;

    align-items: center;

    justify-content: center

}



.newsletter-root .newsletter-container .form-root.thanks .head-item {

    padding: 0

}



.newsletter-root .newsletter-container .form-root .head-item {

    text-align: center;

    padding: 0 50px

}



.newsletter-root .newsletter-container .form-root .head-sub-text, .newsletter-root .newsletter-container .form-root h2 {

    margin: 25px 0 10px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    display: block

}



.newsletter-root .newsletter-container .form-root p {

    line-height: 25px;

    margin: 0 0 15px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.newsletter-root .newsletter-container .form-root .form-block {

    padding: 0 50px

}



.newsletter-root .newsletter-container .form-root .form-block.secondBlock {

    flex-wrap: wrap

}



.newsletter-root .newsletter-container .form-root .form-block.lastBlock {

    margin: 20px 0 0

}



.newsletter-root .newsletter-container .form-root .form-block.lastBlock .select-block:last-child {

    width: 48%;

    margin: 0

}



.newsletter-root .newsletter-container .form-root .form-block.fullLineInput {

    margin: 20px 0 0

}



.newsletter-root .newsletter-container .form-root .form-block.fullLineInput .input-item {

    width: 100%

}



.newsletter-root .newsletter-container .form-root .form-block .input-item {

    width: 47%;

    position: relative;

    margin: 0 0 0 20px

}



.newsletter-root .newsletter-container .form-root .form-block .input-item label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    letter-spacing: 1px;

    margin: 0 0 8px;

    display: block

}



.newsletter-root .newsletter-container .form-root .form-block .input-item input {

    height: 50px !important;

    padding: 22px 30px 22px 15px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 15px;

    color: #000

}



.newsletter-root .newsletter-container .form-root .form-block .input-item input:focus {

    border-color: #000;

    color: #000

}



.newsletter-root .newsletter-container .form-root .form-block .input-item .err-item {

    right: 5px;

    width: 30px;

    height: 30px;

    bottom: 23px

}



.newsletter-root .newsletter-container .form-root .form-block .select-block {

    width: 48%;

    margin: 0 0 15px

}



.newsletter-root .newsletter-container .form-root .form-block .input-block {

    display: flex

}



.newsletter-root .newsletter-container .form-root .form-block .input-block .input-item, .newsletter-root .newsletter-container .form-root .form-block .input-block .select-block {

    flex: 1 1;

    width: auto;

    margin: 0 0 15px 2%

}



.newsletter-root .newsletter-container .form-root .form-block .input-block .input-item:first-child, .newsletter-root .newsletter-container .form-root .form-block .input-block .select-block:first-child {

    margin: 0 0 15px

}



.newsletter-root .newsletter-container .form-root .recaptcha-wrapper {

    margin: 15px 50px 0

}



.newsletter-root .newsletter-container .form-root .checkbox-block {

    padding: 0 40px;

    margin: 0 auto

}



.newsletter-root .newsletter-container .form-root .checkbox-block .radio-button {

    margin: 15px 0

}



.newsletter-root .newsletter-container .form-root .checkbox-block .radio-button .radio-item label:before {

    left: -30px

}



.newsletter-root .newsletter-container .form-root .checkbox-block .radio-button:last-child {

    margin: 0

}



.newsletter-root .newsletter-container .form-root .btn-block {

    cursor: pointer;

    outline: none;

    margin: 25px auto;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 260px;

    height: 64px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.newsletter-root .newsletter-container .form-root .btn-block span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    margin: auto

}



.newsletter-root .newsletter-container .form-root .btn-block:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.loader-contact {

    position: relative

}



.inclusive-root {

    padding: 0 0 10em;

    margin: 8em 0 0

}



.inclusive-root .inclusive-container {

    width: 100%

}



.inclusive-root .inclusive-container .menu-block {

    display: flex;

    justify-content: center;

    width: 84%;

    margin: 0 auto

}



.inclusive-root .inclusive-container .menu-block .menu-item {

    margin: 0 0 0 10px;

    background: #e31f2e;

    border: 1px solid #e31f2e;

    width: 25%;

    height: 220px;

    position: relative;

    cursor: pointer;

    transition: all .3s cubic-bezier(0, .51, .35, .99)

}



.inclusive-root .inclusive-container .menu-block .menu-item:first-child {

    margin: 0

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item {

    display: flex;

    align-items: center;

    padding: 36px

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i {

    margin: 0 10px 0 0

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i:before {

    font-size: 38px;

    color: #fff

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #fff

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner {

    bottom: 30px;

    right: 30px;

    position: absolute;

    display: flex;

    align-items: center

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner i {

    line-height: 1;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner i:before {

    font-size: 10px;

    color: #fff

}



.inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner p {

    line-height: .1;

    margin: 0 10px 0 0;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2.57px

}



.inclusive-root .inclusive-container .menu-block .menu-item:hover {

    background: #fff

}



.inclusive-root .inclusive-container .menu-block .menu-item:hover .text-block .icon-item i:before, .inclusive-root .inclusive-container .menu-block .menu-item:hover .text-block .icon-item p, .inclusive-root .inclusive-container .menu-block .menu-item:hover .text-block .text-corner i:before, .inclusive-root .inclusive-container .menu-block .menu-item:hover .text-block .text-corner p {

    color: #e31f2e

}



.inclusive-root.model-inclusive {

    padding: 0 0 7em

}



.opa-appointment-big-root .oap-appointment-root {

    background: rgba(0, 0, 0, .9);

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 10000;

    overflow: auto

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container {

    background: #fff;

    width: 100%;

    max-width: 960px;

    height: 680px;

    display: flex;

    border-radius: 8px;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .error-container {

    position: absolute;

    background: #eee;

    margin: 40px 0 0;

    bottom: -180px;

    width: 100%;

    z-index: 99;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root {

    width: 100%;

    height: 100%;

    padding: 44px;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root .oap-close-item {

    cursor: pointer;

    width: 32px;

    min-width: 32px;

    height: 32px;

    border-radius: 50%;

    position: absolute;

    right: 8px;

    top: 8px;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root .oap-close-item i:before {

    font-size: 14px;

    color: #bbb

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root .oap-iframe-container {

    width: 100%;

    height: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root .oap-iframe-container iframe {

    width: 100%;

    height: 100%;

    border: none;

    border-radius: 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block {

    width: 18%;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block .oap-left-item {

    padding: 32px;

    background: linear-gradient(0deg, #dd1b2a, #dd1b2a), #f0f0f0;

    border-radius: 24px 24px 0 24px;

    position: absolute;

    bottom: 0;

    left: -32px;

    height: 95%;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block .oap-left-item .oap-head-item {

    display: none

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block .oap-left-item .oap-head-item p {

    margin: 32px 0 25px;

    line-height: 140%;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block .oap-left-item .oap-img-item img {

    border-radius: 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block {

    display: flex;

    padding: 32px 48px;

    width: 82%;

    height: 100%;

    flex-direction: column;

    justify-content: space-between

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item {

    display: flex;

    flex-direction: column;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block {

    display: flex;

    align-items: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    border-bottom: 2px solid #eee;

    margin: 0 10px 0 0;

    padding: 0 0 6px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item {

    position: relative;

    height: 100%;

    width: 25%;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item i {

    line-height: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item i:before {

    font-size: 18px;

    color: #ddd

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item.active i:before {

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item.active:before {

    background: #e31f2e;

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item.done i:before {

    color: #555

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item.done:before {

    background: #e31f2e;

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block .oap-tab-item:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -8px;

    width: 0;

    height: 2px;

    background: transparent;

    transition: all .5s;

    -webkit-transition: all .5s

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-close-item {

    cursor: pointer;

    width: 32px;

    min-width: 32px;

    height: 32px;

    border-radius: 50%;

    position: absolute;

    right: -40px;

    top: -24px;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-close-item i:before {

    font-size: 14px;

    color: #bbb

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-bottom-block {

    padding: 50px 0 16px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-bottom-block span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #000;

    line-height: 140%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 0 16px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-custom-dropdown {

    width: 100%;

    margin: 0 16px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-custom-dropdown select {

    width: 100%;

    padding: 0 12px;

    height: 48px;

    border-radius: 8px;

    border: 1px solid #d8d8d8;

    background: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-custom-dropdown select option {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-custom-dropdown select.error {

    border-color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-location-btn {

    padding: 15px 0;

    cursor: pointer;

    min-width: 166px;

    background: #eee;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-location-btn i {

    line-height: 0;

    margin: 0 10px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-location-btn i:before {

    color: #e31f2e;

    font-size: 18px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-location-btn span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block {

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block .oap-map-item {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 330px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block {

    display: flex;

    flex-wrap: wrap;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item {

    position: relative;

    width: 48.8%;

    margin: 0 16px 16px 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item:nth-child(2n) {

    margin: 0 0 16px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item input {

    -webkit-appearance: none;

    -o-appearance: none;

    appearance: none;

    width: 100%;

    background: #fff;

    border: 1px solid #d8d8d8;

    box-sizing: border-box;

    border-radius: 8px;

    height: 48px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    padding: 15px 12px;

    text-transform: capitalize

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item input::-webkit-input-placeholder {

    color: #ccc

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item input::placeholder {

    color: #ccc

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item label {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000;

    letter-spacing: 1px;

    margin: 0 0 8px;

    display: block

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item.error input {

    border-color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item.error input::-webkit-input-placeholder {

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item.error input::placeholder {

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block {

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button {

    margin: 0 0 16px;

    cursor: pointer;

    padding: 0 0 0 40px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item {

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox] {

    position: absolute;

    opacity: 0;

    top: 1px;

    left: -35px;

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 1

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox] ~ .radio-label {

    font-size: 18px;

    color: #313740;

    font-family: "BrandonGrotesque-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    display: flex;

    align-items: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox] ~ .radio-label:before {

    content: "";

    border-radius: 100%;

    border: 2px solid #000;

    display: inline-block;

    width: 18px;

    min-width: 18px;

    height: 18px;

    position: absolute;

    left: -35px;

    top: -2px;

    cursor: pointer;

    text-align: center;

    transition: all .25s ease

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox]:checked ~ .radio-label:before {

    content: "m";

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #000;

    border: 2px solid #000;

    font-family: "hondacom" !important;

    color: #fff;

    font-style: normal !important;

    font-weight: 400 !important;

    -webkit-font-feature-settings: normal !important;

    font-feature-settings: normal !important;

    font-variant: normal !important;

    text-transform: none !important;

    font-size: 7px;

    line-height: 1

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox]:focus ~ .radio-label:before {

    outline: none

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=checkbox] ~ .radio-label:empty:before {

    margin-right: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    line-height: 20px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span a {

    position: relative;

    z-index: 2;

    color: #000;

    text-decoration: underline

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item.error input[type=checkbox] ~ .radio-label:before {

    border-color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item.error label span, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block .oap-radio-button .oap-radio-item.error label span a {

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-second-checkbox-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-second-checkbox-block .recaptcha-item .recaptcha-wrapper {

    margin: 0 0 16px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block {

    display: flex;

    flex-wrap: wrap;

    height: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block {

    border: 2px solid #eee;

    border-radius: 8px;

    padding: 16px;

    cursor: pointer;

    margin: 0 16px 16px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    max-height: 360px;

    min-height: 360px;

    width: 46%;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button {

    min-height: 200px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] {

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

    z-index: 1

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label {

    font-size: 18px;

    color: #313740;

    font-family: "BrandonGrotesque-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label:before {

    content: "";

    border-radius: 100%;

    display: inline-block;

    width: 40px;

    min-width: 40px;

    height: 40px;

    background: #e8e8e8;

    position: absolute;

    left: 16px;

    top: 16px;

    cursor: pointer;

    text-align: center;

    transition: all .25s ease

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label:before {

    content: "m";

    display: flex;

    justify-content: center;

    align-items: center;

    background: #fff;

    font-family: "hondacom" !important;

    color: #e31f2e;

    font-style: normal !important;

    font-weight: 400 !important;

    -webkit-font-feature-settings: normal !important;

    font-feature-settings: normal !important;

    font-variant: normal !important;

    text-transform: none !important;

    font-size: 16px;

    line-height: 1

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label span.calender {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:focus ~ .radio-label:before {

    outline: none

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label:empty:before {

    margin-right: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label i {

    line-height: 0;

    margin: 0 0 16px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label i:before {

    color: #000;

    font-size: 38px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #555;

    text-align: center;

    width: 82%;

    line-height: 28px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span.version {

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span.calender {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 16px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #000;

    width: 100%;

    background: #eee;

    height: 48px;

    border-radius: 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label p {

    position: absolute;

    bottom: 25px;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #999;

    width: 79%;

    text-align: center;

    line-height: 18px;

    margin: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block:hover {

    background: #eee;

    border: 2px solid #eee

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block:hover .oap-radio-button .oap-radio-item label span.calender {

    background: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block.error {

    border-color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block.background-active {

    background: #eee;

    border: 2px solid #eee

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block.background-active .oap-radio-button .oap-radio-item label span {

    color: #e31f2e

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 12px 2px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block {

    height: 393px;

    overflow: auto

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block::-webkit-scrollbar {

    width: 4px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block::-webkit-scrollbar-track {

    background: #b8b8b8;

    border-radius: 6px;

    box-shadow: 0 0 2px rgba(0, 0, 0, .5)

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block::-webkit-scrollbar-thumb {

    border-radius: 6px;

    box-shadow: 0 0 2px rgba(0, 0, 0, .5);

    background: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item {

    padding: 24px 24px 12px;

    margin: 0 24px 8px 0;

    background: #fff;

    border: 1px solid #eee;

    box-sizing: border-box;

    border-radius: 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-calender-head-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block {

    display: flex;

    flex-wrap: wrap;

    margin: 12px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button {

    margin: 0 12px 8px 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item {

    position: relative;

    width: 86px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio] {

    -webkit-appearance: none;

    -o-appearance: none;

    appearance: none;

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

    width: 86px;

    height: 35px;

    cursor: pointer;

    z-index: 1;

    margin: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label {

    font-size: 18px;

    color: #313740;

    font-family: "BrandonGrotesque-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    display: flex;

    align-items: center;

    width: 86px;

    height: 35px;

    border-radius: 8px;

    border: 2px solid #eee

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label {

    background: #e31f2e;

    border: 2px solid transparent

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio]:disabled ~ .radio-label span {

    color: #999;

    cursor: default

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label span {

    color: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio]:focus ~ .radio-label:before {

    outline: none

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label:empty:before {

    margin-right: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item label span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #555;

    width: 100%;

    text-align: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item:hover {

    border-radius: 8px;

    background: #eee

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block {

    display: flex;

    flex-wrap: wrap

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item {

    background: #f2f2f2;

    border-radius: 8px;

    width: 48.8%;

    min-height: 209px;

    margin: 0 16px 0 0;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item:last-child {

    margin: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item i {

    line-height: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item i:before {

    color: #555;

    font-size: 40px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item p {

    margin: 24px 0 6px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-msg-item {

    padding: 10px 12px;

    background: #eaecea;

    border-radius: 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-msg-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 100%

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item {

    cursor: pointer;

    margin: 0 8px;

    border-radius: 41px;

    padding: 11px 16px;

    border: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #525251

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item i {

    line-height: 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item i:before {

    font-size: 20px;

    color: #525251;

    margin: 0 10px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item.left {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid transparent

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item.left:hover {

    border: 1px solid #525251

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item.right {

    background: #525251;

    margin: 0 0 0 8px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item.right span {

    color: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item.right:hover {

    background: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item:focus {

    outline: none

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root {

    width: 100%;

    height: 100%;

    text-align: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container {

    width: 100%;

    height: 100%;

    padding: 80px 87px;

    position: relative

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .oap-close-item {

    cursor: pointer;

    width: 32px;

    min-width: 32px;

    height: 32px;

    border-radius: 50%;

    position: absolute;

    right: 8px;

    top: 8px;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .oap-close-item i:before {

    font-size: 14px;

    color: #bbb

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .head-item {

    margin: 55px 0 0

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .head-item p {

    margin: 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 26px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .desc-item {

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .desc-item p {

    line-height: 140%;

    width: 90%;

    margin: 16px 0 32px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #000

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .oap-btn-block {

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .oap-btn-block .oap-btn-item {

    cursor: pointer;

    padding: 12px 58px;

    background: #222;

    border-radius: 41px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .oap-btn-block .oap-btn-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container.congratulations {

    max-width: 590px;

    height: 640px

}



.opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container.congratulations .oap-left-block {

    display: none

}



.opa-appointment-big-root .oap-appointment-root.iframe {

    box-shadow: none;

    background: transparent

}



.opa-appointment-big-root .oap-appointment-root.iframe .oap-appointment-wrapper .oap-appointment-container {

    width: 100%;

    height: 100%;

    max-width: 100%;

    border-radius: 0

}



.opa-appointment-big-root .oap-tooltip-container {

    -webkit-animation: btnTextOpenAnim .5s ease-out;

    animation: btnTextOpenAnim .5s ease-out;

    background: #fff;

    border: 1px solid #eaeaea;

    box-sizing: border-box;

    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);

    border-radius: 16px;

    position: fixed;

    z-index: 99;

    bottom: 20px;

    right: 265px;

    width: 318px

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block {

    display: flex;

    flex-direction: column

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item {

    position: relative;

    padding: 12px;

    display: flex;

    align-items: center;

    border-radius: 16px 16px 0 0

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item {

    position: absolute;

    top: 20px;

    right: 4px

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item .arr {

    width: 14px;

    height: 14px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    position: absolute;

    border: 2px solid #d7d7d7;

    left: 0;

    top: 0

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item .arr:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 14px;

    height: 14px;

    background: #efefef

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item.mobile-arr {

    display: none

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .icon-item {

    margin: 0 10px 0 0;

    padding: 9px;

    background: #bdbdbd;

    border-radius: 35px;

    display: flex;

    align-items: center;

    justify-content: center

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .icon-item i {

    line-height: 0

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .icon-item i:before {

    font-size: 18px;

    color: #efefef

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item span {

    line-height: 22px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item span.mobile {

    display: none

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item.second-item {

    border-radius: 16px;

    background: #efefef

}



.opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item.second-item span {

    line-height: 17px;

    font-size: 11px

}



.opa-appointment-big-root.lb-small-anim .oap-time-btn-item {

    -webkit-clip-path: circle(100% at 50% 50%);

    clip-path: circle(100% at 50% 50%);

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

    -webkit-animation: btnOpenAnim .5s ease-out;

    animation: btnOpenAnim .5s ease-out;

    bottom: 20px;

    right: 20px;

    -webkit-transform: inherit;

    transform: inherit

}



.opa-appointment-big-root.lb-small-anim .oap-appointment-root {

    opacity: 0;

    -webkit-animation: lbSmallAnim .5s cubic-bezier(.33, 1, .68, 1);

    animation: lbSmallAnim .5s cubic-bezier(.33, 1, .68, 1);

    -webkit-clip-path: circle(0 at 50% 50%);

    clip-path: circle(0 at 50% 50%)

}



.placeholder-content {

    height: 100%;

    width: 100%;

    overflow: hidden;

    position: relative;

    -webkit-animation-duration: 1.7s;

    animation-duration: 1.7s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-name: placeholderAnimate;

    animation-name: placeholderAnimate;

    background: #f6f7f8;

    background: linear-gradient(90deg, #eee 2%, #ddd 18%, #eee 33%);

    background-size: 500px

}



.placeholder-content_item {

    width: 100%;

    position: absolute;

    background: #fff;

    z-index: 2

}



.placeholder-content_item:after, .placeholder-content_item:before {

    width: inherit;

    height: inherit;

    content: "";

    position: absolute

}



.packet-root {

    position: relative;

    margin: 0 0 40px

}



.packet-root .bg-color {

    top: 0;

    width: 100%;

    position: absolute;

    height: 710px;

    z-index: -3;

    background-color: #a91924

}



.packet-root .packet-container {

    padding: 85px 0 0;

    height: 100%

}



.packet-root .packet-container .head-text {

    text-align: center;

    margin: 20px 0 6em

}



.packet-root .packet-container .head-text h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    margin: 0 0 15px;

    letter-spacing: 5px;

    line-height: 28px

}



.packet-root .packet-container .head-text p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 26px

}



.packet-root .packet-container .slider-wrapper {

    position: relative

}



.packet-root .packet-container .slider-container {

    position: relative;

    overflow: hidden

}



.packet-root .packet-container .slider-container .slider-block {

    text-align: center;

    white-space: nowrap;

    transition: all .5s cubic-bezier(.64, 0, .36, 1);

    padding: 0 0 45px

}



.packet-root .packet-container .slider-container .slider-block .slider-item {

    box-shadow: 0 0 51px 1px rgba(0, 0, 0, .14);

    display: inline-block;

    margin: 0 0 0 1.5%;

    border-radius: 0 0 8px 8px;

    width: 22.2%;

    background-color: #fff;

    white-space: normal;

    vertical-align: top

}



.packet-root .packet-container .slider-container .slider-block .slider-item .img-item {

    position: relative;

    overflow: hidden;

    height: 210px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item {

    height: 190px;

    margin: 20px 0 10px;

    overflow: hidden;

    position: relative;

    padding: 0 20px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #000

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item .gradient {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001) 18.56%, hsla(0, 0%, 100%, .576824) 77.25%, #fff 99.97%)

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item h4 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    margin: 30px 0 15px;

    line-height: 19px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item ul {

    margin: 20px 0 0

}



.packet-root .packet-container .slider-container .slider-block .slider-item .text-item ul li {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    margin: 0 0 15px;

    line-height: 1.6

}



.packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn {

    width: 230px;

    height: 56px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #e31f2e;

    border-radius: 50px;

    cursor: pointer;

    margin: 25px auto 10px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn i {

    color: #fff

}



.packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn i:before {

    font-size: 15px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 15px 0 35px;

    cursor: pointer

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 0 20px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item i:before {

    color: #000;

    font-size: 15px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn .social-item i:before {

    font-size: 20px

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn .social-item i.icon-fb:before {

    color: #3c5a9b

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn .social-item i.icon-twitter:before {

    color: #00acee

}



.packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn .social-item i.icon-whatsapp:before {

    color: #455a64

}



.packet-root .packet-container .slider-container .slider-block .slider-item.open .gradient, .packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn.mobil-icon {

    display: none

}



.packet-root .packet-container .slider-container .slider-block .slider-item.open .text-item {

    height: auto

}



.packet-root .packet-container .slider-container .slider-block .slider-item.open .detail-btn {

    display: none

}



.packet-root .packet-container .slider-container .slider-block .slider-item:first-child {

    margin: 0

}



.packet-root .packet-container .t-1 {

    font-size: 25px;

    width: 72px;

    height: 72px;
    background: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    box-shadow: 0 20px 34px rgba(0, 0, 0, .07)

}



.packet-root .packet-container .t-1:before {

    font-size: 55px;

    position: absolute;

    left: 50%

}



.packet-root .packet-container .previous-btn {

    position: absolute;

    top: 224px;

    left: 0;

    z-index: 1;

    cursor: pointer

}



.packet-root .packet-container .previous-btn p {

    text-align: center;

    margin: 20px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #000

}



.packet-root .packet-container .next-btn {

    position: absolute;

    top: 224px;

    right: 0;

    z-index: 1;

    cursor: pointer

}



.packet-root .packet-container .next-btn p {

    text-align: center;

    margin: 20px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #000

}



.packet-root .packet-container .next-btn .icon-left-arr {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.text-content-root .content-container {

    padding: 10em 0

}



.text-content-root .content-container .head-item h2 {

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 4.2em;

    color: #e31f2e;

    margin: 0 0 25px

}



.text-content-root .content-container .head-item p {

    font-size: 2em;

    color: #000;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.text-content-root .content-container .text-block {

    margin: 8em 0 0;

    padding: 0 3vw

}



.text-content-root .content-container .text-block .text-item {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin: 0 0 5em

}



.text-content-root .content-container .text-block h4 {

    flex: 1 1;

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 3.2em;

    color: #000

}



.text-content-root .content-container .text-block p {

    flex: 1.4 1;

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 1.6em;

    color: #434343;

    line-height: 1.6

}



.text-content-root .content-container .type-block {

    display: flex;

    justify-content: space-between;

    align-items: flex-start

}



.text-content-root .content-container .type-block .line-item {

    flex: 1 1

}



.text-content-root .content-container .type-block .line-item .liner {

    height: 1px;

    width: 70px;

    background-color: #e31f2e

}



.text-content-root .content-container .type-block .type-items {

    flex: 1.4 1;

    display: flex;

    justify-content: space-between

}



.text-content-root .content-container .type-block .type-items p {

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 1.8em;

    color: #000

}



.text-content-root .content-container .type-block .type-items p + p {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 1.6em;

    color: #898989;

    margin: 5px 0 0

}



.swiper-content-root {

    background: linear-gradient(180deg, #f4f4f4 -144.11%, hsla(0, 0%, 85.9%, .0964136) 24.62%, hsla(0, 0%, 84.7%, .0001) 51.89%)

}



.swiper-content-root.desing {

    background: transparent

}



.swiper-content-root.desing .content-container {

    padding: 0

}



.swiper-content-root.desing .content-container .tab-block h2 {

    font-size: 40px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    letter-spacing: 0;

    color: #bc0000

}



.swiper-content-root.desing .content-container .swiper-container {

    width: 93.76%;

    box-shadow: none

}



.swiper-content-root.desing .content-container .swiper-container .arr-btn-item {

    left: -82px

}



.swiper-content-root.desing .content-container .swiper-container .arr-btn-item.next-btn {

    left: inherit;

    right: -82px

}



.swiper-content-root.desing .content-container .tab-block ul li {

    padding: 0 54px 15px;

    max-width: 244px;

    font-size: 18px

}



.swiper-content-root.desing .content-container .tab-block ul li.active {

    color: #ab1925;

    border-color: #ab1925

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item {

    background: #f6f6f6;

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: space-between

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

    text-align: inherit;

    width: 40%

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h5 {

    color: #000;

    font-size: 40px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    line-height: 49px

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .discover-btn {

    border-radius: 30px;

    background: #bc0000;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 230px;

    height: 60px

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .discover-btn span {

    color: #fff;

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 22px

}



.swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    display: inline-flex;

    align-self: baseline

}



.swiper-content-root.techno {

    background: transparent

}



.swiper-content-root.techno .content-container {

    padding: 0

}



.swiper-content-root.techno .content-container .tab-block h2 {

    font-size: 40px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    letter-spacing: 0;

    color: #bc0000

}



.swiper-content-root.techno .content-container .swiper-container {

    width: 93.7%

}



.swiper-content-root.techno .content-container .swiper-container .arr-btn-item {

    left: -82px

}



.swiper-content-root.techno .content-container .swiper-container .arr-btn-item.next-btn {

    left: inherit;

    right: -82px

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper {

    height: 523px

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    width: 64%

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v {

    width: 30%

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features {

    border-radius: 100px;

    border: 1px solid #dfdfdf;

    width: 266px;

    height: 45px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 39px auto 0;

    cursor: pointer

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features span {

    color: #e31f2e;

    font-size: 14px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v h5 {

    margin: 0 0 18px;

    color: #000;

    font-size: 40px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    line-height: 49px

}



.swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v ul {

    text-align: start;

    list-style: disc;

    font-size: 10px;

    line-height: 30px;

    margin: 0 0 0 75px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.swiper-content-root.techno .content-container .tab-block ul li {

    padding: 0 54px 15px;

    max-width: 244px;

    font-size: 18px

}



.swiper-content-root.techno .content-container .tab-block ul li.active {

    color: #ab1925;

    border-color: #ab1925

}



.swiper-content-root .content-container {

    padding: 50px 0

}



.swiper-content-root .content-container .tab-block {

    height: 47px;

    margin: 0 0 5.3em;

    padding: 0 0 0 16.8vw;

    display: flex;

    align-items: center

}



.swiper-content-root .content-container .tab-block .inner-block {

    flex: 2.7 1

}



.swiper-content-root .content-container .tab-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 22px;

    color: #e31f2e;

    letter-spacing: 5px;

    flex: 1 1

}



.swiper-content-root .content-container .tab-block ul {

    flex: 2.7 1;

    display: flex;

    justify-content: flex-start;

    border-bottom: 1px solid #e5e5e5

}



.swiper-content-root .content-container .tab-block ul li {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    cursor: pointer;
    border-bottom: 4px solid transparent;

    padding: 0 5px 15px;

    margin: 0 10px 0 0;

    max-width: 125px;

    text-align: center

}



.swiper-content-root .content-container .tab-block ul li.active, .swiper-content-root .content-container .tab-block ul li:hover {

    color: #e31f2e;

    border-color: #e31f2e

}



.swiper-content-root .content-container .swiper-wrapper {

    position: relative

}



.swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

    top: 40%;

    left: -40px;

    display: flex;

    flex-direction: column;

    align-items: center;

    min-width: 125px

}



.swiper-content-root .content-container .swiper-wrapper .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto

}



.swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

    left: auto;

    right: -47px

}



.swiper-content-root .content-container .swiper-container {

    width: 86%;

    margin: 0 auto;

    display: -ms-flexbox;

    overflow: hidden;

    box-shadow: 0 0 51px 1px rgba(0, 0, 0, .14)

}



.swiper-content-root .content-container .swiper-block-wrapper {

    height: 500px;

    white-space: nowrap;

    transition: all .5s cubic-bezier(.64, 0, .36, 1);

    position: relative

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block {

    display: inline-block;

    width: 100%;

    height: 100%

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item {

    white-space: normal;

    height: 100%

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .zrv-slider-item {

    display: none

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .zrv-slider-item.desing {

    display: block

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    width: 68%;

    height: 100%;

    display: inline-block;

    vertical-align: middle;

    overflow: hidden

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    width: 25%;

    padding: 0 15px;

    margin: 0 0 0 40px

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h4 {

    font-size: 12px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 14px;

    margin: 0 0 15px

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #e31f2e;

    margin: 0 0 25px;

    line-height: 32px

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

    font-size: 12px;

    color: #000;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 22px;

    margin: 0 0 25px

}



.swiper-content-root .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn {

    margin: 0 auto 25px;

    display: flex

}



.swiper-content-root.campaigns-swiper {

    position: relative;

    background: #f8f8f8

}



.swiper-content-root.campaigns-swiper .content-container {

    position: static;

    padding: 86px 0 90px

}



.swiper-content-root.campaigns-swiper .content-container .tab-block {

    justify-content: center;

    margin: 0 0 5em;

    padding: 0;

    text-align: center

}



.swiper-content-root.campaigns-swiper .content-container .tab-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    flex: auto

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

    height: 513px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    width: 53%;

    height: 100%

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

    text-align: left;

    width: 35%;

    padding: 0 0 0 78px;

    margin: 0

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count {

    position: relative;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #e31f2e

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count:after {

    content: "";

    height: 1px;

    width: 25px;

    background-color: #e31f2e;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: -40px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

    line-height: 2;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

    line-height: 1.4;

    margin: 28px 0 20px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #000

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.elect-desc {

    line-height: 1.4 !important;

    color: #000 !important;

    font-size: 22px !important

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

    width: 100%;

    display: flex;

    padding: 18px 0 0

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

    margin: 0 50px 0 0;

    min-width: 290px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 0 15px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-container {

    box-shadow: none

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block {

    margin: 68px 0 25px;

    flex-direction: column

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .nav-item {

    display: flex;

    justify-content: center;

    align-items: center

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more {

    transition: all .4s;

    justify-content: flex-start;

    width: 290px;

    padding: 0 35px

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more span {

    display: flex;

    align-items: center;

    width: 100%;

    height: 13px;

    border: transparent;

    border-radius: 0;

    margin: 0 0 0 20px;

    cursor: pointer

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more .icon-more {

    text-align: center

}



.swiper-content-root.campaigns-swiper .newsletter-root {

    padding: 0 22vw 130px

}



.swiper-content-root.campaigns-swiper .newsletter-root .newsletter-container .form-root {

    border: none

}



.swiper-content-root.campaigns-swiper .newsletter-root .newsletter-container .form-root .form-block {

    margin: 4vh 0 0;

    justify-content: flex-start

}



.swiper-content-root.campaigns-swiper .newsletter-root .newsletter-container .form-root .input-item {

    margin: 0 0 0 30px;

    width: 43.5%

}



.swiper-content-root.campaigns-swiper .newsletter-root .newsletter-container .form-root .checkbox-block {

    padding: 10px 64px

}



.swiper-content-root.campaigns-swiper.anim .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item, .swiper-content-root.campaigns-swiper.anim .content-container .tab-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.swiper-content-root.campaigns-swiper.anim .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.swiper-content-root.campaigns-swiper.anim .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.swiper-content-root.campaigns-swiper.anim .content-container .swiper-wrapper .arr-btn-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.swiper-content-root.campaigns-swiper.anim .content-container .nav-block {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.swiper-content-root.campaigns-swiper.animation-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item, .swiper-content-root.campaigns-swiper.animation-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block, .swiper-content-root.campaigns-swiper.animation-root .content-container .tab-block {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.swiper-content-root.campaigns-swiper.animation-root .content-container .swiper-wrapper .arr-btn-item {

    opacity: 0;

    -webkit-transform: translateY(calc(-50% + 40px));

    transform: translateY(calc(-50% + 40px))

}



.swiper-content-root.campaigns-swiper.animation-root .content-container .nav-block {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.swiper-content-root.campaigns-page-root {

    position: relative;

    background-color: #fff

}



.swiper-content-root.campaigns-page-root .content-container {

    position: static;

    padding: 86px 0 10px

}



.swiper-content-root.campaigns-page-root .content-container .tab-block {

    justify-content: center;

    margin: 0 0 5em;

    padding: 0;

    text-align: center

}



.swiper-content-root.campaigns-page-root .content-container .tab-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    flex: auto

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper {

    height: 513px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

    width: 53%;

    height: 100%

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

    text-align: left;

    width: 35%;

    padding: 0 0 0 78px;

    margin: 0

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count {

    position: relative;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #e31f2e

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count:after {

    content: "";

    height: 1px;

    width: 25px;

    background-color: #e31f2e;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: -40px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

    line-height: 2;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

    line-height: 1.4;

    margin: 28px 0 20px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #000

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

    width: 100%;

    display: flex;

    padding: 18px 0 0

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

    margin: 0 50px 0 0;

    min-width: 290px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 0 15px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-container {

    box-shadow: none

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block {

    margin: 68px 0 25px;

    flex-direction: column

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .nav-item {

    display: flex;

    justify-content: center;

    align-items: center

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more {

    transition: all .4s;

    justify-content: flex-start;

    width: 290px;

    padding: 0 35px

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more span {

    display: flex;

    align-items: center;

    width: 100%;

    height: 13px;

    border: transparent;

    border-radius: 0;

    margin: 0 0 0 20px;

    cursor: pointer

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more .icon-more {

    text-align: center

}



.swiper-content-root.campaigns-page-root .newsletter-root {

    padding: 0 22vw 130px

}



.swiper-content-root.campaigns-page-root .newsletter-root .newsletter-container .form-root {

    border: none

}



.swiper-content-root.campaigns-page-root .newsletter-root .newsletter-container .form-root .form-block {

    margin: 4vh 0 0;

    justify-content: flex-start

}



.swiper-content-root.campaigns-page-root .newsletter-root .newsletter-container .form-root .input-item {

    margin: 0 0 0 30px;

    width: 43.5%

}



.swiper-content-root.campaigns-page-root .newsletter-root .newsletter-container .form-root .checkbox-block {

    padding: 10px 64px

}



.nav-block {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 6em 0 8em

}



.nav-block span {

    width: 13px;

    min-width: 13px;

    height: 13px;

    border: 3px solid #000;

    border-radius: 50%;

    margin: 0 0 0 15px;

    cursor: pointer

}



.nav-block span:first-child {

    margin: 0

}



.nav-block span.active {

    width: 19px;

    min-width: 19px;

    height: 19px;

    background: #e31f2e;

    border: none

}



.video-root {

    padding: 15px 0 10em

}



.video-root .video-container {

    height: 560px;

    position: relative;

    padding: 15px 5vw

}



.video-root .video-container .video-block {

    height: 100%

}



.video-root .video-container .video-block .video-item {

    display: flex;

    justify-content: space-between;

    height: 100%

}



.video-root .video-container .video-block .video-item .text-block {

    position: relative;

    width: 35%

}



.video-root .video-container .video-block .video-item .text-block .count {

    position: relative;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 26px;

    color: #e31f2e;

    line-height: 72px

}



.video-root .video-container .video-block .video-item .text-block .count:after {

    position: absolute;

    content: "";

    height: 1px;

    background-color: #e31f2e;

    width: 50px;

    margin-left: 30px;

    top: 50%

}



.video-root .video-container .video-block .video-item .text-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 42px;

    color: #000;

    margin: 8.2vh 0 4.4vh

}



.video-root .video-container .video-block .video-item .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 2

}



.video-root .video-container .video-block .video-item .text-block .video-nav-block {

    width: 98%

}



.video-root .video-container .video-block .video-item .iframe-item {

    width: 60.4%;

    height: 100%;

    mix-blend-mode: color

}



.video-root .video-container .video-block .video-item .iframe-item .btn-item {

    cursor: pointer;

    z-index: 2;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.video-root .video-container .video-block .video-item .iframe-item .btn-item span {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 16px;

    color: #fff;

    letter-spacing: 8px

}



.video-root .video-container .video-block .video-item .iframe-item .btn-item .arr-play {

    margin: 0 0 15px 10px;

    width: 0;

    height: 0;

    border-top: 45px solid transparent;

    border-bottom: 45px solid transparent;

    border-left: 60px solid #fff

}



.video-root .video-container .video-block .video-item .iframe-item video {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.video-root .video-container .video-nav-block {

    display: flex;

    justify-content: space-between;

    width: 22%;

    position: absolute;

    bottom: 27px

}



.video-root .video-container .video-nav-block .arr-item {

    display: flex;

    align-items: center;

    cursor: pointer

}



.video-root .video-container .video-nav-block .arr-item:hover i {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.video-root .video-container .video-nav-block .arr-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.video-root .video-container .video-nav-block .arr-item i {

    margin: 0 15px 0 0;

    transition: all .3s cubic-bezier(.65, .05, .36, 1)

}



.video-root .video-container .video-nav-block .arr-item i:before {

    font-size: 50px

}



.video-root .video-container .video-nav-block .arr-item.disabled {

    opacity: .4;

    cursor: auto

}



.video-root .video-container .video-nav-block .arr-item.disabled:hover i {

    -webkit-transform: none;

    transform: none

}



.video-root .video-container .video-nav-block .arr-item.disabled.right:hover i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.video-root .video-container .video-nav-block .arr-item.right i {

    margin: 0 0 0 15px;

    display: flex;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.video-root .video-container .video-nav-block .arr-item.right:hover i {

    -webkit-transform: translateX(10px) rotate(180deg);

    transform: translateX(10px) rotate(180deg)

}



.video-root .video-container .video-nav-block .count-item {

    align-items: center;

    justify-content: space-between;

    display: flex

}



.video-root .video-container .video-nav-block .count-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    letter-spacing: 1px

}



.video-root .video-container .video-nav-block .count-item span + span {

    margin: 0 0 0 3px

}



.video-root .video-container .video-nav-block .count-item span:first-child {

    color: #e31f2e

}



.slider-root {

    padding: 14.6em 0 0

}



.slider-root .head-block {

    text-align: center;

    margin: 0 0 65px

}



.slider-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    margin: 0 0 20px;

    line-height: 28px

}



.slider-root .head-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    max-width: 800px;

    margin: 0 auto

}



.slider-root .slider-container {

    position: relative

}



.slider-root .slider-container .slider-wrapper {

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    height: 100%;

    width: 1320px

}



.slider-root .slider-container .slider-wrapper .slider-block {

    white-space: nowrap;

    text-align: center;

    transition: all .5s cubic-bezier(.64, 0, .36, 1)

}



.slider-root .slider-container .slider-wrapper .slider-block .slide-item {

    display: inline-block;

    vertical-align: text-top

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item {

    box-shadow: 0 50px 80px rgba(0, 0, 0, .04);

    background-color: #fff;

    border-radius: 10px;

    height: 535px;

    width: 400px;

    white-space: normal;

    margin: 0 20px

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item {

    width: 100%;

    height: 290px

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item img {

    object-fit: cover;

    height: 100%;

    width: 100%

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block {

    padding: 3em 4em 4em;

    text-align: left

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block .sub-head-text {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    margin: 0 0 10px;

    line-height: 26px;

    display: block

}



.slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #8e8e8e;

    line-height: 26px

}



.slider-root .slider-container .arr-btn-item {

    left: -45px;

    top: 39%

}



.slider-root .slider-container .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto;

    pointer-events: none

}



.slider-root .slider-container .arr-btn-item.next-btn {

    left: auto;

    right: -45px

}



.hardware-root {

    padding: 6.68em 0

}



.hardware-root .head-block {

    margin: 0 0 84px;

    text-align: center;

    padding: 0 30px

}



.hardware-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    margin: 0 0 25px

}



.hardware-root .head-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 1.4;

    max-width: 800px;

    margin: 0 auto

}



.hardware-root .hardware-container {

    display: flex;

    align-items: center

}



.hardware-root .hardware-container .wheel-block {

    position: relative;

    width: 22%;

    text-align: center;

    margin: 0 55px 0 0;

    padding: 48px 0 0

}



.hardware-root .hardware-container .wheel-block i {

    cursor: pointer

}



.hardware-root .hardware-container .wheel-block i:before {

    font-size: 10px

}



.hardware-root .hardware-container .wheel-block .tab-slider-block {

    height: 355px;

    overflow: hidden

}



.hardware-root .hardware-container .wheel-block ul {

    transition: all .5s cubic-bezier(0, .51, .35, .99)

}



.hardware-root .hardware-container .wheel-block ul li {

    margin: 0 0 20px;

    cursor: pointer

}



.hardware-root .hardware-container .wheel-block ul li.active p, .hardware-root .hardware-container .wheel-block ul li:hover p {

    color: #e31f2e

}



.hardware-root .hardware-container .wheel-block ul li.active p:before, .hardware-root .hardware-container .wheel-block ul li:hover p:before {

    width: 100%;

    background: #e31f2e

}



.hardware-root .hardware-container .wheel-block ul li p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    display: inline-block;

    position: relative

}



.hardware-root .hardware-container .wheel-block ul li p:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -18px;

    width: 0;

    height: 4px;

    background: transparent;

    transition: all .5s;

    -webkit-transition: all .5s

}



.hardware-root .hardware-container .wheel-block ul li span {

    display: none

}



.hardware-root .hardware-container .hardware-content {

    width: 70.5%;

    box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1)

}



.hardware-root .hardware-container .hardware-content .content-item {

    display: flex;

    align-items: center

}



.hardware-root .hardware-container .hardware-content .img-container {

    width: 62%;

    position: relative;

    overflow: hidden;

    height: 500px

}



.hardware-root .hardware-container .hardware-content .img-container .img-item {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: -1

}



.hardware-root .hardware-container .hardware-content .img-container .img-item.animImg {

    -webkit-animation: leftToRightImg .5s cubic-bezier(.65, .05, .36, 1) 0s 1;

    animation: leftToRightImg .5s cubic-bezier(.65, .05, .36, 1) 0s 1;

    z-index: 0;

    opacity: 1

}



.hardware-root .hardware-container .hardware-content .img-container .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.hardware-root .hardware-container .hardware-content .text-block {

    width: 38.2%;

    padding: 0 50px;

    text-align: center

}



.hardware-root .hardware-container .hardware-content .text-block.anim .sub-head-text {

    -webkit-animation: leftToRight-1 .5s cubic-bezier(.65, .05, .36, 1) 0s 1;

    animation: leftToRight-1 .5s cubic-bezier(.65, .05, .36, 1) 0s 1

}



.hardware-root .hardware-container .hardware-content .text-block.anim .text-item {

    -webkit-animation: leftToRight-2 .6s cubic-bezier(.65, .05, .36, 1) 0s 1;

    animation: leftToRight-2 .6s cubic-bezier(.65, .05, .36, 1) 0s 1

}



.hardware-root .hardware-container .hardware-content .text-block.anim .share-item {

    -webkit-animation: leftToRight-3 .7s cubic-bezier(.65, .05, .36, 1) 0s 1;

    animation: leftToRight-3 .7s cubic-bezier(.65, .05, .36, 1) 0s 1

}



.hardware-root .hardware-container .hardware-content .text-block .sub-head-text {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    margin: 0 0 20px;

    line-height: 1.5;

    display: block

}



.hardware-root .hardware-container .hardware-content .text-block p {

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #8e8e8e;

    margin: 0 0 55px;

    line-height: 26px

}



.tecnical-detail-root {

    background-color: #f8f8f8;

    padding: 115px 0 50px

}



.tecnical-detail-root .head-block {

    border-bottom: 1px solid rgba(0, 0, 0, .1)

}



.tecnical-detail-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    line-height: 31px;

    text-align: center;

    letter-spacing: 5px;

    margin: 0 0 80px

}



.tecnical-detail-root .head-block ul {

    justify-content: center;

    display: flex

}



.tecnical-detail-root .head-block ul li {

    margin: 0 37px;

    padding: 0 0 22px;

    position: relative;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    cursor: pointer

}



.tecnical-detail-root .head-block ul li.active, .tecnical-detail-root .head-block ul li:hover {

    color: #e31f2e

}



.tecnical-detail-root .head-block ul li.active:before, .tecnical-detail-root .head-block ul li:hover:before {

    width: 100%

}



.tecnical-detail-root .head-block ul li:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background: #e31f2e;

    transition: all .5s

}



.tecnical-detail-root .td-container {

    display: flex;

    padding: 73px 0 0

}



.tecnical-detail-root .td-container .image-block {

    height: 100%;

    flex: 1 1;

    object-fit: cover;

    margin: 16px 0 0

}



.tecnical-detail-root .td-container .image-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.tecnical-detail-root .td-container .right-block {

    padding: 0 0 0 96px;

    flex: 1.3 1

}



.tecnical-detail-root .td-container .right-block .right-head-text {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 48px;

    color: #000;

    letter-spacing: -.8px;

    margin: 0 0 6.2vh;

    display: block

}



.tecnical-detail-root .td-container .right-block .text-block {

    display: flex;

    flex-wrap: wrap

}



.tecnical-detail-root .td-container .right-block .text-block .text-item {

    width: 44%;

    margin: 0 0 40px

}



.tecnical-detail-root .td-container .right-block .text-block .text-item:nth-child(2n) {

    margin: 0 0 40px 6%

}



.tecnical-detail-root .td-container .right-block .text-block .text-item .right-sub-head {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #000;

    line-height: 15px;

    letter-spacing: .8px;

    margin: 0 0 10px

}



.tecnical-detail-root .td-container .right-block .text-block .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 1.5

}



.tecnical-detail-root .td-container .right-block .bottom-block {

    margin: 10px 0 0;

    display: flex;

    align-items: center

}



.tecnical-detail-root .td-container .right-block .bottom-block .detail-block {

    width: 44%;

    cursor: pointer

}



.tecnical-detail-root .td-container .right-block .bottom-block .detail-block i {

    color: #e31f2e

}



.tecnical-detail-root .td-container .right-block .bottom-block .detail-block i:before {

    font-size: 12px

}



.tecnical-detail-root .td-container .right-block .bottom-block .detail-block span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    letter-spacing: 1.8px

}



.tecnical-detail-root .td-container .right-block .bottom-block .share-block {

    margin: 0 0 0 5%;

    display: flex;

    flex-direction: column;

    width: 44%

}



.tecnical-detail-root .td-container .right-block .bottom-block .share-block .pdf-item {

    margin: 0 50px 10px 10px;

    border-bottom: 1px solid #d8d8d8;

    padding: 0 0 15px;

    cursor: pointer

}



.tecnical-detail-root .td-container .right-block .bottom-block .share-block .pdf-item span {

    margin: 0 0 0 10px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000

}



.tecnical-detail-root .td-container .right-block .bottom-block .share-block .pdf-item i:before {

    font-size: 17px;

    color: #000

}



.costlist-root {

    margin: 0 0 60px

}



.costlist-root .cl-container {

    width: 81.7%;

    margin: 0 auto

}



.costlist-root .cl-container h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    text-align: center;

    margin: 118px 0 64px;

    padding: 0 0 50px;

    border-bottom: 1px solid #e6e6e6

}



.costlist-root .cl-container .text-block {

    display: flex;

    padding: 0 2vw;

    flex-wrap: wrap;

    border-bottom: 1px solid #e6e6e6

}



.costlist-root .cl-container .text-block .text-item {

    max-width: 280px;

    margin: 0 2vw

}



.costlist-root .cl-container .text-block .text-item h4 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    line-height: 24px;

    margin: 0 0 10px

}



.costlist-root .cl-container .text-block .text-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #e31f2e;

    line-height: 36px;

    letter-spacing: 1.7px;

    padding: 0 0 60px

}



.hidden-title-item {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    z-index: -1

}



.ql-align-center {

    text-align: center

}



.engineering-root {

    background: linear-gradient(180deg, #070707, hsla(0, 0%, 55.7%, 0) 70.33%);

    padding: 70px 100px 0;

    position: relative

}



.engineering-root.jazz {

    background: linear-gradient(180deg, #3c6caf, rgba(168, 187, 201, 0))

}



.engineering-root.jazz .engineering-container h2 {

    width: 57%

}



.engineering-root.jazz .engineering-container .engineering-block .engineering-item {

    height: 500px

}



.engineering-root .bg-img {

    position: absolute;

    width: 100%;

    height: auto;

    left: 0;

    top: 0;

    z-index: -1

}



.engineering-root .engineering-container {

    max-width: 1728px;

    margin: 0 auto;

    text-align: center;

    padding: 180px 0 0

}



.engineering-root .engineering-container .nav-block {

    display: none

}



.engineering-root .engineering-container h2 {

    font-family: "SharpGroteskSmBold25-Regular", Arial, Helvetica, sans-serif;

    text-align: center;

    font-size: 35px;

    line-height: 50px;

    color: #fff;

    width: 50%;

    margin: 0 auto

}



.engineering-root .engineering-container .description {

    padding: 40px 0 70px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 25px;

    line-height: 39px;

    color: #fff;

    width: 65%;

    margin: 0 auto

}



.engineering-root .engineering-container .engineering-block {

    display: grid;

    grid-gap: 20px;

    gap: 20px;

    grid-template-columns:auto auto auto auto;

    align-items: center;

    justify-content: center;

    margin: 0 20px

}



.engineering-root .engineering-container .engineering-block .engineering-item {

    background: linear-gradient(180.09deg, #fff 100%, hsla(0, 0%, 100%, 0) 0);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    -webkit-filter: drop-shadow(0 -14px 30px #fff) invert(1%);

    filter: drop-shadow(0 -14px 30px rgb(255, 255, 255)) invert(1%);

    box-shadow: 0 -14px 30px rgba(0, 0, 0, .18);

    margin: 0 auto;

    height: 450px;

    padding: 55px 0 0

}



.engineering-root .engineering-container .engineering-block .engineering-item img {

    width: 140px;

    height: 140px

}



.engineering-root .engineering-container .engineering-block .engineering-item p {

    font-family: "SharpGroteskBookburo", Arial, Helvetica, sans-serif;

    font-size: 20px;

    line-height: 30px;

    color: #000;

    width: 80%

}



.logR-content-wrapper {

    margin: 129px auto;

    max-width: 1816px;

    padding: 0 64px

}



.logR-content-wrapper .logR-text-block {

    width: 55%

}



.logR-content-wrapper .logR-content-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 48px 0 0

}



.logR-content-wrapper .logR-content-item .logR-img-item {

    border-radius: 8px;

    overflow: hidden;

    width: 55%

}



.logR-content-wrapper .logR-content-item .logR-img-item img {

    max-width: 100%

}



.logR-content-wrapper .logR-content-item:first-child {

    margin: 0

}



.logR-content-wrapper .logR-content-item:nth-child(2n) {

    flex-direction: row-reverse

}



.logR-content-wrapper .logR-content-item:nth-child(2n) .logR-content-text-item {

    margin: 0 0 0 50px

}



.logR-content-wrapper .logR-content-item p {

    color: #000;

    font-family: "SharpGroteskLight25-Regular", Arial, Helvetica, sans-serif;

    font-size: 20px;

    line-height: 36px;

    margin: 0 50px 0 0

}



.logR-content-wrapper.typer-interior-accessory {

    margin: 0 auto 100px

}



.logR-content-wrapper.typer-interior-accessory .head-title-block {

    text-align: center

}



.logR-content-wrapper.typer-interior-accessory .head-title-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Arial, Helvetica, sans-serif;

    color: #000;

    margin: 100px 0;

    font-size: 40px;

    line-height: 49px

}



.logR-content-wrapper.typer-interior-accessory .logR-content-item h3 {

    font-family: "SharpGroteskSmBold25-Regular", Arial, Helvetica, sans-serif;

    color: #000;

    font-size: 40px;

    line-height: 49px;

    margin: 0 0 32px

}



.logR-content-wrapper.typer-interior-accessory .logR-content-text-item {

    width: 77%

}



.logR-info-wrapper {

    background-color: #171717;

    position: relative;

    overflow: hidden

}



.logR-info-wrapper .logR-info-container {

    padding: 78px 6vw

}



.logR-info-wrapper .logR-info-img-item {

    position: absolute;

    top: 71px;

    left: 0;

    width: 835px;

    height: 600px

}



.logR-info-wrapper .logR-info-text-item p {

    text-align: center;

    font-family: "SharpGroteskMedium25-Regular", Arial, Helvetica, san-serif;

    font-size: 24px;

    line-height: 40px;

    color: #fff

}



.logR-discover-wrapper .logR-discover-container {

    min-height: 43vw;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.logR-discover-wrapper .logR-discover-text-block {

    width: 58%;

    padding: 20px 40px 20px 11.5vw

}



.logR-discover-wrapper .logR-discover-text-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Arial, Helvetica, sans-serif;

    font-size: 40px;

    line-height: 49px

}



.logR-discover-wrapper .logR-discover-text-block p {

    font-family: "SharpGroteskLight25-Regular", Arial, Helvetica, sans-serif;

    font-size: 20px;

    line-height: 36px;

    margin: 40px 0 0

}



.logR-discover-wrapper .logR-discover-text-block .detail-btn {

    margin: 30px auto 0 0;

    background-color: #bc0000;

    width: 400px;

    height: 83px

}



.logR-discover-wrapper .logR-discover-text-block .detail-btn span {

    font-size: 22px;

    line-height: 100px

}



.logR-discover-wrapper .logR-discover-img-item {

    max-width: 1092px;

    width: 100%;

    height: 100%

}



.logR-discover-wrapper .logR-discover-img-item img {

    max-width: 100%;

    display: block

}



.rectangle {

    position: absolute;

    left: 50%;

    bottom: 25%;

    width: 64%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.rectangle.mobile {

    display: none

}



.numbers-slider-root.typer-slider {

    padding: 0 120px 120px;

    position: relative

}



.numbers-slider-root.typer-slider .slider-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.numbers-slider-root.typer-slider h2 {

    text-align: center;

    font-size: 48px;

    color: #000;

    margin: 0 0 102px;

    padding: 90px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.numbers-slider-root.typer-slider .numbers-slider-container {

    padding: 0

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block {

    margin: 50px 0 18px;

    justify-content: flex-start

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .arr-item.right i {

    margin: 0 0 0 6.5px

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .arr-item i {

    margin: 0 6.5px 0 0

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .count-item {

    margin: 0 106px

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .count-item span:first-child {

    color: #000

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item {

    width: 57%;

    max-width: 970px;

    height: 600px

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item img {

    height: 100%;

    object-fit: cover

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block {

    width: 40%;

    justify-content: space-between;

    margin: 50px 0 0

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block h3 {

    font-size: 40px;

    margin: 21px 0 27px

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block .count {

    color: #000

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block .count:after {

    background-color: #000

}



.numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

    height: 430px

}



.numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

    height: 470px

}



.discover-root {

    width: 100%;

    position: relative

}



.discover-root .discover-bg {

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0

}



.discover-root .discover-bg, .discover-root .discover-bg img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.discover-root .discover-container {

    position: relative;

    height: 690px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0 0 0 126px

}



.discover-root .discover-container .detail-btn {

    margin: 0 0 22px;

    width: 229px;

    height: 83px

}



.discover-root .discover-container .detail-btn span {

    font-size: 22px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    letter-spacing: 1px

}



.discover-root .discover-container .text-item p {

    font-size: 31px;

    line-height: 36px;

    color: #fff;

    font-family: "SharpGroteskLight25-Regular", Arial, Helvetica, sans-serif;

    max-width: 465px;

    margin: 24px 0 42px

}



.discover-root .discover-container .text-item h3 {

    font-size: 48px;

    line-height: 60px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff

}



.civic-anim {

    display: flex;

    position: relative

}



.civic-anim .model-list-list.typer {

    position: absolute;

    left: 0

}



.typer-design {

    background: #111 !important;

    padding: 50px 0 !important

}



.typer-container {

    background: linear-gradient(180deg, #171717 32.28%, #bc0000 115.45%)

}



.model-list-block {

    justify-content: center !important;

    align-items: center !important

}



.model-list-block .model-list-list {

    margin: 0 3px 5px !important

}



.model-anim-block {

    position: relative;

    display: flex;

    align-items: flex-start;

    justify-content: center

}



.model-anim-block .model-anim-item {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .5s

}



.model-anim-block .model-anim-item.first .model-list-list {

    transition: 1s

}



.model-anim-block .model-anim-item.second {

    position: relative

}



.model-anim-block .model-anim-item.second .civic {

    position: relative;

    left: 0;

    background-color: #fff;

    z-index: 2;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

    transition: 1s

}



.model-anim-block .model-anim-item.second .civic.hovered {

    background: #fff;

    z-index: 2;

    position: relative;

    left: -100px;

    transition: 1s

}



.model-anim-block .model-anim-item.second .typer {

    position: absolute !important;

    right: 0;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

    top: 0;

    z-index: 1;

    transition: 1s

}



.model-anim-block .model-anim-item.second .typer.hovered {

    position: absolute !important;

    right: -145px;

    transition: 1s

}



.model-anim-block .model-anim-item.first > .model-list-list {

    background: #fff;

    z-index: 2;

    position: relative;

    left: 0;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.model-anim-block .model-anim-item.first > .hovered {

    background: #fff;

    z-index: 2;

    position: relative;

    left: -100px;

    transition: 1s

}



.car-model-block {

    display: flex;

    align-items: center;

    justify-content: center

}



.model-list-root.anim2 .model-anim-block .model-anim-item.second .civic, .model-list-root.anim .model-anim-block .model-anim-item.second .civic {

    -webkit-animation-name: firstAnim;

    animation-name: firstAnim

}



.model-list-root.anim2 .model-anim-block .model-anim-item.second .typer, .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

    -webkit-animation-name: secAnim !important;

    animation-name: secAnim !important

}



.model-list-root.anim2 .model-anim-block .model-anim-item.first > .model-list-list, .model-list-root.anim .model-anim-block .model-anim-item.first > .model-list-list {

    -webkit-animation-name: firstAnim;

    animation-name: firstAnim

}



.open-model-root .model-list-root.anim .model-anim-block .model-anim-item.second .civic, .open-model-root .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

    -webkit-animation-name: none !important;

    animation-name: none !important;

    -webkit-animation: none !important;

    animation: none !important

}



.open-model-root .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

    position: relative;

    left: 0;

    top: 0

}



.open-model-root .model-list-root.anim .model-anim-block .model-anim-item.first > .model-list-list {

    -webkit-animation-name: none !important;

    animation-name: none !important;

    -webkit-animation: none !important;

    animation: none !important

}



@-webkit-keyframes firstAnim {

    0% {

        left: 0

    }

    25% {

        left: -100px

    }

    50% {

        left: 0

    }

    75% {

        left: -100px

    }

    to {

        left: 0

    }

}



@keyframes firstAnim {

    0% {

        left: 0

    }

    25% {

        left: -100px

    }

    50% {

        left: 0

    }

    75% {

        left: -100px

    }

    to {

        left: 0

    }

}



@-webkit-keyframes secAnim {

    0% {

        right: 0

    }

    25% {

        right: -145px

    }

    50% {

        right: 0

    }

    75% {

        right: -145px

    }

    to {

        right: 0

    }

}



@keyframes secAnim {

    0% {

        right: 0

    }

    25% {

        right: -145px

    }

    50% {

        right: 0

    }

    75% {

        right: -145px

    }

    to {

        right: 0

    }

}



.sub-banner-root.news-banner .head-text {

    top: 59%

}



.sub-banner-root.news-banner .head-text h1 {

    font-size: 48px;

    line-height: 50px

}



.news-root {

    padding: 80px 0

}



.news-root .last-news-block {

    display: flex;

    align-items: center

}



.news-root .last-news-block .img-item {

    width: 680px;

    height: 453px;

    overflow: hidden

}



.news-root .last-news-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.news-root .last-news-block .text-block {

    width: 42%;

    padding: 0 4vw

}



.news-root .last-news-block .text-block .label-item {

    margin: 0 0 25px

}



.news-root .last-news-block .text-block .label-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e31f2e

}



.news-root .last-news-block .text-block .label-item span:before {

    content: "";

    width: 25px;

    height: 2px;

    background-color: #000;

    vertical-align: middle;

    margin: 0 25px 0 0;

    display: inline-block

}



.news-root .last-news-block .text-block .text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #000;

    line-height: 1.5;

    margin: 0 0 20px

}



.news-root .last-news-block .text-block .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    line-height: 2

}



.news-root .last-news-block .text-block .btn-block {

    display: flex;

    align-items: center;

    margin: 25px 0 0

}



.news-root .last-news-block .text-block .btn-block .detail-btn {

    margin: 0 40px 0 0

}



.news-root .news-list-container {

    margin: 15em 0 0

}



.news-root .news-list-container .head-text {

    text-align: center;

    margin: 0 0 45px

}



.news-root .news-list-container .head-text h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px

}



.news-root .news-list-container .news-list-block {

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.news-root .news-list-container .news-list-block .news-item {

    width: 22.2%;

    text-align: center;

    margin: 0 0 70px 1.4%;

    border-radius: 10px;

    box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1)

}



.news-root .news-list-container .news-list-block .news-item:nth-child(4n+1) {

    margin: 0 0 70px

}



.news-root .news-list-container .news-list-block .news-item .img-item {

    width: 100%;

    height: 210px;

    overflow: hidden

}



.news-root .news-list-container .news-list-block .news-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.news-root .news-list-container .news-list-block .news-item .text-item {

    padding: 20px 40px

}



.news-root .news-list-container .news-list-block .news-item .text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 1.6;

    height: 128px;

    margin: 0 0 25px;

    overflow: hidden

}



.news-root .news-list-container .news-list-block .news-item .text-item .detail-btn {

    max-width: 100%

}



.news-root .news-list-container .news-list-block .news-item .text-item .share-item {

    margin: 20px 0 0

}



.news-root .news-list-container .show-more {

    transition: all .4s

}



.news-root .news-list-container .show-more:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.news-root.news-widget {

    background-color: #f8f8f8

}



.news-root.news-widget .news-list-container {

    margin: 0 auto

}



.news-root.news-widget .news-list-container .news-list-block .news-item {

    background-color: #fff

}



.news-root.news-widget .news-list-container .news-list-block .news-item .text-item .detail-btn {

    width: 230px;

    height: 56px

}



.news-root.news-widget .news-list-container .show-more {

    margin: 20px auto;

    width: 280px;

    transition: all .4s;

    padding: 0 50px

}



.news-root.news-widget .news-list-container .show-more:hover {

    box-shadow: 0 10px 24px rgba(0, 0, 0, .093231)

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:first-child {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(2) {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(3) {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(4) {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(5) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(6) {

    -webkit-animation-delay: .54s;

    animation-delay: .54s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(7) {

    -webkit-animation-delay: .63s;

    animation-delay: .63s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(8) {

    -webkit-animation-delay: .72s;

    animation-delay: .72s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(9) {

    -webkit-animation-delay: .81s;

    animation-delay: .81s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(10) {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(11) {

    -webkit-animation-delay: .99s;

    animation-delay: .99s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(12) {

    -webkit-animation-delay: 1.08s;

    animation-delay: 1.08s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(13) {

    -webkit-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(14) {

    -webkit-animation-delay: 1.26s;

    animation-delay: 1.26s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(15) {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(16) {

    -webkit-animation-delay: 1.44s;

    animation-delay: 1.44s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(17) {

    -webkit-animation-delay: 1.53s;

    animation-delay: 1.53s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(18) {

    -webkit-animation-delay: 1.62s;

    animation-delay: 1.62s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(19) {

    -webkit-animation-delay: 1.71s;

    animation-delay: 1.71s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(20) {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(21) {

    -webkit-animation-delay: 1.89s;

    animation-delay: 1.89s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(22) {

    -webkit-animation-delay: 1.98s;

    animation-delay: 1.98s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(23) {

    -webkit-animation-delay: 2.07s;

    animation-delay: 2.07s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(24) {

    -webkit-animation-delay: 2.16s;

    animation-delay: 2.16s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(25) {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(26) {

    -webkit-animation-delay: 2.34s;

    animation-delay: 2.34s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(27) {

    -webkit-animation-delay: 2.43s;

    animation-delay: 2.43s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(28) {

    -webkit-animation-delay: 2.52s;

    animation-delay: 2.52s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(29) {

    -webkit-animation-delay: 2.61s;

    animation-delay: 2.61s

}



.news-root.news-widget .news-list-container.anim .news-list-block .news-item:nth-child(30) {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



.news-root.news-widget .news-list-container.animation-root .news-list-block .news-item {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.news-root .detail-btn {

    width: 230px;

    height: 56px

}



.news-detail-block .content-head-block .head-block {

    margin: 0 130px 0 0;

    width: 40%;

    position: -webkit-sticky;

    position: sticky;

    top: 80px

}



.news-detail-block .content-head-block .head-block .back-btn {

    margin: 0 0 35px;

    display: flex;

    align-items: center

}



.news-detail-block .content-head-block .head-block .back-btn .icon-left-arr-1 {

    margin: 0 12px 0 0

}



.news-detail-block .content-head-block .head-block .back-btn .icon-left-arr-1:before {

    font-size: 9px;

    color: #000

}



.news-detail-block .content-head-block .head-block .back-btn p {

    font-size: 12px;

    color: #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    line-height: 14px;

    letter-spacing: 1px

}



.news-detail-block .content-head-block .head-block h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 28px;

    color: #e31f2e;

    line-height: 1.4;

    margin: 0 0 25px

}



.news-detail-block .content-head-block .head-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 2

}



.news-detail-block .content-head-block .content-block {

    width: 50%

}



.news-detail-block .content-head-block .content-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 1.6;

    margin: 0 0 15px

}



.news-detail-block .content-head-block .content-block p strong {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.news-detail-block .content-head-block .content-block p img {

    max-width: 100%

}



.news-detail-block .content-head-block .content-block ul {

    margin: 0 0 15px

}



.news-detail-block .content-head-block .content-block ul li {

    font-family: SharpGroteskLight25-Regular;

    color: #000;

    font-size: 12px;

    line-height: 26px

}



.double-text-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    position: relative

}



.double-text-block.model-info p {

    text-align: center

}



.double-text-block.segment-detail {

    padding: 160px 25px 0

}



.double-text-block.segment-detail h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-weight: 400;

    line-height: 26px;

    font-size: 14px;

    color: #000;

    margin: 0 0 15px

}



.double-text-block.accesories-text-block h2 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-size: 12px;

    color: #000;

    font-weight: 400;

    line-height: 26px

}



.double-text-block.accesories-text-block a, .double-text-block.accesories-text-block h2 strong {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.double-text-block.accesories-text-block a {

    font-weight: 400

}



.double-text-block .left-block {

    width: 45%;

    position: -webkit-sticky;

    position: sticky;

    top: 80px

}



.double-text-block .left-block.noSticky {

    position: static

}



.double-text-block .left-block img {

    max-width: 100%

}



.double-text-block .right-block {

    width: 48%;

    margin: 0 0 0 3vw

}



.double-text-block .right-block .staticContent p img {

    max-width: 100%

}



.double-text-block a {

    -webkit-text-decoration-line: underline;

    text-decoration-line: underline;

    font-weight: 700;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #000

}



.double-text-block h2 {

    font-size: 16px;

    color: #e31f2e;

    margin: 0 0 30px

}



.double-text-block h2, .double-text-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    line-height: 26px

}



.double-text-block h3 {

    font-size: 14px;

    color: #000;

    margin: 0 0 15px

}



.double-text-block ul {

    margin: 0 0 30px

}



.double-text-block ul li {

    list-style: inside

}



.double-text-block p, .double-text-block ul li {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px

}



.double-text-block p {

    margin: 0 0 25px

}



.double-text-block p.desc {

    font-size: 16px;

    color: #000;

    line-height: 36px

}



.double-text-block p.desc, .double-text-block p h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.double-text-block blockquote {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #8d8d8d;

    margin: 0 0 35px;

    padding: 0

}



.double-text-block blockquote strong {

    font-weight: 400

}



.double-text-block.one-column-block {

    display: block

}



.double-text-block.one-column-block .left-block {

    position: static;

    width: 100%

}



.double-text-block.one-column-block .right-block {

    width: 100%;

    margin: 0

}



.motorcycle-segment-root .cycle-list-root {

    padding: 2vh 70px 9em

}



.motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

    flex-wrap: wrap

}



.motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

    margin: 0 .6vw

}



.motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .lazyload-wrapper {

    width: auto

}



.motorcycle-segment-root .cycle-list-root .tab-model {

    position: relative

}



.motorcycle-segment-root .cycle-list-root .tab-model .back-btn {

    display: flex;

    align-items: center;

    position: absolute;

    left: 0;

    top: 0

}



.motorcycle-segment-root .cycle-list-root .tab-model .back-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    margin: 0 0 0 16px

}



.motorcycle-segment-root .cycle-list-root .tab-model .back-btn i {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.motorcycle-segment-root .cycle-list-root .tab-model .back-btn i:before {

    font-size: 10px;

    color: #000

}



.motorcycle-segment-root .banner-root .banner-container .banner-block.video-bg {

    background: #000

}



.motorcycle-segment-root .banner-root .banner-container .banner-block .content-item {

    position: relative;

    z-index: 1

}



.motorcycle-segment-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

    margin: 0 0 40px

}



.motorcycle-segment-root .banner-root .banner-container .banner-block .content-item .text-block .text-item .second-title-item {

    margin: 0

}



.motorcycle-segment-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p {

    margin: 16px 0 50px

}



.motorcycle-segment-root .banner-root .video-grd {

    background-image: linear-gradient(0deg, transparent, #000);

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0

}



.motorcycle-segment-root .banner-root .play-btn-item {

    width: 270px;

    height: 66px;

    border: 2px solid #fff;

    border-radius: 45px;

    cursor: pointer

}



.motorcycle-segment-root .banner-root .play-btn-item .play-item {

    width: auto;

    min-width: auto;

    height: auto;

    background-color: initial;

    margin: 0 42px 0 30px

}



.motorcycle-segment-root .banner-root .play-btn-item .play-item i:before {

    color: #fff;

    font-size: 12px

}



.motorcycle-segment-root .banner-root .play-btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px

}



.version-detail-root {

    margin: 3.5vh 0 6vh;

    display: flex;

    justify-content: center

}



.version-detail-root .left-block {

    position: relative;

    padding: 0 0 0 3vw;

    width: 50%

}



.version-detail-root .left-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 24px;

    color: #e31f2e;

    line-height: 36px

}



.version-detail-root .left-block .liner {

    position: absolute;

    display: block;

    top: 25px;

    right: 0;

    height: 1px;

    width: 60px;

    background-color: #e31f2e

}



.version-detail-root .right-block {

    margin: 0 0 0 6vw;

    width: 50%

}



.version-detail-root .right-block ul li {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    line-height: 40px

}



.feature-table-block .compare-root {

    padding: 7vh 0 0

}



.feature-table-block .compare-root .head-item {

    margin: 0 0 4em

}



.feature-table-block .compare-root .compare-table-root {

    padding: 0 0 30px

}



.feature-table-block .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

    justify-content: flex-start

}



.feature-table-block .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item.t-1 {

    width: 23%;

    padding: 0 5vw 0 0

}



.feature-table-block .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

    margin: 0

}



.feature-table-block .link-block {

    padding: 80px 0;

    background-color: #fff;

    display: flex;

    justify-content: center

}



.feature-table-block .link-block .detail-btn {

    width: 320px;

    height: 66px;

    margin: 0

}



.model-list-root.model-page {

    padding: 170px 0 20px

}



.model-list-root.model-page h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 6px

}



.model-list-root.model-page .content-container {

    position: relative

}



.model-select-root {

    padding: 5em 5vw 0

}



.model-select-root .model-select-container {

    display: flex

}



.model-select-root .model-select-container .image-block {

    flex: 1 1;

    position: relative;

    height: 560px

}



.model-select-root .model-select-container .image-block:first-child {

    margin: 0 2vw 0 0

}



.model-select-root .model-select-container .image-block .img-item {

    width: 100%;

    height: 100%

}



.model-select-root .model-select-container .image-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.model-select-root .model-select-container .image-block .text-item {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 90%;

    text-align: center;

    top: 45%

}



.model-select-root .model-select-container .image-block .text-item h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    letter-spacing: 1.71px

}



.model-select-root .model-select-container .image-block .text-item p {

    margin: 40px 0 60px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 26px;

    color: #fff;

    line-height: 42px

}



.model-select-root .model-select-container .image-block .gradient-bg {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .5)

}



.model-select-root .model-select-container .image-block .btn-item {

    margin: 0 auto;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 260px;

    height: 66px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s;

    position: absolute;

    bottom: 100px;

    left: 50%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    text-align: center

}



.model-select-root .model-select-container .image-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.model-select-root .model-select-container .image-block .btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.model-select-root .model-select-container .image-block .btn-item.model-compare {

    width: 360px

}



.model-select-root.model-select-ver2-root {

    padding: 150px 30px 0;

    margin: 0 auto;

    max-width: 1500px

}



.model-select-root.model-select-ver2-root .model-select-container .image-block {

    height: 300px

}



.model-select-root.model-select-ver2-root .model-select-container .image-block .text-item {

    top: 35%

}



.model-select-root.model-select-ver2-root .model-select-container .image-block .text-item p {

    font-size: 18px;

    line-height: 28px

}



.model-select-root.model-select-ver2-root .model-select-container .image-block .btn-item {

    bottom: 15%

}



.road-sync-banner-root {

    width: 100%;

    height: 780px

}



.road-sync-banner-root .banner-container {

    padding: 120px 0 0;

    height: 100%;

    position: relative

}



.road-sync-banner-root .banner-container .banner-img-block {

    width: 100%;

    height: 100%

}



.road-sync-banner-root .banner-container .banner-img-block .banner-img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.road-sync-banner-root .banner-container .logo-block {

    position: absolute;

    top: 50%;

    right: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.road-sync-banner-root .banner-container .logo-block .road-sync-app-block {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 16px 0 0

}



.road-sync-banner-root .banner-container .logo-block .road-sync-app-block a:first-child {

    margin: 0 10px 0 0

}



.road-sync-banner-root .banner-container .logo-block .road-sync-app-block a img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.road-sync-banner-root .banner-container .info-tab-container {

    margin: -53px auto 0;

    position: relative;

    z-index: 1;

    padding: 0 7vw

}



.road-sync-banner-root .banner-container .info-tab-container .info-tab-block {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    padding: 20px 0;

    background-color: #202020;

    border-radius: 8px

}



.road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item {

    text-align: center;

    border-left: 1px solid #353535;

    flex: 1 1

}



.road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item:first-child {

    border: none

}



.road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item p {

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    margin: 0;

    line-height: 32px

}



.double-text-img-root.road-sync-double-text {

    padding: 167px 0 50px

}



.double-text-img-root.road-sync-double-text .content-wrapper {

    padding: 0 9.2vw

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block {

    margin: 0 0 70px

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block.first-content {

    height: inherit

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block .img-item {

    flex: 1.2 1

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block .text-block p {

    font-size: 14px;

    line-height: 27px

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block .text-block .lansman-img-item {

    cursor: pointer

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block .text-block .road-sync-list p {

    font-size: 12px

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block:nth-child(2n) {

    flex-direction: row-reverse

}



.double-text-img-root.road-sync-double-text .content-wrapper .content-container .content-block:nth-child(2n) .text-block {

    text-align: right

}



.img-slider-root.info-slider-root {

    background: #fff !important;

    padding: 110px 0 0 !important

}



.img-slider-root.info-slider-root .slider-container {

    height: auto !important

}



.img-slider-root.info-slider-root .slider-container .arr-item:hover:after {

    background-color: #000

}



.img-slider-root.info-slider-root .slider-container .title-block {

    display: block;

    max-width: 500px;

    text-align: center;

    margin: 0 auto 39px

}



.img-slider-root.info-slider-root .slider-container .title-block h2 {

    font-size: 36px;

    line-height: 46px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000

}



.img-slider-root.info-slider-root .slider-container .mask-block {

    display: none

}



.img-slider-root.info-slider-root .slider-container .arr-item {

    top: 44.5%;

    -webkit-tap-highlight-color: transparent

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item {

    vertical-align: top

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item:not(.dct-item).active {

    opacity: 1 !important

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item.active {

    opacity: 1

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item .img-item {

    position: static;

    -webkit-transform: none;

    transform: none

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item {

    position: static;

    display: block;

    -webkit-transform: none;

    transform: none;

    text-align: center;

    margin: 10px 0 0

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    font-size: 28px;

    line-height: 36px;

    max-width: 100%;

    margin: 0 auto

}



.img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p + p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 30px;

    color: #4b4b4b

}



.img-slider-root.oto-slider {

    margin: 220px 0 40px;

    padding: 0 !important

}



.img-slider-root.oto-slider .slider-container {

    max-width: 1324px

}



.img-slider-root.oto-slider .title-block {

    display: none !important

}



.img-slider-root.oto-slider .slider-item {

    width: 630px;

    margin: 0 32px

}



.img-slider-root.oto-slider .slider-item:not(.dct-item) {

    -webkit-transform: scale(1) !important;

    transform: scale(1) !important

}



.img-slider-root.oto-slider .slider-item:first-child {

    margin: 0 32px 0 0

}



.img-slider-root.oto-slider .slider-item:first-child .text-item p:first-child br {

    display: none

}



.img-slider-root.oto-slider .slider-item .text-item {

    opacity: 1 !important;

    display: block;

    text-align: left !important;

    width: 85%;

    margin: 15px 0 0 !important

}



.img-slider-root.oto-slider .slider-item .text-item p:first-child {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 28px !important;

    line-height: 36px !important;

    margin: 0 0 10px !important

}



.img-slider-root.oto-slider .slider-item .text-item p + p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px !important;

    line-height: 18px !important;

    margin: 0 !important

}



.img-slider-root.oto-slider .slider-item img {

    border-radius: 0

}



.img-slider-root.oto-slider .mask-block {

    display: none

}



.img-slider-root.oto-slider .arr-item {

    left: -129px !important;

    top: 177px !important;

    -webkit-transform: none !important;

    transform: none !important

}



.img-slider-root.oto-slider .arr-item.right-arr {

    left: auto !important;

    right: -129px !important

}



.img-slider-root.oto-slider .arr-item:after {

    width: 56.25%;

    height: 56.25%

}



.img-slider-root.oto-slider .arr-item:hover:after {

    background-color: #e31f2e !important

}



.img-slider-root.oto-slider .arr-item.disabled {

    cursor: default

}



.img-slider-root.oto-slider .arr-item.disabled svg path {

    stroke: #000

}



.img-slider-root.oto-slider .arr-item.disabled:after {

    display: none

}



.img-slider-root.cycle-slider {

    background: transparent !important;

    margin: 71px auto 40px;

    max-width: 1328px

}



.img-slider-root.cycle-slider .dot-block {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 35px 0 0;

    min-height: 20px

}



.img-slider-root.cycle-slider .dot-block .dot-item {

    display: block;

    width: 15px;

    height: 15px;

    border: 4px solid #fff;

    border-radius: 50%;

    margin: 0 7.5px;

    cursor: pointer;

    transition: all .2s ease-in-out

}



.img-slider-root.cycle-slider .dot-block .dot-item.active {

    width: 20px;

    height: 20px;

    background: #fff

}



.img-slider-root.cycle-slider .slider-container {

    max-width: 1328px

}



.img-slider-root.cycle-slider .slider-container .slider-block .slider-item {

    width: 32%;

    margin: 0 8px

}



.img-slider-root.cycle-slider .slider-container .slider-block .slider-item img {

    border-radius: 7px

}



.img-slider-root.cycle-slider .slider-container .slider-block .slider-item .text-item p {

    color: #fff !important

}



.cycle-slider-root {

    position: relative

}



.cycle-slider-root .arr-btn-item {

    top: 33%

}



.cycle-slider-root .arr-btn-item:hover .arr-btn {

    border-color: #fff

}



.cycle-slider-root .arr-btn-item span {

    position: absolute;

    top: 80px;

    color: #fff

}



.cycle-slider-root .arr-btn-item.next-btn {

    right: 5%

}



.cycle-slider-root .arr-btn-item .arr-btn {

    top: 0;

    background-color: initial;

    border-color: #fff;

    position: absolute

}



.cycle-slider-root .arr-btn-item .arr-btn i:before {

    color: #fff

}



.installation-root {

    padding: 135px 0 0

}



.installation-root .head-item {

    margin: 0 auto 125px;

    text-align: center

}



.installation-root .head-item h1 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 46px

}



.installation-root .installation-wrapper {

    background-color: #f2f1f6;

    padding: 0 0 112px

}



.installation-root .installation-wrapper .installation-container {

    padding: 0 12vw

}



.installation-root .installation-wrapper .installation-container .top-block .img-block .img-item {

    text-align: center

}



.installation-root .installation-wrapper .installation-container .top-block .img-block .img-item img {

    max-width: 100%;

    margin: -63px auto 0

}



.installation-root .installation-wrapper .installation-container .top-block .text-block {

    display: flex;

    justify-content: space-around

}



.installation-root .installation-wrapper .installation-container .top-block .text-block .text-item {

    width: 29%

}



.installation-root .installation-wrapper .installation-container .top-block .text-block .text-item p {

    font-size: 15px;

    line-height: 27px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.installation-root .installation-wrapper .installation-container .bottom-block {

    text-align: center;

    margin: 43px 0 0

}



.installation-root .installation-wrapper .installation-container .bottom-block .text-item {

    max-width: 90%;

    margin: 35px auto 0

}



.installation-root .installation-wrapper .installation-container .bottom-block .text-item h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px

}



.installation-root .installation-wrapper .installation-container .bottom-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 27px;

    margin: 10px 0 0

}



.installation-root .installation-wrapper .installation-container .img-slider-root {

    display: none;

    background: none !important

}



.installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root {

    padding: 0 !important

}



.installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item {

    -webkit-user-select: none;

    user-select: none;

    display: block;

    background: none;

    left: 0;

    top: 45%;

    width: 50px;

    height: 81px

}



.installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item.right-arr {

    left: auto;

    right: 0

}



.installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item:hover:after {

    background: none

}



.installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .img-item {

    width: 268px;

    margin: 0 auto

}



.suitable-models-root {

    background-color: #111;

    padding: 125px 0

}



.suitable-models-root .suitable-models-container {

    padding: 0 7.5vw

}



.suitable-models-root .suitable-models-container .head-block {

    padding: 0 7.5vw;

    text-align: center

}



.suitable-models-root .suitable-models-container .head-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 46px;

    color: #fff

}



.suitable-models-root .suitable-models-container .head-block p {

    font-size: 16px

}



.suitable-models-root .suitable-models-container .head-block p, .suitable-models-root .suitable-models-container .head-block span {

    max-width: 70%;

    margin: 0 auto;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 30px;

    color: #fff

}



.suitable-models-root .suitable-models-container .head-block span {

    font-size: 12px

}



.suitable-models-root .suitable-models-container .double-img-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 52px 0 57px

}



.suitable-models-root .suitable-models-container .double-img-block .img-block {

    margin: 0 0 0 60px

}



.suitable-models-root .suitable-models-container .double-img-block .img-block:first-child {

    margin: 0

}



.suitable-models-root .suitable-models-container .double-img-block .img-block .img-item img {

    max-width: 100%

}



.suitable-models-root .suitable-models-container .double-img-block .img-block .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 28px;

    line-height: 36px;

    color: #fff

}



.suitable-models-root .suitable-models-container .text-block {

    text-align: center

}



.suitable-models-root .suitable-models-container .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 30px;

    color: #d7d7d7;

    max-width: 78%;

    margin: 0 auto

}



.sync-text-area-root {

    padding: 83px 0 166px;

    background-color: #4ae779

}



.sync-text-area-root .sync-text-area-container {

    padding: 0 12vw;

    text-align: center

}



.sync-text-area-root .sync-text-area-container .text-item {

    margin: 59px 0 0

}



.sync-text-area-root .sync-text-area-container .text-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 46px;

    color: #000

}



.sync-text-area-root .sync-text-area-container .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 30px;

    color: #000;

    max-width: 90%;

    margin: 10px auto 0

}



.sync-text-area-root .sync-text-area-container .road-sync-app-block {

    margin: 16px 0 0

}



.sync-text-area-root .sync-text-area-container .road-sync-app-block a:first-child {

    margin: 0 10px 0 0

}



.sync-more-detail-root {

    padding: 166px 0 153px;

    text-align: center;

    position: relative;

    overflow: hidden

}



.sync-more-detail-root .bg-img-block {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    height: 100%;

    width: 100%

}



.sync-more-detail-root .bg-img-block img {

    height: 100%;

    width: 100%;

    object-fit: cover

}



.sync-more-detail-root h2 {

    font-size: 28px;

    line-height: 42px;

    color: #fff;

    max-width: 50%;

    margin: 0 auto 31px

}



.sync-more-detail-root .btn-item, .sync-more-detail-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.sync-more-detail-root .btn-item {

    font-size: 12px;

    line-height: 15px;

    color: #000;

    border-radius: 49px;

    background-color: #4ae779;

    letter-spacing: 2px;

    padding: 27px 47px;

    display: inline-block

}



.sync-policy-root {

    background-color: #2b2b2b

}



.sync-policy-root .sync-policy-container {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 17px 0;

    text-align: center

}



.sync-policy-root .policy-item {

    padding: 6px 42px;

    border-left: 1px solid #4d4d4d

}



.sync-policy-root .policy-item:first-child {

    border: none

}



.sync-policy-root .policy-item .btn-item {

    color: #fff;

    font-size: 14px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.road-sync-faq {

    background-color: #141414

}



.road-sync-faq .faq-root {

    background-color: initial;

    padding: 0 40px 100px

}



.road-sync-faq .faq-root .faq-container {

    background-color: #fff;

    max-width: 1440px;

    margin: -84px auto 0;

    position: relative;

    z-index: 3

}



.road-sync-faq .faq-root .faq-container h2 {

    display: none

}



.road-sync-faq .faq-root .faq-container .faq-block {

    margin: 0;

    padding: 60px 40px 112px

}



.road-sync-faq .faq-root .faq-container .faq-block .detail-btn {

    display: none

}



.model-line-up-root {

    min-height: 95vh

}



.model-line-up-root .btn-item-red.grey-btn:hover {

    box-shadow: none

}



.model-line-up-root .btn-item-red:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .35)

}



.model-line-up-root .sub-banner-root .scroll-btn {

    width: 52px;

    height: 106px;

    background-color: #fff;

    border-radius: 50px 50px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.model-line-up-root .sub-banner-root .scroll-btn p {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg);

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000;

    letter-spacing: 1px;

    padding: 0 30px 0 0

}



.model-line-up-root .sub-banner-root .scroll-btn .mouse-wheel {

    height: 13px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 13px;

    left: 46%

}



.model-line-up-root .sub-banner-root .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #e31f2e;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.model-line-up-root .sub-banner-root .scroll-btn.survey-btn {

    display: none

}



.model-line-up-root .img-slider-root.oto-slider {

    margin: 100px 0 40px

}



.model-line-up-root .img-slider-root.oto-slider .slider-container .slider-content {

    position: relative

}



.model-line-up-root .img-slider-root.oto-slider .slider-container .title-block {

    max-width: none;

    display: block !important;

    margin: 0 auto 75px

}



.model-line-up-root .img-slider-root.oto-slider .slider-container .title-block h2 {

    font-size: 45px;

    line-height: 1.5

}



.model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

    top: 180px !important

}



.model-category-list-root {

    margin: 100px 0 0

}



.model-category-list-root h1 {

    text-align: center;

    font-size: 45px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    margin: 0 0 70px

}



.model-category-list-root .category-model-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between

}



.model-category-list-root .model-item {

    width: 31.1%

}



.model-category-list-root .model-item:hover .hover-item {

    opacity: 0;

    visibility: hidden

}



.model-category-list-root .model-item .img-block {

    position: relative;

    width: 100%;

    border-radius: 12px;

    overflow: hidden;

    display: block;

    height: 374px

}



.model-category-list-root .model-item .img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.model-category-list-root .model-item .hover-item {

    background-color: rgba(34, 34, 34, .9);

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-in-out

}



.model-category-list-root .model-item .hover-item img {

    width: auto;

    height: auto

}



.model-category-list-root .model-item .info-text-item {

    position: absolute;

    bottom: 24px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 95%;

    text-align: center

}



.model-category-list-root .model-item .info-text-item p {

    color: #fff;

    font-size: 12px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.model-category-list-root .model-item .info-text-item .sub-text-item {

    display: flex;

    align-items: center;

    justify-content: center

}



.model-category-list-root .model-item .info-text-item .sub-text-item p {

    position: relative;

    margin: 0 0 0 28px

}



.model-category-list-root .model-item .info-text-item .sub-text-item p:first-child {

    margin: 0

}



.model-category-list-root .model-item .info-text-item .sub-text-item p:first-child:before {

    display: none

}



.model-category-list-root .model-item .info-text-item .sub-text-item p:before {

    content: "";

    position: absolute;

    left: -14px;

    width: 1px;

    height: 26px;

    background-color: #fff;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.model-category-list-root .text-block {

    text-align: center;

    margin: 21px 0 0;

    min-height: 196px

}



.model-category-list-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 28px;

    color: #000

}



.model-category-list-root .grey-btn {

    background-color: #fff;

    border-color: #dfdfdf;

    margin: 21px auto 0

}



.model-category-list-root .grey-btn span {

    color: #000

}



.model-category-list-root .grey-btn:hover {

    border-color: #e31f2e

}



.model-category-list-root .arr-button-block {

    display: none;

    margin: 20px 0 0;

    align-items: center;

    justify-content: center

}



.model-category-list-root .arr-button-block .arr-item.grey svg path {

    stroke: rgba(0, 0, 0, .3)

}



.model-category-list-root .arr-button-block .number-item {

    text-align: center;

    width: 35px;

    min-width: 35px;

    margin: 0 18px

}



.model-category-list-root .arr-button-block .number-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px

}



.model-category-list-root .arr-button-block svg path {

    stroke: #000

}



.btn-item-red {

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 230px;

    padding: 19px 0;

    background-color: #e31f2e;

    border: 2px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.btn-item-red span {

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.btn-info {

    width: 258px

}



.target-content-root {

    background: linear-gradient(270deg, hsla(0, 0%, 92.9%, 0), hsla(0, 0%, 92.9%, .666078) 67.87%, #ededed);

    padding: 52px 0;

    text-align: center;

    margin: 150px 0

}



.target-content-root .text-block {

    max-width: 1020px;

    margin: 0 auto;

    padding: 0 20px

}



.target-content-root .text-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 45px;

    color: #000

}



.target-content-root .text-block p {

    font-size: 14px;

    line-height: 28px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 30px 0 55px

}



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

    .model-category-list-root .category-model-container {

        margin: 0 60px

    }

}



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

    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 160px !important

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .img-block .hover-item img {

        max-width: 85%

    }

}



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

    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 110px !important

    }

}



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

    .model-line-up-root .sub-banner-root .scroll-btn {

        width: 39px;

        height: 78px

    }



    .model-line-up-root .sub-banner-root .scroll-btn .mouse-wheel {

        top: 10px;

        left: 45%;

        height: 8px

    }



    .model-line-up-root .sub-banner-root .scroll-btn .mouse-wheel:after {

        height: 9px

    }



    .model-line-up-root .sub-banner-root .scroll-btn p {

        padding: 0 18px 0 0;

        font-size: 8px

    }



    .model-line-up-root .img-slider-root {

        min-height: 612px

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 71% !important

    }



    .model-category-list-root h1 {

        font-size: 32px;

        margin: 0 0 57px

    }



    .model-category-list-root .arr-button-block {

        display: flex

    }



    .model-category-list-root .category-model-container {

        width: 100%;

        padding: 0 60px;

        margin: 0;

        overflow: hidden

    }



    .model-category-list-root .category-model-container .category-model-block {

        transition: .3s ease-in-out;

        width: 100%;

        white-space: nowrap;

        display: inline-block

    }



    .model-category-list-root .category-model-container .category-model-block .model-item {

        vertical-align: top;

        width: 100%;

        display: inline-block

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .text-block {

        white-space: normal

    }



    .model-category-list-root .category-model-container .category-model-block .model-item + .model-item {

        margin: 0 0 0 16px

    }



    .target-content-root .text-block h2 {

        font-size: 32px

    }

}



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

    .model-line-up-root .img-slider-root {

        min-height: 670px

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 401px !important

    }



    .model-line-up-root .sub-banner-root {

        height: 600px

    }

}



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

    .model-line-up-root .img-slider-root.oto-slider {

        margin: 55px 0

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .title-block {

        margin: 0 auto 45px

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .title-block h2 {

        font-size: 32px

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 297px !important

    }

}



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

    .model-line-up-root .sub-banner-root {

        height: 500px

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .img-block {

        height: 270px

    }



    .target-content-root {

        margin: 58px 0

    }

}



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

    .model-line-up-root .img-slider-root.oto-slider .slider-container .title-block h2 {

        font-size: 28px

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 251px !important

    }

}



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

    .model-category-list-root h1 {

        font-size: 28px

    }



    .model-category-list-root .category-model-container {

        padding: 0 30px

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .img-block {

        height: 150px

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .info-text-item {

        display: none

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .text-block p {

        font-size: 12px

    }



    .model-category-list-root .category-model-container .category-model-block .model-item + .model-item {

        margin: 0 0 0 10px

    }



    .target-content-root {

        padding: 42px 0

    }



    .target-content-root .text-block h2 {

        font-size: 28px

    }



    .target-content-root .text-block p {

        margin: 22px 0 35px;

        font-size: 12px

    }

}



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

    .model-line-up-root .sub-banner-root {

        height: auto

    }



    .model-line-up-root .sub-banner-root .sub-banner-img {

        object-fit: contain

    }



    .model-line-up-root .img-slider-root.oto-slider .slider-container .arr-item {

        top: 273px !important

    }



    .model-line-up-root .target-content-root .btn-item-red {

        width: 294px

    }

}



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

    .model-line-up-root .img-slider-root.oto-slider .slider-container .title-block h2 {

        font-size: 26px

    }

}



.cycle-dct-root .banner-root h1 {

    font-size: 45px !important

}



.cycle-dct-root .banner-root .scroll-btn .mouse-wheel {

    left: 46%

}



.cycle-dct-root .banner-root .scroll-btn p {

    padding: 0 25px 0 0

}



.cycle-dct-root .play-item {

    pointer-events: none;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.cycle-dct-root .play-item img {

    max-width: 134px;

    height: 134px

}



.cycle-dct-root .sub-menu-root.sticky ul li:after {

    width: 4px;

    background-color: #888

}



.cycle-dct-root .sub-menu-root {

    top: 121px

}



.cycle-dct-root .sub-menu-root ul {

    max-width: 1200px;

    justify-content: space-between;

    width: 100%

}



.cycle-dct-root .sub-menu-root ul li.active:after {

    background-color: #e31f2e

}



.cycle-dct-root .sub-menu-root ul li.active svg path {

    stroke: #e31f2e

}



.cycle-dct-root .sub-menu-root.sticky ul li.active:after {

    background-color: #e31f2e

}



.cycle-dct-root .sub-menu-root.sticky ul li.active {

    color: #e31f2e

}



.cycle-dct-root .sub-menu-root.sticky ul li:before {

    content: none

}



.cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block {

    padding: 0

}



.cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 {

    text-align: center

}



.cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

    margin: 0 auto;

    width: 48%;

    line-height: 1.4

}



.cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

    line-height: 25px;

    font-size: 16px;

    width: 56%

}



.cycle-dct-root .banner-root .scroll-btn {

    display: flex

}



.dct-text-root {

    text-align: center;

    margin: 80px 0

}



.dct-text-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    color: #000;

    margin: 0 0 11px

}



.dct-text-root p {

    padding: 0 5vw;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    letter-spacing: .05px;

    line-height: 200%;

    margin: 0 0 35px

}



.dct-text-root p b {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.dct-text-root .video-block {

    margin: 80px auto 0;

    max-width: 1444px;

    position: relative;

    height: 700px

}



.dct-text-root .video-block iframe {

    border-radius: 16px

}



.dct-text-root .video-block .video-item {

    cursor: pointer;

    height: 100%

}



.dct-text-root .video-block img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 16px;

    overflow: hidden

}



.dct-model-property-root .arr-button-block {

    display: none

}



.dct-model-property-root .title-item {

    margin: 130px 0 85px;

    display: flex;

    justify-content: center

}



.dct-model-property-root .title-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    text-align: center;

    max-width: 600px

}



.dct-model-property-root .grey-item {

    width: 100%;

    height: 400px;

    background: #f8f8f8;

    position: absolute;

    top: 8%;

    left: 0;

    z-index: -1

}



.dct-model-property-root .content-block {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin: 0 0 50px

}



.dct-model-property-root .content-block:nth-child(2n) .content-item-block .mask-item {

    left: 0;

    right: auto

}



.dct-model-property-root .content-block:nth-child(2n) .content-item-block .mask-item:after {

    left: auto;

    right: 0

}



.dct-model-property-root .content-item-block {

    display: flex;

    align-items: center

}



.dct-model-property-root .content-item-block .mask-item {

    width: 100%;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    overflow: hidden

}



.dct-model-property-root .content-item-block .mask-item:after {

    content: "";

    width: 10px;

    height: 100%;

    background-color: #e31f2e;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1

}



.dct-model-property-root .content-item-block .img-item {

    position: relative;

    max-width: 700px;

    width: 100%;

    height: 480px

}



.dct-model-property-root .content-item-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.dct-model-property-root .reverse-item {

    display: flex;

    flex-direction: row-reverse

}



.dct-model-property-root .text-item {

    margin: 0 74px 0 80px;

    max-width: 595px

}



.dct-model-property-root .text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 32px

}



.dct-model-property-root .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px

}



.dct-model-property-root .text-item p b {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.dct-model-property-root img {

    border-radius: 16px

}



.transition-img-root .full-lb-root {

    background: rgba(0, 0, 0, .85);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px)

}



.transition-img-root .full-lb-root .lb-block {

    max-width: calc(100% - 400px);

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center

}



.transition-img-root .full-lb-root .lb-block .slider-container {

    overflow: hidden

}



.transition-img-root .full-lb-root .lb-block .slider-block {

    max-width: 100%;

    height: 650px;

    width: 1000px

}



.transition-img-root .full-lb-root .lb-block .slider-block .slider-item + .slider-item {

    margin: 0 0 0 50px

}



.transition-img-root .full-lb-root .lb-block .close-btn {

    width: 42px;

    height: 42px;

    top: 30px;

    right: -140px

}



.transition-img-root .full-lb-root .lb-block .arr-item {

    width: 128px;

    height: 128px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 2;

    cursor: pointer;

    left: -25px

}



.transition-img-root .full-lb-root .lb-block .arr-item svg {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.transition-img-root .full-lb-root .lb-block .arr-item svg path {

    stroke: #000

}



.transition-img-root .full-lb-root .lb-block .arr-item.right-arr {

    left: auto;

    right: -25px

}



.transition-img-root .full-lb-root .lb-block .arr-item.right-arr svg {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn)

}



.transition-img-root .full-lb-root .lb-block .arr-item:after {

    content: "";

    width: 60px;

    height: 60px;

    position: absolute;

    background-color: initial;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    z-index: -1;

    transition: all .2s ease-in-out

}



.transition-img-root .full-lb-root .lb-block .arr-item:hover svg path {

    stroke: #fff

}



.transition-img-root .full-lb-root .lb-block .arr-item:hover:after {

    background-color: #e31f2e;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



.transition-img-root .property-img-container {

    display: grid;

    grid-gap: 40px

}



.transition-img-root .property-img-container .img-item {

    cursor: pointer;

    width: 100%

}



.transition-img-root .property-img-container .img-item:first-child, .transition-img-root .property-img-container .img-item:nth-child(2), .transition-img-root .property-img-container .img-item:nth-child(3), .transition-img-root .property-img-container .img-item:nth-child(5), .transition-img-root .property-img-container .img-item:nth-child(6) {

    height: 205px

}



.transition-img-root .property-img-container .img-item:nth-child(4), .transition-img-root .property-img-container .img-item:nth-child(7) {

    height: 450px

}



.transition-img-root .property-img-container .img-item:first-child {

    max-width: 205px;

    grid-area: 1/1/2/2

}



.transition-img-root .property-img-container .img-item:nth-child(2) {

    max-width: 205px;

    grid-area: 1/2/2/3

}



.transition-img-root .property-img-container .img-item:nth-child(3) {

    max-width: 465px;

    grid-area: 2/1/3/3

}



.transition-img-root .property-img-container .img-item:nth-child(4) {

    max-width: 450px;

    grid-area: 1/3/3/5

}



.transition-img-root .property-img-container .img-item:nth-child(5) {

    max-width: 205px;

    grid-area: 1/5/2/6

}



.transition-img-root .property-img-container .img-item:nth-child(6) {

    max-width: 205px;

    grid-area: 2/5/3/6

}



.transition-img-root .property-img-container .img-item:nth-child(7) {

    grid-area: 1/6/3/7

}



.transition-img-root img {

    height: 100%;

    width: 100%;

    border-radius: 16px;

    object-fit: cover

}



.separator-root .separator-container {

    width: 100%;

    overflow: hidden;

    display: inline-block;

    margin: 110px 0 0

}



.separator-root .separator-container img {

    width: 100%;

    height: 100%

}



.dct-slider-root {

    margin: 146px 0 0

}



.dct-slider-root .title-block {

    margin: 0 auto;

    text-align: center;

    max-width: 944px

}



.dct-slider-root .img-slider-root.info-slider-root.oto-slider {

    margin: 60px 0 0

}



.dct-slider-root .img-slider-root.info-slider-root.oto-slider .slider-container .slider-block .slider-item.dct-item {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.dct-slider-root .img-slider-root.info-slider-root.oto-slider .slider-container .slider-block .slider-item.dct-item.active {

    opacity: 1

}



.dct-slider-root .img-slider-root.info-slider-root.oto-slider .img-item {

    border-radius: 16px;

    overflow: hidden

}



.dct-slider-root .img-slider-root.info-slider-root.oto-slider .text-item p {

    color: #000 !important

}



.dct-slider-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    text-align: center;

    color: #000

}



.dct-slider-root p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    line-height: 33px

}



.dct-slider-root p span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.dct-experience-root .img-slider-root.model-detail-info {

    background: #fff

}



.dct-experience-root .img-slider-root.model-detail-info .arr-item {

    left: -181px;

    right: auto

}



.dct-experience-root .img-slider-root.model-detail-info .arr-item.right-arr {

    left: auto;

    right: -181px

}



.dct-experience-root .img-slider-root.model-detail-info .slider-container .slider-block .slider-item {

    opacity: 1 !important

}



.dct-experience-root .img-slider-root .slider-container {

    max-width: 1200px;

    height: 700px

}



.dct-experience-root .img-slider-root .slider-container .slider-block .slider-item {

    cursor: pointer;

    -webkit-transform: scale(.8, .643);

    transform: scale(.8, .643)

}



.dct-experience-root .img-slider-root .slider-container .slider-block .slider-item iframe {

    border-radius: 8px

}



.dct-experience-root .img-slider-root .slider-container .slider-block .slider-item.active {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.dct-experience-root .img-slider-root .slider-container .nav-block {

    display: none

}



.dct-experience-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    text-align: center;

    color: #000;

    margin: 0 0 40px

}



.model-category-list-root.dct .category-model-container .category-model-block .model-item .img-block .hover-item img {

    max-width: 85%;

    width: 100%

}



.model-category-list-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    text-align: center;

    color: #000;

    margin: 150px 0 80px

}



.model-category-list-root .dct-info-text-item {

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 95%;

    text-align: center

}



.model-category-list-root .dct-info-text-item p {

    color: #fff;

    font-size: 16px;

    line-height: 25px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.model-category-list-root .dct-btn-item {

    margin: 50px 0 80px

}



.model-category-list-root .dct-category-model-item {

    transition: .3s ease-in-out;

    margin: 0 0 70px

}



.model-category-list-root .category-model-block {

    flex-wrap: wrap

}



.model-category-list-root .dct-category-container {

    margin: 0 0 70px

}



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

    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

        width: 60%

    }

}



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

    .transition-img-root .full-lb-root .lb-block {

        max-width: calc(100% - 20vw)

    }



    .transition-img-root .full-lb-root .lb-block .slider-block {

        width: 800px;

        height: 500px

    }



    .transition-img-root .full-lb-root .lb-block .arr-item {

        width: 88px;

        height: 88px

    }



    .transition-img-root .property-img-container {

        padding: 0 20px

    }



    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

        width: 75%

    }



    .cycle-dct-root .banner-root h1 {

        font-size: 55px !important

    }



    .cycle-dct-root .sub-menu-root {

        top: 100px

    }



    .dct-experience-root .img-slider-root .slider-container {

        max-width: 1100px;

        height: 650px

    }

}



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

    .dct-model-property-root .content-item-block {

        padding: 0 30px

    }



    .dct-model-property-root .content-item-block .img-item {

        width: 50%;

        max-width: none;

        height: 380px

    }



    .dct-model-property-root .content-item-block .text-item {

        padding: 0 25px;

        width: 50%

    }



    .dct-model-property-root img {

        margin: 0 !important

    }



    .dct-experience-root .img-slider-root.model-detail-info .arr-item {

        left: -150px

    }



    .dct-experience-root .img-slider-root.model-detail-info .arr-item.right-arr {

        right: -150px

    }



    .dct-experience-root .img-slider-root .slider-container {

        max-width: 1000px;

        height: 560px

    }



    .dct-experience-root h2 {

        font-size: 40px !important

    }



    .dct-text-root .dct-text-block {

        max-width: 1200px;

        margin: 0 auto

    }



    .dct-text-root .video-block {

        height: 550px;

        padding: 0 75px

    }



    .dct-text-root .video-block img {

        width: 100%

    }



    .dct-text-root p {

        font-size: 16px

    }



    .dct-model-property-root .grey-item {

        height: 300px;

        top: 11%

    }



    .dct-model-property-root .text-item {

        margin: 5px 0 0 40px;

        max-width: 560px

    }



    .dct-model-property-root .text-item p {

        font-size: 14px;

        line-height: 20px

    }



    .dct-model-property-root .text-item h3 {

        font-size: 28px

    }



    .dct-model-property-root img {

        margin: 0 15px;

        width: 500px

    }



    .dct-slider-root .title-block {

        margin: 120px auto 0;

        max-width: 800px

    }



    .dct-slider-root p {

        font-size: 16px

    }



    .model-category-list-root h2 {

        margin: 100px 0 70px

    }



    .model-category-list-root .dct-info-text-item p {

        font-size: 14px

    }

}



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

    .transition-img-root .full-lb-root .lb-block {

        max-width: calc(100% - 30vw)

    }



    .transition-img-root .full-lb-root .lb-block .slider-block {

        width: 600px;

        height: 400px

    }



    .cycle-dct-root .sub-menu-root {

        top: 90px

    }

}



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

    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

        width: 85%

    }

}



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

    .cycle-dct-root .sub-menu-root {

        top: 80px

    }

}



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

    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item h1, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

        width: 90%

    }



    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p, .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-item > h1 .text-item p {

        font-size: 12px;

        width: 69%

    }



    .play-item img {

        width: 80px !important;

        height: 80px !important

    }



    .dct-experience-root .img-slider-root.model-detail-info .arr-item {

        left: -110px

    }



    .dct-experience-root .img-slider-root.model-detail-info .arr-item.right-arr {

        right: -110px

    }



    .dct-experience-root .img-slider-root .slider-container {

        max-width: 900px;

        height: 500px

    }



    .cycle-dct-root h2 {

        font-size: 35px !important

    }



    .dct-text-root .video-block {

        height: 500px

    }



    .dct-text-root .dct-text-block {

        max-width: 1000px;

        margin: 0 auto

    }



    .dct-text-root p {

        font-size: 14px

    }



    .dct-model-property-root .title-item {

        margin: 90px 0 60px;

        padding: 0 30px

    }



    .dct-model-property-root .content-block {

        margin: 0 0 50px

    }



    .dct-model-property-root .text-item {

        margin: 5px 0 0 15px

    }



    .dct-model-property-root .text-item h3 {

        font-size: 23px

    }



    .dct-model-property-root .text-item p {

        font-size: 12px

    }



    .dct-slider-root .title-block {

        margin: 100px auto 0;

        max-width: 700px

    }



    .dct-slider-root p {

        font-size: 14px

    }



    .separator-root .separator-container {

        margin: 65px 0 0

    }



    .dct-experience-root h2 {

        margin: 0 0 70px

    }



    .model-category-list-root h2 {

        margin: 90px 0 55px

    }



    .model-category-list-root .dct-info-text-item p {

        font-size: 14px

    }



    .model-category-list-root .dct-btn-item {

        margin: 40px 0 65px

    }



    .model-category-list-root .dct-category-model-item {

        margin: 0 0 60px

    }

}



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

    .dct-experience-root .img-slider-root.model-detail-info .arr-item {

        left: -85px

    }



    .dct-experience-root .img-slider-root.model-detail-info .arr-item.right-arr {

        right: -85px

    }



    .dct-experience-root .img-slider-root .slider-container {

        max-width: 700px;

        height: 400px

    }



    .dct-model-property-root img {

        width: 470px

    }

}



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

    .cycle-dct-root h2 {

        font-size: 30px !important

    }



    .dct-slider-root .title-block {

        margin: 80px auto 0

    }



    .dct-slider-root p, .dct-text-root p {

        font-size: 14px

    }



    .dct-model-property-root .text-item p {

        font-size: 12px

    }



    .dct-model-property-root .text-item h3 {

        font-size: 20px

    }

}



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

    .dct-model-property-root .category-model-container {

        padding: 0 30px;

        overflow: hidden

    }



    .dct-model-property-root .category-model-container .category-model-block {

        transition: .3s ease-in-out

    }



    .dct-model-property-root .category-model-container .arr-button-block {

        display: flex;

        margin: 20px 0 0;

        align-items: center;

        justify-content: flex-start

    }



    .dct-model-property-root .category-model-container .arr-button-block .arr-item.grey svg path {

        stroke: rgba(0, 0, 0, .3)

    }



    .dct-model-property-root .category-model-container .arr-button-block .number-item {

        text-align: center;

        width: 35px;

        min-width: 35px;

        margin: 0 18px

    }



    .dct-model-property-root .category-model-container .arr-button-block .number-item span {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 16px

    }



    .dct-model-property-root .category-model-container .arr-button-block svg path {

        stroke: #000

    }



    .dct-model-property-root .content-container {

        display: block;

        white-space: nowrap

    }



    .dct-model-property-root .content-block {

        margin: 0;

        width: 100%;

        display: inline-flex

    }



    .dct-model-property-root .content-block + .content-block {

        margin: 0 0 0 10px

    }



    .dct-model-property-root .content-item-block {

        width: 100%;

        padding: 0;

        display: inline-block

    }



    .dct-model-property-root .content-item-block.safe-area {

        max-width: none;

        margin: 0

    }



    .dct-model-property-root .content-item-block .img-item {

        width: 100%

    }



    .dct-model-property-root .content-item-block .text-item {

        padding: 0;

        white-space: normal;

        width: 100%;

        margin: 20px 0 0;

        max-width: none

    }



    .dct-model-property-root .grey-item {

        display: none;

        width: 100vw;

        height: 700px;

        top: 175px;

        left: -11%

    }



    .model-category-list-root {

        margin: 0

    }



    .model-category-list-root.dct .category-model-container .category-model-block .model-item .img-block .hover-item img {

        max-width: 50%

    }



    .model-category-list-root h2 {

        margin: 0 0 24px

    }



    .model-category-list-root .dct-category-container {

        margin: 0 0 26px

    }



    .model-category-list-root .dct-info-text-item p {

        width: 82%;

        margin: 0 auto;

        white-space: pre-line

    }



    .dct-experience-root .img-slider-root.model-detail-info {

        padding: 0 0 100px

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container {

        padding: 0 30px

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container.dct {

        padding: 0;

        overflow-x: auto;

        overflow-y: hidden;

        max-width: none

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .slider-block .slider-item {

        -webkit-transform: scale(1);

        transform: scale(1);

        width: calc(100% - 60px)

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .slider-block .slider-item:first-child {

        margin: 0 10px 0 30px

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .slider-block .slider-item + .slider-item {

        margin: 0 10px 0 0

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .arr-item {

        display: none

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .nav-block {

        display: flex;

        margin: 30px 0 0

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .nav-block span {

        border: 3px solid #d1d1d1

    }



    .dct-experience-root .img-slider-root.model-detail-info .slider-container .nav-block span.active {

        border: none

    }



    .transition-img-root .full-lb-root .lb-block .arr-item {

        top: auto;

        bottom: -20px

    }



    .transition-img-root .property-img-container {

        grid-template-columns:repeat(2, 1fr);

        grid-template-rows:repeat(3, 1fr);

        grid-column-gap: 30px;

        grid-row-gap: 30px

    }



    .transition-img-root .property-img-container .img-item {

        max-width: 100% !important;

        height: 200px !important

    }



    .transition-img-root .property-img-container .img-item:first-child {

        grid-area: 1/1/2/3

    }



    .transition-img-root .property-img-container .img-item:nth-child(2) {

        grid-area: 2/1/3/2

    }



    .transition-img-root .property-img-container .img-item:nth-child(3) {

        grid-area: 2/2/3/3

    }



    .transition-img-root .property-img-container .img-item:nth-child(4) {

        grid-area: 3/1/4/3

    }



    .model-category-list-root .category-model-container {

        padding: 0

    }



    .model-category-list-root .dct-category-container {

        white-space: nowrap

    }



    .model-category-list-root .dct-category-container .category-model-block {

        overflow-x: auto;

        overflow-y: hidden;

        padding: 0 30px

    }



    .model-category-list-root .dct-category-container .category-model-block + .category-model-block {

        margin: 0 0 0 6px

    }



    .dct-text-root .video-block {

        padding: 0 30px;

        height: 400px

    }

}



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

    .cycle-dct-root .sub-menu-root ul {

        width: auto

    }



    .cycle-dct-root .sub-menu-root ul li {

        width: auto !important;

        margin: 0 20px

    }



    .cycle-dct-root .banner-root .banner-container .banner-block .content-item {

        top: 50% !important

    }



    .cycle-dct-root .banner-root .banner-container .banner-block .content-item h1 {

        font-size: 35px !important

    }



    .cycle-dct-root .banner-root .scroll-btn {

        background-color: #fff;

        height: 110px;

        bottom: 0

    }



    .cycle-dct-root .banner-root .scroll-btn p {

        -webkit-transform: rotate(270deg);

        transform: rotate(270deg);

        font-size: 8px;

        margin: 0 8px;

        color: #000

    }



    .cycle-dct-root .banner-root .scroll-btn .mouse-wheel {

        top: 11px;

        height: 15px

    }



    .cycle-dct-root h2 {

        font-size: 24px !important

    }



    .dct-text-root {

        margin: 43px 0

    }



    .dct-text-root p {

        font-size: 12px;

        margin: 0

    }



    .transition-img-root .full-lb-root .lb-block {

        max-width: calc(100% - 30px)

    }



    .transition-img-root .full-lb-root .lb-block .slider-block {

        height: 220px

    }



    .transition-img-root .full-lb-root .lb-block .close-btn {

        right: 0

    }



    .transition-img-root .full-lb-root .lb-block .arr-item {

        bottom: 90px;

        -webkit-transform: scale(.568);

        transform: scale(.568);

        left: calc(50% - 100px)

    }



    .transition-img-root .full-lb-root .lb-block .arr-item.right-arr {

        right: calc(50% - 100px)

    }



    .dct-slider-root .title-block {

        margin: 60px auto 0;

        padding: 0 34px

    }



    .dct-slider-root p {

        font-size: 12px;

        line-height: 21px

    }

}



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

    .model-category-list-root .category-model-container .category-model-block .model-item .img-block {

        height: 250px

    }



    .model-category-list-root.dct .category-model-container .category-model-block .model-item .img-block .hover-item img {

        max-width: 80%

    }

}



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

    .img-slider-root.oto-slider {

        margin: 53px 0

    }



    .dct-exp-root {

        margin: 15px 0 0

    }



    .dct-exp-container h2 {

        padding: 0 30px;

        margin: 0 0 23px

    }



    .dct-slider-root {

        margin: 60px 0 0

    }



    .transition-img-root .property-img-container {

        margin: 15px 0 0

    }



    .dct-model-property-root .title-item {

        margin: 0 0 33px

    }



    .dct-model-property-root .content-item-block .img-item {

        height: 200px

    }



    .dct-model-property-root .content-item-block .text-item h3 {

        font-size: 18px

    }



    .dct-text-root {

        margin: 43px 0 55px

    }



    .dct-text-root .video-block {

        margin: 33px 0 0;

        height: 224px

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .img-block .hover-item img {

        max-width: 77%

    }



    .model-category-list-root .category-model-container .category-model-block .model-item .img-block .hover-item {

        align-items: flex-start;

        padding: 50px 0 0

    }



    .cycle-dct-root .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 27px !important;

        letter-spacing: 1px

    }



    .model-category-list-root h2 {

        padding: 0 30px

    }



    .lb-root .lb-block .video-block iframe {

        height: 300px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: calc(100vw - 70px)

    }



    .img-slider-root.oto-slider .slider-container .slider-item.dct-item:not(.active) {

        -webkit-transform: scale(.9) !important;

        transform: scale(.9) !important

    }



    .img-slider-root.cycle-slider .slider-container .slider-item.dct-item:not(.active) {

        -webkit-transform: scale(1) !important;

        transform: scale(1) !important

    }



    .dct-experience-root .img-slider-root.model-detail-info {

        padding: 0 0 57px

    }



    .dct-experience-root .img-slider-root .slider-container {

        height: auto

    }



    .dct-experience-root .img-slider-root .slider-container .slider-block .slider-item {

        height: 224px

    }

}



.banner-slider-root {

    height: 662px;

    width: 100%;

    padding: 122px 0 0

}



.banner-slider-root.zrv {

    height: 833px !important

}



.banner-slider-root.zrv .banner-container, .banner-slider-root.zrv .banner-container .banner-block .banner-item {

    background: linear-gradient(180deg, #000 -15%, transparent 35%, transparent 0)

}



.banner-slider-root.zrv .banner-container .banner-block .banner-item .img-item {

    mix-blend-mode: multiply

}



.banner-slider-root .banner-container {

    height: 100%;

    position: relative;

    overflow: hidden

}



.banner-slider-root .banner-container .arr-btn-item {

    left: 0;

    width: 13.3%;

    height: 100%

}



.banner-slider-root .banner-container .arr-btn-item, .banner-slider-root .banner-container .arr-btn-item .arr-btn {

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.banner-slider-root .banner-container .arr-btn-item .arr-btn i {

    display: flex

}



.banner-slider-root .banner-container .arr-btn-item.next-btn {

    right: 0;

    left: auto;

    justify-content: flex-start

}



.banner-slider-root .banner-container .nav-block {

    position: absolute;

    bottom: 35px;

    display: flex;

    justify-content: center;

    width: 100%

}



.banner-slider-root .banner-container .nav-block span {

    border-color: #fff

}



.banner-slider-root .banner-container .nav-block span.active {

    background-color: #fff

}



.banner-slider-root .banner-container .banner-block {

    height: 100%;

    position: relative;

    width: 100%;

    white-space: nowrap;

    transition: all .5s cubic-bezier(.65, .05, .36, 1)

}



.banner-slider-root .banner-container .banner-block .banner-item {

    background-color: #e2c5ac;

    mix-blend-mode: multiply;

    width: 100%;

    height: 100%;

    display: inline-block;

    vertical-align: top

}



.banner-slider-root .banner-container .banner-block .banner-item .img-item {

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: -1;

    top: 0

}



.banner-slider-root .banner-container .banner-block .banner-item .img-item img {

    height: 100%;

    width: 100%;

    object-fit: cover

}



.banner-slider-root .banner-container .banner-block .banner-item .content-item {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    white-space: normal

}



.banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

    width: 55%;

    padding: 0 0 0 13em;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .text-item {

    margin: 0 0 40px

}



.banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 22px;

    color: #fff;

    line-height: 1.4;

    margin: 0

}



.banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

    width: 200px;

    height: 54px;

    margin: 0

}



.banner-slider-root .banner-container .nav-block {

    margin: 0

}



.banner-slider-root.anim .banner-container .nav-block span:first-child {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(2) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(3) {

    -webkit-animation-delay: .54s;

    animation-delay: .54s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(4) {

    -webkit-animation-delay: .63s;

    animation-delay: .63s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(5) {

    -webkit-animation-delay: .72s;

    animation-delay: .72s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(6) {

    -webkit-animation-delay: .81s;

    animation-delay: .81s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(7) {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(8) {

    -webkit-animation-delay: .99s;

    animation-delay: .99s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(9) {

    -webkit-animation-delay: 1.08s;

    animation-delay: 1.08s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(10) {

    -webkit-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(11) {

    -webkit-animation-delay: 1.26s;

    animation-delay: 1.26s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(12) {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(13) {

    -webkit-animation-delay: 1.44s;

    animation-delay: 1.44s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(14) {

    -webkit-animation-delay: 1.53s;

    animation-delay: 1.53s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(15) {

    -webkit-animation-delay: 1.62s;

    animation-delay: 1.62s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(16) {

    -webkit-animation-delay: 1.71s;

    animation-delay: 1.71s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(17) {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(18) {

    -webkit-animation-delay: 1.89s;

    animation-delay: 1.89s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(19) {

    -webkit-animation-delay: 1.98s;

    animation-delay: 1.98s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(20) {

    -webkit-animation-delay: 2.07s;

    animation-delay: 2.07s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(21) {

    -webkit-animation-delay: 2.16s;

    animation-delay: 2.16s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(22) {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(23) {

    -webkit-animation-delay: 2.34s;

    animation-delay: 2.34s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(24) {

    -webkit-animation-delay: 2.43s;

    animation-delay: 2.43s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(25) {

    -webkit-animation-delay: 2.52s;

    animation-delay: 2.52s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(26) {

    -webkit-animation-delay: 2.61s;

    animation-delay: 2.61s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(27) {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(28) {

    -webkit-animation-delay: 2.79s;

    animation-delay: 2.79s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(29) {

    -webkit-animation-delay: 2.88s;

    animation-delay: 2.88s

}



.banner-slider-root.anim .banner-container .nav-block span:nth-child(30) {

    -webkit-animation-delay: 2.97s;

    animation-delay: 2.97s

}



.banner-slider-root.full-view-slider-root {

    height: 620px;

    padding: 0

}



.banner-slider-root.full-view-slider-root .bg-item {

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: -2;

    top: 0;

    background-color: #e2c5ac;

    mix-blend-mode: multiply

}



.banner-slider-root.full-view-slider-root .bg-item img {

    height: 100%;

    width: 100%;

    object-fit: cover

}



.banner-slider-root.full-view-slider-root .bg-item .bg-content {

    display: none

}



.banner-slider-root.full-view-slider-root .banner-container .arr-btn-item span {

    position: absolute;

    bottom: -30px

}



.banner-slider-root.full-view-slider-root .banner-container .arr-btn-item .arr-btn {

    background-color: initial

}



.banner-slider-root.full-view-slider-root .banner-container .nav-block span {

    background-color: #fff

}



.banner-slider-root.full-view-slider-root .banner-container .nav-block span.active {

    background-color: #ff791a;

    background-color: var(--cl250color)

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item {

    justify-content: flex-end

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

    width: 45%;

    padding: 0 15em 0 0

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block .text-item {

    margin: 0 0 40px

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 60px;

    color: #373737

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #000;

    line-height: 36px;

    margin: 29px 0 0

}



.banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

    width: 200px;

    height: 54px;

    margin: 0

}



.banner-slider-root.logr-slider {

    height: 927px

}



.banner-slider-root.logr-slider .banner-wrapper {

    height: 100%;

    z-index: 1;

    position: relative

}



.banner-slider-root.logr-slider .banner-container {

    width: 87%

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item {

    background-color: unset

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item {

    padding: 0 80px 0 0

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block {

    z-index: 2;

    padding: 0;

    width: 29.4%

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

    font-size: 48px;

    line-height: 60px;

    color: #fff

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block p {

    font-weight: 300;

    color: #fff

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

    width: 229px;

    height: 83px;

    margin: 0

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .detail-btn span {

    font-size: 22px;

    letter-spacing: 1px

}



.banner-slider-root.logr-slider .banner-container .banner-block .banner-item .img-item {

    z-index: 1

}



.banner-slider-root.logr-slider .arr-btn-item {

    width: 12.3%;

    display: flex;

    align-items: center;

    height: 100%;

    justify-content: flex-end;

    z-index: 2

}



.banner-slider-root.logr-slider .arr-btn-item .arr-btn {

    width: 100px;

    height: 100px;

    color: #fff;

    border: 1px solid #fff;

    background-color: initial

}



.banner-slider-root.logr-slider .arr-btn-item .arr-btn i:before {

    font-size: 60px

}



.banner-slider-root.logr-slider .arr-btn-item .arr-btn span {

    color: #fff;

    position: absolute;

    bottom: -35px;

    font-size: 16px;

    line-height: 30px

}



.banner-slider-root.logr-slider .arr-btn-item.next-btn {

    width: 11.2%;

    right: 0;

    left: auto;

    justify-content: flex-start

}



.banner-slider-root.logr-slider .arr-btn-item.next-btn .icon-left-arr {

    left: -10%

}



.banner-slider-root.logr-slider .nav-block {

    position: absolute;

    bottom: 30px;

    width: 100%;

    margin: 0;

    z-index: 2

}



.banner-slider-root.logr-slider .nav-block span {

    width: 25px;

    height: 25px;

    background: #fff;

    border: none;

    margin: 0 0 0 10px

}



.banner-slider-root.logr-slider .nav-block span.active {

    background: #868686;

    width: 25px;

    height: 25px

}



.banner-slider-root.logr-slider .nav-block span:first-child {

    margin: 0

}



.banner-slider-root.zrv .nav-block span {

    border-color: transparent !important;

    background-color: #fff !important;

    opacity: .6;

    width: 15px !important;

    height: 15px !important;

    min-width: auto !important

}



.banner-slider-root.zrv .nav-block .active {

    background-color: #fff !important;

    opacity: 1

}



.banner-slider-root.zrv .inex-features-container .inex-features-item {

    align-self: flex-start;

    padding: 0 20px;

    max-width: 33%

}



.inex-features-container {

    position: absolute;

    text-align: center;

    max-width: 1300px;

    width: 100%;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    left: 50%;

    top: 60px;

    z-index: 90

}



.inex-features-container.info .nav-block {

    display: none

}



.inex-features-container.info .inex-features-block .inex-features-item {

    cursor: default;

    margin: 0 50px;

    padding: 0

}



.inex-features-container.info .inex-features-block .inex-features-item span {

    font-size: 15px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.inex-features-container.info .inex-features-block .inex-features-item label {

    font-size: 40px

}



.inex-features-container h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 35px;

    line-height: 35px;

    color: #fff;

    margin: 0 0 75px;

    padding: 0 15px

}



.inex-features-container .btn-item {

    cursor: pointer;

    border: 2px solid #fff;

    border-radius: 30px;

    width: 230px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 22px;

    color: #fff;

    margin: 0 auto

}



.inex-features-container .btn-item:hover {

    background: #bc0000;

    border-color: #bc0000

}



.inex-features-container .inex-features-block {

    cursor: pointer;

    margin: 0 0 20px;

    display: flex;

    align-items: center;

    justify-content: center

}



.inex-features-container .inex-features-block .inex-features-item span {

    display: block;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 22px;

    line-height: 32px;

    color: #fff

}



.inex-features-container .inex-features-block .inex-features-item p {

    margin: 24px 0 16px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 25px;

    color: #fff

}



.inex-features-container .inex-features-block .inex-features-item.active .dot-item {

    background-color: #fff

}



.inex-features-container .inex-features-block .inex-features-item .dot-item {

    margin: 0 auto;

    width: 10px;

    height: 10px;

    border-radius: 50%

}



.inex-features-container .inex-features-block .inex-features-item .dot-item.active {

    background-color: #fff

}



.performance-img-item {

    height: 100%;

    mix-blend-mode: multiply

}



.performance-img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.model-list-root {

    background-color: #fff;

    padding: 90px 0 115px

}



.model-list-root .content-container {

    position: relative

}



.model-list-root .content-container .head-item {

    text-align: center;

    margin: 0 0 72px

}



.model-list-root .content-container .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 6px

}



.model-list-root .content-container .head-item .close-btn, .model-list-root .content-container .head-item .icon-down-arr {

    display: none

}



.model-list-root .content-container .model-list-block {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: center

}



.model-list-root .content-container .model-list-block .model-list-list {

    margin: 0 .7% 1.4%

}



.model-list-root .content-container .model-list-block .list-item {

    height: 272px;

    max-width: 272px;

    cursor: pointer;

    min-width: 272px;

    flex: 1 1;

    border-bottom: 3px solid #eee;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    transition: all .2s cubic-bezier(.65, .05, .36, 1)

}



.model-list-root .content-container .model-list-block .list-item:first-child {

    margin: 0

}



.model-list-root .content-container .model-list-block .list-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #e31f2e;

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    text-align: center

}



.model-list-root .content-container .model-list-block .list-item img {

    max-width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 80%;

    height: 34%

}



.model-list-root .content-container .model-list-block .list-item .hover-img {

    opacity: 0;

    visibility: hidden;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    object-fit: cover;

    z-index: 1;

    transition: all .2s cubic-bezier(.65, .05, .36, 1)

}



.model-list-root .content-container .model-list-block .list-item:hover .hover-img {

    opacity: 1;

    visibility: visible

}



.model-list-root .content-container .model-list-block .list-item:hover p {

    color: #fff;

    z-index: 2

}



.model-list-root .content-container .model-list-block .list-item.all-model {

    display: none

}



.model-list-root .content-container .model-list-block .btn-block {

    margin: 30px 0 0

}



.model-list-root .content-container .model-list-block .btn-block .btn-item {

    margin: 0 auto;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 200px;

    height: 50px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.model-list-root .content-container .model-list-block .btn-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2px

}



.model-list-root .content-container .model-list-block .btn-block .btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.model-list-root.anim .content-container .model-list-block .list-item {

    -webkit-transform: translateY(0) !important;

    transform: translateY(0) !important;

    opacity: 1 !important;

    transition: all .5s cubic-bezier(.64, 0, .36, 1)

}



.model-list-root.anim .content-container .model-list-block .list-item:first-child {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(2) {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(3) {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(4) {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(5) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(6) {

    -webkit-animation-delay: .54s;

    animation-delay: .54s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(7) {

    -webkit-animation-delay: .63s;

    animation-delay: .63s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(8) {

    -webkit-animation-delay: .72s;

    animation-delay: .72s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(9) {

    -webkit-animation-delay: .81s;

    animation-delay: .81s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(10) {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(11) {

    -webkit-animation-delay: .99s;

    animation-delay: .99s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(12) {

    -webkit-animation-delay: 1.08s;

    animation-delay: 1.08s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(13) {

    -webkit-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(14) {

    -webkit-animation-delay: 1.26s;

    animation-delay: 1.26s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(15) {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(16) {

    -webkit-animation-delay: 1.44s;

    animation-delay: 1.44s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(17) {

    -webkit-animation-delay: 1.53s;

    animation-delay: 1.53s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(18) {

    -webkit-animation-delay: 1.62s;

    animation-delay: 1.62s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(19) {

    -webkit-animation-delay: 1.71s;

    animation-delay: 1.71s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(20) {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(21) {

    -webkit-animation-delay: 1.89s;

    animation-delay: 1.89s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(22) {

    -webkit-animation-delay: 1.98s;

    animation-delay: 1.98s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(23) {

    -webkit-animation-delay: 2.07s;

    animation-delay: 2.07s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(24) {

    -webkit-animation-delay: 2.16s;

    animation-delay: 2.16s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(25) {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(26) {

    -webkit-animation-delay: 2.34s;

    animation-delay: 2.34s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(27) {

    -webkit-animation-delay: 2.43s;

    animation-delay: 2.43s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(28) {

    -webkit-animation-delay: 2.52s;

    animation-delay: 2.52s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(29) {

    -webkit-animation-delay: 2.61s;

    animation-delay: 2.61s

}



.model-list-root.anim .content-container .model-list-block .list-item:nth-child(30) {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



.model-list-root.animation-root .content-container .model-list-block .list-item {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

    transition: all .5s cubic-bezier(.64, 0, .36, 1)

}



.cycle-list-root {

    background-color: #fff;

    padding: 9.7vh 0 9em

}



.cycle-list-root .content-container {

    padding: 0 25px

}



.cycle-list-root .content-container .head-item {

    text-align: center;

    margin: 0 0 7.5vh

}



.cycle-list-root .content-container .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 6px

}



.cycle-list-root .content-container .cycle-model-block .tab-block {

    position: relative;

    background-color: #f7f7f7;

    height: 110px;

    display: flex;

    align-items: center;

    justify-content: center

}



.cycle-list-root .content-container .cycle-model-block .tab-block ul {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center

}



.cycle-list-root .content-container .cycle-model-block .tab-block ul li {

    height: 50%;

    margin: 0 0 0 2vw;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

    border-bottom: 3px solid transparent;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.cycle-list-root .content-container .cycle-model-block .tab-block ul li:first-child {

    margin: 0

}



.cycle-list-root .content-container .cycle-model-block .tab-block ul li.active {

    color: #e31f2e;

    border-bottom: 3px solid #e31f2e

}



.cycle-list-root .content-container .cycle-model-block .tab-block ul li:hover {

    color: #e31f2e

}



.cycle-list-root .content-container .cycle-model-block .tab-block .close-btn {

    right: 11vw

}



.cycle-list-root .content-container .cycle-model-block .tab-block .close-btn:after, .cycle-list-root .content-container .cycle-model-block .tab-block .close-btn:before {

    height: 36px;

    background-color: #000;

    width: 1px

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model {

    margin: 8vh 0 0

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model p {

    text-align: center;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

    display: flex;

    align-items: flex-start;

    margin: 4vh 0 0

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

    height: 226px;

    min-width: 223px;

    display: flex;

    flex: 1 1;

    align-items: center;

    justify-content: center;

    position: relative;

    cursor: pointer;

    max-width: 223px;

    border-bottom: 3px solid #f1f1f1;

    margin: 0 0 0 1.2vw;

    overflow: hidden

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-hover {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content {

    width: 100%;

    padding: 15px 0;

    bottom: -5px;

    text-align: center;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #777

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content p {

    margin: 13px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #e31f2e

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:hover .img-hover {

    display: block

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:hover p, .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:hover span {

    color: #fff

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:first-child {

    margin: 0

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content {

    width: 80%

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content .lazyload-wrapper {

    width: auto

}



.cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content img {

    width: 100%;

    height: 100%

}



.cycle-list-root .content-container .cycle-list-block {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap

}



.cycle-list-root .content-container .cycle-list-block .list-item {

    height: 295px;

    max-width: 345px;

    width: 23.8%;

    border-bottom: 1px solid #eee;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 .6% 20px;

    cursor: pointer;

    overflow: hidden

}



.cycle-list-root .content-container .cycle-list-block .list-item .gradient-bg {

    position: absolute;

    z-index: 1;

    background: linear-gradient(0deg, #222 0, rgba(27, 27, 27, .808496) 0, rgba(0, 0, 0, .0001));

    bottom: 0;

    width: 100%;

    height: 50%

}



.cycle-list-root .content-container .cycle-list-block .list-item .img-item {

    width: 100%;

    height: 100%

}



.cycle-list-root .content-container .cycle-list-block .list-item .img-item img, .cycle-list-root .content-container .cycle-list-block .list-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.cycle-list-root .content-container .cycle-list-block .list-item:hover .bottom-block i {

    right: 0;

    opacity: 1;

    visibility: visible

}



.cycle-list-root .content-container .cycle-list-block .list-item .bottom-block {

    position: absolute;

    width: 100%;

    bottom: 8px;

    z-index: 2;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 30px

}



.cycle-list-root .content-container .cycle-list-block .list-item .bottom-block i {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    position: relative;

    right: 40px;

    transition: all .2s ease-out

}



.cycle-list-root .content-container .cycle-list-block .list-item .bottom-block i:before {

    font-size: 50px;

    color: #fff

}



.cycle-list-root .content-container .cycle-list-block .list-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #fff

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:first-child {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(2) {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(3) {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(4) {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(5) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(6) {

    -webkit-animation-delay: .54s;

    animation-delay: .54s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(7) {

    -webkit-animation-delay: .63s;

    animation-delay: .63s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(8) {

    -webkit-animation-delay: .72s;

    animation-delay: .72s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(9) {

    -webkit-animation-delay: .81s;

    animation-delay: .81s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(10) {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(11) {

    -webkit-animation-delay: .99s;

    animation-delay: .99s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(12) {

    -webkit-animation-delay: 1.08s;

    animation-delay: 1.08s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(13) {

    -webkit-animation-delay: 1.17s;

    animation-delay: 1.17s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(14) {

    -webkit-animation-delay: 1.26s;

    animation-delay: 1.26s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(15) {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(16) {

    -webkit-animation-delay: 1.44s;

    animation-delay: 1.44s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(17) {

    -webkit-animation-delay: 1.53s;

    animation-delay: 1.53s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(18) {

    -webkit-animation-delay: 1.62s;

    animation-delay: 1.62s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(19) {

    -webkit-animation-delay: 1.71s;

    animation-delay: 1.71s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(20) {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(21) {

    -webkit-animation-delay: 1.89s;

    animation-delay: 1.89s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(22) {

    -webkit-animation-delay: 1.98s;

    animation-delay: 1.98s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(23) {

    -webkit-animation-delay: 2.07s;

    animation-delay: 2.07s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(24) {

    -webkit-animation-delay: 2.16s;

    animation-delay: 2.16s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(25) {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(26) {

    -webkit-animation-delay: 2.34s;

    animation-delay: 2.34s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(27) {

    -webkit-animation-delay: 2.43s;

    animation-delay: 2.43s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(28) {

    -webkit-animation-delay: 2.52s;

    animation-delay: 2.52s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(29) {

    -webkit-animation-delay: 2.61s;

    animation-delay: 2.61s

}



.cycle-list-root.anim .content-container .cycle-list-block .list-item:nth-child(30) {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



.cycle-list-root.animation-root .content-container .cycle-list-block .list-item {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.double-content-root {

    margin: 10vh 0 20vh

}



.double-content-root .content-container .content-block {

    display: flex;

    align-items: center

}



.double-content-root .content-container .content-block .img-block {

    position: relative;

    width: 52.1%;

    height: 680px

}



.double-content-root .content-container .content-block .img-block .band-item {

    width: 30px;

    height: 300px;

    background-color: #e31f2e;

    position: absolute;

    left: 40px;

    top: -40px;

    z-index: 1

}



.double-content-root .content-container .content-block .img-block .img-item {

    width: 100%;

    height: 100%

}



.double-content-root .content-container .content-block .img-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.double-content-root .content-container .content-block .text-block {

    width: 29%;

    padding: 0 0 0 4vw

}



.double-content-root .content-container .content-block .text-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #000;

    margin: 0 0 15px;

    line-height: 32px

}



.double-content-root .content-container .content-block .text-block span.count {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #e31f2e;

    position: relative

}



.double-content-root .content-container .content-block .text-block span.count:after {

    content: "";

    height: 1px;

    width: 50px;

    background-color: #e31f2e;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: -75px

}



.double-content-root .content-container .content-block .text-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    color: #000;

    margin: 50px 0 35px -8vw;

    position: relative

}



.double-content-root .content-container .content-block .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px;

    margin: 0 60px 25px 0

}



.double-content-root .content-container .content-block .text-block p strong {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.double-content-root .content-container .content-block .text-block p a {

    color: #000;

    text-decoration: underline

}



.double-content-root .content-container .content-block .text-block .detail-btn {

    margin: 70px 0 0;

    width: 290px

}



.double-content-root.t-2 {

    margin: 10vh 0 22vh

}



.double-content-root.t-2 .content-container .content-block {

    justify-content: flex-end

}



.double-content-root.t-2 .content-container .content-block .img-block {

    width: 45%

}



.double-content-root.t-2 .content-container .content-block .img-block .band-item {

    left: auto;

    right: 40px

}



.double-content-root.t-2 .content-container .content-block .text-block {

    width: 34%;

    padding: 0;

    margin: 0 1vw 0 0

}



.double-content-root.t-2 .content-container .content-block .text-block h3 {

    margin: 50px 0 35px

}



.double-content-root.t-3 {

    margin: 10vh 0 15vh

}



.double-content-root.t-3 .content-container .content-block {

    justify-content: center

}



.double-content-root.t-3 .content-container .content-block .img-block {

    margin: 0 0 0 85px;

    width: 28.5%

}



.double-content-root.t-3 .content-container .content-block .text-block {

    width: 44%

}



.double-content-root.y-1 .content-container .content-block .text-block, .double-content-root.y-4 .content-container .content-block .text-block {

    width: 40%

}



.double-content-root.y-4 .content-container .content-block .img-block {

    width: 49.5%;

    height: 496px

}



.double-content-root.y-4 .content-container .content-block .img-block .band-item {

    height: 220px

}



.double-content-root.anim .content-container .content-block .img-block .band-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .12s;

    animation-delay: .12s

}



.double-content-root.anim .content-container .content-block .img-block .img-item {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.double-content-root.anim .content-container .content-block .text-block span.count {

    -webkit-animation: itemLeft;

    animation: itemLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .12s;

    animation-delay: .12s

}



.double-content-root.anim .content-container .content-block .text-block h3 {

    -webkit-animation: itemLeft;

    animation: itemLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.double-content-root.anim .content-container .content-block .text-block p {

    -webkit-animation: itemLeft;

    animation: itemLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .14s;

    animation-delay: .14s

}



.double-content-root.anim .content-container .content-block .text-block .detail-btn {

    -webkit-animation: itemLeft;

    animation: itemLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.double-content-root.anim.t-2 .content-container .content-block .img-block .img-item {

    -webkit-animation: itemLeft;

    animation: itemLeft;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.double-content-root.anim.t-2 .content-container .content-block .text-block span.count {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .12s;

    animation-delay: .12s

}



.double-content-root.anim.t-2 .content-container .content-block .text-block h3 {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.double-content-root.anim.t-2 .content-container .content-block .text-block p {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .14s;

    animation-delay: .14s

}



.double-content-root.anim.t-2 .content-container .content-block .text-block .detail-btn {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.double-content-root.animation-root .content-container .content-block .img-block .band-item {

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

    opacity: 0

}



.double-content-root.animation-root .content-container .content-block .img-block .img-item {

    opacity: 0;

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px)

}



.double-content-root.animation-root .content-container .content-block .text-block .detail-btn, .double-content-root.animation-root .content-container .content-block .text-block h3, .double-content-root.animation-root .content-container .content-block .text-block p, .double-content-root.animation-root .content-container .content-block .text-block span.count, .double-content-root.animation-root.t-2 .content-container .content-block .img-block .img-item {

    -webkit-transform: translateX(40px);

    transform: translateX(40px);

    opacity: 0

}



.double-content-root.animation-root.t-2 .content-container .content-block .text-block h3, .double-content-root.animation-root.t-2 .content-container .content-block .text-block p, .double-content-root.animation-root.t-2 .content-container .content-block .text-block span.count {

    opacity: 0;

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px)

}



.double-content-root .resume-btn-text span {

    cursor: pointer;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000

}



.double-content-root .resume-btn-text span i {

    margin: 0 0 0 7px

}



.double-content-root .resume-btn-text span i:before {

    font-size: 12px

}



.cycle-sport-root {

    padding: 10em 0

}



.doubleContentOverflow {

    overflow: hidden

}



.test-drive-root {

    position: relative;

    background-color: #f8f8f8;

    padding: 10em 0 5.5em

}



.test-drive-root .head-item {

    text-align: center

}



.test-drive-root .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    margin: 0 0 20px

}



.test-drive-root .head-item p {

    padding: 0 16vw;

    line-height: 20px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.test-drive-root .select-car-container {

    margin: 50px auto 0;

    position: relative;

    max-width: 1580px

}



.test-drive-root .select-car-container .select-car-wrapper {

    text-align: center;

    width: 1148px;

    margin: 0 auto;

    overflow: hidden

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block {

    white-space: nowrap;

    transition: all .3s ease-out

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

    display: inline-block;

    margin: 0 0 0 20px;

    height: 230px;

    width: 272px;

    cursor: pointer

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block:first-child {

    margin: 0

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block.active {

    background-color: #eee;

    cursor: default

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block.active .car-item .check-item {

    background-color: #fff

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block.active .car-item .check-item i:before {

    color: #e31f2e

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block:hover {

    background-color: #eee

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    height: 100%;

    border-bottom: 3px solid #eee

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item:first-child {

    margin: 0

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item {

    position: absolute;

    top: 20px;

    left: 20px;

    width: 42px;

    height: 42px;

    background-color: #e8e8e8;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item i {

    line-height: 0

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item i:before {

    color: #fff;

    font-size: 16px

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .img-item {

    width: 74%

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .img-item img {

    width: 100%

}



.test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item p {

    white-space: normal;

    text-align: left;

    position: absolute;

    bottom: 15px;

    left: 20px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #e31f2e

}



.test-drive-root .select-car-container .arr-btn-item {

    top: 66%

}



.test-drive-root .select-car-container .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto;

    pointer-events: none

}



.test-drive-root .form-block {

    padding: 0 27vw

}



.test-drive-root .form-block .input-block {

    margin: 40px auto 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: normal

}



.test-drive-root .form-block .input-block .input-item {

    position: relative;

    margin: 20px 0 20px 3%;

    width: 47%

}



.test-drive-root .form-block .input-block .input-item:first-child {

    margin: 20px 0

}



.test-drive-root .form-block .checkbox-block {

    margin: 0

}



.test-drive-root .form-block .checkbox-block .radio-button:last-child {

    margin: 30px 0 50px

}



.test-drive-root .selected-car-block {

    position: relative;

    margin: 55px auto;

    height: 230px;

    width: 700px;

    cursor: pointer;

    background-color: #fff

}



.test-drive-root .selected-car-block .arr-btn-item {

    left: -170px;

    top: 46%

}



.test-drive-root .selected-car-block .arr-btn-item .arr-btn {

    margin: 0 0 17px

}



.test-drive-root .selected-car-block .arr-btn-item span {

    margin: 0

}



.test-drive-root .selected-car-block .car-item {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    height: 100%

}



.test-drive-root .selected-car-block .car-item .check-item {

    position: absolute;

    top: 18px;

    left: 20px;

    width: 42px;

    height: 42px;

    background-color: #e8e8e8;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center

}



.test-drive-root .selected-car-block .car-item .check-item i:before {

    color: #e31f2e;

    font-size: 16px

}



.test-drive-root .selected-car-block .car-item .choose-item {

    position: absolute;

    top: 28px;

    right: 40px;

    display: flex

}



.test-drive-root .selected-car-block .car-item .choose-item i:before {

    font-size: 20px

}



.test-drive-root .selected-car-block .car-item .choose-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #000;

    margin: 0 0 0 5px

}



.test-drive-root .selected-car-block .car-item .img-item {

    width: 300px;

    height: 95px

}



.test-drive-root .selected-car-block .car-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.test-drive-root .selected-car-block .car-item p {

    text-align: center;

    bottom: 20px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto

}



.test-drive-root .send-code-block p {

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.test-drive-root .send-code-block .verify-container {

    margin: 20px 0 40px;

    display: flex;

    justify-content: center

}



.test-drive-root .send-code-block .verify-container label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.test-drive-root .send-code-block .verify-container .input-block {

    display: flex;

    margin: 10px 0

}



.test-drive-root .send-code-block .verify-container .input-block .input-item {

    margin: 0 0 0 1vw;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    box-sizing: border-box;

    width: 70px;

    height: 70px

}



.test-drive-root .send-code-block .verify-container .input-block .input-item input {

    text-align: center;

    font-size: 18px;

    width: 100%;

    height: 100%;

    padding: 0

}



.test-drive-root .send-code-block .verify-container .input-block .input-item:first-child {

    margin: 0

}



.test-drive-root .send-code-block .verify-container .input-block .input-item.active {

    border: 1px solid #000

}



.test-drive-root .send-code-block .verify-container .input-block .input-item .err-item {

    display: none

}



.test-drive-root .select-container {

    width: 46%;

    margin: 0 auto 40px

}



.test-drive-root .select-container.ver {

    display: block

}



.test-drive-root .select-container.ver .select-block {

    margin: 25px 0 0

}



.test-drive-root .select-container .select-block {

    margin: 0 0 0 25px

}



.test-drive-root .plus-btn {

    display: none;

    background-color: #e31f2e;

    min-width: 32px;

    width: 32px;

    height: 32px;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    right: 4px;

    left: auto;

    margin: 0;

    top: 62%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.test-drive-root .plus-btn i {

    display: flex;

    justify-content: center;

    align-items: center

}



.test-drive-root .plus-btn i:before {

    font-size: 9px;

    color: #fff

}



.test-drive-root .error .plus-btn {

    display: flex

}



.test-drive-root .checkbox-container {

    padding: 0 30vw

}



.test-drive-root .checkbox-container .recaptcha-wrapper {

    margin: 0 0 20px 20px

}



.test-drive-root .checkbox-container p {

    text-align: center;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.test-drive-root .checkbox-container .checkbox-block {

    width: 100%;

    display: flex;

    margin: 0 auto

}



.test-drive-root .checkbox-container .checkbox-block .radio-button {

    width: 50%;

    margin: 30px

}



.test-drive-root .congrats-block {

    margin: 70px 0 0

}



.test-drive-root .congrats-block h2 {

    margin: 0 0 10px;

    text-align: center;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 26px;

    color: #000

}



.test-drive-root .congrats-block p {

    margin: 0 0 40px;

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.test-drive-root.anim .head-item h2, .test-drive-root.anim .head-item p {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.test-drive-root.anim .head-item p {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.test-drive-root.anim .select-car-container .select-car-wrapper .select-car-block {

    -webkit-animation: itemOpacity;

    animation: itemOpacity;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.test-drive-root.anim .form-block .input-block .input-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.test-drive-root.anim .form-block .input-block .input-item:first-child {

    -webkit-animation-delay: .12s;

    animation-delay: .12s

}



.test-drive-root.anim .form-block .input-block .input-item:nth-child(2) {

    -webkit-animation-delay: .21s;

    animation-delay: .21s

}



.test-drive-root.anim .form-block .input-block .input-item:nth-child(3) {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



.test-drive-root.anim .form-block .checkbox-block .radio-button {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.test-drive-root.anim .form-block .checkbox-block .radio-button:first-child {

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.test-drive-root.anim .form-block .checkbox-block .radio-button:nth-child(2) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



.test-drive-root.anim .detail-btn {

    -webkit-animation: itemRight;

    animation: itemRight;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-delay: .36s;

    animation-delay: .36s

}



.test-drive-root.animation-root .head-item h2, .test-drive-root.animation-root .head-item p {

    opacity: 0;

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px)

}



.test-drive-root.animation-root .select-car-container .select-car-wrapper .select-car-block {

    opacity: 0

}



.test-drive-root.animation-root .form-block .input-block .input-item {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.test-drive-root.animation-root .detail-btn, .test-drive-root.animation-root .form-block .checkbox-block .radio-button {

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px);

    opacity: 0

}



.wbg .contact-root {

    background-color: #fff

}



.error-msg span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e31f2e

}



.error-msg.test-drive {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px 0

}



.error-msg.reach-you {

    text-align: center;

    margin: 10px 0

}



.call-back-form-root {

    background-color: #f8f8f8;

    padding: 90px 0

}



.call-back-form-root .content-container {

    padding: 0 16vw

}



.call-back-form-root .content-container .form-block .recaptcha-wrapper {

    margin: 20px 0

}



.call-back-form-root .content-container .form-block .input-block {

    margin: 2em 0 0;

    display: flex

}



.call-back-form-root .content-container .form-block .input-block .input-item {

    position: relative;

    flex: 1 1;

    margin: 0 0 0 2%

}



.call-back-form-root .content-container .form-block .input-block .input-item:first-child {

    margin: 0

}



.call-back-form-root .content-container .form-block .input-block .select-block {

    position: relative;

    flex: 1 1;

    margin: 0 0 0 2%

}



.call-back-form-root .content-container .form-block .input-block .select-block:first-child {

    margin: 0

}



.call-back-form-root .content-container .form-block .checkbox-block, .call-back-form-root .content-container .form-block .checkbox-block .radio-button:last-child {

    margin-bottom: 0

}



.call-back-form-root .content-container .form-block .detail-btn {

    margin: 50px auto 15px

}



.call-back-form-root .content-container .form-block:first-child {

    margin: 0

}



.call-back-form-root .head-item {

    text-align: center;

    margin: 0 auto 60px

}



.call-back-form-root .head-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px

}



.call-back-form-root .head-item p {

    margin: 20px 0 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000

}



.call-back-form-root.reach-you-root {

    background: transparent

}



.call-you-anim-root {

    position: relative;

    min-height: 299px

}



.call-you-anim-root.anim .call-back-form-root .content-container .form-block .input-block .input-item {

    -webkit-animation: itemUp;

    animation: itemUp;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    animation-timing-function: cubic-bezier(.64, 0, .36, 1);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.call-you-anim-root.anim .call-back-form-root .content-container .form-block .input-block .input-item:first-child {

    -webkit-animation-delay: .09s;

    animation-delay: .09s

}



.call-you-anim-root.anim .call-back-form-root .content-container .form-block .input-block .input-item:nth-child(2) {

    -webkit-animation-delay: .18s;

    animation-delay: .18s

}



.call-you-anim-root.anim .call-back-form-root .content-container .form-block .input-block .input-item:nth-child(3) {

    -webkit-animation-delay: .27s;

    animation-delay: .27s

}



.call-you-anim-root.animation-root .call-back-form-root .content-container .form-block .input-block .input-item {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px)

}



.filter-block.accesories-filter {

    margin: 88px 0 0;

    padding: 0 0 5em

}



.filter-block.accesories-filter .select-container {

    display: flex

}



.filter-block.accesories-filter .select-container .select-block {

    margin: 30px 0 0;

    width: 47%

}



.filter-block.accesories-filter .select-container .select-block select {

    margin: 10px 0 0

}



.full-lb-root {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%

}



.full-lb-root .packet-name-item {

    display: none;

    position: absolute;

    left: 60px;

    top: 70px;

    width: 70%;

    z-index: 1

}



.full-lb-root .packet-name-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #fff;

    line-height: 20px

}



.full-lb-root .close-block .close-btn {

    position: absolute;

    right: 0;

    top: 0;

    width: 65px;

    height: 65px;

    opacity: .85

}



.full-lb-root .close-block .close-btn:hover {

    opacity: 1

}



.full-lb-root .close-block .close-btn:after, .full-lb-root .close-block .close-btn:before {

    position: absolute;

    left: 30px;

    content: " ";

    height: 65px;

    width: 2px;

    background-color: #fff

}



.full-lb-root .close-block .close-btn:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.full-lb-root .close-block .close-btn:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.full-lb-root .lb-block {

    position: relative;

    width: 100%;

    height: 100%

}



.full-lb-root .lb-block .close-block {

    position: absolute;

    top: 50px;

    right: 60px;

    cursor: pointer;

    z-index: 1

}



.full-lb-root .lb-block .slider-block {

    white-space: nowrap;

    transition: all .3s ease-out;

    height: 100%

}



.full-lb-root .lb-block .slider-block .slider-item {

    display: inline-block;

    white-space: normal;

    position: relative;

    z-index: 1;

    width: 100%;

    height: 100%

}



.full-lb-root .lb-block .slider-block .slider-item .text-block {

    z-index: 2

}



.full-lb-root .lb-block .slider-block .slider-item .gradient-lb-bg {

    pointer-events: none;

    height: 100%;

    position: absolute;

    width: 100%;

    background: linear-gradient(0deg, #000, transparent 60%, transparent 84%, rgba(0, 0, 0, .4962359944));

    z-index: 1;

    left: 0;

    bottom: 0

}



.full-lb-root .lb-block .slider-block .slider-item .gradient-lb-bg.toleft {

    left: auto;

    right: 0;

    background: linear-gradient(270deg, #222 0, rgba(27, 27, 27, .808496) 35.51%, rgba(0, 0, 0, .0001))

}



.full-lb-root .lb-block .img-item {

    width: 100%;

    height: 100%

}



.full-lb-root .lb-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.full-lb-root .lb-block .text-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 80px;

    width: 65%

}



.full-lb-root .lb-block .text-block .left-block {

    width: 48%

}



.full-lb-root .lb-block .text-block .left-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 26px;

    color: #fff;

    margin: 0 0 25px

}



.full-lb-root .lb-block .text-block .left-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #fff;

    line-height: 2

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage {

    margin: 15px 0 0;

    display: flex;

    align-items: flex-start

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block {

    display: flex;

    flex-direction: column

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item {

    align-items: flex-start;

    flex-direction: column

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

    width: auto

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item span:after {

    display: none

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage span {

    position: relative;

    min-width: 180px;

    margin: 0 20px 0 0;

    letter-spacing: 2px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage span:after {

    content: ":";

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0

}



.full-lb-root .lb-block .text-block .right-block .property-block.montage .desc-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #fff

}



.full-lb-root .lb-block .text-block .right-block .content-item {

    display: flex;

    align-items: center;

    margin: 15px 0 0

}



.full-lb-root .lb-block .text-block .right-block .content-item:first-child {

    margin: 0

}



.full-lb-root .lb-block .text-block .right-block .content-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    width: 180px;

    position: relative;

    margin: 0 20px 0 0

}



.full-lb-root .lb-block .text-block .right-block .content-item span:after {

    content: ":";

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0

}



.full-lb-root .lb-block .text-block .right-block .content-item .desc-item {

    display: flex

}



.full-lb-root .lb-block .text-block .right-block .content-item .desc-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

    letter-spacing: 1.7px;

    margin: 0 0 0 35px

}



.full-lb-root .lb-block .text-block .right-block .content-item .desc-item p:first-child {

    margin: 0

}



.full-lb-root .arr-btn-item {

    position: absolute;

    left: 133px;

    top: 50%

}



.full-lb-root .arr-btn-item .arr-btn {

    position: relative

}



.full-lb-root .arr-btn-item .arr-btn span {

    margin: 130px 0 0;

    color: #fff

}



.full-lb-root .arr-btn-item.next-btn {

    right: 130px;

    left: auto

}



.full-lb-root .arr-btn-item.disabled {

    cursor: auto

}



.full-lb-root .arr-btn-item.disabled .arr-btn {

    opacity: .4

}



.full-lb-root .arr-btn-item.disabled:hover {

    box-shadow: none;

    border-color: transparent

}



.accessory-page {

    position: relative

}



.accessory-page .accesories-root {

    background-color: #f7f7f7

}



.accessory-page .accesories-root .head-block {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    top: -34px;

    width: 100%

}



.accessory-page .accesories-root .head-block .head-text {

    display: none

}



.accessory-page .accesories-root .head-block ul {

    height: 33px

}



.accessory-page .accesories-root .head-block ul li {

    color: #000

}



.accessory-page .accesories-root .head-block ul li.active {

    color: #e31f2e

}



.accessory-page .accesories-root .head-block ul li.active:before {

    background-color: #e31f2e;

    height: 3px

}



.accessory-page .accesories-root .accesories-container .top-block .select-block {

    right: 8vw

}



.accessory-page .accesories-root .accesories-container .top-block .select-block i:before {

    color: #000

}



.accessory-page .accesories-root .accesories-container .top-block .select-block .react-select__placeholder {

    letter-spacing: 2px;

    font-size: 12px !important;

    color: #000 !important

}



.accessory-page .accesories-root .accesories-container .top-block .select-block .react-select__input input, .accessory-page .accesories-root .accesories-container .top-block .select-block .react-select__single-value {

    color: #000 !important

}



.accessory-page .accesories-root .accesories-container .question-block {

    display: none

}



.accessory-page .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item p {

    font-weight: 900

}



.accessory-page .accesories-root .accesories-container .buttons .arr-btn-item span {

    color: #000

}



.accessory-page .accesories-root .top-block h3:hover {

    color: #e31f2e;

    -webkit-transform: none;

    transform: none

}



.accessory-page .contact-root {

    background-color: #fff

}



.sub-banner-root.accessory-banner .head-text {

    top: 45%

}



.top-content-block {

    padding: 0 25px;

    margin: 0 auto 10vh

}



.top-content-block .page-common-root {

    box-shadow: 0 50px 80px rgba(0, 0, 0, .05);

    background-color: #fff;

    padding: 10em 102px 30px;

    margin: -12.7em 0 0;

    position: relative;

    z-index: 1

}



.top-content-block .page-common-root .content-head-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between

}



.top-content-block .page-common-root .content-head-block .left-block {

    margin: 0 5vw 0 0

}



.top-content-block .page-common-root .content-head-block .sub-head-item {

    margin: 0 0 27px

}



.top-content-block .page-common-root .content-head-block h3 {

    font-size: 16px;

    color: #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.top-content-block .page-common-root .content-head-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    text-align: justify;

    line-height: 26px

}



.top-content-block .page-common-root.compare-page-root {

    padding: 7.5vh 152px 30px

}



.top-content-block .page-common-root .double-text-block p strong {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.filter-wrapper .filter-container {

    display: flex;

    align-items: flex-start;

    margin: 0 0 7em

}



.filter-wrapper .filter-container .filter-block {

    width: 50%;

    display: flex;

    margin: 0 0 0 92px;

    align-items: flex-start

}



.filter-wrapper .filter-container .filter-block .label-block {

    width: 45px;

    height: 130px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: #e31f2e

}



.filter-wrapper .filter-container .filter-block .label-block span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #fff;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.filter-wrapper .filter-container .filter-block .filter-item {

    width: 100%;

    margin: 0 2% 0 30px

}



.filter-wrapper .filter-container .filter-block .filter-item .text-block {

    padding: 15px 0 0 40px

}



.filter-wrapper .filter-container .filter-block .filter-item .text-block p {

    margin: 25px 0;

    font-size: 16px;

    color: #e31f2e;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.filter-wrapper .filter-container .filter-block .filter-item .text-block ul li {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 36px

}



.filter-wrapper .filter-container .filter-block .select-container {

    width: 100%

}



.filter-wrapper .filter-container .filter-block:first-child {

    margin: 0

}



.filter-wrapper .detail-btn {

    width: 300px;

    margin: 0 auto 60px

}



.compare-root {

    background: #f8f8f8;

    padding: 8vh 0 3vh

}



.compare-root .head-item {

    text-align: center;

    margin: 0 0 9em

}



.compare-root .head-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px

}



.compare-root .compare-wrapper {

    position: static

}



.compare-root .compare-wrapper .top-block {

    display: flex;

    align-items: flex-start;

    margin: 0 0 1em;

    padding: 0 16vw 0 19vw

}



.compare-root .compare-wrapper .top-block .head-text {

    width: 35%

}



.compare-root .compare-wrapper .top-block .head-text span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.compare-root .compare-wrapper .top-block .compare-item {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    width: 40%;

    border-bottom: 4px solid #e31f2e

}



.compare-root .compare-wrapper .top-block .compare-item + .compare-item {

    margin: 0 0 0 8%

}



.compare-root .compare-wrapper .top-block .compare-item .text-item {

    width: 85%;

    margin: 0 0 10px;

    min-height: 104px

}



.compare-root .compare-wrapper .top-block .compare-item .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #e31f2e;

    line-height: 24px;

    margin-bottom: 0

}



.compare-root .compare-wrapper .top-block .compare-item .text-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #000

}



.compare-root .compare-wrapper .top-block .compare-item .img-item {

    max-width: 70%;

    height: 160px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto

}



.compare-root .compare-wrapper .top-block .compare-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.compare-root .compare-wrapper.sticky {

    position: fixed;

    top: 80px;

    width: 100%;

    background: #fff;

    padding: 5px 0 0;

    z-index: 1

}



.compare-root .compare-wrapper.sticky .top-block .compare-item .text-item {

    min-height: 50px
}



.compare-root .compare-wrapper.sticky .top-block .compare-item .text-item p {

    font-size: 12px;

    margin: 0 0 5px;

    line-height: 14px

}



.compare-root .compare-wrapper.sticky .top-block .compare-item .text-item span {

    font-size: 12px

}



.compare-root .compare-wrapper.sticky .top-block .compare-item .img-item {

    height: 60px

}



.compare-root .compare-wrapper.sticky.on-footer {

    opacity: 0;

    visibility: hidden

}



.compare-root .compare-table-root .compare-table-block .tab-head-item {

    padding: 40px 16vw 0 10vw;

    display: flex;

    align-items: center;

    cursor: pointer

}



.compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

    display: flex;

    align-items: center;

    width: 37%;

    position: relative;

    padding: 0 0 0 6vw

}



.compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item:before {

    content: "";

    height: 1px;

    width: 135px;

    background-color: #d8d8d8;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    display: none

}



.compare-root .compare-table-root .compare-table-block .tab-head-item .liner {

    height: 1px;

    background-color: #d8d8d8;

    flex: 1 1;

    display: none

}



.compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

    width: 52px;

    height: 52px;

    min-width: 52px;

    margin: 0 6px 0 73px

}



.compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn i:before {

    font-size: 15px

}



.compare-root .compare-table-root .compare-table-block .tab-head-item p {

    margin: 0 0 0 15px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000

}



.compare-root .compare-table-root .compare-table-block .table-container {

    display: none

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block:nth-child(2n+2) {

    background-color: #fff

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

    padding: 32px 15vw 32px 23.6vw;

    min-height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

    margin: 0 0 0 8%

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 1.8

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #000;

    line-height: 1.5

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item {

    width: 40%

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.double-item p {

    border-bottom: 1px solid #ddd;

    max-width: 180px;

    display: flex;

    flex-direction: column;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.double-item p span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.t-1 {

    width: 25%;

    padding: 0 32px 0 0

}



.compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.mobile-feature {

    display: none

}



.compare-root .compare-table-root .compare-table-block.open {

    margin: 0 0 20px

}



.compare-root .compare-table-root .compare-table-block.open .tab-head-item .liner, .compare-root .compare-table-root .compare-table-block.open .tab-head-item .tab-item:before, .compare-root .compare-table-root .compare-table-block.open .table-container {

    display: block

}



.compare-root .compare-table-root .compare-table-block.sticky .tab-head-item {

    position: relative

}



.compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item {

    position: fixed;

    top: 8vh;

    left: 0;

    padding: 0;

    background-color: #fff;

    width: 100%;

    height: 10vh;

    z-index: 2

}



.compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item:before {

    display: none

}



.compare-root .compare-table-root.view {

    padding: 20em 0 0

}



.compare-root .detail-btn {

    margin: 80px auto;

    width: 320px

}



.top-content-block .faq-page-root {

    padding: 60px 0 70px

}



.top-content-block .faq-page-root .faq-root {

    background-color: #fff;

    padding: 0

}



.top-content-block .faq-page-root .faq-root .faq-block {

    margin: 0;

    padding: 0 50px

}



.top-content-block .faq-page-root .faq-root .faq-block .plus-btn {

    background-color: #f9f9f9

}



.top-content-block .faq-page-root .faq-root .faq-block .faq-item .opened-text {

    margin: 0 11em

}



.faq-root {

    background-color: #f8f8f8;

    padding: 10em 0 5em

}



.faq-root .faq-container h2 {

    text-align: center;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    line-height: 28px

}



.faq-root .faq-container .faq-block {

    position: relative;

    margin: 7em 0 0;

    padding: 0 35px 0 0

}



.faq-root .faq-container .faq-block .faq-item {

    margin: 0 0 40px;

    transition: height .3s cubic-bezier(0, .51, .35, .99);

    overflow: hidden

}



.faq-root .faq-container .faq-block .faq-item .head-item {

    display: flex;

    align-items: center;

    cursor: pointer

}



.faq-root .faq-container .faq-block .faq-item .head-item p {

    margin: 8px 0 0 40px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 19px

}



.faq-root .faq-container .faq-block .faq-item .head-item p a {

    font-size: 16px;

    color: #000

}



.faq-root .faq-container .faq-block .faq-item .head-item .plus-btn {

    width: 72px;

    min-width: 72px;

    height: 72px

}



.faq-root .faq-container .faq-block .faq-item .head-item .plus-btn i:before {

    font-size: 14px

}



.faq-root .faq-container .faq-block .faq-item .faq-img-content, .faq-root .faq-container .faq-block .faq-item .opened-text {

    margin: 0 0 0 11.3em

}



.faq-root .faq-container .faq-block .faq-item .faq-img-block {

    display: flex;

    align-items: center

}



.faq-root .faq-container .faq-block .faq-item .faq-img-block img, .faq-root .faq-container .faq-block .faq-item .faq-img-block picture {

    display: block;

    width: 100%;

    height: 100%

}



.faq-root .faq-container .faq-block .faq-item .faq-img-block img {

    object-fit: contain

}



.faq-root .faq-container .faq-block .faq-item .faq-img-item {

    padding: 0 18px 0 0

}



.faq-root .faq-container .faq-block .faq-item .faq-img-item a {

    display: block;

    width: 190px;

    height: 58px

}



.faq-root .faq-container .faq-block .faq-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #777;

    line-height: 24px;

    margin: 0 0 8px

}



.faq-root .faq-container .faq-block .faq-item p strong {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.faq-root .faq-container .faq-block .faq-item a {

    color: #777;

    text-decoration: underline

}



.faq-root .faq-container .faq-block .faq-item ul {

    padding: 0 0 0 32px;

    list-style: disc;

    margin: 0 0 8px

}



.faq-root .faq-container .faq-block .faq-item ul li {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #777;

    line-height: 24px

}



.faq-root .faq-container .faq-block .faq-item .unlisted {

    list-style: none

}



.faq-root .faq-container .faq-block .faq-item.active {

    border-bottom: 1px solid #e6e6e6;

    padding: 0 0 55px

}



.faq-root .faq-container .faq-block .faq-item.active .head-item .plus-btn {

    background-color: #e31f2e;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.faq-root .faq-container .faq-block .faq-item.active .head-item .plus-btn i:before {

    font-size: 14px;

    color: #fff

}



.faq-root .faq-container .faq-block .detail-btn {

    background-color: #e31f2e;

    width: 300px;

    height: 66px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    margin: 6.5vh auto 0;

    cursor: pointer

}



.faq-root .faq-container .faq-block .detail-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px

}



.faq-root .faq-container .faq-block .detail-btn i {

    position: absolute;

    right: 30px;

    color: #fff

}



.faq-root .faq-container .faq-block .detail-btn i:before {

    font-size: 15px

}



.faq-root .faq-container .faq-block.showAll .detail-btn, .faq-root .faq-container .faq-block.showAll .gradient {

    display: none

}



.faq-root.cycle-faq {

    background-color: #fff

}



.top-content-block .cycle-security-page-root {

    padding: 10vh 5.5vw 5em

}



.top-content-block .cycle-security-page-root .tab-content-block {

    margin: 80px 0 90px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block {

    display: flex;

    justify-content: space-between;

    width: 100%

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item {

    cursor: pointer;

    position: relative;

    width: 49%;

    height: 220px;

    border: 1px solid #e31f2e;

    padding: 27px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item {

    display: flex;

    align-items: center;

    width: 65%

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item i {

    color: #e31f2e

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item i:before {

    font-size: 50px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #e31f2e;

    margin: 0 0 0 20px;

    line-height: 24px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .btn-item {

    position: absolute;

    bottom: 30px;

    right: 30px;

    display: flex

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e31f2e;

    letter-spacing: 2.5px;

    line-height: 15px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .btn-item i {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    margin: 0 0 0 10px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .btn-item i:before {

    color: #e31f2e;

    font-size: 10px

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .arr-open {

    position: absolute;

    width: 20px;

    height: 20px;

    background-color: #e31f2e;

    left: 50%;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    bottom: -10px;

    opacity: 0;

    visibility: hidden

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item:hover {

    background-color: #e31f2e

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item:hover .arr-open {

    opacity: 1;

    visibility: visible

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item:hover i:before, .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item:hover p, .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item:hover span {

    color: #fff

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item.active {

    background-color: #e31f2e

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item.active .arr-open {

    opacity: 1;

    visibility: visible

}



.top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item.active i:before, .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item.active p, .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item.active span {

    color: #fff

}



.top-content-block .cycle-security-page-root .left-content-block {

    padding: 0 0 8em

}



.top-content-block .cycle-security-page-root .left-content-block .text-block {

    display: flex;

    justify-content: flex-start;

    padding: 0 0 0 12px

}



.top-content-block .cycle-security-page-root .left-content-block .text-block p {

    width: 45%;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 0 0 0 7vw

}



.top-content-block .cycle-security-page-root .left-content-block .text-block p.desc {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 32px;

    font-weight: 700;

    width: 40%

}



.top-content-block .cycle-security-page-root .left-content-block .text-block p:first-child {

    margin: 0

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block {

    margin: 90px 0 0

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e;

    text-align: center;

    letter-spacing: 5px;

    line-height: 23px

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block {

    margin: 60px 0 0;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .img-item {

    width: 58%;

    height: 350px

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item {

    width: 36.5%

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 20px 0;

    line-height: 26px

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item .detail-btn {

    margin: 45px 0 15px

}



.top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item .detail-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    line-height: 15px

}



.top-content-block .cycle-security-page-root .right-content-block .text-block {

    display: flex;

    justify-content: flex-start;

    padding: 0 0 0 12px

}



.top-content-block .cycle-security-page-root .right-content-block .text-block p {

    width: 45%;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 0 0 0 152px

}



.top-content-block .cycle-security-page-root .right-content-block .text-block p.desc {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 32px;

    font-weight: 700;

    width: 40%

}



.top-content-block .cycle-security-page-root .right-content-block .text-block p:first-child {

    margin: 0

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block {

    position: relative;

    margin: 125px 0 0;

    width: 100%

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item {

    width: 76.5%;

    margin: 0 auto;

    display: flex;

    overflow: hidden

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .arr-btn-item {

    left: -35px;

    top: 44%

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .arr-btn-item.next-btn {

    left: auto;

    right: -35px

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container {

    white-space: nowrap;

    width: 100%;

    transition: all .5s ease-out;

    position: relative

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block {

    display: inline-block;

    vertical-align: top;

    width: 100%

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item {

    display: flex;

    align-items: center;

    white-space: normal

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .img-item {

    width: 49.5%;

    height: 339px

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .img-item img {

    height: 100%;

    object-fit: cover;

    width: 100%

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item {

    width: 50%;

    margin: 0 0 0 50px

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item h4 {

    position: relative;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #e31f2e;

    line-height: 32px

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item h4:before {

    position: absolute;

    content: "";

    height: 1px;

    background-color: #e31f2e;

    width: 25px;

    margin-left: 38px;

    top: 44%

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #000;

    line-height: 32px;

    margin: 17px 0 0

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 15px 0 0

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item .share-item {

    justify-content: flex-start;

    margin: 65px 0 0

}



.top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item .share-item .social-share-block {

    justify-content: flex-start

}



.sub-banner-root.manual-banner .head-text {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.sub-banner-root.manual-banner .head-text h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 30px;

    color: #000

}



.top-content-block .page-common-root.manual-root {

    padding: 12em 102px 125px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block {

    text-align: center

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    line-height: 30px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 20px 0 0

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block {

    margin: 80px 0 0

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block {

    display: flex;

    justify-content: center

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block .input-item {

    width: 420px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block .input-item:nth-child(2n) {

    margin: 0 0 0 40px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block {

    margin: 100px 0 0;

    text-align: center

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #000;

    letter-spacing: 3px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 24px;

    color: #e31f2e;

    margin: 20px 0 0

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block {

    max-width: 910px;

    margin: 70px auto 0;

    display: flex;

    flex-wrap: wrap

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .manuals-item {

    width: 33.33%;

    height: 230px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item {

    text-align: left;

    cursor: pointer;

    border: 1px solid #e9e9e9;

    width: 100%;

    height: 230px;

    padding: 20px 30px;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .top-block {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .top-block p {

    margin: 10px 0 0

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block {

    display: flex;

    justify-content: flex-end

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item {

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e31f2e;

    margin: 0

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block i {

    margin: 0 0 0 15px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block i:before {

    font-size: 30px

}



.top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item:hover {

    background-color: #f2f2f2

}



.survey-video-root {

    background-color: #ebebeb;

    position: relative

}



.survey-video-root .survey-video-wrapper .survey-video-container {

    padding: 0 0 7em

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item {

    padding: 8em 0 0;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item h2 {

    line-height: 26px;

    width: 58%;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item h2 span {

    font-size: 20px;

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-detail-btn {

    width: 250px;

    height: 66px;

    display: flex;

    border: none;

    outline: none;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    margin: 0 auto 15px;

    cursor: default;

    transition: all .2s;

    background-color: #c2c2c2

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-detail-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    letter-spacing: 2px;

    line-height: 15px

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-detail-btn.selected {

    cursor: pointer;

    background-color: #e31f2e

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item {

    flex-wrap: wrap;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding: 11em 16em 0

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video {

    width: 45%;

    margin: 0 6vw 6vw 0

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-head-item {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0 25px

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-head-item span {

    line-height: 40px;

    border-bottom: 2px solid #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item {

    cursor: pointer;

    width: 100%;

    height: 100%;

    display: flex;

    position: relative

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play {

    position: absolute;

    width: 66px;

    height: 66px;

    border: 2px solid #fff;

    border-radius: 100px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play:before {

    content: "";

    width: 30px;

    height: 20px;

    border-left: 3px solid #fff;

    position: absolute;

    top: 21px;

    left: 26px

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play:after {

    content: "";

    position: absolute;

    top: 23px;

    left: 20px;

    width: 14px;

    height: 14px;

    -webkit-transform: rotate(45deg) skew(-5deg, -5deg);

    transform: rotate(45deg) skew(-5deg, -5deg);

    border-top: 3px solid #fff;

    border-right: 3px solid #fff

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input {

    z-index: 1;

    cursor: pointer;

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item {

    background-color: #e4071d

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .left-block .number-item:before, .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .left-block .number-item span, .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .left-block p {

    color: #fff

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .right-block {

    background-color: #fff

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .right-block span {

    color: #e4071d;

    display: none

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .right-block span.selected {

    display: block

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video input:checked + label .bottom-item .right-block i:before {

    color: #e4071d

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block {

    position: relative

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

    box-shadow: 5px 10px 34px rgba(0, 0, 0, .120821);

    background-color: #fff;

    height: 103px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 30px;

    position: relative

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block {

    display: flex;

    align-items: center;

    position: relative

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block .number-item span {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 14px;

    color: #e4071d

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block .number-item:before {

    content: "";

    position: absolute;

    top: -6px;

    left: 0;

    width: 44px;

    height: 30px;

    border-right: 1px solid #d7d7d7

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

    margin: 0 0 0 40px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .right-block {

    border: 1px solid #717171;

    border-radius: 50%;

    width: 48px;

    height: 48px;

    min-width: 48px;

    display: flex;

    align-items: center;

    justify-content: center

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .right-block i:before {

    font-size: 16px;

    color: #717171

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video:nth-child(2n+2) {

    margin: 0 0 6vw

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block {

    background-color: #e4071d

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block .left-block .number-item:before, .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block .left-block .number-item span, .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block .left-block p {

    color: #fff

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block .right-block {

    background-color: #fff

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video.selected .bottom-block .right-block i:before {

    color: #e4071d

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .banner-root.survey-video .lb-root::-webkit-scrollbar {

    display: none

}



.survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .banner-root.survey-video .lb-root .lb-sensing-wrapper .lb-sensing-container video {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.survey-form-root {

    position: relative

}



.survey-form-root .survey-form-wrapper .survey-form-container {

    padding: 86px 16em 0

}



.survey-form-root .survey-form-wrapper .survey-form-container .head-block {

    text-align: center

}



.survey-form-root .survey-form-wrapper .survey-form-container .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    line-height: 36px;

    letter-spacing: 5px

}



.survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block {

    padding: 74px 0 0

}



.survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block .input-block {

    display: flex;

    flex-wrap: wrap

}



.survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block .input-block .input-item {

    position: relative;

    width: 47%;

    margin: 0 0 35px

}



.survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block .input-block .input-item:nth-child(2n+2) {

    margin: 0 0 35px 6%

}



.survey-text-block {

    padding: 10em 16em

}



.survey-text-block .survey-text-item {

    display: flex;

    align-items: flex-start;

    justify-content: space-between

}



.survey-text-block .survey-text-item p {

    line-height: 26px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #717171

}



.survey-text-block .survey-text-item .left-block {

    flex: 1 1;

    margin: 0 30px 0 0

}



.survey-text-block .survey-text-item .right-block {

    flex: 1 1

}



.survey-thanks-block {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100vw;

    height: 100vh

}



.survey-thanks-block .survey-thanks-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 100%

}



.survey-thanks-block .survey-thanks-item .img-item {

    margin: 0 0 30px

}



.survey-thanks-block .survey-thanks-item .text-item {

    width: 39%

}



.survey-thanks-block .survey-thanks-item .text-item p {

    letter-spacing: 5px;

    line-height: 36px;

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #e31f2e

}



.survey-video-msg-block {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100vw;

    height: 100vh

}



.survey-video-msg-block .survey-video-msg-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 100%

}



.survey-video-msg-block .survey-video-msg-item .img-item {

    margin: 0 0 30px

}



.survey-video-msg-block .survey-video-msg-item .text-item {

    width: 39%

}



.survey-video-msg-block .survey-video-msg-item .text-item p {

    letter-spacing: 5px;

    line-height: 36px;

    font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #e31f2e

}



.result-thanks-root {

    width: 100%;

    background-color: #ebebeb

}



.result-thanks-root .result-thanks-block {

    padding: 15vh 0;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.result-thanks-root .result-thanks-block .result-thanks-item {

    text-align: center

}



.result-thanks-root .result-thanks-block .result-thanks-item .head-block {

    display: none

}



.result-thanks-root .result-thanks-block .result-thanks-item .head-block h2 {

    margin: 0 10px;

    font-size: 27px;

    color: #e4071d;

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700

}



.result-thanks-root .result-thanks-block .result-thanks-item .head-block .text-item {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 5px 0 0

}



.result-thanks-root .result-thanks-block .result-thanks-item .head-block .text-item h1 {

    margin: 0 10px;

    font-size: 27px

}



.result-thanks-root .result-thanks-block .result-thanks-item .head-block .text-item .line {

    width: 60px;

    height: 2px;

    background-color: #a5a5a5

}



.result-thanks-root .result-thanks-block .result-thanks-item h1 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 44px;

    color: #e4071d

}



.result-thanks-root .result-thanks-block .result-thanks-item p {

    margin: 0;

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 42px;

    color: #000

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block {

    display: flex;

    align-items: center

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .line {

    width: 155px;

    height: 2px;

    background-color: #a5a5a5

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item {

    margin: 15px 0 0

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item p {

    margin: 0 15px;

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 42px;

    color: #000

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 15px 0 0

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block p {

    width: 74%;

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 30px;

    color: #000

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block p span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block {

    display: flex;

    align-items: center;

    flex-direction: column;

    margin: 30px 0 0

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item {

    position: relative

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #000

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item .line {

    position: absolute;

    bottom: -5px;

    left: -30px;

    width: calc(100% + 50px);

    margin: 8px 0 0

}



.result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item:last-child .line {

    display: none

}



.campaign-content-root {

    position: relative

}



.campaign-content-root.campaign-detail-text ul {

    text-align: left;

    list-style: disc

}



.campaign-content-root.campaign-detail-text .text-block p {

    margin: 0 0 5px

}



.campaign-content-root .text-block {

    text-align: center

}



.campaign-content-root .text-block h1, .campaign-content-root .text-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #000;

    line-height: 50px;

    margin: 0 0 2vh

}



.campaign-content-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 22px;

    margin: 0 0 4vh

}



.campaign-content-root .text-block p a {

    text-decoration: underline;

    color: #000

}



.campaign-content-root .text-block p strong {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.campaign-content-root .text-block .share-item {

    position: absolute;

    top: 50px;

    right: 50px

}



.campaign-content-root .call-back-form-root {

    background-color: inherit

}



.campaign-content-root .call-back-form-root .content-container {

    padding: 0 7.4vw

}



.campaign-pricing-root .campaign-pricing-block {

    background-color: #f8f8f8;

    padding: 65px 105px;

    display: flex;

    justify-content: space-between;

    margin: 30px 0 0

}



.campaign-pricing-root .campaign-pricing-block .pricing-item h2 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #e31f2e;

    line-height: 20px;

    margin: 0 0 25px

}



.campaign-pricing-root .campaign-pricing-block .pricing-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    line-height: 24px

}



.campaign-pricing-root .campaign-text-block {

    margin: 70px 0 0;

    padding: 0 110px;

    display: flex

}



.campaign-pricing-root .campaign-text-block .right-block {

    margin: 0 0 0 150px

}



.campaign-pricing-root .campaign-text-block ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.campaign-pricing-root .campaign-text-block ul li {

    width: 40%;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 20px;

    list-style-type: disc;

    margin: 0 0 35px;

    list-style-position: inside

}



.newsletter-root .error-container {

    position: absolute;

    background: #eee;

    margin: 0 40px 0 0;

    z-index: 99

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root {

    border: none;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .head-item {

    padding: 0 50px

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .form-block {

    width: 33.5%;

    margin: 4vh 0 0;

    padding: 0

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .form-block .input-item {

    width: 100%;

    margin: 0

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .checkbox-block {

    margin: 10px 0;

    padding: 0 9vw

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .checkbox-block .radio-button {

    margin: 30px 0 40px

}



.newsletter-root.campaign-newsletter-root .newsletter-container .form-root .btn-block {

    margin: 0

}



.newsletter-root.recaptcha .newsletter-container .form-root .recaptcha-wrapper {

    margin: 20px 50px 10px

}



.sub-banner-root .campaign-banner .head-text {

    top: 50%

}



.thanks-block {

    margin: 70px 0

}



.thanks-block .thanks-message-block .detail-btn {

    margin: 0 auto

}



.thanks-block .thanks-message-block.select-video {

    width: 100vw;

    height: 100vh;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.thanks-block .thanks-message-block.select-video .text-block {

    margin: 0

}



.thanks-block .thanks-message-block.submit-form {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.thanks-block .thanks-message-block.submit-form .text-block {

    margin: 0

}



.campaign-sub-text-root {

    margin: 40px 0

}



.campaign-sub-text-root .double-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    border: 1px solid #d8d8d8

}



.campaign-sub-text-root .double-block .text-item {

    text-align: center;

    padding: 9em 3vw

}



.campaign-sub-text-root .double-block .text-item + .text-item {

    border-left: 1px solid #d8d8d8

}



.campaign-sub-text-root .double-block .text-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    letter-spacing: 2px;

    font-size: 24px;

    margin: 0 0 10px

}



.campaign-sub-text-root .double-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 22px

}



.price-list-root {

    padding: 120px 0 0

}



.price-list-root .price-list-wrapper {

    padding: 85px 0 0

}



.price-list-root .price-list-wrapper .oto-head-item {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 10vh 0

}



.price-list-root .price-list-wrapper .oto-head-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 25px;

    color: #e31f2e;

    word-spacing: 5px;

    letter-spacing: 4px

}



.price-list-root .price-list-wrapper .tab-block ul {

    display: flex;

    justify-content: center

}



.price-list-root .price-list-wrapper .tab-block ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    border-bottom: 4px solid transparent;

    padding: 0 0 15px;

    margin: 0 30px;

    cursor: pointer

}



.price-list-root .price-list-wrapper .tab-block ul li.active {

    color: #e31f2e;

    border-color: #e31f2e;

    cursor: default

}



.price-list-root .price-list-wrapper .cycle-list-root {

    padding: 5em 0 8em

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container {

    padding: 0

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block {

    position: relative;

    padding: 0 8vw

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-wrapper {

    overflow: hidden

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block {

    display: block;

    transition: all .5s cubic-bezier(.65, .05, .36, 1);

    white-space: nowrap

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item {

    display: inline-block;

    vertical-align: top;

    width: 23%;

    height: 272px;

    opacity: .3;

    margin: 0 1.1%

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item.active, .price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item:hover {

    opacity: 1

}



.price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block {

    justify-content: center

}



.price-list-root .price-list-wrapper .model-list-root {

    padding: 60px 0

}



.price-list-root .price-list-wrapper .model-list-root .content-container .head-item {

    margin: 0 0 60px

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-bg {

    background: #fafafa;

    padding: 44px 0

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

    position: relative;

    margin: 0 auto;

    max-width: 1700px

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper .arr-btn-item {

    left: 10px

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper .arr-btn-item.next-btn {

    right: 10px;

    left: unset

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

    text-align: center;

    width: 1400px;

    margin: 0 auto;

    overflow: hidden

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block {

    display: block;

    transition: all .5s cubic-bezier(.65, .05, .36, 1);

    white-space: nowrap

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item {

    background: #fff;

    display: inline-block;

    vertical-align: top;

    width: 18%;

    margin: 0 10px 0 0;

    cursor: pointer

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item .check-item {

    display: none

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item.active {

    background-color: #eee;

    cursor: default

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item.active p {

    color: #e31f2e

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item:hover {

    background-color: #eee;

    opacity: 1

}



.price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item:hover p {

    color: #e31f2e

}



.price-list-root .price-list-wrapper .table-price-root {

    padding: 0 30px 2em;

    margin: 0 0 2em

}



.price-list-root .price-list-wrapper .table-price-root .table-container + .table-container {

    background-color: #f8f8f8;

    margin: 7em 0 0;

    padding: 0 0 7em

}



.price-list-root .price-list-wrapper .table-price-root .table-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    padding: 0 0 20px

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item {

    position: relative;

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item a, .price-list-root .price-list-wrapper .table-price-root .table-head .th-item h2 {

    position: relative;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #e31f2e

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn {

    cursor: pointer;

    margin: 0 0 0 30px

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn.price-list-btn {

    background: #eee;

    margin: 0 0 0 30px;

    white-space: nowrap

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn .price-list-arr {

    margin: 0 0 0 20px

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn span {

    font-size: 11px;

    color: #000

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn i:before {

    font-size: 30px;

    color: #000

}



.price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-2 span {

    white-space: nowrap

}



.price-list-root .price-list-wrapper .table-price-root .table-block {

    padding: 7em 0 0

}



.price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block + .table-inside-block .info-head .name-item {

    opacity: 0;

    visibility: hidden

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item {

    display: flex;

    align-items: center;

    height: 42px

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item span {

    height: auto;

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item:first-child {

    justify-content: space-between

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item {

    display: flex;

    justify-content: space-between;

    flex: 2 1;

    padding: 0 3vw

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item {

    justify-content: flex-start;

    max-width: -moz-fit-content;

    max-width: -webkit-fit-content;

    max-width: fit-content;

    cursor: pointer;

    text-decoration: none;

    position: relative

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background: #e31f2e;

    opacity: 0;

    transition: width .5s

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item .gg-chevron-icon {

    margin: 2px 5px 0 10px

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item p {

    margin: 0 0 0 30px;

    font-size: 14px;

    padding: 0 0 4px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    display: none

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item .price-list-icon-block {

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item:hover p {

    display: block;

    -webkit-animation: showNav .5s ease-in-out both;

    animation: showNav .5s ease-in-out both

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item:hover:before {

    opacity: 1;

    width: 100%

}



@-webkit-keyframes showNav {

    0% {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



@keyframes showNav {

    0% {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block {

    border-left: 1px solid rgba(0, 0, 0, .1);

    padding: 0 0 0 3vw;

    flex: 1 1;

    height: 42px;

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block span, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item span.credit-btn {

    margin: 0

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .resp-head {

    display: none;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #e31f2e

}



.price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name {

    color: #e31f2e

}



.price-list-root .price-list-wrapper .table-price-root .t-1 {

    width: 45%

}



.price-list-root .price-list-wrapper .table-price-root .t-2 {

    width: 21%;

    justify-content: center

}



.price-list-root .price-list-wrapper .table-price-root .t-3 {

    justify-content: flex-end;

    width: 160px;

    min-width: 160px

}



.price-list-root .price-list-wrapper .table-price-root .t-3 .tl-item {

    width: 160px

}



.price-list-root .price-list-wrapper .table-price-root .t-3 .credit-btn {

    color: #e31f2e !important;

    height: 42px !important;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    white-space: nowrap;

    cursor: pointer

}



.price-list-root .price-list-wrapper .table-price-root .t-3 .credit-btn:hover {

    background-color: #e31f2e;

    color: #fff !important

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block {

    display: block

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head {

    padding: 0 0 40px 50px;

    justify-content: flex-start

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container {

    padding: 20px 0 0 50px

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block {

    display: flex

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item {

    padding: 0

}



.price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item.price-list-name-item {

    padding: 6px 0

}



.price-list-root .price-list-wrapper .table-price-root.oto-price {

    max-width: 1490px;

    margin: 0 auto

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .t-1 {

    width: 70%

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head {

    padding: 0 2em 20px

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .down-doc-btn {

    margin: 8em auto 2em

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block {

    padding: 3em 2em 0

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .td-item .name-item {

    flex: 1 1;

    padding: 0 3vw 0 0

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item {

    padding: 0 1vw 0 0

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item .head-icon-item {

    display: none

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.name {

    flex: 3 1

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.vites {

    min-width: 87px;

    flex: 1 1

}



.price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .type-block {

    padding: 0 0 0 1vw

}



.price-list-root .price-list-wrapper .down-doc-btn {

    cursor: pointer;

    border: 1px solid #f2f2f2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 110px;

    width: 570px;

    margin: 0 auto 5em;

    padding: 0 20px

}



.price-list-root .price-list-wrapper .down-doc-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 24px

}



.price-list-root .price-list-wrapper .down-doc-btn .down-item {

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .down-doc-btn .down-item .text-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #e31f2e;

    display: block

}



.price-list-root .price-list-wrapper .down-doc-btn .down-item .text-item .size {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.price-list-root .price-list-wrapper .down-doc-btn .down-item i {

    margin: 0 0 0 10px

}



.price-list-root .price-list-wrapper .down-doc-btn .down-item i:before {

    font-size: 30px

}



.price-list-root .price-list-wrapper .text-root {

    display: flex;

    justify-content: space-between;

    padding: 0 2vw;

    margin: 4em 0

}



.price-list-root .price-list-wrapper .text-root .text-item {

    width: 45%

}



.price-list-root .price-list-wrapper .text-root .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    margin: 0 0 20px;

    line-height: 26px

}



.price-list-root .price-list-wrapper .text-root span {

    display: none;

    position: relative;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    color: #000

}



.price-list-root .price-list-wrapper .text-root span i {

    top: 0;

    right: -15px;

    width: 7px;

    height: 7px

}



.price-list-root .price-list-wrapper .text-root span i:before {

    font-size: 7px

}



.price-list-root .price-list-wrapper .text-root.there-is-data {

    margin: 0

}



.price-list-root .price-list-wrapper .widget-content-root {

    border-top: 1px solid #eaeaea;

    padding: 10em 0

}



.price-list-root .price-list-wrapper .widget-content-root .head-item {

    text-align: center

}



.price-list-root .price-list-wrapper .widget-content-root .head-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #000

}



.price-list-root .price-list-wrapper .widget-content-root .head-item .detail-btn {

    margin: 50px auto

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container {

    display: flex;

    justify-content: space-between;

    margin: 4em 0;

    flex-wrap: wrap

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block {

    display: flex;

    height: 300px;

    justify-content: space-between;

    width: 49%;

    position: relative;

    overflow: hidden

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background-color: #e31f2e;

    padding: 40px 30px;

    width: 50%

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .img-block {

    width: 50%;

    height: 100%

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .lazyload-wrapper {

    width: auto

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .bg-img {

    position: absolute;

    top: 0;

    left: 0

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-block {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    position: relative;

    padding: 40px 50px 30px

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-block p {

    width: 70%

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .detail-btn {

    margin: 0

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item {

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item i {

    margin: 0 20px 0 0

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item i:before {

    color: #fff;

    font-size: 40px

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #fff;

    line-height: 28px

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block {

    justify-content: center

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block {

    justify-content: center;

    width: 100%

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block .text-block {

    align-items: center

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block .text-item {

    justify-content: center;

    text-align: center

}



.price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block .text-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 30px;

    line-height: 40px;

    width: 58%

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component {

    width: 100%;

    height: 300px;

    position: relative;

    display: inline-block;

    margin: 8em 0 0;

    overflow: hidden

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 100%;

    padding: 0 5vw;

    position: relative

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 30px;

    color: #fff;

    line-height: 40px

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item .link-arr {

    display: flex;

    align-items: center

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item .link-arr span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff

}



.price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item .link-arr i {

    border: solid #fff;

    border-width: 0 1px 1px 0;

    display: inline-block;

    padding: 30px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root {

    border: none

}



.price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .widget-container {

    margin: 4em 0

}



.price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .text-root {

    padding: 70px 2vw;

    border-top: 1px solid #eaeaea

}



.price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .text-root .text-item {

    width: 45%

}



.price-list-root .price-list-wrapper .widget-content-root.model-detail {

    padding: 0

}



.price-list-root .price-list-wrapper .table-price-block {

    margin: 0 0 3em

}



.price-list-root .price-list-wrapper .table-price-block.active {

    margin: 0 0 8em

}



.price-list-root .price-list-wrapper .table-price-block.active .table-head {

    border-color: rgba(0, 0, 0, .1)

}



.price-list-root .price-list-wrapper .table-price-block.active .table-head .head-icon-item:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.price-list-root .price-list-wrapper .table-price-block.active .th-item.t-2 {

    display: flex

}



.price-list-root .price-list-wrapper .table-price-block.active .table-block {

    padding: 4em 0 0

}



.price-list-root .price-list-wrapper .table-price-block.active .table-container {

    display: block;

    cursor: default

}



.price-list-root .price-list-wrapper .table-price-block .table-head {

    cursor: pointer;

    border-color: transparent

}



.price-list-root .price-list-wrapper .table-price-block .th-item.t-2 {

    display: none

}



.price-list-root .price-list-wrapper .table-price-block .table-block {

    padding: 4em 0 0

}



.price-list-root .price-list-wrapper .table-price-block .table-container {

    display: none

}



.head-icon-item:before {

    transition: all .3s ease-in-out;

    width: 4px;

    height: 18px;

    top: 0;

    left: -30px

}



.head-icon-item:after, .head-icon-item:before {

    background-color: #e31f2e;

    position: absolute;

    content: ""

}



.head-icon-item:after {

    width: 18px;

    height: 4px;

    top: 7px;

    left: -37px

}



.down-btn {

    height: 58px;

    border: 1px solid #000;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 25px

}



.down-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #000

}



.down-btn i {

    margin: 0 0 0 20px

}



.dictionary-root {

    padding: 120px 0 0

}



.dictionary-root .head-block {

    padding: 10em 0;

    text-align: center

}



.dictionary-root .head-block h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px

}



.dictionary-root .dictionary-list-container .head-list {

    display: flex;

    justify-content: center;

    align-items: center

}



.dictionary-root .dictionary-list-container .head-list li {

    padding: 0 32px 14px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    border-bottom: 4px solid transparent;

    margin: 0 5px;

    cursor: pointer

}



.dictionary-root .dictionary-list-container .head-list li.active {

    cursor: default;

    border-color: #e31f2e;

    color: #e31f2e

}



.dictionary-root .dictionary-list-container .head-list li:hover {

    color: #e31f2e

}



.dictionary-root .dictionary-list-container .dictionary-list-block {

    background-color: #f8f8f8

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item {

    padding: 10em 10vw

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block {

    margin: 0 0 65px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block.active .head-item {

    position: relative

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block.active .head-icon-item:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block.active ul {

    display: block

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-item {

    position: relative;

    cursor: pointer

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 72px;

    color: #000

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul {

    display: none;

    padding: 20px 0 0 5px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li {

    margin: 0 0 10px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    display: flex;

    align-items: center

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    opacity: 0;

    visibility: hidden;

    margin: 0 0 0 20px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a i:before {

    font-size: 40px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a:hover {

    color: #e31f2e

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a:hover i {

    opacity: 1;

    visibility: visible

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-icon-item:after {

    left: -50px;

    top: 27px

}



.dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-icon-item:before {

    left: -43px;

    top: 20px

}



.dictionary-root.detail-dictionary {

    background-color: #f8f8f8;

    padding: 120px 0 5em

}



.dictionary-root.detail-dictionary .head-block .head-item {

    position: relative

}



.dictionary-root.detail-dictionary .head-block h1 {

    width: 56%;

    margin: 0 auto

}



.dictionary-root.detail-dictionary .head-block .back-btn {

    position: absolute;

    left: 0;

    top: 10px;

    display: flex;

    align-items: center;

    cursor: pointer

}



.dictionary-root.detail-dictionary .head-block .back-btn i {

    margin: 0 10px 0 0

}



.dictionary-root.detail-dictionary .head-block .back-btn i:before {

    font-size: 11px;

    color: #000

}



.dictionary-root.detail-dictionary .head-block .back-btn span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    letter-spacing: 2px

}



.dictionary-root.detail-dictionary .detail-dictionary-wrapper {

    padding: 0 7vw

}



.dictionary-root.detail-dictionary .dictionary-detail-container .dictionary-detail-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 0 0 20px

}



.dictionary-root.detail-dictionary .dictionary-detail-container .dictionary-detail-block img {

    margin: 40px 0;

    max-width: 100%

}



.formula-one-banner .head-block {

    width: 32%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.formula-one-banner .head-block .img-block {

    width: 53.5%;

    height: 82px;

    margin: 0 auto

}



.formula-one-banner .head-block .img-block img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.formula-one-banner .head-block .head-text {

    position: static;

    margin: 60px 0 0;

    display: block;

    -webkit-transform: none;

    transform: none;

    text-align: center

}



.formula-one-banner .head-block .head-text h1 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 30px;

    color: #fff;

    letter-spacing: 14px

}



.electrification-banner .head-block {

    width: 50%

}



.electrification-banner .head-block .img-block {

    width: 32.6%;

    height: 44px

}



.electrification-banner .head-block .head-text {

    margin: 70px 0 0

}



.electrification-banner .head-block .head-text p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 40px;

    color: #fff;

    margin: 0 0 10px

}



.electrification-banner .head-block .head-text h1 {

    font-size: 40px;

    letter-spacing: 15px

}



.quad-content-root {

    padding: 110px 0 10px

}



.quad-content-root .quad-content-wrapper .head-block {

    max-width: 1440px;

    margin: 0 auto;

    border-bottom: 1px solid #d8d8d8

}



.quad-content-root .quad-content-wrapper .head-block h2 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 28px;

    color: #000;

    letter-spacing: 5px;

    text-align: center;

    margin: 0 0 50px

}



.quad-content-root .quad-content-wrapper .quad-content-container {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin: 140px 0 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block {

    width: 100%;

    position: relative

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

    display: flex;

    justify-content: center;

    flex-direction: column;

    margin: 0 auto 245px;

    width: 76.4%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block {

    display: flex;

    justify-content: space-between

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text {

    max-width: 12.2%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 32px;

    color: #e31f2e

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3:after {

    content: "";

    display: block;

    width: 100%;

    height: 7px;

    background-color: #e31f2e;

    margin: 40px 0 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

    width: 66%;

    margin: 0 40px 0 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block {

    margin: 80px 0 0;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block {

    position: relative;

    width: 17.7%;

    height: 445px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item {

    width: 25%;

    height: 190px;

    -webkit-transform: skew(-40deg);

    transform: skew(-40deg);

    background: #e31f2e;

    position: absolute;

    left: 31%;

    top: 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-2 {

    top: 127px;

    left: 39%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-3 {

    top: 255px;

    left: 47%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

    width: 68.8%;

    height: 620px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 {

    flex-direction: row-reverse;

    max-width: 100%;

    justify-content: flex-end;

    margin: 0 0 100px;

    width: 100%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block {

    width: 40%;

    flex-direction: column;

    justify-content: center;

    padding: 0 0 0 90px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text {

    max-width: 40%;

    margin: 0 0 160px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3:after {

    width: 100%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content .img-item {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content .img-item img {

    height: 100%;

    width: 100%;

    object-fit: cover

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block {

    width: 56.8%;

    margin: 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block .trio-line-block {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block .img-item {

    width: 100%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 {

    max-width: 50%;

    text-align: start;

    margin: 0 auto 190px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 .text-block .head-text {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 .text-block .head-content {

    width: 100%;

    margin: 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 .img-block {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 {

    margin: 0 auto 30px;

    width: 67.4%;

    flex-direction: column-reverse

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-text {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content {

    width: 100%;

    display: flex;

    padding: 0 7% 0 3.5%;

    margin: 60px 0 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p {

    width: 50%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p:last-child {

    margin: 0 0 0 80px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block {

    margin: 0;

    position: relative;

    width: 100%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .trio-line-block {

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

    width: 100%;

    height: 560px

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block {

    position: absolute;

    left: 3.5%;

    bottom: 6%;

    z-index: 1

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #fff

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3:after {

    content: "";

    display: block;

    width: 100%;

    height: 7px;

    background-color: #e31f2e;

    margin: 40px 0 0

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .bg-gradient {

    position: absolute;

    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 27.67%, #000 132.93%);

    z-index: 1;

    width: 100%;

    height: 100%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block {

    overflow: hidden;

    background-color: #00192f;

    height: 935px;

    width: 100%;

    position: absolute;

    z-index: -1;

    top: 16%

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .read-more-block {

    align-items: center;

    cursor: pointer;

    display: none

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .read-more-block i:before {

    font-size: 10px;

    color: #e31f2e

}



.quad-content-root .quad-content-wrapper .quad-content-container .content-block .read-more-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    line-height: 24px;

    margin: 0 0 0 15px

}



.double-image-root {

    padding: 175px 0 180px;

    overflow-x: hidden

}



.double-image-root .double-image-wrapper .double-image-container .head-block {

    width: auto;

    position: relative;

    padding: 140px 0 90px

}



.double-image-root .double-image-wrapper .double-image-container .head-block .round-shape {

    position: absolute;

    display: inline-block;

    width: 644px;

    height: 644px;

    border-radius: 50%;

    border: 50px solid #00192f;

    background-color: transparent;

    top: -152px;

    right: -322px;

    pointer-events: none

}



.double-image-root .double-image-wrapper .double-image-container .head-block .head-item {

    width: 25%;

    margin: 0 auto

}



.double-image-root .double-image-wrapper .double-image-container .head-block .head-item h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #fff;

    text-align: center

}



.double-image-root .double-image-wrapper .double-image-container .head-block .head-item h3:after {

    content: "";

    display: block;

    width: 100%;

    height: 7px;

    background-color: #fff;

    margin: 40px 0 0

}



.double-image-root .double-image-wrapper .double-image-container .head-block .bg-color {

    width: 100%;

    height: 600px;

    background-color: #e31f2e;

    position: absolute;

    top: 0;

    z-index: -1

}



.double-image-root .double-image-wrapper .double-image-container .head-block .bg-color img {

    overflow: hidden;

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 3

}



.double-image-root .double-image-wrapper .double-image-container .img-block {

    width: 100%;

    display: flex

}



.double-image-root .double-image-wrapper .double-image-container .img-block .left-block {

    width: 62.8%

}



.double-image-root .double-image-wrapper .double-image-container .img-block .left-block .img-item {

    width: 100%;

    height: 570px

}



.double-image-root .double-image-wrapper .double-image-container .img-block .left-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.double-image-root .double-image-wrapper .double-image-container .img-block .left-block .text-item {

    width: 48%;

    margin: 60px auto 120px

}



.double-image-root .double-image-wrapper .double-image-container .img-block .right-block {

    width: 29.4%;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    margin: 258px 0 0 -75px

}



.double-image-root .double-image-wrapper .double-image-container .img-block .right-block .img-item {

    width: 100%;

    height: 435px

}



.double-image-root .double-image-wrapper .double-image-container .img-block .right-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.double-image-root .double-image-wrapper .double-image-container .img-block .right-block .text-item {

    width: 85%;

    margin: 50px 30px 0 50px

}



.double-image-root .double-image-wrapper .double-image-container .img-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px

}



.double-image-root .double-image-wrapper .double-image-container .read-more-block {

    align-items: flex-end;

    cursor: pointer;

    display: none

}



.double-image-root .double-image-wrapper .double-image-container .read-more-block i:before {

    font-size: 10px;

    color: #e31f2e

}



.double-image-root .double-image-wrapper .double-image-container .read-more-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    line-height: 24px;

    margin: 0 0 -4px 15px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block {

    height: 750px;

    position: relative

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .img-item {

    position: absolute;

    top: 0;

    z-index: -1;

    left: 0;

    width: 100%;

    height: 100%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item {

    max-width: 46%;

    height: calc(100% - 115px);

    margin: 0 auto;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item {

    margin: 0 0 40px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item i {

    color: #fff

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item i:before {

    font-size: 80px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #fff;

    margin: 0 0 50px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 24px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block {

    margin: -115px auto 0;

    text-align: center

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block {

    background-color: #fff;

    padding: 85px 0 0;

    max-width: 75.7%;

    margin: 0 auto

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #000

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3:after {

    content: "";

    display: block;

    margin: 40px auto 0;
    width: 260px;

    height: 7px;

    background-color: #e31f2e

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 60px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container {

    margin: 0 auto;

    overflow: hidden

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block {

    padding: 110px 0 90px 43%;

    min-width: 1080px;

    white-space: nowrap

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item {

    margin: 0 160px 0 0;

    display: inline-block;

    opacity: .2;

    cursor: pointer;

    text-shadow: 0 4px 4px rgba(0, 0, 0, .25)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item i:before {

    font-size: 40px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item h3 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 32px;

    color: #000;

    letter-spacing: -1.33333px;

    margin: 30px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #e31f2e;

    letter-spacing: 10px;

    margin: 20px 0 0;

    opacity: 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item:last-child {

    margin: 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item.active {

    cursor: default;

    opacity: 1

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item.active p {

    opacity: 1

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block {

    padding: 0 0 115px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .head-block {

    width: 100%;

    position: relative;

    height: 110px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .head-block .line-item {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    height: 1px;

    background-color: #cbcbcb

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block {

    position: relative

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item {

    padding: 120px 0 0;

    display: flex;

    justify-content: center;

    align-items: center

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .img-item {

    width: 51%;

    height: 630px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item {

    background-color: #fff;

    width: 22%;

    height: 230px;

    margin: 3% 0 0 -6.4%;

    padding: 40px 0 0 50px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side {

    display: flex;

    align-items: flex-end

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #e31f2e

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    margin: 0 0 0 5px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .bot-side {

    margin: 40px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .bot-side h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #000;

    letter-spacing: 4.61538px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 {

    display: block;

    position: relative;

    padding: 120px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .img-item {

    width: 31.5%;

    height: 480px;

    margin: 0 0 0 30%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .text-item {

    position: absolute;

    width: 19.4%;

    height: 230px;

    bottom: -19%;

    left: 57%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg {

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    width: 100%;

    height: 600px;

    background-color: #e31f2e;

    position: absolute;

    top: 32.7%;

    left: 0;

    z-index: -1

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 260px;

    color: #fff;

    opacity: .1;

    line-height: .7;

    z-index: 3

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg img {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    top: 0;

    left: 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 {

    position: relative

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block {

    height: auto

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .line-item {

    display: none

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item {

    position: relative;

    display: block;

    width: 230px;

    height: 172px;

    background-color: #e31f2e

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item h3 {

    position: absolute;

    font-size: 140px;

    -webkit-transform: skew(37deg);

    transform: skew(37deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item p {

    font-size: 20px;

    position: absolute;

    bottom: -3px;

    left: 20px;

    -webkit-transform: skew(37deg);

    transform: skew(37deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item {

    position: relative;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .img-item {

    width: 51.9%;

    height: 593px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item {

    margin: -5% 0 0;

    width: 21.9%;

    height: 185px;

    padding: 0;

    z-index: 2

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side {

    flex-direction: column-reverse;

    justify-content: center;

    align-items: center;

    height: 100%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side p {

    margin: 0 0 25px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side h3 {

    letter-spacing: 4.61538px;

    font-size: 24px;

    z-index: 2

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    top: 65%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side h3 {

    font-size: 72px;

    color: #fff

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 {

    justify-content: flex-start;

    padding: 0;

    width: 35%;

    align-items: flex-start;

    margin: 0 0 0 9%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .img-item {

    width: 100%;

    height: 421px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item {

    width: 100%;

    margin: 0;

    height: auto;

    padding: 40px 0 55px 7%;

    border-bottom: 7px solid #e31f2e;

    background-color: initial

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .top-side {

    justify-content: flex-start;

    flex-direction: row;

    align-items: flex-end;

    height: auto

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .top-side p {

    margin: 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .bot-side {

    position: static;

    -webkit-transform: none;

    transform: none

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .bot-side h3 {

    font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #000;

    letter-spacing: 4.61538px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 {

    justify-content: flex-start;

    padding: 15% 0 0;

    margin: 0 0 0 8.6%;

    align-items: flex-start

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .img-item {

    width: 100%;

    height: 450px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item {

    height: auto;

    padding: 40px 0 70px 50px;

    width: 46.8%;

    margin: -5% 0 0 5%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side {

    height: auto;

    justify-content: flex-start;

    flex-direction: row;

    align-items: flex-end

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side p {

    margin: 0 0 0 5px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side h3 {

    font-size: 22px;

    letter-spacing: 1px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .bot-side {

    position: static;

    -webkit-transform: none;

    transform: none

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .bot-side h3 {

    font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #000;

    letter-spacing: 4.61538px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .gray-bg {

    position: absolute;

    top: 46.5%;

    z-index: -1;

    left: 0;

    background-color: #f4f4f4;

    height: 1285px;

    width: 100%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .dual-content-item {

    display: flex;

    padding: 120px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block {

    padding: 160px 0 100px;

    display: flex;

    justify-content: center

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item {

    width: auto;

    height: auto;

    text-align: center;

    margin: 0 0 0 100px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item h3 {

    font-size: 22px;

    color: #000

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    margin: 40px auto 0;

    width: 260px;

    height: 140px;

    -webkit-transform: skew(-44.5deg);

    transform: skew(-44.5deg);

    background: #e31f2e

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item h3 {

    font-size: 66px;

    margin: 0 40px 0 0;

    color: #fff;

    -webkit-transform: skew(44.5deg);

    transform: skew(44.5deg);

    line-height: .8

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    margin: 0 0 0 20%;

    letter-spacing: 5px;

    color: #fff;

    font-size: 26px;

    -webkit-transform: skew(44.5deg);

    transform: skew(44.5deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item {

    width: auto;

    margin: 0 auto;

    position: relative

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item {

    position: absolute;

    flex-direction: column;

    margin: 0;

    width: 12.1%;

    height: 172px;

    top: 60%;

    -webkit-transform: skew(-35deg);

    transform: skew(-35deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left {

    margin: 0 50px 0 0;

    left: 17%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left h3 {

    font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif;

    font-size: 60px;

    line-height: 76px;

    color: #fff;

    margin: 15px 35px 0 0

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left p {

    line-height: 1;

    letter-spacing: 4.61538px;

    margin: 0 0 15px 20px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid {

    width: 36.4%;

    background-color: #e31f2e;

    mix-blend-mode: multiply;

    left: 30.5%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 36px;

    letter-spacing: 5px;

    margin: 0 60px 20px 0;

    mix-blend-mode: normal;

    color: #fff

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right {

    background-color: #e31f2e;

    right: 19.8%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .img-item {

    width: 33.9%;

    height: 858px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    width: 325px;

    height: 110px;

    -webkit-transform: skew(-37deg);

    transform: skew(-37deg);

    background: #000

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 68px;

    color: #fff;

    margin: 15px 0 0;

    -webkit-transform: skew(37deg);

    transform: skew(37deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #fff;

    margin: 0 0 15px 5px;

    -webkit-transform: skew(37deg);

    transform: skew(37deg)

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .parallelogram-item {

    width: 33%;

    height: 165px;

    background-color: #000;

    -webkit-transform: skew(-40deg);

    transform: skew(-40deg);

    margin: -6% 0 0 -6%

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .bg-gradient {

    position: absolute;

    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 27.67%, #000 132.93%);

    z-index: 1;

    width: 51.9%;

    height: 593px;

    top: 120px

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .read-more-block {

    align-items: flex-end;

    cursor: pointer;

    display: none

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .read-more-block i:before {

    font-size: 10px;

    color: #e31f2e

}



.calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .read-more-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    line-height: 24px;

    margin: 0 0 -4px 15px

}



.triple-content-root {

    padding: 230px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item {

    padding: 0 0 180px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block {

    text-align: center

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 32px;

    color: #e31f2e

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #000;

    margin: 75px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block {

    width: 22.3%;

    margin: 20px auto 0;

    text-align: center

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item {

    position: relative;

    max-height: 178px;

    height: 178px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item h3 {

    position: absolute;

    top: 65%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 200px;

    color: #e31f2e

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item h3 span {

    position: absolute;

    bottom: 85px;

    right: -18%;

    margin: 40px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 26px;

    color: #e31f2e

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .bottom-item {

    width: 100%;

    margin: 0 auto;

    background-color: #000;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .bottom-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #fff;

    letter-spacing: 2px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block {

    display: flex;

    justify-content: space-between;

    max-width: 68.2%;

    margin: 0 auto;

    padding: 110px 0 0;

    transition: all .2s cubic-bezier(0, .51, .35, .99)

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item {

    text-align: center;

    width: 23.9%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img {

    position: relative;

    overflow: hidden;

    width: 310px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item {

    width: 310px;

    height: 300px;

    background: red;

    -webkit-transform: skew(-18.2deg);

    transform: skew(-18.2deg);

    margin-left: -50px;

    overflow: hidden

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item .img-item {

    width: 100%;

    height: 300px;

    position: absolute;

    top: 0;

    left: 50px;

    -webkit-transform: skew(18.2deg);

    transform: skew(18.2deg)

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 {

    width: 23.1%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img {

    width: 300px;

    height: 300px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img .shape-item {

    width: 100%;

    height: 100%;

    overflow: visible

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 {

    width: 25.4%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    width: 330px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img .shape-item {

    width: 330px;

    -webkit-transform: skew(18.2deg);

    transform: skew(18.2deg)

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img .shape-item .img-item {

    -webkit-transform: rotate(180deg) skew(-18.2deg);

    transform: rotate(180deg) skew(-18.2deg)

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 22px;

    color: #e31f2e;

    margin: 40px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    margin: 27px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #000;

    letter-spacing: 3px;

    margin: 28px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block-container {

    overflow: hidden

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 {

    padding: 150px 0 0;

    background-color: #f4f4f4

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block {

    position: relative

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .top-item {

    z-index: 1

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .top-item h3 {

    color: #fff;

    top: 70%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .top-item h3 span {

    font-size: 20px;

    top: 0;

    color: #fff;

    margin: 0;

    right: -20%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .bottom-item {

    background-color: #e31f2e;

    position: absolute;

    top: 2%;

    left: 20%;

    width: 59.6%;

    height: 170px;

    -webkit-transform: skew(-36.5deg);

    transform: skew(-36.5deg)

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .bottom-item p {

    display: none

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block {

    max-width: 100%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item {

    display: flex;

    justify-content: center;

    align-items: flex-end;

    flex-direction: column;

    padding: 60px 0 35px;

    width: 50%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .img-item {

    width: 36.1%;

    height: 55px;

    mix-blend-mode: multiply

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block {

    margin: 60px 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin: 0 0 45px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item h2 {

    margin: 0;

    letter-spacing: 5px;

    font-size: 26px

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item p {

    font-size: 16px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block.double-content {

    display: flex;

    flex-wrap: wrap

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block.double-content .text-item {

    width: 50%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item:last-child {

    background-color: #fff

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .left-item {

    margin: 0 12% 0 0

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .left-item .img-item {

    width: 100%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .right-item {

    margin: 0 0 0 18%

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .right-item .img-item {

    height: 72px;

    width: 100%;

    margin: 0 auto

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 {

    align-items: flex-start

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .nav-block {

    display: none

}



.triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .nav-block .nav-item {

    display: flex;

    justify-content: center;

    align-items: center

}



.evolve-area-root {

    padding: 200px 0 135px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .head-block {

    text-align: center

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .head-block h2 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 32px;

    color: #e31f2e

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

    display: flex;

    justify-content: center;

    max-width: 85%;

    margin: 0 auto;

    padding: 120px 0 0

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #fff;

    line-height: 34px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block h3:after {

    content: " ";

    display: block;

    width: 100%;

    height: 7px;

    background-color: #e31f2e;

    margin: 30px 0 0

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .img-item {

    width: 100%;

    height: 544px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block p.desc {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    margin: 35px 0 0

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .bottom-block {

    border: 1px solid #e8e8e8

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block {

    width: 43.7%

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block {

    position: relative

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 {

    position: absolute;

    bottom: 7%;

    left: 7%;

    z-index: 2

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .bottom-block {

    padding: 43px 44px 46px 50px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block {

    width: 43.7%;

    margin: 0 0 0 2.5%

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block h3 {

    display: inline-block;

    color: #000

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .text-item {

    padding: 0 30px 0 50px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .img-item {

    margin: 55px 0 0

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

    padding: 43px 54px 45px 50px

}



.evolve-area-root .evolve-area-wrapper .evolve-area-container .bg-gradient {

    position: absolute;

    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 27.67%, #000 132.93%);

    z-index: 1;

    width: 100%;

    height: 100%

}



.full-content-root .full-content-wrapper .full-content-container {

    position: relative;

    width: 100%

}



.full-content-root .full-content-wrapper .full-content-container h2 {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #fff;

    z-index: 2

}



.full-content-root .full-content-wrapper .full-content-container .img-item {

    width: 100%;

    height: 750px

}



.full-content-root .full-content-wrapper .full-content-container .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.full-content-root .full-content-wrapper .full-content-container .text-block {

    position: absolute;

    bottom: 4%;

    display: flex;

    min-width: 68.8%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    justify-content: space-between;

    z-index: 2

}



.full-content-root .full-content-wrapper .full-content-container .text-block .text-item {

    width: 46%

}



.full-content-root .full-content-wrapper .full-content-container .text-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 24px

}



.full-content-root .full-content-wrapper .full-content-container .bg-gradient {

    position: absolute;

    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 27.67%, #000 132.93%);

    z-index: 1;

    width: 100%;

    height: 100%;

    opacity: .7

}



.card-list-root {

    width: 100%;

    padding: 170px 0

}



.card-list-root .card-list-wrapper .card-list-container .head-title-block {

    text-align: center;

    margin: 0 0 95px

}



.card-list-root .card-list-wrapper .card-list-container .head-title-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 26px;

    color: #e31f2e

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block {

    display: flex;

    max-width: 75.7%;

    justify-content: space-between;

    margin: 0 auto

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item {

    width: 31.2%

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block {

    cursor: pointer;

    position: relative;

    height: 450px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 30px 40px 35px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3 {

    z-index: 2;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    color: #fff;

    line-height: 30px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

    position: absolute;

    content: " ";

    display: block;

    background-color: #e31f2e;

    width: 82.4%;

    height: 7px;

    top: 26%

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .img-item {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item {

    cursor: pointer;

    z-index: 2;

    display: flex;

    align-items: center

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i:before {

    color: #fff;

    font-size: 15px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus {

    color: #ecf0f1;

    width: 25px;

    height: 25px;

    position: relative

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus span {

    position: absolute;

    transition: .3s;

    background: #fff;

    border-radius: 2px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus span:first-of-type {

    top: 25%;

    bottom: 25%;

    width: 11%;

    left: 45%

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus span:last-of-type {

    left: 25%;

    right: 25%;

    height: 11%;

    top: 45%

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus.opened span:first-of-type, .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus.opened span:last-of-type {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus.opened span:last-of-type {

    left: 50%;

    right: 50%

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #fff;

    margin: 0 0 0 12px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item.active p, .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p.close {

    display: none

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item.active p.close {

    display: block

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block {

    padding: 32px 40px 35px 38px;

    background-color: #f8f8f8;

    height: 210px

}



.card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px;

    margin: 0

}



.card-list-root .card-list-wrapper .card-list-container .bg-gradient {

    position: absolute;

    background: linear-gradient(0deg, #000, hsla(0, 0%, 100%, 0) 50%, #000);

    opacity: .7;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.card-list-root .card-list-wrapper .card-list-container .nav-block {

    display: none

}



.concepts-content-root {

    padding: 0 0 40px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container {

    display: flex

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block {

    background-color: #f5f5f5;

    width: 50%;

    display: flex;

    align-items: center

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item {

    width: 640px;

    margin: 0 0 0 29%;

    padding: 0 8% 0 0

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item {

    max-width: 390px;

    border-bottom: 7px solid #e31f2e

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 28px;

    color: #000;

    line-height: 35px;

    margin: 0 0 40px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item {

    margin: 40px 0 0

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p {

    margin: 0 0 35px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.desc {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    line-height: 29px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item {

    margin: 0 auto 50px;

    width: 73.6%;

    height: 260px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block {

    align-items: center;

    cursor: pointer;

    display: none

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block i:before {

    font-size: 10px;

    color: #e31f2e

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    line-height: 24px;

    margin: 0 0 0 15px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block {

    width: 50.9%;

    height: 875px

}



.concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block .img-item, .concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block .img-item img {

    width: 100%;

    height: 100%

}



.communication-content-root {

    padding: 140px 0 170px

}



.communication-content-root .communication-content-wrapper .communication-content-container {

    max-width: 75.7%;

    margin: 0 auto

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block {

    display: flex;

    justify-content: space-between;

    width: 63.5%;

    margin: 0 auto 115px

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block .left-side h2 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 26px;

    color: #000

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block .left-side h2:after {

    display: block;

    height: 7px;

    content: "";

    margin: 35px 0 0;

    border-bottom: 7px solid #e31f2e

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block .right-side {

    max-width: 50.8%

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block .right-side h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    line-height: 29px

}



.communication-content-root .communication-content-wrapper .communication-content-container .head-block .right-side p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 37px 0 0

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block {

    display: flex;

    justify-content: space-between

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block {

    width: 48.6%

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block .img-item {

    width: 100%;

    height: 400px

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px;

    margin: 40px 0 0

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block {

    position: relative;

    width: 41.4%;

    height: 700px

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .img-item {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item {

    position: absolute;

    bottom: 3.5%;

    left: 8.5%

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .head-item {

    max-width: 75%

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .head-item h3 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 26px;

    color: #fff

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .bot-item {

    max-width: 89%

}



.communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .bot-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 26px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

    max-width: 1272px;

    margin: 0 auto 165px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block {

    justify-content: center

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text {

    max-width: 16.5%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

    font-size: 28px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

    margin: 0 0 0 16%;

    width: 48%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p.desc {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000;

    line-height: 31px;

    margin: 0

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content .read-more-block {

    align-items: center;

    cursor: pointer;

    display: none

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content .read-more-block i:before {

    font-size: 10px;

    color: #e31f2e

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content .read-more-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    color: #e31f2e;

    line-height: 24px;

    margin: 0 0 0 15px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block {

    width: 100%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

    width: 100%;

    height: 460px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item img {

    object-fit: cover

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 {

    max-width: 100%;

    margin: 0 auto;

    width: 100%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

    height: 740px

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item img {

    object-fit: cover

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .bg-gradient {

    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 27.67%, #000 132.93%)

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block {

    display: flex;

    align-items: flex-end;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 8%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

    min-width: 42%;

    line-height: 1.3

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #fff;

    line-height: 24px;

    margin-bottom: 0;

    margin-left: 13%

}



.electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block, .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block {

    display: none

}



.electrification-root .evolve-area-root {

    padding: 0 0 135px

}



.electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

    padding: 140px 0 0

}



.electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

    padding: 43px 35px 45px 50px

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

    top: 30%

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item {

    width: auto;

    flex-direction: row-reverse;

    justify-content: flex-end

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

    margin: 0;

    padding: 2px 0 0

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i {

    margin: 0 0 0 15px

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus .vertical {

    bottom: 1px;

    left: 12.7px

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item .circle-plus .horizontal {

    bottom: 7px;

    left: 19px

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block {

    height: 0;

    overflow: hidden;

    padding: 0 0 0 38px;

    transition: all .2s cubic-bezier(.65, .05, .36, 1)

}



.electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block.active {

    height: auto;

    padding: 32px 40px 35px 38px

}



.electrification-root .campaigns-swiper .content-container .swiper-wrapper .tab-block {

    display: block

}



.electrification-root .campaigns-swiper .content-container .swiper-wrapper .tab-block h2 {

    font-size: 26px;

    line-height: 40px

}



.electrification-root .campaigns-swiper .content-container .swiper-wrapper .tab-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 24px;

    max-width: 832px;

    margin: 40px auto 0

}



.electrification-root .campaigns-swiper .content-container .swiper-wrapper .swiper-container {

    margin: 140px auto 0

}



.electrification-root .campaigns-swiper .content-container .swiper-wrapper .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 26px

}



.formula-video-container {

    margin: 50px auto 0

}



.formula-video-container .formula-video-block {

    cursor: pointer;

    width: 100%;

    height: 350px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    overflow: hidden

}



.formula-video-container .formula-video-block .img-item img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    object-fit: cover

}


.formula-video-container .formula-video-block .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 32px;

    line-height: 41px;

    color: #fff

}



.formula-video-container .formula-video-block .text-item .watch-item {

    display: flex;

    align-items: center;

    justify-content: center

}



.formula-video-container .formula-video-block .text-item .watch-item i {

    margin: 0 15px 0 0

}



.formula-video-container .formula-video-block .text-item .watch-item i:before {

    font-size: 15px;

    color: #fff

}



.formula-video-container .formula-video-block .text-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 14px;

    line-height: 30px;

    color: #fff

}



.formula-head-text {

    text-align: center;

    margin: 0 0 90px;

    padding: 8em 0 0

}



.formula-head-text h2 {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 24px;

    line-height: 31px;

    letter-spacing: 5px;

    color: #000;

    position: relative;

    display: inline-block

}



.formula-head-text h2:after {

    content: "";

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: -24px;

    height: 6px;

    width: 100%;

    background-color: #e31f2e

}



.formula-head-text p {

    font-size: 22px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    width: 50%;

    margin: 90px auto 7em;

    line-height: 30px

}



.formula-head-text p span {

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700

}



.formula-vehicle-root .content-wrapper {

    background: linear-gradient(180deg, hsla(0, 0%, 87.1%, 0) 6.67%, #dedede)

}



.formula-vehicle-root .content-wrapper .double-block {

    display: flex;

    flex-direction: column;

    padding: 70px 15px

}



.formula-vehicle-root .content-wrapper .double-block .upper-block {

    display: flex

}



.formula-vehicle-root .content-wrapper .double-block .upper-block .content-item {

    margin: 0 50px 0 0;

    width: 48%

}



.formula-vehicle-root .content-wrapper .double-block .upper-block .content-item:first-child .upper-item img {

    position: relative;

    bottom: 85px

}



.formula-vehicle-root .content-wrapper .double-block .upper-block .content-item:last-child {

    margin: 0

}



.formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

    position: absolute;

    left: 0;

    top: 4px;

    font-family: "SharpGroteskBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 700;

    font-size: 44px;

    color: #e31f2e

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block {

    display: flex;

    padding: 50px 55px 0

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

    width: 38%;

    margin: 0 50px 0 0

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

    margin: 0;

    line-height: 140%;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 22px;

    color: #000

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block {

    width: 62%;

    display: flex;

    flex-wrap: wrap

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item {

    display: flex;

    flex-direction: column;

    position: relative;

    margin: 0 12px 0 0;

    width: 24%

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box {

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0 0 12px;

    padding: 0 12px;

    background: #fff;

    height: 72px;

    box-shadow: 0 7px 10px rgba(0, 0, 0, .06);

    border-radius: 4px

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #888

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

    margin: 6px 0 0;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item:last-child {

    margin: 0

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item.last {

    width: 48%

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item.last .box:first-child {

    width: 48%;

    margin: 0 12px 12px 0

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item.last .box:nth-child(2) {

    position: absolute;

    right: 0;

    top: 0;

    width: 48.5%

}



.formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block.mobil {

    display: none

}



.teams-content-root {

    margin: 0 0 33px

}



.teams-content-root .teams-content-wrapper {

    padding: 0 9vw 0 0
}



.teams-content-root .content-wrapper {

    background-color: #0d0d0d;

    padding: 64px 64px 64px 12vw

}



.teams-content-root .content-wrapper .content-container {

    display: flex;

    align-items: flex-start;

    justify-content: space-between

}



.teams-content-root .content-wrapper .content-block {

    width: 33.4%

}



.teams-content-root .content-wrapper .content-block .head-item {

    margin: 0 0 20px

}



.teams-content-root .content-wrapper .content-block img {

    max-width: 100%;

    display: flex

}



.teams-content-root .content-wrapper .content-block:first-child {

    width: 22.3%

}



.teams-content-root .content-wrapper .content-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 2.8vw;

    line-height: 56px;

    color: #fff

}



.teams-content-root .content-wrapper .content-block .text-item {

    margin: 0 0 24px

}



.teams-content-root .content-wrapper .content-block span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    line-height: 24px;

    color: #fff

}



.teams-content-root .content-wrapper .content-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    margin: 0

}



.teams-content-root .content-wrapper .content-block .profile-item {

    width: 320px;

    height: 88px;

    background-color: #1c1c1c;

    border-radius: 93px;

    display: flex;

    align-items: center;

    padding: 0 0 0 10px;

    margin: 8px 0 0

}



.teams-content-root .content-wrapper .content-block .profile-item .img-item {

    width: 64px;

    height: 64px;

    min-width: 64px;

    border-radius: 50%

}



.teams-content-root .content-wrapper .content-block .profile-item .name-text {

    margin: 0 0 0 10px

}



.teams-content-root .content-wrapper .content-block .content-item .text-block {

    background-color: #1c1c1c;

    padding: 20px 30px 15px

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item {

    cursor: pointer;

    z-index: 2;

    display: flex;

    align-items: center

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item i:before {

    color: #fff;

    font-size: 15px

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus {

    color: #ecf0f1;

    width: 25px;

    height: 25px;

    position: relative

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus span {

    position: absolute;

    transition: .3s;

    background: #e31f2e;

    border-radius: 2px

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus span:first-of-type {

    top: 55%;

    bottom: -6%;

    width: 10%;

    left: 45%

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus span:last-of-type {

    left: 25%;

    right: 25%;

    height: 9%;

    top: 77%

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus.opened span:first-of-type, .teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus.opened span:last-of-type {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item .circle-plus.opened span:last-of-type {

    left: 50%;

    right: 50%

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    font-size: 11px;

    cursor: pointer;

    margin: 15px 0 0;

    display: block

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item.active p, .teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item p.close {

    display: none

}



.teams-content-root .content-wrapper .content-block .content-item .text-block .video-open-item.active p.close {

    display: block

}



.teams-content-root .content-wrapper .content-block .content-item p {

    width: 90%;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 27px;

    font-size: 15px

}



.teams-content-root .content-wrapper .resume-btn-text {

    color: #e31f2e;

    font-size: 11px;

    cursor: pointer;

    margin: 15px 0 0;

    display: block

}



.teams-content-root .content-wrapper .resume-btn-text i {

    margin: 0 5px 0 0

}



.teams-content-root .content-wrapper .resume-btn-text i:before {

    font-size: 11px

}



.teams-content-root.teams-2 .teams-content-wrapper {

    padding: 0 0 0 9vw

}



.teams-content-root.teams-2 .content-wrapper {

    background-color: #00192f;

    padding: 64px 12vw 64px 64px

}



.teams-content-root.teams-2 .content-block .content-item .text-block, .teams-content-root.teams-2 .content-block .profile-item {

    background-color: #000f1c

}



.teams-content-root.formula-double .formula-head-text {

    padding: 16px 0 0

}



.teams-content-root.formula-double .content-wrapper {

    background-color: #f4f4f4

}



.teams-content-root.formula-double .double-block {

    background-color: #fff;

    display: flex;

    justify-content: space-between;

    padding: 16px;

    width: 48%

}



.teams-content-root.formula-double .double-block .left-block {

    width: 65%;

    padding: 10px 3vw 10px 10px

}



.teams-content-root.formula-double .double-block .left-block .video-open-item {

    cursor: pointer;

    z-index: 2;

    display: flex;

    align-items: center

}



.teams-content-root.formula-double .double-block .left-block .video-open-item p:before {

    display: none

}



.teams-content-root.formula-double .double-block .left-block .video-open-item i:before {

    color: #fff;

    font-size: 15px

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus {

    color: #ecf0f1;

    width: 25px;

    height: 25px;

    position: relative

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus span {

    position: absolute;

    transition: .3s;

    background: #e31f2e;

    border-radius: 2px

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus span:first-of-type {

    top: 55%;

    bottom: -6%;

    width: 10%;

    left: 45%

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus span:last-of-type {

    left: 25%;

    right: 25%;

    height: 9%;

    top: 77%

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus.opened span:first-of-type, .teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus.opened span:last-of-type {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.teams-content-root.formula-double .double-block .left-block .video-open-item .circle-plus.opened span:last-of-type {

    left: 50%;

    right: 50%

}



.teams-content-root.formula-double .double-block .left-block .video-open-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    font-size: 11px;

    cursor: pointer;

    margin: 15px 0 0;

    display: block

}



.teams-content-root.formula-double .double-block .left-block .video-open-item.active p, .teams-content-root.formula-double .double-block .left-block .video-open-item p.close {

    display: none

}



.teams-content-root.formula-double .double-block .left-block .video-open-item.active p.close {

    display: block

}



.teams-content-root.formula-double .double-block .left-block p {

    position: relative;

    margin: 45px 0 0

}



.teams-content-root.formula-double .double-block .left-block p:before {

    content: "";

    position: absolute;

    left: 0;

    top: -24px;

    height: 3px;

    width: 24px;

    background-color: #e31f2e

}



.teams-content-root.formula-double .double-block .img-block {

    width: 35%;

    height: 100%

}



.teams-content-root.formula-double .double-block .img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.teams-content-root.formula-double .double-block h3 {

    font-size: 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    margin: 0 0 6px

}



.teams-content-root.formula-double .double-block span {

    font-size: 12px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000

}



.teams-content-root.formula-double .double-block span.resume-btn-text {

    color: #e31f2e

}



.teams-content-root.formula-double .double-block p {

    font-size: 15px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    line-height: 24px

}



.formula-techno-root {

    background-color: #0d0d0d;

    padding: 0 0 70px

}



.formula-techno-root .formula-head-text h2 {

    color: #fff

}



.formula-techno-root .formula-head-text h2:after {

    background-color: #fff

}



.formula-techno-root .top-block {

    display: flex;

    justify-content: space-between

}



.formula-techno-root .top-block .left-block {

    padding: 0 4vw 0 0

}



.formula-techno-root .top-block .left-block .img-item.mobil-image {

    display: none

}



.formula-techno-root .top-block h3 {

    font-size: 44px;

    line-height: 56px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    margin: 25px 0

}



.formula-techno-root .top-block h3.mobil-title {

    display: none

}



.formula-techno-root .top-block p {

    font-size: 22px;

    line-height: 32px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff

}



.formula-techno-root .bottom-block {

    margin: 55px 0 0;

    display: flex;

    justify-content: space-between

}



.formula-techno-root .bottom-block .triple-item {

    position: relative

}



.formula-techno-root .bottom-block .triple-item img {

    max-width: 100%

}



.formula-techno-root .bottom-block .triple-item p {

    position: absolute;

    width: 190px;

    line-height: 24px;

    color: #fff;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 15px;

    left: 0;

    top: -25px

}



.formula-techno-root .bottom-block .triple-item p:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -15px;

    width: 34px;

    height: 4px;

    background-color: #e31f2e

}



.formula-techno-root .bottom-block .triple-item p.right-text {

    left: auto;

    right: 0;

    text-align: right

}



.formula-techno-root .bottom-block .triple-item p.right-text:after {

    left: auto;

    right: 0

}



.formula-techno-root .bottom-block .triple-item p.bottom-text {

    top: auto;

    bottom: -10px

}



.formula-point-root .content-wrapper {

    padding: 0 0 8em

}



.formula-point-root .mobil-box-item {

    display: none

}



.formula-point-root .mobil-box-item .box-item .bottom-item {

    padding: 32px 24px;

    margin: 30px 0 0;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    background: #f4f4f4

}



.formula-point-root .mobil-box-item .box-item .bottom-item p {

    font-size: 14px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000

}



.formula-point-root .mobil-box-item .box-item .bottom-item i {

    margin: 0 25px 0 0

}



.formula-point-root .mobil-box-item .box-item .bottom-item i:before {

    font-size: 24px

}



.formula-point-root .mobil-box-item .box-item .bottom-item:last-child {

    margin: 8px 0 0

}



.formula-point-root .double-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    text-align: center

}



.formula-point-root .double-block .content-item {

    width: 47%;

    position: relative

}



.formula-point-root .double-block .content-item .upper-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.formula-point-root .double-block .content-item .text {

    width: 100%;

    font-size: 24px;

    line-height: 24px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #a5a5a5

}



.formula-point-root .double-block .content-item .box-item .bottom-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.formula-point-root .double-block .content-item .box-item .bottom-item i:before {

    font-size: 24px

}



.formula-point-root .double-block .point {

    font-size: 92px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap;

    z-index: -1;

    top: -45px

}



.formula-point-root .double-block .box-item {

    background: linear-gradient(180deg, #fff -.51%, hsla(0, 0%, 100%, 0)), #f4f4f4;

    padding: 40px 0

}



.formula-point-root .double-block .box-item p {

    font-size: 15px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    width: 50%

}



.formula-calculate-root {

    padding: 60px 0;

    background-color: #0d0d0d

}



.formula-calculate-root .content-block {

    display: flex;

    align-items: center

}



.formula-calculate-root .content-block h3 {

    font-size: 30px;

    line-height: 36px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    margin: 0 0 25px

}



.formula-calculate-root .content-block h3.mobil-title {

    display: none

}



.formula-calculate-root .content-block .text-block {

    padding: 0 7vw 0 0

}



.formula-calculate-root .content-block .text-block p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    margin: 0

}



.formula-calculate-root .content-block .text-block .info-item {

    display: flex;

    align-items: center;

    margin: 10px 0 0

}



.formula-calculate-root .content-block .text-block .info-item i:before {

    color: #fff;

    font-size: 24px

}



.formula-calculate-root .content-block .text-block .info-item p {

    margin: 0 0 0 12px;

    font-size: 15px;

    line-height: 24px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff

}



.formula-calculate-root .content-block .text-block .info-item:last-child img {
    width: 28px;

    height: 20px

}



.formula-calculate-root .img-item.bottom {

    margin: 90px 0 30px;

    display: flex;

    justify-content: center

}



.technology-root {

    width: 100%

}



.technology-root .double-select-block {

    width: 100%;

    margin: 12em 0 5em;

    display: flex

}



.technology-root .double-select-block .img-block {

    width: 46.5%;

    height: 500px

}



.technology-root .double-select-block .img-block img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.technology-root .double-select-block .right-block {

    width: 53.5%;

    padding: 35px 4vw;

    display: flex;

    flex-direction: column;

    justify-content: space-between

}



.technology-root .double-select-block .right-block .head-block {

    margin: 0 0 50px

}



.technology-root .double-select-block .right-block .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    color: #e31f2e;

    letter-spacing: 3px

}



.technology-root .double-select-block .right-block .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 40px;

    line-height: 26px

}



.technology-root .double-select-block .right-block .text-block p strong {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.technology-root .double-select-block .right-block .text-block p a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    -webkit-text-decoration-line: underline;

    text-decoration-line: underline

}



.technology-root .double-select-block .right-block .slider-component-root {

    width: 545px

}



.technology-root .double-select-block .right-block .slider-component-root .img-head {

    margin: 0 0 60px

}



.technology-root .double-select-block .right-block .slider-component-root .img-head h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #000

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container {

    width: 360px;

    margin: 0 auto;

    overflow: hidden;

    height: 150px

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block {

    transition: all .2s cubic-bezier(0, .51, .35, .99);

    white-space: nowrap

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item {

    text-align: center;

    display: inline-block;

    margin: 0 0 0 40px;

    width: 160px;

    height: 105px;

    vertical-align: top

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item:first-child {

    margin: 0

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item h4 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #e31f2e;

    line-height: 20px;

    overflow-wrap: anywhere;

    white-space: normal

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item .arr-btn {

    box-shadow: none;

    background-color: initial

}



.technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item .icon-left-arr {

    left: auto

}



.landing-slide-root {

    padding: 10em 0

}



.landing-slide-root .head-block {

    text-align: center;

    margin: 0 0 9em

}



.landing-slide-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e

}



.landing-slide-root .landing-container ul.head-list {

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    display: flex;

    padding: 0 20px;

    margin: 0 0 50px

}



.landing-slide-root .landing-container ul.head-list li {

    vertical-align: top;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000;

    border-bottom: 4px solid transparent;

    line-height: 20px;

    padding: 0 0 12px;

    margin: 0 0 0 3%;

    cursor: pointer

}



.landing-slide-root .landing-container ul.head-list li:first-child {

    margin: 0

}



.landing-slide-root .landing-container ul.head-list li:hover {

    color: #e31f2e

}



.landing-slide-root .landing-container ul.head-list li.active {

    color: #e31f2e;

    border-color: #e31f2e;

    cursor: default

}



.landing-slide-root .landing-container .landing-slider-container {

    display: flex;

    align-items: center;

    position: relative;

    margin: 0 3vw;

    height: 500px

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper {

    padding: 0;

    box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1);

    max-width: 1088px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    display: inline-block;

    height: 100%

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container {

    text-align: center;

    white-space: nowrap;

    transition: all .5s ease-out;

    height: 100%

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block {

    display: inline-block;

    height: 100%

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item {

    display: flex;

    align-items: flex-start;

    height: 100%;

    white-space: normal

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .img-item {

    height: 100%;

    width: 64%

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block {

    width: 36%;

    height: 100%;

    padding: 50px 45px 30px;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .head-text {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 20px

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    color: #e31f2e;

    line-height: 32px;

    margin: 25px 0

}



.landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .desc {

    margin: 20px 0;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 22px

}



.list-bottom-root .list-bottom-container {

    padding: 0 4vw

}



.list-bottom-root ul {

    justify-content: space-between;

    height: 80px

}



.list-bottom-root ul, .list-bottom-root ul li {

    display: flex;

    align-items: center;

    background-color: #f7f7f7

}



.list-bottom-root ul li {

    height: 100%;

    padding: 0 30px;

    cursor: pointer

}



.list-bottom-root ul li i {

    margin: 0 30px 0 0

}



.list-bottom-root ul li i:before {

    font-size: 30px;

    color: #000

}



.list-bottom-root ul li span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 12px;

    color: #000

}



.list-bottom-root ul li:hover {

    background-color: #eceaea

}



.list-bottom-root ul li.active {

    background-color: #e31f2e;

    cursor: default

}



.list-bottom-root ul li.active i:before, .list-bottom-root ul li.active span {

    color: #fff

}



.form-page-root {

    padding: 15em 0 0;

    position: relative

}



.form-page-root .form-container {

    padding: 0 15vw;

    position: relative

}



.form-page-root .form-container .head-block {

    margin: 0 0 15px;

    text-align: center

}



.form-page-root .form-container .head-block.new-head-block h2 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 22px;

    margin: 0 0 30px;

    letter-spacing: inherit

}



.form-page-root .form-container .head-block h1 {

    font-size: 24px;

    color: #e31f2e;

    letter-spacing: 5px;

    margin: 0 0 20px

}



.form-page-root .form-container .head-block h1, .form-page-root .form-container .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    line-height: 36px

}



.form-page-root .form-container .head-block h2 {

    font-size: 16px;

    color: #000;

    letter-spacing: 2px;

    margin: 0 0 10px

}



.form-page-root .form-container .head-block ul {

    margin: 0 0 50px

}



.form-page-root .form-container .head-block ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 13px;

    color: #000;

    margin: 0 0 5px

}



.form-page-root .form-container .head-block ul li a {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 13px;

    color: #000

}



.form-page-root .form-container .head-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 22px;

    margin: 0 0 30px

}



.form-page-root .form-container .head-block p a {

    color: #000;

    text-decoration: underline

}



.form-page-root .form-container .form-block .input-block {

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}



.form-page-root .form-container .form-block .input-block .input-item {

    position: relative;

    width: 47%;

    margin: 0 0 35px

}



.form-page-root .form-container .form-block .input-block .input-item input {

    width: 100%

}



.form-page-root .form-container .form-block .input-block .input-item:nth-child(2n+2) {

    margin: 0 0 35px 6%

}



.form-page-root .form-container .form-block .input-block .input-item.widely {

    margin: 0 0 35px;

    width: 100%

}



.form-page-root .form-container .form-block .input-block .input-item.widely textarea {

    width: 100%;

    height: 128px;

    resize: none;

    outline: none;

    overflow: auto;

    line-height: 1.6

}



.form-page-root .form-container .form-block .select-block {

    margin: 0 0 35px;

    width: 47%;

    position: relative

}



.form-page-root .form-container .form-block .select-block:nth-child(2n+2) {

    margin: 0 0 35px 6%

}



.form-page-root .form-container .form-block .select-block.meeting-reason {

    max-width: 492px;

    width: 100%

}



.form-page-root .form-container .form-block .checkbox-container {

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start

}



.form-page-root .form-container .form-block .checkbox-block {

    margin: 0 0 4vh;

    width: 100%

}



.form-page-root .form-container .form-block .checkbox-block.centered {

    display: flex;

    justify-content: center

}



.form-page-root .form-container .detail-btn {

    margin: 0 auto 90px

}



.thanks-message-block {

    width: 100%;

    height: 100%

}



.thanks-message-block .text-block {

    text-align: center;

    margin: 0 0 64px

}



.thanks-message-block .text-block span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 25px;

    color: #e31f2e

}



.thanks-message-block .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    margin: 32px 0 0

}



.thanks-message-block .detail-btn {

    margin: 64px 0 0

}



.thanks-message-block.select-video {

    width: 100vw;

    height: 100vh;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.thanks-message-block.select-video .text-block {

    margin: 0

}



.thanks-message-block.submit-form {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



.thanks-message-block.submit-form .text-block {

    margin: 0

}



.input-search-block {

    margin: 0 0 123px

}



.input-search-block .detail-btn {

    display: none

}



.input-search-block .input-item {

    position: relative

}



.input-search-block input {

    padding: 22px 70px

}



.input-search-block .icon-search {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 20px

}



.input-search-block .icon-search:before {

    font-size: 30px;

    opacity: .3

}



.input-search-block .search-btn {

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 133px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: hsla(0, 0%, 84.7%, .3);

    border-radius: 0 5px 5px 0;

    border: none

}



.input-search-block .search-btn button, .input-search-block .search-btn span {

    font-size: 12px;

    color: hsla(0, 0%, 84.7%, .5);

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    background-color: initial

}



.input-search-block .search-btn.red {

    background-color: #e31f2e

}



.input-search-block .search-btn.red button, .input-search-block .search-btn.red span {

    color: #fff

}



.input-search-block .error-msg {

    font-size: 12px;

    color: #e31f2e;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.chassis-info-container {

    display: flex;

    justify-content: center;

    margin: 0 0 128px

}



.chassis-info-container .info-table-block {

    margin: 0 0 50px

}



.chassis-info-container .info-table-block.error .info-item.plate-info .plate-item input, .chassis-info-container .info-table-block.error .info-item.plate-info .plate-item span, .chassis-info-container .info-table-block.error .info-item.plate-info .plate-item span:after, .chassis-info-container .info-table-block.error .info-item.plate-info .text-item .error-text {

    color: #e31f2e

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item .plate-item {

    display: flex;

    align-items: center

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item .plate-item span:first-child {

    position: relative;

    width: 155px

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item .plate-item span:first-child:after {

    content: ":";

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    position: absolute;

    right: 0;

    top: 0

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item input {

    font-size: 16px;

    margin: 0 0 0 6px;

    width: auto;

    padding: 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    border-radius: 0;

    color: #000

}



.chassis-info-container .info-table-block .info-item.plate-info .content-item input.error {

    border-bottom: 1px solid #e31f2e

}



.chassis-info-container .info-table-block .info-item.plate-info .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #a8a8a8

}



.chassis-info-container .info-table-block .info-item.plate-info .img-item {

    cursor: pointer;

    min-width: 75px;

    text-align: right;

    min-height: 23px

}



.chassis-info-container .info-table-block .info-item.plate-info .img-item button, .chassis-info-container .info-table-block .info-item.plate-info .img-item span {

    cursor: pointer;

    outline: none;

    border: 0;

    background-color: initial;

    width: auto;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 13px;

    color: #e31f2e

}



.chassis-info-container .info-table-block .info-item.plate-info .img-item svg:hover path {

    fill: #e31f2e

}



.chassis-info-container .info-item {

    border-top: 2px solid hsla(0, 0%, 84.7%, .5);

    padding: 20px 25px

}



.chassis-info-container .info-item:first-child {

    border: none

}



.chassis-info-container .info-item span {

    color: #000;

    font-size: 16px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    display: inline-block

}



.chassis-info-container .info-item span:first-child {

    position: relative;

    width: 155px

}



.chassis-info-container .info-item span:first-child:after {

    content: ":";

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    position: absolute;

    right: 0;

    top: 0

}



.chassis-info-container .info-item span:last-child {

    margin: 0 0 0 5px

}



.chassis-campaign-container {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    position: relative;

    margin: 0 0 100px

}



.chassis-campaign-container:after {

    content: "";

    background-color: hsla(0, 0%, 84.7%, .5);

    width: 470px;

    height: 2px;

    position: absolute;

    bottom: -50px

}



.chassis-campaign-container .campaign-item {

    background: hsla(0, 0%, 100%, .5);

    border: 2px solid hsla(0, 0%, 84.7%, .5);

    border-radius: 5px;

    flex: 1 1;

    margin: 0 25px;

    display: flex;

    justify-content: center;

    padding: 19px 5px;

    width: 372px;

    text-align: center

}



.chassis-campaign-container .campaign-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px

}



.mini-slider-root {

    padding: 0 9vw;

    margin: 0 auto 100px

}



.mini-slider-root .head-text {

    letter-spacing: 5px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    text-align: center;

    font-size: 24px;

    color: #e31f2e;

    margin: 18px 0 48px

}



.mini-slider-root .slider-wrapper {

    max-width: 1490px;

    margin: 0 auto;

    position: relative

}



.mini-slider-root .slider-wrapper .arr-btn-item {

    top: 25%;

    left: -15px

}



.mini-slider-root .slider-wrapper .arr-btn-item .arr-btn {

    border: none

}



.mini-slider-root .slider-wrapper .arr-btn-item .arr-btn img {

    display: none

}



.mini-slider-root .slider-wrapper .arr-btn-item.next-btn {

    right: -15px;

    left: auto !important

}



.mini-slider-root .slider-container {

    overflow: hidden;

    max-width: 1100px;

    margin: 0 auto

}



.mini-slider-root .slider-block {

    display: inline-flex;

    align-items: flex-start;

    position: relative;

    width: 100%;

    height: 100%;

    transition: all .4s cubic-bezier(.65, .05, .36, 1);

    white-space: nowrap

}



.mini-slider-root .slider-item {

    transition: -webkit-transform .5s cubic-bezier(.65, .05, .36, 1);

    transition: transform .5s cubic-bezier(.65, .05, .36, 1);

    transition: transform .5s cubic-bezier(.65, .05, .36, 1), -webkit-transform .5s cubic-bezier(.65, .05, .36, 1);

    white-space: normal;

    width: 500px;

    min-width: 500px;

    display: inline-block

}



.mini-slider-root .slider-item + .slider-item {

    margin: 0 0 0 100px

}



.mini-slider-root .img-item {

    margin: 0;

    height: 300px

}



.mini-slider-root .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.mini-slider-root .text-item {

    margin: 20px 0 0;

    width: 85%

}



.mini-slider-root a {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #000

}



.mini-slider-root p {

    font-size: 12px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    max-width: 100%;

    margin: 18px 0 24px

}



.mini-slider-root .btn-item {

    border: 1.5px solid #222;

    border-radius: 49px;

    font-size: 12px;

    letter-spacing: 2px;

    padding: 25px 35px;

    display: inline-block

}



.full-page-loader-root {

    width: 100vw;

    height: 100vh;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center

}



.full-page-loader-root svg {

    position: relative;

    width: 150px;

    height: 150px;

    -webkit-animation: rotate 1.5s linear infinite;

    animation: rotate 1.5s linear infinite

}



.full-page-loader-root svg circle {

    width: 100%;

    height: 100%;

    fill: none;

    stroke-width: 10;

    stroke: #00a1ff;

    stroke-linecap: round;

    -webkit-transform: translate(5px, 5px);

    transform: translate(5px, 5px);

    stroke-dasharray: 440;

    stroke-dashoffset: 440;

    -webkit-animation: animate 3s linear infinite;

    animation: animate 3s linear infinite

}



.otv-root {

    max-width: 1200px;

    margin: 0 auto

}



.otv-root .double-content-root h2 {

    font-size: 24px !important

}



.otv-root strong {

    position: relative;

    top: 20px

}



.otv-root b {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.otv-root .resume-btn-text {

    margin: 0 0 20px

}



.otv-root .text-head-block {

    padding: 60px 0

}



.otv-root .text-head-block b, .otv-root .text-head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.otv-root .text-head-block h2 {

    color: #e31f2e;

    font-size: 30px;

    position: relative;

    margin: 0 0 50px;

    width: 55%

}



.otv-root .text-head-block h2:after {

    content: "";

    width: 200px;

    height: 4px;

    background-color: #e31f2e;

    position: absolute;

    bottom: -25px;

    left: 0

}



.otv-root .text-head-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    line-height: 20px

}



.otv-root .double-content-root .content-container .content-block {

    align-items: flex-start;

    justify-content: space-between

}



.otv-root .double-content-root .content-container .content-block .img-block {

    height: 500px;

    width: 52%

}



.otv-root .double-content-root .content-container .content-block .text-block {

    padding: 6em 0 0

}



.otv-root .double-content-root .content-container .content-block .text-block .link-btn-block {

    display: flex;

    flex-direction: column;

    align-items: flex-start

}



.otv-root .double-content-root .content-container .content-block .text-block .link-btn-block a {

    display: block;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000;

    margin: 0 0 10px;

    line-height: 24px;

    position: relative;

    border-bottom: 1px solid #000

}



.otv-root .double-content-root .content-container .content-block .text-block .link-btn-block a:hover {

    border-color: #e31f2e;

    color: #e31f2e

}



.otv-root .double-content-root.t-1 .content-container .content-block .img-block .band-item {

    left: auto;

    right: 40px

}



.otv-root .double-content-root.t-2 {

    margin: 10vh 0 80px

}



.otv-root .double-content-root.t-2 .content-container .content-block .img-block .band-item {

    right: auto;

    left: 40px

}



.otv-form-direct {

    margin: 0 0 50px

}



.otv-form-direct .model-select-root .model-select-container .image-block .gradient-bg {

    display: none

}



.otv-form-direct .model-select-root .model-select-container .image-block:first-child {

    margin: 0

}



.otv-form-direct .model-select-root .model-select-container .image-block .text-item p {

    width: 69%;

    margin: 0 auto

}



.credit-root {

    background-color: #f8f8f8;

    padding: 180px 0 100px;

    position: relative

}



.credit-root .loader-for-lazy-page-root {

    left: 0

}



.credit-root .price-credit-step-item {

    display: none

}



.credit-root .credit-container {

    max-width: 1020px;

    margin: 0 auto

}



.credit-root .head-text {

    text-align: center;

    margin: 0 0 50px

}



.credit-root .head-text h1 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    font-size: 24px;

    letter-spacing: 5px

}



.credit-root .head-text .close-item {

    display: none

}



.credit-root .label-text {

    text-align: center

}



.credit-root .label-text p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.credit-root .credit-content-block {

    display: flex;

    justify-content: space-between

}



.credit-root .credit-content-block .info-block {

    width: 100%

}



.credit-root .credit-content-block .info-block .test-drive-root {

    padding: 0 !important

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container {

    margin: 5px -8vw;

    padding: 0 8vw

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper {

    width: auto !important

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block {

    padding: 0 0 20px

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

    height: 149px;

    width: 152px;

    background: #f8f8f8;

    border: 1px solid #ddd;

    border-radius: 8px

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block.active {

    background: #fff;

    border-color: transparent;

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block.active .car-item .check-item {

    display: flex

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block:hover {

    background: #fff

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item {

    border: none

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .my-item {

    position: absolute;

    top: 14px;

    right: 14px

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .my-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 9px;

    color: #000

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item {

    background: #eee;

    width: 24px;

    height: 24px;

    display: none;

    top: 8px;

    left: 8px

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item i:before {

    font-size: 8px

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item p {

    font-size: 11px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    width: 100%

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .arr-btn-item {

    top: 50%

}



.credit-root .credit-content-block .info-block .test-drive-root .select-car-container .arr-btn-item.disabled {

    opacity: .4;

    cursor: auto

}



.credit-root .credit-content-block .credit-type-block {

    margin: 0 0 32px

}



.credit-root .credit-content-block .credit-type-block .input-block {

    display: flex;

    align-items: center

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item {

    position: relative

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item + .radio-item {

    margin: 0 0 0 15px

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item input {

    opacity: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    cursor: pointer

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item input:checked {

    cursor: default

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item input:checked + label {

    background-color: #e31f2e;

    color: #fff

}



.credit-root .credit-content-block .credit-type-block .input-block .radio-item label {

    background-color: #eee;

    width: 192px;

    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    border-radius: 8px;

    cursor: pointer

}



.credit-root .credit-content-block .model-version-block {

    margin: 32px 0

}



.credit-root .credit-content-block .model-version-block .select-block {

    position: relative

}



.credit-root .credit-content-block .model-version-block .select-block .selected-item .option-item {

    height: 64px;

    border: 1px solid #ddd

}



.credit-root .credit-content-block .model-version-block .select-block .option-block {

    position: absolute;

    display: none;

    left: 0;

    top: 63px;

    width: 100%;

    z-index: 3;

    border: 1px solid #ddd;

    border-top: 0 solid #ddd;

    border-radius: 0 0 8px 8px;

    max-height: 300px;

    overflow: auto;

    background-color: #fff;

    box-shadow: 0 5px 5px rgba(0, 0, 0, .3)

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item {

    border-radius: 0;

    padding: 15px 30px 15px 20px;

    border-top: 1px solid #ddd

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item:nth-child(2n-1) {

    background-color: #efefef

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item:hover, .credit-root .credit-content-block .model-version-block .select-block .option-block .option-item:nth-child(2n-1):hover {

    background-color: #e4e3e3

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item .model-info h2 {

    font-size: 14px

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item .model-info .feature-block span {

    font-size: 12px

}



.credit-root .credit-content-block .model-version-block .select-block .option-block .option-item .icon-down-arr {

    display: none

}



.credit-root .credit-content-block .model-version-block .select-block .option-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background-color: #fff;

    border-radius: 8px;

    padding: 10px 30px 10px 20px;

    cursor: pointer;

    -webkit-user-select: none;

    user-select: none

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item {

    display: none

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info {

    padding: 0 4vw 0 0

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    color: #e31f2e;

    margin: 0 0 10px

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block {

    display: flex;

    justify-content: space-between

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile {

    display: none

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    margin: 0 0 0 4vw

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span.version-name {

    min-width: 214px

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span:first-child {

    margin: 0

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .icon-down-arr {

    transition: all .2s ease-in-out

}



.credit-root .credit-content-block .model-version-block .select-block .option-item .icon-down-arr:before {

    font-size: 15px

}



.credit-root .credit-content-block .model-version-block .select-block.active .selected-item {

    box-shadow: 0 5px 5px rgba(0, 0, 0, .3)

}



.credit-root .credit-content-block .model-version-block .select-block.active .selected-item .option-item {

    border-bottom-color: transparent;

    border-radius: 8px 8px 0 0

}



.credit-root .credit-content-block .model-version-block .select-block.active .selected-item .icon-down-arr {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.credit-root .credit-content-block .model-version-block .select-block.active .option-block {

    display: block

}



.credit-root .credit-content-block .calculate-form-container .input-item {

    position: relative

}



.credit-root .credit-content-block .calculate-form-container .input-item input {

    background: #fff;

    border: 1px solid #ececec;

    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .15);

    border-radius: 8px;

    height: 64px;

    font-size: 24px

}



.credit-root .credit-content-block .calculate-form-container .input-item .max-btn {

    position: absolute;

    width: 48px;

    height: 36px;

    background-color: #efeded;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #666;

    right: 15px;

    top: 40px;

    cursor: pointer

}



.credit-root .credit-content-block .calculate-form-container .input-item .max-btn:hover {

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root {

    margin: 32px 0 65px

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper {

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: space-between

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container {

    display: flex;

    align-items: center;

    height: 64px;

    width: 100%

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-btn {

    width: 32px;

    height: 32px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-btn:hover {

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-block {

    margin: 0 10px;

    position: relative;

    width: 100%

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-block .slider-line {

    width: 100%;

    height: 8px;

    background-color: #ddd;

    border-radius: 10px

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-block .slide-item {

    width: 46px;

    height: 46px;

    background-color: #e31f2e;

    border: 5px solid #f8f8f8;

    position: absolute;

    border-radius: 50%;

    cursor: grab;

    margin: -19px 0 0

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .slider-container .slider-block .slide-item:focus {

    outline: none

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .text-item {

    margin: 0 0 0 25px;

    white-space: nowrap;

    min-width: 90px

}



.credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .text-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #000

}



.credit-root .credit-content-block .info-text-root {

    background: #efefef;

    border: 1px solid #dedede;

    border-radius: 8px;

    padding: 20px 0 8px;

    margin: -12px 0 0

}



.credit-root .credit-content-block .info-text-root.warning {

    -webkit-animation: warningBG .4s linear;

    animation: warningBG .4s linear

}



.credit-root .credit-content-block .info-text-root.active-open .open-text-item {

    display: block

}



.credit-root .credit-content-block .info-text-root.active-open .head-text-btn .plus-minus-sign:before {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.credit-root .credit-content-block .info-text-root.active-open .head-text-btn .plus-minus-sign:after {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.credit-root .credit-content-block .info-text-root .head-text-btn {

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 0 0 0 30px

}



.credit-root .credit-content-block .info-text-root .head-text-btn .plus-minus-sign {

    position: relative;

    width: 10px;

    height: 10px;

    min-width: 10px;

    min-height: 10px

}



.credit-root .credit-content-block .info-text-root .head-text-btn .plus-minus-sign:after, .credit-root .credit-content-block .info-text-root .head-text-btn .plus-minus-sign:before {

    content: "";

    position: absolute;

    background-color: #000;

    transition: -webkit-transform .25s ease-out;

    transition: transform .25s ease-out;

    transition: transform .25s ease-out, -webkit-transform .25s ease-out

}



.credit-root .credit-content-block .info-text-root .head-text-btn .plus-minus-sign:before {

    top: 0;

    left: 50%;

    width: 2px;

    height: 100%;

    margin-left: -1px

}



.credit-root .credit-content-block .info-text-root .head-text-btn .plus-minus-sign:after {

    top: 50%;

    left: 0;

    width: 100%;

    height: 2px;

    margin-top: -1px

}



.credit-root .credit-content-block .info-text-root .main-text {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    padding: 0 0 0 13px

}



.credit-root .credit-content-block .info-text-root .main-text span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.credit-root .credit-content-block .info-text-root .open-text-item {

    display: none;

    padding: 0 15px 0 53px

}



.credit-root .credit-content-block .info-text-root p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #4a4a4a;

    line-height: 20px;

    margin: 0

}



.credit-root .credit-content-block .info-text-root p span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.credit-root .credit-content-block .credit-result-root {

    width: 42%;

    background-color: #fff;

    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);

    border-radius: 16px;

    padding: 48px

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count p {

    color: #e31f2e;

    font-size: 40px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    margin: 0

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item {

    background-color: #e31f2e;

    width: 152px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 30px;

    position: relative

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item:before {

    content: "";

    border-color: transparent #e31f2e transparent transparent;

    border-style: solid;

    border-width: 10px 15px 10px 0;

    position: absolute;

    left: -11px

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    color: #fff

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item .percent-sign {

    width: 26px;

    height: 26px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0 0 10px

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item .percent-sign .per-line {

    width: 16px;

    height: 3px;

    background-color: #e31f2e;

    border-radius: 15px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    position: relative

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item .percent-sign .per-line:after, .credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item .percent-sign .per-line:before {

    width: 4px;

    height: 4px;

    background-color: #e31f2e;

    border-radius: 50%;

    content: "";

    position: absolute;

    left: 6px;

    top: 6px

}



.credit-root .credit-content-block .credit-result-root .amount-block .amount-count .interest-item .percent-sign .per-line:after {

    top: -6px

}



.credit-root .credit-content-block .credit-result-root .result-container {

    margin: 32px 0 0

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item {

    padding: 32px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 8px

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .top-block {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .top-block .interest-text {

    width: 123px;

    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #000;

    border-radius: 41px

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .top-block .interest-text span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .bottom-block {

    display: flex;

    align-items: flex-start;

    margin: 20px 0 0

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .bottom-block .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 11px;

    color: #000

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .bottom-block .text-block span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    color: #000

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item .bottom-block .text-block + .text-block {

    margin: 0 0 0 4vw

}



.credit-root .credit-content-block .credit-result-root .result-container .result-block .result-item + .result-item {

    margin: 8px 0 0

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block {

    margin: 32px 0 0

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block .btn-block {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block .btn-block .contact-item {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 56px;

    width: 48%;

    background-color: #eee;

    border-radius: 8px

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block .btn-block .contact-item i {

    margin: 0 10px 0 0

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block .btn-block .contact-item i:before {

    color: #e31f2e;

    font-size: 30px

}



.credit-root .credit-content-block .credit-result-root .contact-bottom-block .btn-block .contact-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #000

}



.credit-root .credit-content-block .info-text-price-block {

    display: none

}



.credit-root .minus-sign, .credit-root .plus-sign {

    width: 10px;

    height: 2px;

    background-color: #000

}



.credit-root .plus-sign {

    position: relative

}



.credit-root .plus-sign:after {

    content: "";

    height: 10px;

    width: 2px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: #000

}



.credit-root .credit-summary-root {

    background-color: #fff;

    width: 100%;
    position: fixed;

    bottom: 0;

    z-index: 9

}



.credit-root .credit-summary-root.bottom-summary {

    position: absolute

}



.credit-root .credit-summary-root .credit-summary-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 96px

}



.credit-root .credit-summary-root .left-block {

    display: flex;

    align-items: center

}



.credit-root .credit-summary-root .left-block .sum-item {

    margin: 0 0 0 22px

}



.credit-root .credit-summary-root .left-block .sum-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000

}



.credit-root .credit-summary-root .left-block .sum-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.credit-root .credit-summary-root .left-block .sum-item:first-child {

    margin: 0

}



.credit-root .credit-summary-root .right-block {

    display: flex;

    align-items: center

}



.credit-root .credit-summary-root .right-block .btn-item {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 152px;

    height: 48px;

    background: #eee;

    border-radius: 8px;

    padding: 0 15px;

    cursor: pointer

}



.credit-root .credit-summary-root .right-block .btn-item:hover {

    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)

}



.credit-root .credit-summary-root .right-block .btn-item + .btn-item {

    margin: 0 0 0 15px

}



.credit-root .credit-summary-root .right-block .btn-item span {

    font-size: 10px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    letter-spacing: 1px;

    color: #000;

    line-height: 13px;

    margin: 0 0 0 8px

}



.credit-root .credit-summary-root .right-block svg {

    fill: #e71525

}



.credit-root .credit-summary-root .interest-item {

    background-color: #e31f2e;

    width: 112px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 30px;

    position: relative;

    margin: 0 0 0 22px

}



.credit-root .credit-summary-root .interest-item:before {

    content: "";

    border-color: transparent #e31f2e transparent transparent;

    border-style: solid;

    border-width: 6px 9px 6px 0;

    position: absolute;

    left: -7px

}



.credit-root .credit-summary-root .interest-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff

}



.credit-root .mobile-price-sticky {

    position: fixed;

    width: 100%;

    bottom: 80px;

    z-index: 9;

    display: none;

    left: 16px;

    transition: all .2s ease-out

}



.credit-root .mobile-price-sticky.sticky {

    bottom: 20px

}



.credit-root .mobile-price-sticky .content-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #fff;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);

    border-radius: 8px;

    height: 68px;

    padding: 0 0 0 16px;

    max-width: 245px

}



.credit-root .mobile-price-sticky .content-block .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 10px;

    color: #000;

    margin: 0 0 5px

}



.credit-root .mobile-price-sticky .content-block .text-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.credit-root .mobile-price-sticky .btn-item {

    background: #e31f2e;

    border-radius: 8px;

    padding: 18px 25px;

    display: none

}



.credit-root .mobile-price-sticky .btn-item span {

    font-size: 12px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff

}



.credit-root .mobile-price-sticky .percent-item {

    width: 58px;

    height: 100%;

    background: #e31f2e;

    border-radius: 0 8px 8px 0;

    display: flex;

    align-items: center;

    justify-content: center

}



.credit-root .mobile-price-sticky .percent-item .text-item {

    display: none

}



.credit-root .mobile-price-sticky .percent-item .text-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 8px;

    color: #fff

}



.credit-root .mobile-price-sticky .percent-sign {

    width: 26px;

    height: 26px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center

}



.credit-root .mobile-price-sticky .percent-sign .per-line {

    width: 16px;

    height: 3px;

    background-color: #e31f2e;

    border-radius: 15px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    position: relative

}



.credit-root .mobile-price-sticky .percent-sign .per-line:after, .credit-root .mobile-price-sticky .percent-sign .per-line:before {

    width: 4px;

    height: 4px;

    background-color: #e31f2e;

    border-radius: 50%;

    content: "";

    position: absolute;

    left: 6px;

    top: 6px

}



.credit-root .mobile-price-sticky .percent-sign .per-line:after {

    top: -6px

}



.table-price-container .lb-root {

    display: flex;

    align-items: center;

    justify-content: center

}



.lb-root .credit-root {

    height: 507px;

    width: 1107px;

    background: #fff;

    box-shadow: 0 0 8px rgba(0, 0, 0, .1);

    border-radius: 16px;

    padding: 30px 0 0

}



.lb-root .credit-root .credit-container {

    max-width: inherit

}



.lb-root .credit-root .label-text {

    text-align: left

}



.lb-root .credit-root .head-text {

    text-align: left;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 32px;

    margin: 0

}



.lb-root .credit-root .head-text h1 {

    font-size: 20px

}



.lb-root .credit-root .head-text .close-item {

    width: 32px;

    height: 32px;

    background: #efefef;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer

}



.lb-root .credit-root .head-text .close-item i {

    position: relative;

    width: 20px;

    height: 20px;

    transition: all .2s ease-in-out

}



.lb-root .credit-root .head-text .close-item i:after, .lb-root .credit-root .head-text .close-item i:before {

    color: #000;

    content: "";

    height: 20px;

    border-left: 2px solid #000;

    position: absolute;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    left: 9px

}



.lb-root .credit-root .head-text .close-item i:before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.lb-root .credit-root .head-text .close-item:hover i {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.lb-root .credit-root .credit-content-block .model-version-block {

    margin: 20px 0 18px

}



.lb-root .credit-root .credit-content-block .model-version-block .label-text {

    display: none

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item {

    background: #efefef;

    height: 96px;

    border: none;

    cursor: default

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item {

    display: flex;

    align-items: center

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item .img-item {

    height: 40px;

    max-width: 100px

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item .model-name {

    margin: 0 0 0 30px

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item .model-name p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #e31f2e;

    font-size: 14px;

    margin: 0

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .left-price-item .model-name span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    font-size: 12px

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info {

    padding: 0

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span {

    font-size: 12px

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span.price-text {

    font-size: 14px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .icon-down-arr {

    display: none

}



.lb-root .credit-root .credit-content-block .calculate-form-container {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    padding: 0 32px

}



.lb-root .credit-root .credit-content-block .calculate-form-container .input-item {

    width: 315px

}



.lb-root .credit-root .credit-content-block .calculate-form-container .input-item input {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    padding: 14px 63px 14px 14px

}



.lb-root .credit-root .credit-content-block .calculate-form-container .input-item .max-btn {

    top: 52px

}



.lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root {

    flex: 1 1;

    margin: 0 0 0 30px

}



.lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper {

    flex-direction: row-reverse

}



.lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .text-item {

    margin: 0 8px 0 0

}



.lb-root .credit-root .credit-content-block .info-text-root {

    display: none

}



.lb-root .credit-root .credit-content-block .info-text-price-block {

    margin: 30px 0 32px;

    padding: 0 32px;

    display: block

}



.lb-root .credit-root .credit-content-block .info-text-price-block .info-text-root {

    display: block;

    padding: 8px 0;

    margin: 0

}



.lb-root .credit-root .credit-summary-root {

    position: static;

    border-top: 1px solid #efefef;

    padding: 0 32px 0 50px;

    border-radius: 0 0 16px 16px

}



.being-updated-text-item {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 10vh 10px;

    min-height: 30vh

}



.being-updated-text-item h1 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 25px;

    color: #e31f2e;

    word-spacing: 5px;

    letter-spacing: 4px

}



.breadcrumb-root {

    width: 100%;

    position: fixed;

    top: 120px;

    background-color: #f0f0f0;

    height: 30px;

    z-index: 1

}



.breadcrumb-root.typeR-features .breadcrumb-container {

    max-width: 1693px;

    padding: 0 0 0 25px

}



.breadcrumb-root .breadcrumb-container {

    height: 100%

}



.breadcrumb-root ul {

    display: flex;

    align-items: center;

    height: 100%

}



.breadcrumb-root ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #000;

    margin: 0 10px 0 0

}



.breadcrumb-root ul li a {

    color: #000

}



.breadcrumb-root ul li a, .breadcrumb-root ul li a:after {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.breadcrumb-root ul li a:after {

    content: ">";

    margin: 0 0 0 10px

}



.breadcrumb-root.sticky {

    top: -30px

}



.sub-menu-root {

    position: fixed;

    height: 64px;

    width: 100%;

    background: rgba(0, 0, 0, .3);

    top: 150px;

    z-index: 1

}



.sub-menu-root .load-line {

    position: absolute;

    background-color: initial;

    height: 2px;

    bottom: 0;

    left: 80px;

    z-index: 1;

    display: block

}



.sub-menu-root .load-line:before {

    width: 0;

    z-index: inherit

}



.sub-menu-root .load-line:after, .sub-menu-root .load-line:before {

    height: 0;

    background-color: initial;

    border-radius: 0;

    content: none;

    position: inherit;

    bottom: 0;

    left: 0;

    -webkit-transform: none;

    transform: none

}



.sub-menu-root .load-line:after {

    z-index: 0

}



.sub-menu-root.sticky {

    top: 0;

    z-index: 101;

    background-color: #fff

}



.sub-menu-root.sticky .load-line {

    background-color: #e31f2e

}



.sub-menu-root.sticky:before {

    background-color: #ccc

}



.sub-menu-root.sticky ul a, .sub-menu-root.sticky ul li {

    color: #888

}



.sub-menu-root.sticky ul a svg path, .sub-menu-root.sticky ul li svg path {

    stroke: #888

}



.sub-menu-root.sticky ul a.active, .sub-menu-root.sticky ul li.active {

    color: #000

}



.sub-menu-root.sticky ul a.active svg path, .sub-menu-root.sticky ul li.active svg path {

    stroke: #000

}



.sub-menu-root.sticky ul a.completed .checked, .sub-menu-root.sticky ul li.completed .checked {

    opacity: 1

}



.sub-menu-root.sticky ul a.completed .checked path, .sub-menu-root.sticky ul li.completed .checked path {

    stroke: #e31f2e

}



.sub-menu-root.sticky ul a.completed:before, .sub-menu-root.sticky ul li.completed:before {

    width: 0

}



.sub-menu-root.sticky ul a:after, .sub-menu-root.sticky ul li:after {

    width: 12px

}



.sub-menu-root.sticky ul a:before, .sub-menu-root.sticky ul li:before {

    z-index: 2

}



.sub-menu-root:before {

    height: 2px;

    width: 100%;

    background-color: #000;

    content: "";

    position: absolute;

    bottom: 0

}



.sub-menu-root ::-webkit-scrollbar {

    display: none

}



.sub-menu-root .content-wrapper {

    height: 100%;

    display: flex;

    overflow: auto;

    justify-content: center

}



.sub-menu-root ul {

    white-space: nowrap

}



.sub-menu-root ul, .sub-menu-root ul li {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative

}



.sub-menu-root ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #fff;

    cursor: pointer;

    width: 170px

}



.sub-menu-root ul li a {

    color: #fff

}



.sub-menu-root ul li a:hover {

    color: #e31f2e

}



.sub-menu-root ul li svg path {

    stroke: #fff

}



.sub-menu-root ul li:hover {

    color: #e31f2e

}



.sub-menu-root ul li .checked {

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 2;

    opacity: 0

}



.sub-menu-root ul li .checked path {

    stroke: #e31f2e

}



.sub-menu-root ul li:after {

    height: 6px;

    background-color: #fff;

    border-radius: 1px 1px 0 0

}



.sub-menu-root ul li:after, .sub-menu-root ul li:before {

    width: 4px;

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 1

}



.sub-menu-root ul li:before {

    height: 2px;

    background-color: #e31f2e;

    border-radius: 1px

}



.double-text-img-root {

    position: relative;

    padding: 70px 0 20px

}



.double-text-img-root.model-double-text {

    padding: 0 0 20px

}



.double-text-img-root.model-double-text.model-padding {

    padding: 70px 0 20px

}



.double-text-img-root.civic-model-text {

    padding: 20px 0 90px

}



.double-text-img-root.city-double .content-block {

    flex-direction: row-reverse

}



.double-text-img-root.city-double .content-block .text-block {

    margin: 0 50px 0 0;

    display: flex;

    justify-content: end

}



.double-text-img-root.city-double .content-block:nth-child(2n) .text-block {

    justify-content: start;

    margin: 0 0 0 50px

}



.double-text-img-root .content-block {

    display: flex;

    align-items: center;

    padding: 0 0 32px;

    justify-content: space-between;

    height: 500px

}



.double-text-img-root .content-block:nth-child(2n) .text-block {

    display: flex;

    justify-content: flex-end

}



.double-text-img-root .content-block:nth-child(2n) .text-item {

    padding: 0 45px 0 0

}



.double-text-img-root .content-block:nth-child(2n) .mask-item {

    left: 0;

    right: auto

}



.double-text-img-root .content-block:nth-child(2n) .mask-item:after {

    right: 0;

    left: auto

}



.double-text-img-root .content-block .img-item {

    flex: 1 1;

    height: 100%;

    position: relative;

    max-width: 688px

}



.double-text-img-root .content-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 16px

}



.double-text-img-root .content-block .mask-item {

    width: 100%;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    overflow: hidden

}



.double-text-img-root .content-block .mask-item:after {

    content: "";

    width: 10px;

    height: 100%;

    background-color: #e31f2e;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1

}



.double-text-img-root .content-block .text-block {

    flex: 1 1

}



.double-text-img-root .content-block .text-item {

    width: 444px;

    padding: 0 0 0 45px

}



.double-text-img-root .content-block .text-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    font-size: 32px

}



.double-text-img-root .content-block .text-item p {

    font-size: 16px;

    line-height: 24px;

    color: #000;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.double-text-img-root.double-video-root .content-block:nth-child(2n) {

    margin: 45px 0 0

}



.double-text-img-root.double-video-root .content-block .text-block {

    flex: 0.85 1

}



.double-text-img-root.double-video-root .video-item {

    position: relative;

    cursor: pointer;

    flex: 1.2 1;

    max-width: 880px;

    height: 100%

}



.double-text-img-root.double-video-root .video-item video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 16px

}



.double-text-img-root.double-video-root .video-item.playing {

    cursor: default

}



.double-text-img-root.double-video-root .video-item.playing .replay-btn {

    display: none

}



.double-text-img-root.double-video-root .replay-btn {

    position: absolute;

    z-index: 1;

    bottom: 45px;

    right: 40px;

    cursor: pointer;

    width: 32px;

    height: 32px;

    border-radius: 24px

}



.double-text-img-root.double-video-root .replay-btn:hover {

    background: rgba(0, 0, 0, .25)

}



.double-text-img-root.double-video-root .replay-btn svg {

    margin: 0 0 0 2px

}



.double-text-img-root.double-video-root .replay-btn svg path {

    stroke: #fff

}



.double-text-img-root.blue-bg {

    background: linear-gradient(180deg, #1f2935 9.68%, #1b242e 25.18%, #1a222c 41.95%, #182029 56.68%, #181f28 73.96%, #151c25 88.45%, #141a21)

}



.double-text-img-root.blue-bg .content-block .mask-item {

    background: linear-gradient(180deg, #1f2935 3.68%, #1b242e 25.18%, #1a222c 48.95%, #182029 0, #181f28 70.96%, #151c25 0, #141a21)

}



.double-text-img-root.blue-bg .content-block .text-block .text-item h2, .double-text-img-root.blue-bg .content-block .text-block .text-item p {

    color: #fff

}



.double-text-img-root.black-bg, .double-text-img-root.black-bg .content-block .mask-item {

    background-color: #111

}



.double-text-img-root.black-bg .content-block .text-item h2, .double-text-img-root.black-bg .content-block .text-item p {

    color: #fff

}



.engineering-root.jazz .engineering-container {

    padding: 200px 0 0

}



.engineering-root.jazz .engineering-container .engineering-block .engineering-item {

    max-width: 405px

}



.engineering-root.jazz .engineering-container .engineering-block .engineering-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 17px

}



.engineering-root.jazz .engineering-container .bg-img {

    top: -140px

}



.text-widget-block.new-jazz {

    margin: 48px 24px

}



.only-image-root {

    padding: 0 0 16px

}



.only-image-root img {

    max-width: 100%;

    width: 100%;

    background: linear-gradient(180deg, #d9d9d9, hsla(0, 0%, 85.1%, 0))

}



.img-text-slide-root.new-jazz {

    padding: 46px 0 118px;

    background: #f8f8f8

}



.img-text-slide-root.new-jazz .top-block {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    margin: 0 0 56px

}



.img-text-slide-root.new-jazz .top-block h3 {

    color: #000;

    text-align: center;

    font-size: 35px;

    line-height: 49px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.img-text-slide-root.new-jazz .top-block p {

    color: #000;

    text-align: center;

    font-size: 16px;

    font-weight: 300;

    line-height: 24px;

    max-width: 35%;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 24px 0 16px

}



.img-text-slide-root.new-jazz .model-list-block {

    display: flex;

    justify-content: center;

    align-items: center

}



.img-text-slide-root.new-jazz .model-list-block .model-list {

    margin: 0 0 0 79px;

    height: 198px;

    position: relative

}



.img-text-slide-root.new-jazz .model-list-block .model-list:first-child {

    margin: 0

}



.img-text-slide-root.new-jazz .model-list-block .model-list p {

    border-bottom: 4px solid #d9d9d9;

    max-width: 270px;

    color: rgba(24, 24, 24, .35);

    text-align: center;

    font-size: 15px;

    margin: 0 auto;

    padding: 0 0 14px;

    z-index: 2;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.img-text-slide-root.new-jazz .model-list-block .model-list:hover p {

    color: #181818;

    border-bottom: 4px solid #181818

}



.img-text-slide-root.new-jazz .nav-block {

    display: none

}



.img-text-slide-root.new-jazz .nav-block span {

    background-color: #bdbebf;

    min-width: 15px;

    width: 15px;

    height: 15px;

    border: none

}



.img-text-slide-root.new-jazz .nav-block span.active {

    background-color: #bc0000

}



.lb-root.design {

    z-index: 1000;

    height: 100%

}



.lb-root.design .lb-block {

    width: 100%;

    height: 100%

}



.lb-root.design svg {

    position: absolute;

    left: 0

}



.lb-root.design .close-icon {

    position: absolute;

    top: 50px;

    right: 50px;

    z-index: 1001

}



.lb-root.design .close-icon:after, .lb-root.design .close-icon:before {

    background: #fff

}



.only-image-root {

    position: relative

}



.only-image-root .scroll-btn {

    width: 100px;

    height: 142px;

    border-radius: 50px 50px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: 64px;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    display: flex

}



.only-image-root .scroll-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    line-height: 14px;

    letter-spacing: 4px

}



.only-image-root .scroll-btn .mouse-wheel {

    height: 25px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 30px;

    left: 46%

}



.only-image-root .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #fff;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.only-image-root .scroll-btn.survey-btn {

    display: none

}



.threed-root {

    position: relative;

    background-color: #111;

    min-height: 800px;

    height: 100%

}



.threed-root .threed-container {

    height: 100%

}



.threed-root .threed-container .transparent {

    position: absolute;

    width: 100%;

    height: 100%;

    background: red;

    opacity: 0;

    z-index: 2;

    top: 0;

    left: 0

}



.threed-root .threed-container .transparent.content-none {

    display: none

}



.threed-root .threed-container .lb-root {

    z-index: 1000;

    height: 100%

}



.threed-root .threed-container .lb-root .lb-block {

    width: 100%;

    height: 100%

}



.threed-root .threed-container .lb-root svg {

    position: absolute;

    left: 0

}



.threed-root .threed-container .lb-root .close-icon {

    position: absolute;

    top: 50px;

    right: 50px;

    z-index: 1001

}



.threed-root .threed-container .lb-root .close-icon:after, .threed-root .threed-container .lb-root .close-icon:before {

    background: #fff

}



.threed-root .threed-container .full-view {

    width: 100%;

    height: 100%;

    min-height: 800px;

    border: none

}



.threed-root .threed-container.city-bottom .bottom-container .bottom-block .model-name svg {

    display: block

}



.threed-root .btn-item, .threed-root.detail-int .threed-container .interior-mobile .phone-img {

    display: none

}



.threed-root.detail-int .threed-container .bottom-container .model-name .model-item svg {

    display: block

}



.threed-root .top-bg-item {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 30%;

    top: 0;

    left: 0;

    display: none

}



.threed-root .text-block {

    position: relative

}



.threed-root .text-item {

    max-width: 400px;

    position: absolute;

    z-index: 1;

    top: 96px;

    left: 100px;

    transition: all .3s ease-in

}



.threed-root .text-item h2 {

    font-size: 32px;

    line-height: 41px;

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.threed-root .text-item p {

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.threed-root img {

    max-width: 100%

}



.threed-root .bottom-container {

    position: absolute;

    bottom: 80px;

    width: 100%

}



.threed-root .bottom-container .bottom-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    transition: all .5s ease-in

}



.threed-root .bottom-container .model-name {

    display: flex;

    align-items: center

}



.threed-root .bottom-container .model-name svg {

    fill: #fff;

    opacity: .2;

    display: none

}



.threed-root .bottom-container .model-name .model-item {

    cursor: pointer;

    margin: 0 20px 0 100px

}



.threed-root .bottom-container .model-name .model-item:hover svg {

    opacity: .5

}



.threed-root .bottom-container .model-name .active {

    cursor: default

}



.threed-root .bottom-container .model-name .active:hover svg, .threed-root .bottom-container .model-name .active svg {

    opacity: 1

}



.threed-root .bottom-container .icon-item {

    padding: 0 8vw 0 0

}



.threed-root .bottom-container .icon-item p {

    display: none

}



.threed-root.hide-models .bottom-block, .threed-root.hide-models .text-item {

    opacity: 0

}



.detail-banner-root {

    height: calc(100vh + 100px);

    position: relative;

    padding: 120px 0 0

}



.detail-banner-root.new-jazz .content-item {

    top: 210px

}



.detail-banner-root img, .detail-banner-root video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: bottom

}



.detail-banner-root .video-mobile {

    display: none

}



.detail-banner-root .banner-wrapper {

    height: 100%;

    position: relative

}



.detail-banner-root .banner-wrapper .scroll-btn {

    display: none

}



.detail-banner-root .banner-wrapper.logR-wrapper .banner-block img {

    display: block

}



.detail-banner-root .banner-wrapper .banner-block {

    height: 100%

}



.detail-banner-root .banner-wrapper .banner-block .content-item .icon-item {

    display: flex;

    justify-content: center

}



.detail-banner-root .banner-wrapper .banner-block .content-item .icon-item img {

    display: block

}



.detail-banner-root .banner-wrapper .banner-block img {

    display: none

}



.detail-banner-root .banner-wrapper .banner-block.hrv-banner-block .content-item .icon-item img {

    width: 318px;

    height: 78px

}



.detail-banner-root .content-item {

    position: absolute;

    z-index: 1;

    top: 200px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    width: 100%

}



.detail-banner-root .content-item .head-name {

    display: none

}



.detail-banner-root .content-item p {

    color: #fff;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 26px;

    margin: 20px 0 5px

}



.detail-banner-root .content-item h1 {

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 26px

}



.detail-banner-root .content-item.typeR-features {

    top: 90px;

    padding: 0 16px

}



.detail-banner-root .content-item.typeR-features p {

    font-family: "SharpGroteskMedium25-Regular", arial, helvetica, sans-serif !important;

    font-size: 50px !important;

    line-height: 60px

}



.detail-banner-root .content-item.typeR-accessory .bottom-name {

    margin: 4px 0 0 !important;

    font-size: 40px !important;

    line-height: 60px !important

}



.detail-banner-root .content-item.typeR-accessory .banner-desc-text {

    display: flex;

    align-items: center;

    justify-content: center

}



.detail-banner-root .content-item.typeR-accessory .banner-desc-text p {

    font-size: 16px !important;

    line-height: 30px !important;

    margin: 21px 0 0 !important

}



.detail-banner-root.jazz-model .type-r-features-menu-block, .detail-banner-root.typeR-model .type-r-features-menu-block {

    display: none

}



.detail-banner-root.jazz-model .banner-wrapper .banner-block .icon-block, .detail-banner-root.typeR-model .banner-wrapper .banner-block .icon-block {

    display: flex;

    align-items: flex-end;

    justify-content: center

}



.detail-banner-root.jazz-model .banner-wrapper .banner-block .icon-block .icon-item img, .detail-banner-root.typeR-model .banner-wrapper .banner-block .icon-block .icon-item img {

    width: 100% !important;

    height: 100% !important;

    object-fit: contain !important

}



.detail-banner-root.jazz-model .banner-wrapper .banner-block .icon-block .head-name, .detail-banner-root.typeR-model .banner-wrapper .banner-block .icon-block .head-name {

    margin: 0 !important;

    bottom: -5px;

    right: 17px !important;

    font-size: 31px

}



.detail-banner-root.model-banner {

    height: calc(100vh + 100px) !important

}



.detail-banner-root.model-banner.new-jazz.zrv .banner-wrapper .banner-block .content-item .icon-item img {

    object-fit: contain

}



.detail-banner-root.model-banner.new-jazz .banner-wrapper, .detail-banner-root.model-banner.new-jazz .banner-wrapper .banner-block img {

    background: linear-gradient(180deg, #5b84a4, rgba(109, 134, 147, 0) 60%, rgba(109, 134, 147, 0));

    mix-blend-mode: multiply

}



.detail-banner-root.model-banner.new-jazz .banner-wrapper .banner-block .content-item p {

    margin: 20px 0 0 !important

}



.detail-banner-root.model-banner.new-jazz .banner-wrapper .banner-block .content-item .icon-item img {

    background: transparent;

    width: auto;

    height: auto;

    max-width: 100%

}



.detail-banner-root.model-banner.new-jazz .top-main-info-root {

    bottom: -115px

}



.detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item {

    top: 125px

}



.detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name {

    font-family: "SharpGroteskMedium25-Regular", Arial, Helvetica, sans-serif !important;

    margin: 6px 0 0 !important

}



.detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .banner-desc-text p, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .banner-desc-text p {

    margin: 0 !important

}



.detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item p, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item p {

    line-height: 60px;

    margin: 9px 0 0 !important

}



.detail-banner-root.model-banner .content-item .head-name {

    display: block !important;

    position: relative;

    right: 100px;

    left: auto !important;

    font-size: 36px !important;

    margin: 0 !important

}



.detail-banner-root.model-banner .content-item img {

    height: auto;

    width: auto;

    margin: 0 0 10px !important

}



.detail-banner-root.model-banner .content-item p {

    font-size: 34px !important;

    position: relative;

    margin: 0 0 0 100px !important

}



.detail-banner-root.model-banner .banner-wrapper .scroll-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    padding: 0 30px 0 0;

    line-height: 14px;

    letter-spacing: 4px

}



.detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel {

    height: 25px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 30px;

    left: 46%

}



.detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #fff;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.detail-banner-root.model-banner .banner-wrapper .scroll-btn.survey-btn {

    display: none

}



.detail-banner-root.model-banner .banner-wrapper .banner-block img {

    object-position: center;

    display: block

}



.detail-banner-root.model-banner .banner-wrapper .banner-block video {

    display: none

}



.detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

    font-size: 36px;

    line-height: 45px;

    color: #fff !important;

    font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif !important

}



.detail-banner-root.model-banner .top-main-info-root {

    bottom: 0

}



.detail-banner-root.model-banner .top-main-info-root.logR-main-info-root {

    bottom: -56px

}



.detail-banner-root.civic-model {

    height: calc(100vh + 250px) !important

}



.detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item:last-child p {

    font-size: 15px

}



.detail-banner-root.civic-model .banner-wrapper .banner-block .content-item img {

    height: 49px;

    width: 334px;

    margin: 0 0 30px

}



.detail-banner-root.civic-model .banner-wrapper .banner-block .content-item p {

    margin: 0 !important;

    letter-spacing: .59em

}



.detail-banner-root.civic-model .banner-wrapper .banner-block .content-item .head-name {

    display: none !important

}



.detail-banner-root.city-banner, .detail-banner-root.model-banner {

    height: calc(100vh + 450px)

}



.detail-banner-root.city-banner .content-item .icon-item, .detail-banner-root.model-banner .content-item .icon-item {

    display: flex;

    justify-content: center

}



.detail-banner-root.city-banner .content-item img, .detail-banner-root.model-banner .content-item img {

    height: 58px;

    width: 348px;

    margin: 0 0 30px

}



.detail-banner-root.city-banner .content-item p, .detail-banner-root.model-banner .content-item p {

    margin: 0

}



.detail-banner-root.city-banner .banner-wrapper .scroll-btn, .detail-banner-root.model-banner .banner-wrapper .scroll-btn {

    display: none;

    width: 100px;

    height: 142px;

    border-radius: 50px 50px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    margin-right: auto;

    margin-left: auto;

    bottom: -30px;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.detail-banner-root.city-banner .banner-wrapper .scroll-btn p, .detail-banner-root.model-banner .banner-wrapper .scroll-btn p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    padding: 0 30px 0 0;

    line-height: 14px;

    letter-spacing: 4px

}



.detail-banner-root.city-banner .banner-wrapper .scroll-btn .mouse-wheel, .detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel {

    height: 25px;

    width: 3px;

    overflow: hidden;

    position: absolute;

    top: 30px;

    left: 46%

}



.detail-banner-root.city-banner .banner-wrapper .scroll-btn .mouse-wheel:after, .detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel:after {

    content: "";

    height: 30px;

    width: 4px;

    display: flex;

    border-top: 16px solid #fff;

    border-radius: 16px;

    -webkit-animation: mouse-anim .4s linear infinite;

    -moz-animation: mouse-anim .6s linear infinite

}



.detail-banner-root.city-banner .banner-wrapper .scroll-btn.survey-btn, .detail-banner-root.model-banner .banner-wrapper .scroll-btn.survey-btn {

    display: none

}



.detail-banner-root.city-banner .banner-wrapper .banner-block img, .detail-banner-root.model-banner .banner-wrapper .banner-block img {

    object-position: center;

    display: block

}



.detail-banner-root.city-banner .banner-wrapper .banner-block video, .detail-banner-root.model-banner .banner-wrapper .banner-block video {

    display: none

}



.detail-banner-root.city-banner .banner-wrapper .banner-block .content-item.logR-content, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item.logR-content {

    max-width: 846px;

    width: 100%;

    left: 31%;

    padding: 0 0 0 24px

}



.detail-banner-root.city-banner .banner-wrapper .banner-block .content-item.logR-content h1, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item.logR-content h1 {

    font-size: 50px;

    line-height: 60px;

    font-weight: 500;

    text-align: left;

    margin: 0 0 36px

}



.detail-banner-root.city-banner .banner-wrapper .banner-block .content-item.logR-content p, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item.logR-content p {

    font-weight: 500;

    font-size: 16px !important;

    line-height: 30px;

    text-align: left;

    margin: 0 !important

}



.detail-banner-root.city-banner .banner-wrapper .banner-block .content-item p, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    color: #000

}



.detail-banner-root.city-banner .banner-wrapper .banner-block .content-item h1, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 36px;

    line-height: 45px;

    color: #000

}



.detail-banner-root.city-banner .top-main-info-root, .detail-banner-root.model-banner .top-main-info-root {

    bottom: 0

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info {

    bottom: -180px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container {

    background-color: #fff

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container .link-item, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item {

    display: block

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container .link-item svg, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item svg {

    display: block;

    height: 32px;

    margin: 0 auto 20px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item span, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item span {

    font-size: 14px;

    color: #000

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item p, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item p {

    font-size: 20px;

    margin: 22px 0 0;

    word-break: break-word;

    overflow-wrap: break-word;

    white-space: normal

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .top-info-container .btn-block span, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .btn-block span {

    padding: 0 40px;

    height: 58px;

    text-align: center

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container {

    max-width: 1492px;

    height: 120px;

    justify-content: space-between;

    padding: 0 3.78vw

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container .link-item:hover span, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item:hover span {

    color: #e31f2e

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container .link-item:hover svg path, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item:hover svg path {

    stroke: #e31f2e

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .info-link-container .link-item span, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item span {

    margin: 0;

    display: inline-block;

    text-align: center

}



.detail-banner-root.city-banner .top-main-info-root.typeR-main-info .content-wrapper, .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .content-wrapper {

    max-width: 1816px;

    padding: 0 64px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info {

    bottom: -64px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container {

    background-color: #fff

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item {

    display: block

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item svg, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item svg {

    display: block;

    margin: 0 auto 20px;

    height: 25px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container {

    max-width: 1492px;

    height: 120px;

    justify-content: space-between;

    padding: 0 3.78vw;

    border-radius: 8px

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item {

    text-align: center

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item:hover span, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item:hover span {

    color: #e31f2e

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item span, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item span {

    margin: 0

}



.detail-banner-root.city-banner .top-main-info-root.typeR-accessory-info .content-wrapper, .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .content-wrapper {

    max-width: 1816px;

    padding: 0 64px

}



.detail-banner-root.new-jazz.zrv.main .banner-wrapper .scroll-btn {

    display: none

}



.detail-banner-root.new-jazz .banner-wrapper .scroll-btn {

    display: flex;

    z-index: 1;

    bottom: 64px

}



.detail-banner-root.new-jazz .banner-wrapper .scroll-btn p {

    padding: 0 30px

}



.detail-banner-root.accord-banner .content-item .icon-item {

    display: flex;

    justify-content: center

}



.detail-banner-root.accord-banner .content-item img {

    height: 40px;

    width: 461px;

    margin: 0 0 30px

}



.detail-banner-root.zrv .top-main-info-root .info-link-container .link-item {

    margin: 0 1.5%

}



.detail-banner-root.zrv .top-main-info-root .info-link-container .link-item a {

    font-size: 10px

}



.top-main-info-root {

    bottom: -47px;

    position: absolute;

    z-index: 1;

    width: 100%

}



.top-main-info-root .btn-block.online {

    display: none

}



.top-main-info-root .btn-block.online span {

    background-color: #e31f2e;

    color: #fff;

    border: none;

    padding: 0 25px

}



.top-main-info-root .btn-block.online:hover span {

    color: #fff

}



.top-main-info-root .content-wrapper {

    max-width: 1440px;

    margin: 0 auto

}



.top-main-info-root .content-wrapper.logR-wrapper {

    max-width: 1816px;

    padding: 0 64px

}



.top-main-info-root .top-info-container {

    background: #fff;

    box-shadow: 0 8px 16px rgba(0, 0, 0, .05);

    border-radius: 8px;

    padding: 31px 32px 28px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    z-index: 1

}



.top-main-info-root .info-block {

    display: flex;

    align-items: flex-start

}



.top-main-info-root .info-block .info-item {

    white-space: nowrap

}



.top-main-info-root .info-block .info-item + .info-item {

    margin: 0 0 0 65px

}



.top-main-info-root .info-block .info-item span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.top-main-info-root .info-block .info-item p {

    font-size: 18px;

    margin: 5px 0 0

}



.top-main-info-root .btn-block span, .top-main-info-root .info-block .info-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000

}



.top-main-info-root .btn-block span {

    border: 1px solid #dfdfdf;

    border-radius: 79px;

    height: 44px;

    display: flex;

    align-items: center;

    padding: 0 15px;

    font-size: 14px;

    cursor: pointer

}



.top-main-info-root .btn-block span:hover {

    color: #e31f2e

}



.top-main-info-root .info-link-container {

    background: #f8f8f8;

    box-shadow: 0 8px 16px rgba(0, 0, 0, .05);

    border-radius: 0 0 8px 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 78px;

    width: 94%;

    margin: 0 auto

}



.top-main-info-root .info-link-container .link-item {

    display: flex;

    align-items: center;

    margin: 0 4%

}



.top-main-info-root .info-link-container .link-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #444;

    margin: 0 0 0 10px

}



.top-main-info-root .info-link-container .link-item svg {

    stroke: #444

}



.top-main-info-root .info-link-container .link-item svg.jazz-acssesory {

    stroke: transparent

}



.top-main-info-root .info-link-container .link-item .fillColor path {

    fill: #444

}



.top-main-info-root .info-link-container .link-item:hover span {

    color: #e31f2e

}



.top-main-info-root .info-link-container .link-item:hover svg {

    stroke: #e31f2e

}



.top-main-info-root .info-link-container .link-item:hover .fillColor path {

    fill: #e31f2e

}



.top-main-info-root .info-link-container.logR-link {

    border-radius: 8px;

    width: 100%;

    height: 120px;

    box-shadow: 0 4px 5px rgba(0, 0, 0, .05)

}



.top-main-info-root .info-link-container.logR-link .link-item {

    margin: 0 3%

}



.text-video-root {

    text-align: center;

    position: relative;

    margin: -43px 0 0;

    background: linear-gradient(180deg, rgba(238, 232, 234, 0), #eee8ea 11.46%, hsla(0, 0%, 100%, 0))

}



.text-video-root .btn-block {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 50px 0 0

}



.text-video-root .btn-block .btn-item {

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 200px;

    height: 50px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.text-video-root .btn-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2px

}



.text-video-root.model-video {

    background: #0f141a;

    padding: 0 0 40px

}



.text-video-root.model-video .jazz-right-img {

    display: none

}



.text-video-root.model-video .close-item {

    top: -60px !important

}



.text-video-root.model-video .text-block {

    min-height: 656px

}



.text-video-root.model-video .text-block h2, .text-video-root.model-video .text-block p {

    color: #fff

}



.text-video-root.civic-video .text-block {

    width: 68%

}



.text-video-root.city-text {

    background: none

}



.text-video-root.city-text .text-block {

    width: 63%

}



.text-video-root.city-text .text-block h2 {

    line-height: 67px

}



.text-video-root.city-text .text-block p {

    line-height: 28px

}



.text-video-root.city-text .jazz-right-img {

    display: none

}



.text-video-root .jazz-right-img {

    pointer-events: none;

    position: absolute;

    right: 0;

    top: 0

}



.text-video-root .text-block {

    padding: 160px 0 0;

    width: 57%;

    margin: 0 auto;

    position: relative

}



.text-video-root .text-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    color: #000;

    line-height: 140%

}



.text-video-root .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    line-height: 160%

}



.text-video-root .text-block p span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.text-video-root .text-block img {

    cursor: pointer

}



.img-slider-root {

    overflow: hidden;

    margin: 95px 0 0;

    position: relative

}



.img-slider-root.civic-info .slider-container .arr-item {

    background: #000

}



.img-slider-root.civic-info .slider-container .arr-item svg path {

    stroke: #fff

}



.img-slider-root.model-detail-info {

    margin: 0;

    padding: 50px 0 32px

}



.img-slider-root.model-detail-info, .img-slider-root.model-detail-info .slider-container .mask-block .mask-item {

    background: linear-gradient(180deg, #0f141a 3.62%, #0f141a 9.19%, #0f141a 19.12%, #0f141a 31.17%, #0f141a 41.11%, #1f2329 56.77%, #2b3035 69.71%, #373b40 80.71%, #43474c 91.4%, #595c60)

}



.img-slider-root.typer-other-accessory .slider-head-block {

    text-align: center;

    margin: 0 0 100px

}



.img-slider-root.typer-other-accessory .slider-head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px;

    color: #000

}



.img-slider-root.typer-other-accessory .slider-container {

    height: 1075px

}



.img-slider-root.typer-other-accessory .slider-item {

    opacity: .3;

    -webkit-transform: scale(1);

    transform: scale(1);

    margin: 0 20px 0 0

}



.img-slider-root.typer-other-accessory .slider-item .img-item {

    max-height: 625px;

    position: relative

}



.img-slider-root.typer-other-accessory .slider-item .text-item {

    display: block;

    left: 0;

    top: 0;

    position: relative;

    margin: 60px 0;

    width: 95%;

    -webkit-transform: none;

    transform: none

}



.img-slider-root.typer-other-accessory .slider-item .text-item p {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #000;

    line-height: 36px;

    margin: 0;

    max-width: 100%

}



.img-slider-root.typer-other-accessory .slider-item .text-item p + p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 32px 0 0;

    font-size: 20px;

    line-height: 36px

}



.img-slider-root.typer-other-accessory .slider-item.active {

    opacity: 1 !important

}



.img-slider-root.typer-other-accessory .arr-item {

    top: 30%

}



.img-slider-root.typer-other-accessory .nav-block {

    display: none;

    position: absolute;

    width: 100%;

    margin: 0

}



.img-slider-root.typer-other-accessory.zr-v-accessory .slider-head-block {

    margin: 0 0 30px

}



.img-slider-root.typer-other-accessory.zr-v-accessory .slider-item .text-item p {

    text-align: center

}



.img-slider-root.typer-other-accessory.none-desc .slider-container {

    height: 790px

}



.img-slider-root.typer-other-accessory.none-desc .arr-item {

    top: 34%

}



.img-slider-root.zr-v-accessory .pack-desc {

    margin: 0 auto 40px;

    max-width: 1112px

}



.img-slider-root.zr-v-accessory .pack-desc p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    text-align: center;

    font-size: 16px;

    line-height: 24px

}



.img-slider-root.zr-v-accessory .slider-head-block h2 {

    font-size: 35px;

    line-height: 49px

}



.img-slider-root.zr-v-accessory .slider-container {

    max-width: 1114px;

    height: 900px

}



.img-slider-root.zr-v-accessory .slider-item .text-item {

    margin: 40px 0

}



.img-slider-root.zr-v-accessory .slider-item .text-item p + p {

    font-size: 16px;

    line-height: 24px

}



.img-slider-root.convience-pack .slider-item .img-item, .img-slider-root.fun-pack .slider-item .img-item {

    max-height: 550px

}



.img-slider-root.robust-pack {

    background: #f6f6f6;

    padding: 60px 0 0;

    margin: 0

}



.img-slider-root .slider-container {

    height: 694px;

    position: relative;

    max-width: 1312px;

    margin: 0 auto

}



.img-slider-root .slider-container .title-block {

    display: none

}



.img-slider-root .slider-block {

    white-space: nowrap

}



.img-slider-root .slider-block, .img-slider-root .slider-item {

    position: relative;

    width: 100%;

    height: 100%;

    transition: all .4s cubic-bezier(.65, .05, .36, 1)

}



.img-slider-root .slider-item {

    display: inline-block;

    vertical-align: middle;

    white-space: normal;

    -webkit-transform: scale(.9);

    transform: scale(.9)

}



.img-slider-root .slider-item.active, .img-slider-root .slider-item.cycle-slider-item {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.img-slider-root .slider-item.active {

    height: 100%

}



.img-slider-root .slider-item.active .text-item {

    opacity: 1

}



.img-slider-root .slider-item .img-item {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.img-slider-root .slider-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 8px;

    -webkit-user-select: none;

    user-select: none

}



.img-slider-root .slider-item .text-item {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 111px;

    opacity: 0;

    display: none

}



.img-slider-root .slider-item .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 42px;

    color: #fff;

    line-height: 120%;

    margin: 0;

    max-width: 482px

}



.img-slider-root .slider-item .text-item p + p {

    margin: 10px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.img-slider-root .arr-item {

    width: 128px;

    height: 128px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 2;

    cursor: pointer;

    left: -134px

}



.img-slider-root .arr-item svg path {

    stroke: #000

}



.img-slider-root .arr-item.right-arr {

    left: auto;

    right: -134px

}



.img-slider-root .arr-item:after {

    content: "";

    width: 60px;

    height: 60px;

    position: absolute;

    background-color: initial;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    z-index: -1;

    transition: all .2s ease-in-out

}



.img-slider-root .arr-item:hover svg path {

    stroke: #fff

}



.img-slider-root .arr-item:hover:after {

    background-color: #e31f2e;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



.img-slider-root .mask-block .mask-item {

    width: 50%;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    z-index: 1;

    overflow: hidden

}



.img-slider-root .mask-block .mask-item.left-side {

    left: 0

}



.img-slider-root .mask-block .mask-item.right-side {

    right: 0

}



.color-model-root {

    text-align: center;

    position: relative;

    margin: 0 0 50px;

    padding: 95px 0 0

}



.color-model-root .back-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.color-model-root .back-img img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.color-model-root.model-design {

    background: linear-gradient(180deg, #595c60 8.27%, #85878b 20.1%, #a5a6a9 37.72%, #b4b6b8 53.42%, #cfd1d2 69.93%, #e5e6e6 86.45%, #fefefe)

}



.color-model-root.model-design .content-wrapper .text-item h2, .color-model-root.model-design .content-wrapper .text-item p {

    color: #fff

}



.color-model-root.model-design .content-wrapper .color-model-sequence {

    height: 500px

}



.color-model-root.model-design .content-wrapper .color-model-sequence .tab-block {

    display: none

}



.color-model-root.color-option {

    background: #fff

}



.color-model-root.color-option .img-item {

    cursor: default !important

}



.color-model-root.color-option .content-wrapper .text-item {

    margin: 0

}



.color-model-root.color-option .content-wrapper .color-model-sequence {

    height: 500px

}



.color-model-root.color-option .content-wrapper .color-model-sequence .liner-block, .color-model-root.color-option .content-wrapper .tab-block {

    display: none

}



.color-model-root.color-option .content-wrapper .color-set-block .color-item.grey {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #444f5a

}



.color-model-root .content-wrapper {

    width: 50%;

    margin: 0 auto

}



.color-model-root .text-item {

    margin: 0 0 68px

}



.color-model-root .text-item.dimensions {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0 auto 68px;

    max-width: 80%

}



.color-model-root .text-item.dimensions p {

    margin: 0 16px;

    font-weight: 600

}



.color-model-root .text-item.dimensions span {

    white-space: nowrap;

    display: inline-block

}



.color-model-root .text-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 160%

}



.color-model-root .text-item .cl250 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 45px;

    line-height: 60px;

    color: #373737

}



.color-model-root .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    line-height: 160%;

    margin: 16px 0 0

}



.color-model-root.city-model .content-wrapper .color-model-sequence .tab-block {

    justify-content: center

}



.color-model-root.city-model .content-wrapper .color-model-sequence .tab-block .tab-item {

    width: 448px;

    height: 445px !important

}



.color-model-root.accord-model-design, .color-model-root.civic-model-design {

    margin: 0 0 150px

}



.color-model-root.accord-model-design .color-set-block, .color-model-root.civic-model-design .color-set-block {

    display: block !important;

    margin: 0 0 30px;

    bottom: -70px

}



.color-model-root.hrv-model {

    background: #fff;

    padding: 0;

    margin: 0

}



.color-model-root.hrv-model .color-model-sequence {

    height: 1650px

}



.color-model-root.hrv-model .liner-block {

    visibility: hidden

}



.color-model-root.hrv-model .liner-block .drag-item {

    display: none

}



.color-model-root.hrv-model .click-and-drag-block {

    display: flex;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    pointer-events: none

}



.color-model-root.hrv-model .click-and-drag-block .click-and-drag-item {

    background: rgba(0, 0, 0, .5);

    width: 160px;

    height: 160px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center

}



.color-model-root.hrv-model .click-and-drag-block span {

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff

}



.color-model-root.hrv-model .click-and-drag-block span:after, .color-model-root.hrv-model .click-and-drag-block span:before {

    content: "";

    border: solid #fff;

    border-width: 0 3px 3px 0;

    display: inline-block;

    padding: 3px;

    position: relative;

    transition: all .2s

}



.color-model-root.hrv-model .click-and-drag-block span:before {

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    left: -5px

}



.color-model-root.hrv-model .click-and-drag-block span:after {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    right: -5px

}



.color-model-root.hrv-model .click-and-drag-block.disabled {

    display: none

}



.color-model-root.hrv-model .model-block {

    position: relative

}



.color-model-root.hrv-model .model-block .img-item {

    min-height: 350px;

    left: auto;

    -webkit-transform: none;

    transform: none;

    position: static

}



.color-model-root.hrv-model .model-block .img-item img {

    width: 100%;

    height: auto

}



.color-model-root.hrv-model .model-block:hover .click-and-drag-block span:before {

    left: -10px

}



.color-model-root.hrv-model .model-block:hover .click-and-drag-block span:after {

    right: -10px

}



.color-model-root.hrv-model .model-block:active .click-and-drag-block {

    display: none

}



.color-model-root.hrv-model .color-set-block {

    bottom: auto;

    left: auto;

    -webkit-transform: none;

    transform: none;

    position: static;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin: 40px 0 0

}



.color-model-root.hrv-model .color-set-block .color-text-item {

    margin: 0 0 11px

}



.color-model-root.hrv-model .color-set-block .color-text-item p {

    margin: 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.color-model-root.typer-model .text-item {

    margin: 0 0 100px;

    text-align: left

}



.color-model-root.typer-model .color-model-sequence .liner-block {

    bottom: 200px

}



.color-model-root.typer-model .color-model-sequence .model-block .img-item, .color-model-root.typer-model .color-model-sequence .model-block .img-item img {

    width: 100%

}



.color-model-sequence {

    height: 670px

}



.color-model-sequence .tab-block {

    display: flex;

    justify-content: space-between

}



.color-model-sequence .tab-block .tab-item {

    border-radius: 8px;

    width: 48%;

    height: 445px;

    cursor: pointer;

    transition: fill .4s ease;

    position: relative

}



.color-model-sequence .tab-block .tab-item .sheet-item {

    border-radius: 8px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    transition: fill .4s ease;

    background: linear-gradient(180deg, rgba(0, 0, 0, .06), transparent);

    height: 0

}



.color-model-sequence .tab-block .tab-item:hover svg {

    fill: #000

}



.color-model-sequence .tab-block .tab-item.active .sheet-item {

    height: 100%

}



.color-model-sequence .tab-block .tab-item.active svg {

    fill: #000

}



.color-model-sequence .tab-block .tab-item svg {

    fill: #999;

    margin: 37px 0 0

}



.color-model-sequence .tab-block .tab-item svg path {

    transition: fill .4s ease

}



.color-model-sequence .model-block {

    text-align: center

}



.color-model-sequence .model-block .img-item, .color-model-sequence .model-block .liner-block {

    position: absolute;

    bottom: 110px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.color-model-sequence .model-block .img-item {

    cursor: grab

}



.color-model-sequence .model-block .img-item img {

    width: 720px;

    height: 100%

}



.color-model-sequence .model-block .drag-item {

    position: relative;

    top: -28px;

    cursor: grab;

    transition: -webkit-transform .2s cubic-bezier(.65, .05, .36, 1);

    transition: transform .2s cubic-bezier(.65, .05, .36, 1);

    transition: transform .2s cubic-bezier(.65, .05, .36, 1), -webkit-transform .2s cubic-bezier(.65, .05, .36, 1)

}



.color-model-sequence .model-block .drag-item:hover {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-filter: drop-shadow(0 4px 24px rgba(0, 0, 0, .25));

    filter: drop-shadow(0 4px 24px rgba(0, 0, 0, .25))

}



.color-model-sequence .model-block .liner-block {

    bottom: 80px;

    max-width: 1202px

}



.color-model-sequence .color-text-item p {

    font-size: 18px;

    line-height: 32px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.color-model-sequence .color-set-block {

    position: absolute;

    bottom: -32px;

    width: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 1

}



.color-model-sequence .color-set-block .color-set-item {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 64px

}



.color-model-sequence .color-set-block .color-item {

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2);

    width: 48px;

    height: 48px;

    border-radius: 50%;

    margin: 0 16px;

    cursor: pointer;

    position: relative;

    transition: all .2s cubic-bezier(.65, .05, .36, 1)

}



.color-model-sequence .color-set-block .color-item span {

    background-color: #000;

    position: absolute;

    bottom: 0;

    left: 0;

    display: inline-block;

    width: 48px;

    height: 24px;

    border-bottom-left-radius: 96px;

    border-bottom-right-radius: 96px

}



.color-model-sequence .color-set-block .color-item:hover {

    width: 54px;

    height: 54px

}



.color-model-sequence .color-set-block .color-item.active {

    box-shadow: 0 15px 15px rgba(0, 0, 0, .08) !important;

    cursor: default;

    width: 64px;

    height: 64px

}



.color-model-sequence .color-set-block .color-item.blue {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #0b4998

}



.color-model-sequence .color-set-block .color-item.black {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #333c46

}



.color-model-sequence .color-set-block .color-item.civic-blue {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #abe1fa;

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.color-model-sequence .color-set-block .color-item.civic-meteor-grey {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #5a5c60;

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.color-model-sequence .color-set-block .color-item.civic-grey {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #808285

}



.color-model-sequence .color-set-block .color-item.white {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #f1f5f1

}



.color-model-sequence .color-set-block .color-item.grey {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #434044

}



.color-model-sequence .color-set-block .color-item.red {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #c80020

}



.color-model-sequence .color-set-block .color-item.surf-blue {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #acd4d7

}



.color-model-sequence .color-set-block .color-item.blue-black {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), linear-gradient(0deg, #010101 47.92%, #abedff 47.93%)

}



.color-model-sequence .color-set-block .color-item.gold-brown {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #614843

}



.color-model-sequence .color-set-block .color-item.metalic-red {

    background: #ad1011;

    box-shadow: 0 15px 15px rgba(0, 0, 0, .04) !important

}



.color-model-sequence .color-set-block .color-item.crystal-white {

    background: #f5f1f1;

    box-shadow: 0 15px 15px rgba(0, 0, 0, .04) !important

}



.triple-img-root {

    background-color: #111;

    padding: 128px 0 50px;

    overflow: hidden

}



.triple-img-root.civic-model .logo-item {

    background: #eaeaea !important

}



.triple-img-root.civic-model .logo-item p {

    color: #000 !important

}



.triple-img-root.civic-model .img-item {

    display: block !important

}



.triple-img-root.remote .content-wrapper .content-container {

    display: flex !important;

    justify-content: center !important

}



.triple-img-root.remote .img-item {

    margin: 0 !important;

    display: block !important;

    max-width: 100%;

    padding: 0;

    width: 100%

}



.triple-img-root.remote .img-item img {

    width: 100% !important

}



.triple-img-root.model-triple {

    padding: 50px 0

}



.triple-img-root.model-tech {

    background: #fff;

    padding: 50px 0

}



.triple-img-root.model-tech .content-wrapper .content-container .logos-container .text-item h3, .triple-img-root.model-tech .content-wrapper .content-container .logos-container .text-item p, .triple-img-root.model-tech .content-wrapper .content-container .text-block h2, .triple-img-root.model-tech .content-wrapper .content-container .text-block p {

    color: #000

}



.triple-img-root.model-tech .content-wrapper .content-container .logo-anim-block {

    display: none

}



.triple-img-root.model-tech .content-wrapper .content-container .img-item {

    position: relative;

    display: none

}



.triple-img-root.model-tech .content-wrapper .content-container .img-item .text-item {

    display: block;

    position: absolute;

    bottom: 40px;

    left: 60px;

    max-width: 700px

}



.triple-img-root.model-tech .content-wrapper .content-container .img-item .text-item h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    font-size: 32px;

    line-height: 40px

}



.triple-img-root.model-tech .content-wrapper .content-container .img-item .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff

}



.triple-img-root.blue-bg {

    background: linear-gradient(180deg, #24303e 25.83%, #222e3b 53.85%, #212c39 79.46%, #1f2935)

}



.triple-img-root.white-bg {

    background-color: #fff

}



.triple-img-root.white-bg .text-block h2, .triple-img-root.white-bg .text-block p {

    color: #000

}



.triple-img-root .text-block {

    text-align: center;

    padding: 0 12vw

}



.triple-img-root .text-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    color: #fff;

    line-height: 1.5

}



.triple-img-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #fff;

    margin: 15px 0 0;

    line-height: 160%

}



.triple-img-root .img-item .text-item {

    display: none

}



.triple-img-root .img-item img {

    max-width: 100%

}



.triple-img-root .triple-img-block {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin: 48px 0 0

}



.triple-img-root .triple-img-block .content-item {

    position: relative;

    flex: 1 1;

    text-align: center;

    min-height: 400px;

    overflow: hidden;

    border-radius: 16px

}



.triple-img-root .triple-img-block .content-item img {

    width: 100%

}



.triple-img-root .triple-img-block .content-item .text-item {

    display: flex;

    align-items: center;

    position: absolute;

    bottom: 32px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: left;

    white-space: nowrap

}



.triple-img-root .triple-img-block .content-item .icon-item {

    background: rgba(0, 0, 0, .4);

    width: 96px;

    height: 96px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 10px 0 0

}



.triple-img-root .triple-img-block .content-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    color: #fff;

    margin: 0

}



.triple-img-root .triple-img-block .content-item p + p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    margin: 5px 0 0

}



.triple-img-root .triple-img-block .content-item + .content-item {

    margin: 0 0 0 25px

}



.triple-img-root.triple-city-img-root .content-wrapper .content-container .triple-img-block {

    justify-content: center

}



.triple-img-root.triple-city-img-root .content-wrapper .content-container .triple-img-block .content-item {

    max-width: 696px;

    max-height: 480px

}



.triple-img-root.triple-city-img-root .content-wrapper .content-container .triple-img-block .content-item img {

    width: 100%;

    height: 100%;

    color: #000

}



.triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item img {

    object-fit: cover

}



.triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item .text-item .icon-item {

    background: none

}



.triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item + .content-item {

    display: none

}



.img-text-slide-root {

    padding: 0 0 96px

}



.img-text-slide-root.none {

    display: none

}



.img-text-slide-root.model-lifeArea {

    display: none;

    background: linear-gradient(180deg, #131820 19.6%, #10151b 55.07%, #10141b 78.15%, #10141b)

}



.img-text-slide-root .slider-block {

    background: #efefef;

    border-radius: 16px;

    overflow: hidden;

    height: 482px;

    position: relative

}



.img-text-slide-root .slider-block .slide-item {

    display: flex;

    align-items: flex-start;

    height: 100%;

    position: absolute;

    opacity: 0;

    visibility: hidden;

    transition: all .2s ease-in-out

}



.img-text-slide-root .slider-block .slide-item.active {

    opacity: 1;

    visibility: visible

}



.img-text-slide-root .slider-block .slide-item .img-item {

    height: 100%;

    flex: 1.48 1

}



.img-text-slide-root .slider-block .slide-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.img-text-slide-root .slider-block .slide-item .text-block {

    flex: 1 1;

    padding: 48px

}



.img-text-slide-root .slider-block .slide-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000

}



.img-text-slide-root .slider-block .slide-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    color: #000;

    line-height: 24px

}



.img-text-slide-root .bottom-nav-block {

    position: absolute;

    right: 48px;

    bottom: 48px;

    z-index: 1;

    display: flex;

    align-items: center;

    width: 37%;

    justify-content: space-between

}



.img-text-slide-root .bottom-nav-block .nav-block {

    margin: 0

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item {

    width: 16px;

    height: 16px;

    background: #ccc;

    border-radius: 50%;

    position: relative;

    cursor: pointer

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item:hover:after {

    background-color: #efefef;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1)

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item:after {

    width: 8px;

    height: 8px;

    background-color: #efefef;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    content: "";

    transition: all .2s ease-out

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item + .nav-item {

    margin: 0 0 0 20px

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item.active {

    cursor: default;

    background-color: #000

}



.img-text-slide-root .bottom-nav-block .nav-block .nav-item.active:after {

    background-color: #000

}



.img-text-slide-root .bottom-nav-block .arr-block {

    display: flex;

    align-items: center

}



.img-text-slide-root .bottom-nav-block .arr-block .arr-item {

    width: 72px;

    height: 72px;

    min-width: 72px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer

}



.img-text-slide-root .bottom-nav-block .arr-block .arr-item svg {

    stroke: #000

}



.img-text-slide-root .bottom-nav-block .arr-block .arr-item:hover {

    background-color: #e31f2e

}



.img-text-slide-root .bottom-nav-block .arr-block .arr-item:hover svg {

    stroke: #fff

}



.img-text-slide-root.black-bg {

    background-color: #111

}



.img-text-slide-root.civic-area, .img-text-slide-root .mobile-text-block {

    display: none

}



.img-text-slide-root.hrv-version {

    padding: 0 0 40px

}



.img-text-slide-root.hrv-version .content-wrapper {

    position: relative

}



.img-text-slide-root.hrv-version .content-wrapper:after {

    position: absolute;

    left: 0;

    top: 25px;

    content: "";

    display: block;

    width: 100%;

    height: calc(100% - 50px);

    background-color: #f8f8f8;

    z-index: -1

}



.img-text-slide-root.hrv-version .content-wrapper .content-container {

    position: relative

}



.img-text-slide-root.hrv-version .slider-block {

    background-color: initial;

    height: 450px;

    transition: all .4s cubic-bezier(.65, .05, .36, 1)

}



.img-text-slide-root.hrv-version .slider-block .slide-item {

    transition: all .4s cubic-bezier(.65, .05, .36, 1);

    width: 100%

}



.img-text-slide-root.hrv-version .slider-block .slide-item .img-item {

    border-radius: 16px;

    overflow: hidden;

    width: 50%;

    flex: none

}



.img-text-slide-root.hrv-version .slider-block .slide-item .text-block {

    padding: 100px 63px 120px;

    width: 50%;

    flex: none

}



.img-text-slide-root.hrv-version .slider-block .slide-item h3 {

    font-size: 32px;

    line-height: 40.8px

}



.img-text-slide-root.hrv-version .slider-block .slide-item p {

    font-size: 16px;

    max-width: 575px

}



.img-text-slide-root.hrv-version .bottom-nav-block {

    right: 0;

    bottom: 0;

    width: 50%;

    padding: 0 63px 61px

}



.img-text-slide-root.hrv-version .bottom-nav-block .arr-block .arr-item {

    width: auto;

    height: auto;

    min-width: auto

}



.img-text-slide-root.hrv-version .bottom-nav-block .arr-block .arr-item svg {

    stroke: rgba(0, 0, 0, .1882352941)

}



.img-text-slide-root.hrv-version .bottom-nav-block .arr-block .arr-item:hover {

    background-color: initial

}



.img-text-slide-root.hrv-version .bottom-nav-block .arr-block .arr-item:hover svg {

    stroke: #000

}



.img-text-slide-root.hrv-version .bottom-nav-block .slide-num-item {

    width: 44px;

    padding: 0 4px 0 0;

    text-align: right

}



.img-text-slide-root.hrv-version .bottom-nav-block .slide-num-item .slide-num {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px

}



.img-text-slide-root.hrv-version.reverse .slider-block .slide-item {

    flex-direction: row-reverse

}



.img-text-slide-root.hrv-version.reverse .bottom-nav-block {

    right: auto;

    left: 0

}



.text-img-banner {

    padding: 96px 0 0;

    min-height: 734px

}



.text-img-banner.city-bg {

    padding: 0

}



.text-img-banner .content-block {

    position: relative

}



.text-img-banner .img-item {

    text-align: center

}



.text-img-banner .img-item img {

    max-width: 100%;

    -webkit-clip-path: polygon(25% 6%, 63% 6%, 63% 72%, 25% 72%);

    clip-path: polygon(25% 6%, 63% 6%, 63% 72%, 25% 72%);

    -webkit-transform: scale(.6);

    transform: scale(.6);

    transition: all 1s cubic-bezier(.65, .05, .36, 1)

}



.text-img-banner .text-item {

    position: absolute;

    top: 64px;

    right: 64px;

    max-width: 400px;

    z-index: 1

}



.text-img-banner .text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 32px;

    color: #fff;

    line-height: 41px

}



.text-img-banner .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    line-height: 24px

}



.text-img-banner .smiling .text-item {

    -webkit-animation: animClipText 1.2s cubic-bezier(.65, .05, .36, 1);

    animation: animClipText 1.2s cubic-bezier(.65, .05, .36, 1);

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.text-img-banner.black-bg {

    background-color: #111

}



.text-img-banner.black-bg.new-jazz {

    padding: 0;

    min-height: inherit;

    background-color: #000

}



.text-img-banner.black-bg.new-jazz .detail-btn {

    margin: 0 auto 15px 0;

    width: 250px;

    height: 70px

}



.text-img-banner.black-bg.new-jazz .detail-btn span {

    font-size: 16px

}



.text-img-banner.black-bg.new-jazz .content-wrapper.safe-area {

    margin: inherit

}



.text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block {

    max-width: inherit

}



.text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

    top: 80px;

    right: -232px;

    max-width: 640px

}



.text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item h3 {

    font-size: 40px;

    font-style: normal;

    font-weight: 600;

    line-height: 49px;

    margin: 0 0 48px

}



.text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item p {

    font-size: 20px;

    font-style: normal;

    font-weight: 300;

    line-height: 36px

}



.text-img-banner.model-detail-img .text-item {

    bottom: 64px;

    top: auto

}



.text-img-banner.civic-model-img .content-wrapper .content-block .text-item {

    bottom: 24px

}



.civic-page-root {

    position: relative

}



.civic-page-root .safe-area {

    max-width: 1440px

}



.text-widget-block {

    margin: 48px 0;

    min-height: 540px

}



.text-widget-block .jazz-right-img {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 0

}



.text-widget-block .content-block {

    background: #1b478e;

    width: 100%;

    border-radius: 16px;

    padding: 64px;

    overflow: hidden;

    position: relative

}



.text-widget-block .top-block {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 0 32px;

    padding: 0 55px 0 0;

    position: relative

}



.text-widget-block .top-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 43px;

    line-height: 55px;

    color: #fff;

    max-width: 410px

}



.text-widget-block .top-block h2.zrv {

    max-width: 476px

}



.text-widget-block .text-block {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    position: relative

}



.text-widget-block .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    width: 44%

}



.technology-area-root .logo-anim-block {

    display: flex;

    justify-content: center;

    height: 20px;

    position: relative;

    z-index: 1

}



.technology-area-root .logo-anim-block .logo-anim {

    margin: 0 60px;

    position: relative;

    width: 128px;

    height: 128px

}



.technology-area-root .logo-anim-block .logo-anim img {

    position: absolute;

    width: 100%;

    height: 100%

}



.technology-area-root .logo-anim-block .logo-anim.t-1 img {

    bottom: -10px

}



.technology-area-root .logo-anim-block .logo-anim.t-2 img {

    bottom: -64px

}



.technology-area-root .logo-anim-block .logo-anim.t-4 img {

    bottom: 10px

}



.technology-area-root .text-block {

    margin: 0 0 46px

}



.technology-area-root .img-item {

    min-height: 540px;

    overflow: hidden;

    max-width: 1440px

}



.technology-area-root .img-item img {

    width: 100%;

    height: 100%

}



.technology-area-root .logos-container {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 64px 0 124px;

    margin: 48px 0 0

}



.technology-area-root .logos-container .text-item {

    max-width: 400px

}



.technology-area-root .logos-container .text-item h3 {

    font-size: 32px;

    line-height: 41px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff

}



.technology-area-root .logos-container .text-item p {

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.technology-area-root .logos-container .img-item {

    text-align: center

}



.technology-area-root .logos-container .logos-block {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end

}



.technology-area-root .logos-container .logos-block .logo-item {

    display: flex;

    align-items: center;

    background: #1b1b1b;

    border-radius: 24px;

    width: 304px;

    height: 128px;

    padding: 0 0 0 32px;

    margin: 0 24px 24px

}



.technology-area-root .logos-container .logos-block .logo-item:first-child {

    margin: 0 0 0 24px

}



.technology-area-root .logos-container .logos-block .logo-item p {

    font-size: 16px;

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    margin: 0 0 0 24px

}



.technology-area-root .logos-container .logos-block .last-logo {

    margin: 0 68px 0 0

}



.technology-area-root.city-technology .content-wrapper .content-container .logo-anim-block {

    height: 20px

}



.technology-area-root.city-technology .content-wrapper .content-container .logo-anim-block .logo-anim {

    top: 70px

}



.technology-area-root.city-technology .content-wrapper .content-container .logos-container {

    display: none

}



figure {

    margin: 0

}



.sensing-root {

    background: #000;

    padding: 128px 0

}



.sensing-root.new-jazz {

    padding: 80px 0;

    background: linear-gradient(180deg, #3c6caf, rgba(168, 187, 201, 0) 60%, rgba(168, 187, 201, 0))

}



.sensing-root.new-jazz .text-block {

    flex-direction: column

}



.sensing-root.new-jazz .text-block .title {

    font-size: 40px;

    font-style: normal;

    line-height: 49px;

    color: #fff;

    padding: 60px 0 40px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.sensing-root.new-jazz .text-block p {

    font-size: 20px;

    font-weight: 300;

    text-align: center;

    line-height: 36px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.sensing-root.new-jazz .lane-block .t-1 h3 {

    font-size: 35px;

    font-weight: 600;

    line-height: 44px;

    color: #fff

}



.sensing-root.new-jazz .lane-block .t-2 h3 {

    font-size: 35px;

    font-style: normal;

    font-weight: 600;

    line-height: 44px;

    left: 40px;

    bottom: 40px;

    text-align: left;

    right: inherit;

    top: inherit

}



.sensing-root.new-jazz .lane-block .t-3 h3 {

    font-size: 30px;

    font-weight: 600;

    line-height: 44px

}



.sensing-root.new-jazz .lane-block .t-3 p {

    font-size: 16px;

    line-height: 30px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.sensing-root.new-jazz .lane-block .t-3 .text-item {

    background: #6f7689

}



.sensing-root.civic-model {

    background: #111 !important

}



.sensing-root.civic-model .content-wrapper .lane-item .text-item {

    display: flex;

    align-items: center;

    justify-content: center

}



.sensing-root.civic-model .content-wrapper .lane-item.t-3 .bg-img, .sensing-root.civic-model .content-wrapper .lane-item.t-3 p {

    max-width: 100%

}



.sensing-root.civic-model .content-wrapper .lane-item.t-3 img {

    max-width: 720px

}



.sensing-root.model-sensing {

    padding: 50px 0;

    background: linear-gradient(180deg, #24303e, #0f141a 20.91%)

}



.sensing-root.model-sensing .content-wrapper .text-block {

    flex-direction: column

}



.sensing-root.model-sensing .content-wrapper .text-block p {

    text-align: center

}



.sensing-root.model-sensing .content-wrapper .lane-item .right-item, .sensing-root.model-sensing .content-wrapper .lane-item .text-item {

    flex: 1 1

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-2 h3 {

    max-width: none

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-3 h3 {

    max-width: 600px

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-3 img {

    flex: 1 1;

    position: relative

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-3 .bg-img {

    position: absolute

}



.sensing-root.model-sensing .content-wrapper .lane-item.bottom {

    flex-direction: row-reverse

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-1 .sensing-text-item {

    position: absolute;

    bottom: 38px;

    left: 38px

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-1 h3 {

    position: relative;

    left: 0;

    bottom: 0;

    max-width: 600px;

    color: #fff

}



.sensing-root.model-sensing .content-wrapper .lane-item.t-1 p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.sensing-root.typer-sensing {

    background: none;

    padding: 90px 0 40px

}



.sensing-root.typer-sensing .content-wrapper .text-block p {

    margin: 0

}



.sensing-root.typer-sensing h2 {

    font-size: 40px;

    color: #fff;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    margin: 90px 0 58px

}



.sensing-root.typer-sensing .text-block p {

    font-size: 20px;

    width: 68%

}



.sensing-root.typer-sensing .lane-block {

    margin: 0 0 8px

}



.sensing-root.typer-sensing .lane-block .lane-item {

    height: 510px

}



.sensing-root.typer-sensing .lane-block .lane-item:first-child {

    margin: 0 40px 0 0

}



.sensing-root.typer-sensing .lane-block .lane-item.t-1 h3, .sensing-root.typer-sensing .lane-block .lane-item.t-3 h3 {

    font-size: 35px

}



.sensing-root.typer-sensing .lane-block .lane-item.t-3 {

    margin: 0

}



.sensing-root.typer-sensing .lane-block .lane-item.t-3 .sensing-img {

    width: 100%;

    height: 100%

}



.sensing-root.typer-sensing .lane-block .lane-item.t-3 .sensing-img img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sensing-root.typer-sensing .lane-block .lane-item.t-3 .text-item {

    position: absolute;

    z-index: 1;

    bottom: 0

}



.sensing-root .content-wrapper {

    padding: 0 120px;

    margin: 0 auto

}



.sensing-root .text-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0 0 64px

}



.sensing-root .text-block p {

    color: #fff;

    font-size: 16px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    width: 65%

}



.sensing-root .lane-block {

    display: flex;

    justify-content: space-between

}



.sensing-root .lane-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.sensing-root .lane-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    position: absolute;

    z-index: 1;

    max-width: 400px;

    margin: 0

}



.sensing-root .lane-block .lane-item {

    position: relative;

    height: 456px;

    border-radius: 32px;

    overflow: hidden;

    flex: 1 1;

    margin: 0 0 32px

}



.sensing-root .lane-block .replay-btn {

    position: absolute;

    z-index: 1;

    top: 45px;

    left: 55px;

    cursor: pointer;

    width: 32px;

    height: 32px;

    border-radius: 24px

}



.sensing-root .lane-block .replay-btn svg {

    margin: 0 0 0 2px

}



.sensing-root .lane-block .replay-btn:hover {

    background: hsla(0, 0%, 100%, .25)

}



.sensing-root .lane-block .img-item {

    width: 100%;

    height: 100%

}



.sensing-root .lane-block img, .sensing-root .lane-block video {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sensing-root .lane-block .t-1 .ended, .sensing-root .lane-block .t-1 .playing {

    height: 100%

}



.sensing-root .lane-block .t-1 h3 {

    color: #000;

    font-size: 38px;

    line-height: 48px;

    left: 48px;

    bottom: 48px

}



.sensing-root .lane-block .bg-img {

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0

}



.sensing-root .lane-block .t-2 {

    text-align: right;

    margin: 0 0 0 32px

}



.sensing-root .lane-block .t-2 h3 {

    color: #fff;

    font-size: 54px;

    line-height: 68px;

    right: 55px;

    top: 59px

}



.sensing-root .lane-block .t-3 {

    display: flex;

    justify-content: space-between

}



.sensing-root .lane-block .t-3 .lazyload-wrapper {

    width: auto

}



.sensing-root .lane-block .t-3 .text-item {

    padding: 64px;

    position: relative;

    flex: 1 1

}



.sensing-root .lane-block .t-3 .right-item {

    position: relative;

    flex: 1.7 1

}



.sensing-root .lane-block .t-3 .right-item .replay-btn {

    right: 45px;

    left: auto

}



.sensing-root .lane-block .t-3 h3 {

    color: #fff;

    font-size: 38px;

    line-height: 48px;

    position: static

}



.sensing-root .lane-block .t-3 p {

    color: #fff;

    font-size: 16px;

    line-height: 24px

}



.sensing-root .lane-triple-block {

    display: none;

    justify-content: space-between;

    grid-gap: 32px;

    gap: 32px;

    height: 794px

}



.sensing-root .lane-triple-block .double-block {

    width: 40%

}



.sensing-root .lane-triple-block video {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sensing-root .lane-triple-block .double-sign figure:first-child {

    margin: 0 0 15px

}



.sensing-root .lane-triple-block .sign-item {

    width: 100%;

    height: 33.5%;

    border-radius: 32px;

    display: flex;

    align-items: center;

    background: linear-gradient(90deg, #12604d 40%, #012235);

    padding: 0 32px 0 48px;
    margin: 0 0 32px

}



.sensing-root .lane-triple-block .sign-item h3 {

    color: #fff;

    font-size: 46px;

    line-height: 59px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    flex: 1 1

}



.sensing-root .lane-triple-block .sign-item .img-block {

    display: flex;

    flex: 1 1;

    justify-content: center;

    align-items: center

}



.sensing-root .lane-triple-block .text-video-item {

    width: 100%;

    height: calc(66.5% - 32px);

    border-radius: 32px;

    background: #5083a9;

    position: relative;

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    flex-direction: column

}



.sensing-root .lane-triple-block .text-video-item .text-item {

    padding: 48px 48px 24px

}



.sensing-root .lane-triple-block .text-video-item h3 {

    color: #fff;

    font-size: 34px;

    line-height: 43px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    flex: 1 1

}



.sensing-root .lane-triple-block .text-video-item .replay-btn {

    position: absolute;

    z-index: 1;

    top: 45px;

    right: 55px;

    cursor: pointer

}



.sensing-root .lane-triple-block .text-img-block {

    width: 60%;

    background: #d5fcf7;

    border-radius: 32px;

    position: relative;

    overflow: hidden;

    height: 100%

}



.sensing-root .lane-triple-block .text-img-block .text-item {

    padding: 45px;

    overflow: auto;

    height: 46%

}



.sensing-root .lane-triple-block .text-img-block h3 {

    color: #000;

    font-size: 30px;

    line-height: 38px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.sensing-root .lane-triple-block .text-img-block p {

    color: #000;

    font-size: 16px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.triple-tab-root {

    background: #eef4fb;

    padding: 120px 0 0

}



.triple-tab-root .text-block {

    padding: 0 24vw;

    text-align: center

}



.triple-tab-root .text-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    color: #000

}



.triple-tab-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    margin: 15px 0 0;

    line-height: 160%

}



.triple-tab-root .triple-tab-block {

    padding: 64px 0

}



.triple-tab-root .triple-tab-block .tab-block ul {

    display: flex;

    align-items: center;

    justify-content: center

}



.triple-tab-root .triple-tab-block .tab-block li {

    font-size: 20px;

    color: #858585;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    padding: 0 15px 5px;

    margin: 0 20px;

    cursor: pointer;

    position: relative

}



.triple-tab-root .triple-tab-block .tab-block li:after {

    content: "";

    height: 4px;

    width: 0;

    background-color: #000;

    position: absolute;

    bottom: -5px;

    left: 0;

    transition: all .3s ease-in-out

}



.triple-tab-root .triple-tab-block .tab-block li:hover {

    color: #000

}



.triple-tab-root .triple-tab-block .tab-block li.active {

    color: #000;

    border-color: #000;

    cursor: default

}



.triple-tab-root .triple-tab-block .tab-block li.active:after {

    width: 100%

}



.triple-tab-root .triple-tab-block .tab-block li.middle-text {

    margin: 0 85px 0 20px

}



.triple-tab-root .triple-tab-block .tab-text-item {

    text-align: center;

    padding: 0 24vw

}



.triple-tab-root .triple-tab-block .tab-text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    margin: 30px 0 0;

    line-height: 160%

}



.triple-tab-root .video-block {

    min-height: 600px

}



.triple-tab-root .video-block video {

    width: 100%

}



.version-content-root {

    padding: 120px 0 96px

}



.version-content-root .top-logo-block {

    text-align: center;

    margin: 0 0 30px

}



.version-content-root .top-logo-block .title-item {

    margin: 26px 0 0

}



.version-content-root .top-logo-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px;

    color: #000

}



.version-content-root.model-version .version-wrapper .top-block .img-item {

    top: 0;

    right: 50px

}



.version-content-root.typer-features .feature-block ul {

    width: 100%

}



.version-content-root.typer-features .feature-item.other-features {

    margin: 0 0 50px

}



.version-content-root.typer-features .feature-item.other-features .btn {

    cursor: default;

    text-align: center

}



.version-content-root.typer-features .feature-item.other-features .btn span {

    cursor: pointer

}



.version-content-root .version-wrapper {

    padding: 0 5vw

}



.version-content-root .version-wrapper .top-block {

    display: flex;

    justify-content: space-between;

    position: relative

}



.version-content-root .version-wrapper .top-block h2 {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 34px;

    line-height: 44px;

    max-width: 70%;

    color: #000

}



.version-content-root .version-wrapper .top-block h2 span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.version-content-root .version-wrapper .top-block .img-item {

    position: absolute;

    right: 0;

    top: -100px

}



.version-content-root .tabs-block {

    display: flex;

    align-items: center;

    margin: 60px 0 50px

}



.version-content-root .tabs-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 24px;

    line-height: 34px;

    text-align: center;

    color: #999;

    cursor: pointer;

    padding: 0 0 5px;

    margin: 0;

    position: relative

}



.version-content-root .tabs-block p + p {

    margin: 0 0 0 35px

}



.version-content-root .tabs-block p:after {

    content: "";

    height: 4px;

    width: 0;

    background-color: #000;

    position: absolute;

    bottom: -5px;

    left: 0;

    transition: all .3s ease-in-out

}



.version-content-root .tabs-block p.active {

    color: #000;

    cursor: default

}



.version-content-root .tabs-block p.active:after {

    width: 100%

}



.version-content-root .tabs-block p:hover {

    color: #000

}



.version-content-root .feature-block ul {

    display: flex;

    flex-wrap: wrap

}



.version-content-root .feature-block ul li {

    display: flex;

    align-items: center;

    color: #000;

    width: 25%;

    margin: 0 0 40px;

    transition: all .5s ease-in-out

}



.version-content-root .feature-block ul li p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    width: 75%;

    position: relative;

    display: flex;

    align-items: flex-start;

    margin: 0

}



.version-content-root .feature-block ul li p:before {

    content: "";

    width: 4px;

    min-width: 4px;

    height: 4px;

    background: #e31f2e;

    display: inline-block;

    border-radius: 50%;

    margin: 11px 19px 0 0

}



.version-content-root .feature-block ul li.none-text {

    color: #bbb

}



.version-content-root .feature-block ul li.none-text p:before {

    height: 2px;

    background: #c4c4c4;

    border-radius: 2px

}



.version-content-root .btn-block {

    display: flex;

    justify-content: center;

    margin: 20px 0 0

}



.version-content-root .btn-block span {

    border: 1px solid #dfdfdf;

    border-radius: 79px;

    height: 44px;

    display: flex;

    align-items: center;

    padding: 0 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 14px;

    color: #000;

    cursor: pointer

}



.version-content-root .btn-block span:hover {

    color: #e31f2e

}



.version-content-root.hrv-version {

    padding: 32px 0 0;

    min-height: 667px

}



.version-content-root.hrv-version.zr-v .zrv-title {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 35px;

    font-style: normal;

    line-height: 50px

}



.version-content-root.hrv-version .version-wrapper {

    padding: 0

}



.version-content-root.hrv-version .version-wrapper .top-block {

    justify-content: center

}



.version-content-root.hrv-version .version-wrapper .top-block h2 {

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 48px;

    line-height: 68px;

    max-width: none

}



.version-content-root.hrv-version .version-wrapper .top-block h2 span {

    line-height: 61px

}



.version-content-root.hrv-version .tabs-block {

    margin: 32px 0 54px;

    justify-content: center

}



.version-content-root.hrv-version .tabs-block p {

    font-size: 28px

}



.version-content-root.hrv-version .tabs-block p.active {

    color: #e31f2e

}



.version-content-root.hrv-version .tabs-block p:after {

    background-color: #e31f2e;

    bottom: -6px

}



.version-content-root.hrv-version .tabs-block p + p {

    margin: 0 0 0 134px

}



.version-content-root.hrv-version .feature-wrapper {

    display: flex;

    justify-content: center;

    position: relative

}



.version-content-root.hrv-version .feature-wrapper:after, .version-content-root.hrv-version .feature-wrapper:before {

    position: absolute;

    z-index: -1;

    top: 0;

    content: "";

    display: block;

    height: 100%;

    width: 35%;

    background: linear-gradient(270deg, hsla(0, 0%, 92.9%, 0), hsla(0, 0%, 92.9%, .666078) 67.87%, #ededed)

}



.version-content-root.hrv-version .feature-wrapper:after {

    left: 0

}



.version-content-root.hrv-version .feature-wrapper:before {

    right: 0;

    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);

    transform: matrix(-1, 0, 0, 1, 0, 0)

}



.version-content-root.hrv-version .feature-container {

    display: flex

}



.version-content-root.hrv-version .lazyload-wrapper {

    display: flex;

    align-items: center

}



.version-content-root.hrv-version .feature-content-block {

    padding: 24px 0;

    margin: 0 0 0 56px;

    max-width: 598px;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.version-content-root.hrv-version .feature-block {

    margin: 0 0 0 10px

}



.version-content-root.hrv-version .feature-block ul li {

    width: 50%;

    align-items: flex-start

}



.version-content-root.hrv-version .feature-block ul li p {

    width: 90%

}



.version-content-root.hrv-version .feature-block ul li.none-text {

    display: none

}



.version-content-root.hrv-version .btn-block {

    justify-content: flex-start;

    margin: 4px 0 0

}



.version-content-root.hrv-version .btn-block .btn-item {

    display: flex

}



.version-content-root.hrv-version .btn-block .btn-item:first-child {

    margin: 0 20px 0 0

}



.version-content-root.hrv-version .btn-block span {

    padding: 0 38px 0 36px;

    text-align: center

}



.version-content-root.new-jazz {

    padding: 0 0 60px;

    min-height: 400px

}



.version-content-root.typer-features {

    padding: 44px 0 10px

}



.version-content-root.typer-features .menu-item {

    display: inline-flex;

    transition: all .35s ease-in-out

}



.version-content-root.typer-features .menu-item p {

    white-space: nowrap

}



.version-content-root.typer-features .tabs-block {

    margin: 0 0 50px;

    overflow-x: auto;

    transition: all .35s ease-in-out;

    justify-content: center

}



.version-content-root.typer-features .tabs-block p {

    font-size: 20px;

    line-height: 30px;

    padding: 0 0 14px;

    font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif

}



.version-content-root.typer-features .tabs-block p + p {

    margin: 0 0 0 100px

}



.version-content-root.typer-features .tabs-block p:after {

    content: "";

    height: 4px;

    width: 0;

    background-color: #000;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: all .3s ease-in-out

}



.version-content-root.typer-features .tabs-block p.active {

    color: #000;

    cursor: default

}



.version-content-root.typer-features .tabs-block p.active:after {

    width: 100%

}



.version-content-root.typer-features .tabs-block p:hover {

    color: #000

}



.version-content-root.typer-features .feature-item .title-item {

    display: inline-flex;

    align-items: center;

    margin: 0 0 55px;

    cursor: pointer

}



.version-content-root.typer-features .feature-item .title-item p {

    margin: 0 0 0 25px;

    font-size: 24px;

    line-height: 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.version-content-root.typer-features .feature-item .btn {

    cursor: pointer;

    margin: 20px 0 0

}



.version-content-root.typer-features .feature-item .btn span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    color: #000

}



.version-content-root.typer-features .feature-item .btn:hover span {

    color: #e31f2e

}



.version-content-root.typer-features .feature-item .plus-btn {

    width: 70px;

    min-width: 70px;

    height: 70px;

    background-color: #d1d1d1;

    position: relative

}



.version-content-root.typer-features .feature-item .plus-btn:after, .version-content-root.typer-features .feature-item .plus-btn:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: #000

}



.version-content-root.typer-features .feature-item .plus-btn:before {

    width: 22px;

    height: 5px

}



.version-content-root.typer-features .feature-item .plus-btn:after {

    width: 5px;

    height: 22px

}



.version-content-root.typer-features .feature-item .list-block {

    display: none;

    flex-direction: column;

    align-items: center;

    transition: height .3s cubic-bezier(0, .51, .35, .99);

    margin: 0 0 50px

}



.version-content-root.typer-features .feature-item li {

    display: block;

    position: relative;

    padding: 0 15px 0 26px;

    margin: 0 0 30px

}



.version-content-root.typer-features .feature-item li:before {

    content: "";

    position: absolute;

    top: 30px;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 10px;

    min-width: 10px;

    height: 10px;

    background: #e31f2e;

    border-radius: 50%

}



.version-content-root.typer-features .feature-item li span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 18px;

    line-height: 30px

}



.version-content-root.typer-features .feature-item li p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    line-height: 30px

}



.version-content-root.typer-features .feature-item li p:before {

    display: none

}



.version-content-root.typer-features .feature-item.active .plus-btn {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.version-content-root.typer-features .feature-item.active .plus-btn:before {

    display: none

}



.version-content-root.typer-features .feature-item.active .list-block {

    display: flex;

    transition: height .3s cubic-bezier(0, .51, .35, .99)

}



.version-content-root.typer-features .version-wrapper {

    max-width: inherit;

    padding: 0 6.2vw

}



.triple-video-root {

    height: 680px;

    width: 100%;

    overflow: hidden;

    position: relative

}



.triple-video-root .content-wrapper {

    padding: 0 5vw;

    height: 100%

}



.triple-video-root .content-container {

    height: 100%

}



.triple-video-root .content-block {

    display: flex;

    align-items: center;

    height: 100%

}



.triple-video-root .list-block {

    width: 50%

}



.triple-video-root .list-item {

    border-radius: 16px;

    height: 148px;

    width: 100%;

    display: flex;

    align-items: flex-start;

    padding: 40px 0 0 40px;

    cursor: pointer;

    opacity: .5;

    transition: all .2s ease-out;

    background: transparent;

    position: relative

}



.triple-video-root .list-item .loader-block {

    width: 48px;

    height: 48px;

    position: relative

}



.triple-video-root .list-item .loader-block .load-it-item {

    position: absolute;

    top: 0;

    left: 0

}



.triple-video-root .list-item .loader-item {

    display: flex;

    align-items: center;

    justify-content: center;

    background: none;

    position: relative;

    width: 100%;

    height: 100%

}



.triple-video-root .list-item .loader-item .load-liner {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: none

}



.triple-video-root .list-item .text-item {

    width: 320px;

    margin: 0 0 0 10px;

    position: relative

}



.triple-video-root .list-item:hover {

    opacity: 1

}



.triple-video-root .list-item .list-bg {

    width: 0;

    height: 100%;

    position: absolute;

    z-index: 0;

    left: 0;

    top: 0;

    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 86.39%);

    transition: all .2s ease-in;

    border-radius: 16px

}



.triple-video-root .list-item.active {

    opacity: 1;

    cursor: default

}



.triple-video-root .list-item.active .list-bg {

    width: 100%

}



.triple-video-root .list-item.active .load-liner {

    display: block

}



.triple-video-root .list-item p {

    font-size: 20px;

    line-height: 26px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000;

    margin: 6px 0 0

}



.triple-video-root .list-item span {

    font-size: 16px;

    line-height: 20px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000

}



.triple-video-root .video-block video {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 1;

    transition: all .2s ease-in-out

}



.triple-video-root .video-block video.hide {

    opacity: 0;

    z-index: -99

}



.triple-video-root .mobile-video {

    display: none

}



.triple-video-root .load-spin {

    stroke-dasharray: 360;

    stroke-dashoffset: 280

}



.triple-video-root .load-it {

    -webkit-transform: rotate(280deg);

    transform: rotate(280deg)

}



.drive-mode-root {

    width: 100%;

    overflow: hidden;

    position: relative;

    height: 1000px

}


.drive-mode-root .content-container, .drive-mode-root .content-wrapper {

    height: 100%

}



.drive-mode-root .content-block {

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    height: 100%;

    padding: 120px 3vw

}



.drive-mode-root .text-block {

    max-width: 400px

}



.drive-mode-root .text-block h2 {

    font-size: 24px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    margin: 0 0 8px

}



.drive-mode-root .text-block p {

    font-size: 13px;

    line-height: 21px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 0;

    color: #fff

}



.drive-mode-root .text-item {

    margin: 32px 0 0;

    max-width: 690px;

    min-height: 113px

}



.drive-mode-root .text-item h2 {

    font-size: 26px;

    line-height: 33px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    margin: 0 0 8px

}



.drive-mode-root .text-item p {

    font-size: 16px;

    line-height: 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 0;

    color: #fff

}



.drive-mode-root .video-block {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%

}



.drive-mode-root .video-block video {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.drive-mode-root .content-item {

    position: relative;

    width: 619px;

    height: 175px

}



.drive-mode-root .charge-bar {

    position: absolute;

    width: 597px;

    top: 33px;

    left: 12px

}



.drive-mode-root .charge-bar svg #eM0BF5V4cwl23 {

    -webkit-transform: matrix(1, 0, 0, 1, -388, 0);

    transform: matrix(1, 0, 0, 1, -388, 0)

}



.drive-mode-root .charge-bar .bg-charge {

    opacity: .5;

    fill: #fff

}



.drive-mode-root .column-container {

    display: flex

}



.drive-mode-root .column-container .col-block {

    height: 175px;

    border-radius: 16px 16px 0 0;

    overflow: hidden

}



.drive-mode-root .column-container .col-block.t-1 {

    width: 123px;

    margin: 0 2px 0 0

}



.drive-mode-root .column-container .col-block.t-1 svg {

    margin: 0 0 25px

}



.drive-mode-root .column-container .col-block.t-2 {

    width: 496px

}



.drive-mode-root .column-container .col-sub-block {

    display: flex;

    justify-content: space-between;

    height: 50%

}



.drive-mode-root .column-container .col-sub-block .col-item {

    height: 100%;

    width: 164px;

    border-radius: 0 0 16px 16px;

    cursor: pointer

}



.drive-mode-root .column-container .col-item {

    height: 50%;

    background: hsla(0, 0%, 100%, .16);

    display: flex;

    align-items: center;

    justify-content: center

}



.drive-mode-root .column-container .col-item.sub {

    border-radius: 0 0 16px 16px;

    cursor: pointer

}



.drive-mode-root .column-container .col-item span {

    color: hsla(0, 0%, 100%, .5);

    font-size: 12px;

    line-height: 15px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    margin: 25px 0 0

}



.drive-mode-root .column-container .col-item.active {

    cursor: default;

    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4))

}



.drive-mode-root .column-container .col-item.active span {

    color: #fff

}



.drive-mode-root .column-container .speed-item {

    border: 1px solid #fff;

    height: 30px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    padding: 0 6px 0 2px;

    margin: 0 0 25px;

    min-width: 90px

}



.drive-mode-root .column-container .speed-item .km-item {

    display: flex;

    align-items: center

}



.drive-mode-root .column-container .speed-item .km-item p, .drive-mode-root .column-container .speed-item .km-item span {

    margin: 0 5px 0 3px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    line-height: 15px;

    color: #fff

}



.drive-mode-root .column-container .speed-item .km-item p {

    margin: 0

}



.text-link-root {

    padding: 0 0 64px

}



.text-link-root.black-bg {

    background-color: #111

}



.text-link-root .content-wrapper .content-block {

    width: 100%;

    height: 311px;

    background: #e31f2e;

    border-radius: 16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 64px

}



.text-link-root .content-wrapper .content-block p {

    font-size: 48px;

    line-height: 61px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    margin: 0

}



.text-link-root .content-wrapper .content-block .btn-item {

    width: 316px;

    min-width: 316px;

    height: 96px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #fff;

    border-radius: 79px;

    cursor: pointer

}



.text-link-root .content-wrapper .content-block .btn-item:hover {

    background: #fff;

    box-shadow: 8px 8px 16px rgba(0, 0, 0, .25)

}



.text-link-root .content-wrapper .content-block .btn-item:hover i:before, .text-link-root .content-wrapper .content-block .btn-item:hover span {

    color: #e31f2e

}



.text-link-root .content-wrapper .content-block .btn-item i {

    margin: 0 10px 0 0

}



.text-link-root .content-wrapper .content-block .btn-item i:before {

    color: #fff;

    font-size: 24px

}



.text-link-root .content-wrapper .content-block .btn-item span {

    font-size: 18px;

    line-height: 23px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff

}



.youtube-frame-container.jazz-youtube-area {

    margin: 40px auto 50px

}



.prelansman-root.new-model .double-text-img-root .content-block .img-item img {

    border-radius: inherit

}



.prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item {

    width: 100%

}



.prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .head-name {

    font-size: 19px;

    letter-spacing: normal;

    margin: 0 0 15px

}



.prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .middle-text {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item p {

    left: 0;

    letter-spacing: .59em

}



.prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

    letter-spacing: normal !important;

    font-size: 16px;

    margin: 40px 0 30px

}



.prelansman-root.new-model .banner-root.civic-banner .scroll-btn .mouse-wheel:after {

    border-top: 15px solid #e31f2e;

    border-bottom: 15px solid #e31f2e

}



.prelansman-root.new-model .banner-root.civic-banner .scroll-btn p {

    color: #e31f2e

}



.prelansman-root.new-model .banner-root .scroll-btn .mouse-wheel:after {

    border-top: 15px solid #fff;

    border-bottom: 15px solid #fff

}



.prelansman-root.new-model .banner-root .scroll-btn p {

    color: #fff

}



.prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .head-name {

    margin: 0 0 20px

}



.prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item p {

    color: #fff

}



.prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

    width: 80%

}



.prelansman-root.new-model .call-you-anim-root .call-back-form-root .head-item h2 {

    color: #000

}



.prelansman-root.civic .banner-root.detail-banner {

    height: 100vh

}



.prelansman-root.civic .banner-root .scroll-btn p {

    color: #fff

}



.prelansman-root.civic .banner-root .banner-wrapper .banner-block .content-item {

    padding: 20px 0 0;

    align-items: start;

    justify-content: center

}



.prelansman-root.civic .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item {

    text-align: center

}



.prelansman-root.civic .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .head-name {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.prelansman-root.civic .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item p {

    color: #fff

}



.prelansman-root.civic .call-you-anim-root {

    background: linear-gradient(180deg, #000 25.37%, rgba(33, 24, 32, .53) 121.91%)

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root {

    position: relative;

    bottom: 100px;

    padding: 30px 0;

    background: none

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block {

    justify-content: center

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block .input-item {

    max-width: 420px

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block .input-item.error label {

    color: #e31f2e

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block .input-item label {

    color: #fff

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block .input-item input {

    color: #fff !important

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .input-block .hasValue {

    border-color: #d8d8d8

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block .react-select_container {

    border-color: #fff !important

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block .react-select_container .css-g8g9bi-singleValue {

    color: #fff

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block .react-select__control, .prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block .react-select__single-value, .prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block .react-select_container.hasValue .react-select__control {

    border-color: #fff !important

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .select-block label {

    color: #fff

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root input:focus {

    border: 1px solid #fff

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item h2 {

    max-width: 840px;

    line-height: 32px;

    letter-spacing: 1px

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item p {

    max-width: 511px

}



.prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item h2, .prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item p {

    color: #fff

}



.prelansman-root.civic .call-you-anim-root .content-container .checkbox-block label span, .prelansman-root.civic .call-you-anim-root .content-container .checkbox-block label span a {

    color: #fff !important

}



.prelansman-root.civic .call-you-anim-root .content-container .checkbox-block .radio-item label:before {

    border: 2px solid #fff !important

}



.prelansman-root .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .head-name {

    font-size: 23px;

    display: block !important

}



.prelansman-root .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item p {

    font-size: 20px

}



.prelansman-root .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.prelansman-root .call-back-form-root .head-item {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center

}



.prelansman-root .call-back-form-root .head-item p {

    font-size: 12px;

    line-height: 22px

}



.prelansman-root.hrv-prelansman-root .simple-banner-root {

    padding: 121px 0 0;

    background-color: #f8f8f8

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .banner-container {

    display: flex;

    justify-content: center;

    height: 470px

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-container {

    flex: 5 1;

    display: flex;

    justify-content: flex-end

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block {

    display: flex;

    justify-content: center;

    flex-direction: column

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .logo-item {

    display: flex;

    flex-direction: column

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .logo-item span {

    margin: 0 0 24px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 23px;

    color: #000

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .text-item {

    margin: 26px 0 0

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .text-item h3 {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 27px;

    color: #000;

    letter-spacing: .59em;

    line-height: 1.4

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 1.4;

    margin: 28px 0 0

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .detail-btn {

    margin: 34px 0 0

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .banner-img-block {

    display: flex;

    margin: 42px 0 0;

    flex: 8 1;

    position: relative;

    z-index: 5

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .banner-img-block img {

    width: 100%

}



.prelansman-root.hrv-prelansman-root .simple-banner-root .scroll-btn {

    display: none

}



.prelansman-root.hrv-prelansman-root .slide-root {

    height: 1030px

}



.prelansman-root.hrv-prelansman-root .call-back-form-root {

    padding: 128px 0 113px

}



.prelansman-root.hrv-prelansman-root .call-back-form-root p {

    margin: 30px 0 0

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container {

    max-width: 1024px;

    padding: 0 41px

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block {

    padding: 0 32px

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .input-block + .input-block {

    justify-content: center;

    margin: 3.6em 0 0

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .input-block + .input-block .input-item {

    flex: none

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .input-block + .input-block + .input-block {

    margin: 16px 0 0

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .input-item {

    width: 47.5%;

    margin: 0 0 0 5%

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .input-item:first-child {

    margin: 0

}



.prelansman-root.hrv-prelansman-root .call-back-form-root .checkbox-block {

    margin: 0 auto

}



.prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-wrapper {

    padding: 78px 0 0

}



.prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-container {

    flex-direction: column;

    height: auto;

    margin: 0

}



.prelansman-root.hrv-prelansman-form-root .simple-banner-root .logo-item {

    align-items: center

}



.prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-img-block {

    margin: 28px 0 0;

    justify-content: center

}



.prelansman-root.hrv-prelansman-form-root .call-back-form-root {

    padding: 37px 0 117px

}



.prelansman-root.hrv-prelansman-form-root .call-back-form-root h2 {

    font-size: 34px;

    letter-spacing: .59em;

    margin-right: -.59em;

    line-height: 1.12

}



.model-design-root {

    margin: 0 0 120px

}



.model-design-root.black-bg {

    background-color: #111

}



.model-design-root.civic-design, .model-design-root.typeR {

    background-color: #111 !important

}



.model-design-root.civic-design .model-design-block.in-design .qr-text-area .text-block .btn-item, .model-design-root.typeR .model-design-block.in-design .qr-text-area .text-block .btn-item {

    width: 244px;

    height: 66px;

    display: flex

}



.model-design-root.civic-design .model-design-block.ex-design .qr-block, .model-design-root.civic-design .model-design-block.in-design .qr-text-area .qr-block, .model-design-root.typeR .model-design-block.ex-design .qr-block, .model-design-root.typeR .model-design-block.in-design .qr-text-area .qr-block {

    display: none

}



.model-design-root.civic-design .model-design-block.ex-design .qr-text-area, .model-design-root.typeR .model-design-block.ex-design .qr-text-area {

    height: 50%

}



.model-design-root.civic-design .model-design-block.ex-design .qr-text-area .text-block .btn-item, .model-design-root.typeR .model-design-block.ex-design .qr-text-area .text-block .btn-item {

    width: 244px;

    height: 66px;

    display: flex

}



.model-design-root.civic-design .model-design-block.ex-design .img-item, .model-design-root.civic-design .model-design-block.in-design .img-item, .model-design-root.typeR .model-design-block.ex-design .img-item, .model-design-root.typeR .model-design-block.in-design .img-item {

    width: 100%

}



.model-design-root.civic-design .model-design-block.ex-design .qr-text-area .btn-item a, .model-design-root.civic-design .model-design-block.in-design .qr-text-area .btn-item a, .model-design-root.typeR .model-design-block.ex-design .qr-text-area .btn-item a, .model-design-root.typeR .model-design-block.in-design .qr-text-area .btn-item a {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.model-design-root.civic-design .model-design-block.ex-design .qr-text-area .qr-img img, .model-design-root.civic-design .model-design-block.in-design .qr-text-area .qr-img img, .model-design-root.typeR .model-design-block.ex-design .qr-text-area .qr-img img, .model-design-root.typeR .model-design-block.in-design .qr-text-area .qr-img img {

    width: 100%;

    height: 100%

}



.model-design-root.typeR .mobile-head-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 0 0 50px

}



.model-design-root.typeR .mobile-head-block .text-block {

    display: none

}



.model-design-root.typeR .mobile-head-block h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 22px;

    line-height: 40px;

    color: #fff

}



.model-design-root.typeR .mobile-head-block .btn-item {

    cursor: pointer;

    display: none;

    justify-content: center;

    align-items: center;

    width: 267px;

    height: 66px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s;

    margin: 10px 0 0

}



.model-design-root.typeR .mobile-head-block .btn-item a {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.model-design-root.typeR .mobile-head-block .btn-item a svg {

    margin: 0 10px 0 0

}



.model-design-root.typeR .mobile-head-block .btn-item a, .model-design-root.typeR .mobile-head-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2px

}



.model-design-root.typeR .mobile-head-block .btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.model-design-root.typeR .mobile-head-block .btn-item.model-compare {

    width: 360px

}



.model-design-root .model-design-container .tab-block {

    height: 47px;

    margin: 40px;

    display: flex;

    align-items: center;

    justify-content: center

}



.model-design-root .model-design-container .tab-block ul {

    display: flex;

    align-items: center

}



.model-design-root .model-design-container .tab-block ul li {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 24px;

    color: #000;

    padding: 0 23.3px 15px;

    line-height: 31px;

    margin: 0 25px;

    cursor: pointer;

    border-bottom: 4px solid transparent

}



.model-design-root .model-design-container .tab-block ul li.active, .model-design-root .model-design-container .tab-block ul li:hover {

    color: #e31f2e;

    border-color: #e31f2e

}



.model-design-root .model-design-container .model-design-block {

    position: relative

}



.model-design-root .model-design-container .model-design-block .img-item {

    width: 98%;

    height: 649px;

    margin: 0 auto

}



.model-design-root .model-design-container .model-design-block .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.model-design-root .model-design-container .model-design-block .qr-text-area {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 90%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 0 auto;

    height: 100%

}



.model-design-root .model-design-container .model-design-block .qr-text-area .left-block {

    padding: 0 0 0 50px

}



.model-design-root .model-design-container .model-design-block .qr-text-area .phone {

    position: absolute;

    -webkit-transform: translate(-50em);

    transform: translate(-50em);

    right: 0;

    top: 60px

}



.model-design-root .model-design-container .model-design-block .qr-text-area .phone-img {

    height: 100%

}



.model-design-root .model-design-container .model-design-block .qr-text-area .right-block {

    position: relative;

    width: 0;

    height: 472px;

    overflow: hidden;

    right: 52em

}



.model-design-root .model-design-container .model-design-block .qr-text-area .right-block .car {

    width: 575px

}



.model-design-root .model-design-container .model-design-block .qr-text-area .right-block .anim-item {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%

}



.model-design-root .model-design-container .model-design-block .qr-text-area .right-block .anim-item .mask-img {

    width: 100%;

    height: 100%;

    background-color: initial;

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    overflow: hidden

}



.model-design-root .model-design-container .model-design-block .text-block {

    width: 100%

}



.model-design-root .model-design-container .model-design-block .text-block h5 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 32px;

    line-height: 40px;

    color: #fff

}



.model-design-root .model-design-container .model-design-block .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #fff

}



.model-design-root .model-design-container .model-design-block .left-block .mobile-car {

    display: none

}



.model-design-root .model-design-container .model-design-block .left-block .btn-item {

    cursor: pointer;

    display: none;

    justify-content: center;

    align-items: center;

    width: 267px;

    height: 66px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.model-design-root .model-design-container .model-design-block .left-block .btn-item a {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.model-design-root .model-design-container .model-design-block .left-block .btn-item a, .model-design-root .model-design-container .model-design-block .left-block .btn-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2px

}



.model-design-root .model-design-container .model-design-block .left-block .btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

}



.model-design-root .model-design-container .model-design-block .left-block .btn-item.model-compare {

    width: 360px

}



.model-design-root .model-design-container .model-design-block .qr-block {

    margin: 32px 0 0;

    background-color: #fff;

    border-radius: 10px;

    width: 439px;

    height: 178px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 0 16px

}



.model-design-root .model-design-container .model-design-block .qr-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    text-align: left;

    margin: 0 0 0 20px

}



.model-design-root .model-design-container .model-design-block .qr-block .qr-img {

    width: 146px;

    height: 146px;

    min-width: 146px

}



.model-design-root .model-design-container .model-design-block .qr-block .qr-img img {

    width: 100%;

    height: 100%

}



.model-design-root.model-design {

    background: #fff;

    margin: 0;

    padding: 50px 0 120px;

    height: 810px

}



.model-design-root.model-design .model-design-container .tab-block {

    margin: 0 0 40px

}



.model-design-root.model-design .model-design-container .tab-block ul li {

    color: #fff;

    font-size: 18px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.model-design-root.model-design .model-design-container .tab-block ul li.active {

    color: #e31f2e

}



.model-design-root.accord-design {

    background-color: #111

}



.city-more-root {

    background: #111;

    padding: 20px 0 100px

}



.city-more-root .more-container .text-block {

    text-align: center;

    margin: 0 0 70px

}



.city-more-root .more-container .text-block h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 64px;

    line-height: 81px;

    color: #fff

}



.city-more-root .more-container .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    line-height: 24px;

    color: #fff

}



.city-more-root .more-container .more-block {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    height: 268px;

    border-radius: 32px;

    margin: 0 0 44px

}



.city-more-root .more-container .more-block .more-bg {

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%

}



.city-more-root .more-container .more-block h5 {

    left: 64px;

    position: relative;

    font-size: 38px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    line-height: 48px;

    color: #fff

}



.city-more-root .more-container .more-block .text-item {

    flex: 1 1

}



.city-more-root .more-container .more-block .text-item p {

    display: none;

    font-size: 13px;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff;

    line-height: 29px

}



.city-more-root .more-container .more-block .img-item {

    flex: 1.5 1;

    position: relative;

    height: 100%;

    display: flex;

    justify-content: center;

    width: 100%

}



.city-more-root .more-container .more-block .img-item img {

    height: 100%;

    width: 100%;

    object-fit: contain

}



.city-more-root .more-container .more-block.bottom {

    justify-content: flex-start

}



.city-more-root .more-container .more-block.bottom .lazyload-wrapper {

    width: auto;

    height: auto

}



.city-more-root .more-container .more-block.bottom .img-item {

    background: none;

    width: auto;

    max-width: 820px

}



.city-more-root .more-container .more-block.bottom .img-item img {

    object-fit: none

}



.city-more-root .more-container .more-block.bottom h5 {

    margin: 0 0 0 30px;

    left: 0;

    max-width: 350px

}



.model-performance-root {

    padding: 70px 0 0

}



.model-performance-root.model-performance .performance-wrapper .text-block {

    margin: 0

}



.model-performance-root.model-performance .performance-wrapper .text-block p {

    margin: 10px 0 0

}



.model-performance-root .performance-wrapper .text-block {

    text-align: center;

    padding: 0 12vw;

    margin: 0 0 46px

}



.model-performance-root .performance-wrapper .text-block h1 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 45px;

    color: #000

}



.model-performance-root .performance-wrapper .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 25px

}



.model-performance-root .performance-container .performance-block {

    display: flex;

    align-items: flex-start;

    justify-content: center

}



.model-performance-root .performance-container .performance-block .performance-item {

    margin: 0 20px;

    width: 33%

}



.model-performance-root .performance-container .performance-block .performance-item .img-item {

    height: 312px;

    width: 100%

}



.model-performance-root .performance-container .performance-block .performance-item .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.model-performance-root .performance-container .performance-block .performance-item .text-item h3 {

    margin: 20px 0 0;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 26px;

    color: #000d00;

    line-height: 33px

}



.model-performance-root .performance-container .performance-block .performance-item .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px

}



.hrv-page-root {

    position: relative

}



.hrv-page-root .safe-area {

    max-width: 1440px

}



.hrv-page-root .detail-banner-root {

    height: calc(100vh + 200px) !important

}



.hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .head-name {

    line-height: 24.61px !important;

    margin: 0 0 24px !important

}



.hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .bottom-name {

    margin: 24px 0 0 !important;

    line-height: 38px !important

}



.hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item img {

    margin: 0 !important

}



.hrv-page-root .detail-banner-root .top-main-info-root .content-wrapper .top-info-container .info-block .info-item:last-child p {

    font-size: 18px

}



.hrv-page-root .text-video-root {

    background-color: #fff;

    padding: 0

}



.hrv-page-root .text-video-root .text-block {

    width: 77%;

    padding: 118px 0 30px;

    min-height: 539px

}



.hrv-page-root .text-video-root .text-block h2 {

    color: #000;

    line-height: 67.2px

}



.hrv-page-root .text-video-root .text-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #000;

    margin: 20px 0 22px;

    line-height: 28.8px

}



.hrv-page-root .text-video-root .img-item {

    min-height: 211px

}



.hrv-page-root .steady-design-root .steady-design-wrapper {

    position: relative

}



.hrv-page-root .steady-design-root .img-container {

    overflow: hidden;

    direction: rtl;

    height: 1100px

}



.hrv-page-root .steady-design-root .img-container img {

    width: 100%

}



.hrv-page-root .steady-design-root .qr-container {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 16%;

    padding: 0 0 16px

}



.hrv-page-root .steady-design-root .title-item {

    margin: 0 0 30px

}



.hrv-page-root .steady-design-root .title-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 36px;

    line-height: 46px

}



.hrv-page-root .steady-design-root .qr-block {

    background-color: #fff;

    padding: 32px 30px;

    border-radius: 16px;

    display: flex;

    align-items: center

}



.hrv-page-root .steady-design-root .qr-text {

    margin: 0 0 0 50px

}



.hrv-page-root .steady-design-root .qr-text p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 18px;

    color: #000;

    line-height: 23px

}



.hrv-page-root .steady-design-root .mobile-btn-item {

    display: none

}



.standout-features-root .standout-features-wrapper {

    padding: 58px 0 0

}



.standout-features-root .safe-area {

    max-width: 1444px

}



.standout-features-root .head-text-block {

    margin: 0 30px 40px;

    text-align: center

}



.standout-features-root .head-text-block .head-title-item {

    margin: 0 0 20px

}



.standout-features-root .head-text-block .head-title-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 58px;

    color: #000;

    line-height: 79px;

    text-align: center

}



.standout-features-root .head-text-block .head-desc-item {

    display: flex;

    justify-content: center

}



.standout-features-root .head-text-block .head-desc-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #000;

    line-height: 29px;

    max-width: 876px;

    margin: 0;

    text-align: center

}



.standout-features-root .feature-block {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.standout-features-root .feature-item {

    width: calc(50% - 22px);

    margin: 0 0 44px

}



.standout-features-root .feature-item .close-item {

    top: -60px !important

}



.standout-features-root .img-block {

    margin: 0 0 30px;

    position: relative;

    cursor: pointer;

    width: 100%;

    height: 350px

}



.standout-features-root .img-block img {

    border-radius: 16px;

    width: 100%;

    height: 100%;

    object-fit: cover

}



.standout-features-root .img-block .play-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.standout-features-root .img-block:hover .play-btn svg path {

    stroke: #eaeaea

}



.standout-features-root .text-block {

    display: flex

}



.standout-features-root .icon-item {

    margin: 0 17px 0 0;

    background-color: #404040;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 72px;

    height: 116px;

    border-radius: 6px 0 0 6px;

    border-right: 2px solid #e31f2e

}



.standout-features-root .text-item {

    flex: 1 1

}



.standout-features-root .text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 30px;

    color: #000;

    line-height: 38px

}



.standout-features-root .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    line-height: 24px;

    margin: 5px 0 0

}



.drive-mode-2-root {

    padding: 80px 0 0;

    min-height: 950px

}



.drive-mode-2-root .safe-area {

    max-width: 1454px

}



.drive-mode-2-root .title-item {

    margin: 0 0 70px

}



.drive-mode-2-root .title-item h1, .drive-mode-2-root .title-item h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 58px;

    line-height: 74px;

    text-align: center

}



.drive-mode-2-root .drive-mode-block .change-bar-block {

    display: flex;

    padding: 4px 0 0;

    position: relative;

    z-index: 1

}



.drive-mode-2-root .drive-mode-block .change-bar-block:after {

    position: absolute;

    top: 0;

    left: 10px;

    content: "";

    display: block;

    width: calc(100% - 20px);

    height: 4px;

    background-color: rgba(0, 0, 0, .1882352941);

    z-index: 10

}



.drive-mode-2-root .drive-mode-block .progress-item {

    margin: 16px 0 0;

    flex: 1 1;

    position: relative

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-point {

    position: absolute;

    left: 0;

    top: -28px;

    width: 20px;

    height: 20px;

    background-color: #000;

    border-radius: 50%;

    z-index: 30;

    cursor: pointer

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-point .active-point-block {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 40

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-point .active-point-block .point {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-point .active-point-block .point:after {

    content: "";

    display: block;

    width: 40px;

    height: 40px;

    -webkit-transform: scale(.6);

    transform: scale(.6);

    -webkit-transform-origin: center;

    transform-origin: center;

    border-radius: 50%;

    border: 2px solid #9c9c9c;

    opacity: 0

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-bar {

    position: absolute;

    left: 10px;

    top: -20px;

    height: 4px;

    z-index: 20

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-bar.blue-to-green {

    background: linear-gradient(90deg, #234e7a, #607f36)

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-bar.green-to-yellow {

    background: linear-gradient(90deg, #607f36, #f0f150)

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-bar.yellow-to-orange {

    background: linear-gradient(90deg, #f0f150, #e17e30)

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-bar.orange-to-grey {

    background: linear-gradient(90deg, #e17e30, #979797)

}



.drive-mode-2-root .drive-mode-block .progress-item .progress-label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #000;

    line-height: 24px;

    opacity: .7;

    cursor: pointer

}



.drive-mode-2-root .drive-mode-block .progress-item.active .progress-point .active-point-block .point:after {

    -webkit-animation-name: active-point;

    animation-name: active-point;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



@-webkit-keyframes active-point {

    0% {

        opacity: 1;

        -webkit-transform: scale(.6);

        transform: scale(.6)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes active-point {

    0% {

        opacity: 1;

        -webkit-transform: scale(.6);

        transform: scale(.6)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.drive-mode-2-root .drive-mode-block .progress-item.active .progress-label {

    opacity: 1

}



.drive-mode-2-root .drive-mode-block .progress-item.dirty .progress-point.blue {

    background-color: #234e7a

}



.drive-mode-2-root .drive-mode-block .progress-item.dirty .progress-point.green {

    background-color: #607f36

}



.drive-mode-2-root .drive-mode-block .progress-item.dirty .progress-point.yellow {

    background-color: #f0f150

}



.drive-mode-2-root .drive-mode-block .progress-item.dirty .progress-point.orange {

    background-color: #e17e30

}



.drive-mode-2-root .drive-mode-block .progress-item.dirty .progress-bar {

    -webkit-animation-name: active-bar;

    animation-name: active-bar;

    -webkit-animation-duration: 5s;

    animation-duration: 5s;

    width: calc(100% - 10px)

}



@-webkit-keyframes active-bar {

    0% {

        width: 0

    }

    to {

        width: calc(100% - 10px)

    }

}



@keyframes active-bar {

    0% {

        width: 0

    }

    to {

        width: calc(100% - 10px)

    }

}



.drive-mode-2-root .drive-mode-block .last-progress-point {

    position: absolute;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    z-index: 30;

    top: -8px;

    left: auto;

    right: 0;

    background-color: #979797

}



.drive-mode-2-root .video-container {

    position: relative;

    margin: 0 0 21px

}



.drive-mode-2-root .video-container, .drive-mode-2-root .video-container .lazyload-wrapper {

    display: flex;

    justify-content: center;

    align-items: center

}



.drive-mode-2-root .video-container video {

    width: 100%

}



.drive-mode-2-root .description-container {

    margin: 0 auto;

    max-width: 1100px;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.drive-mode-2-root .logo-item {

    margin: 0 100px 0 0

}



.drive-mode-2-root .logo-item img {

    height: 66px

}



.drive-mode-2-root .text-item {

    flex: 1 1

}



.drive-mode-2-root .text-item p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin: 0

}



.three-sixty-look-root {

    padding: 114px 0 40px;

    position: relative;

    z-index: 2

}



.three-sixty-look-root.typer-version {

    padding: 70px 0 0

}



.three-sixty-look-root.typer-version .tabs-container {

    margin: 63px 0 0;

    padding: 0 0 0 100px;

    max-width: 100%;

    position: absolute;

    z-index: 99

}



.three-sixty-look-root.typer-version .tabs-container:after {

    content: none !important

}



.three-sixty-look-root.typer-version .tabs-container .tab-item {

    background-color: #fff;

    width: 263px;

    height: 54px;

    display: flex;

    align-items: center

}



.three-sixty-look-root.typer-version .tabs-container .tab-item.mobile {

    display: none

}



.three-sixty-look-root.typer-version .tabs-container .tab-item:first-child {

    margin: 0 20px 0 0

}



.three-sixty-look-root.typer-version .tabs-container .tab-item span {

    font-size: 16px;

    color: #272727 !important;

    padding: 0 0 0 20px

}



.three-sixty-look-root.typer-version .tabs-container .tab-item.active {

    position: relative

}



.three-sixty-look-root.typer-version .tabs-container .tab-item.active:before {

    content: "";

    display: block;

    position: absolute;

    bottom: -4px;

    width: 100%;

    height: 4px;

    background-color: #ab1925

}



.three-sixty-look-root.typer-version .tabs-container .tab-item.active span {

    color: #ab1925 !important

}



.three-sixty-look-root.typer-version .click-and-drag-block {

    display: none !important

}



.three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item {

    max-width: 1920px;

    margin: 0 auto;

    text-align: center;

    padding: 0 120px

}



.three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item h2 {

    font-size: 48px;

    text-align: left;

    line-height: 60px

}



.three-sixty-look-root.typer-version .color-model-sequence {

    height: 100% !important

}



.three-sixty-look-root.typer-version .color-model-sequence .color-set-block {

    position: absolute;

    bottom: 5%;

    width: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.three-sixty-look-root.typer-version .color-model-sequence .color-set-block .color-text-item p {

    color: #fff

}



.three-sixty-look-root .three-sixty-look-container {

    margin: 30px 0 0;

    display: none

}



.three-sixty-look-root .three-sixty-look-container.active {

    display: block

}



.three-sixty-look-root h2 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 58px;

    color: #000;

    line-height: 74px;

    text-align: center

}



.three-sixty-look-root .tabs-container {

    padding: 0 0 12px;

    margin: 35px auto;

    max-width: 460px;

    display: flex;

    justify-content: space-between;

    position: relative

}



.three-sixty-look-root .tabs-container:after {

    content: "";

    display: block;

    position: absolute;

    height: 4px;

    background-color: #e31f2e;

    bottom: 0

}



.three-sixty-look-root .tabs-container.first-tab:after {

    left: 0;

    width: 178.95px;

    -webkit-animation-name: active-tab-1;

    animation-name: active-tab-1;

    -webkit-animation-duration: .4s;

    animation-duration: .4s

}



@-webkit-keyframes active-tab-1 {

    0% {

        left: 292px;

        width: 166.33px

    }

    to {

        left: 0;

        width: 178.95px

    }

}



@keyframes active-tab-1 {

    0% {

        left: 292px;

        width: 166.33px

    }

    to {

        left: 0;

        width: 178.95px

    }

}



.three-sixty-look-root .tabs-container.second-tab:after {

    left: 292px;

    width: 166.33px;

    -webkit-animation-name: active-tab-2;

    animation-name: active-tab-2;

    -webkit-animation-duration: .4s;

    animation-duration: .4s

}



@-webkit-keyframes active-tab-2 {

    0% {

        left: 0;

        width: 178.95px

    }

    to {

        left: 292px;

        width: 166.33px

    }

}



@keyframes active-tab-2 {

    0% {

        left: 0;

        width: 178.95px

    }

    to {

        left: 292px;

        width: 166.33px

    }

}



.three-sixty-look-root .tabs-container span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 24px;

    color: #000;

    line-height: 30.6px

}



.three-sixty-look-root .tabs-container .tab-item {

    cursor: pointer

}



.three-sixty-look-root .tabs-container .tab-item.active span, .three-sixty-look-root .tabs-container .tab-item:hover span {

    color: #e31f2e

}



.sedefli-kristal-siyah {

    background: #212121;

    box-shadow: 0 4px 4px rgba(0, 0, 0, .04)

}



.kristal-kirmizi {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #aa2c34

}



.kristal-kirmizi, .kristal-siyah {

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.kristal-siyah {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #212121

}



.gun-isigi-beyazi {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #f2efec

}



.gun-isigi-beyazi, .meteor-gri {

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.meteor-gri {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), #2a3348

}



.gece-mavisi-gri-tavan {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), linear-gradient(180deg, #314064 49.49%, #828282 49.5%);

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2);

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.gun-isigi-beyazi-siyah-tavan {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), linear-gradient(180deg, #212121 49.49%, #f2efec 49.5%);

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.meteor-gri-siyah-tavan {

    background: radial-gradient(47.79% 22.92% at 57.29% 4.17%, hsla(0, 0%, 100%, .0378) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(31.25% 31.25% at 97.92% 47.92%, hsla(0, 0%, 100%, .1419) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(50% 50% at 0 37.5%, hsla(0, 0%, 100%, .4544) 0, hsla(0, 0%, 100%, 0) 100%), radial-gradient(41.67% 41.67% at 59.38% 61.46%, rgba(0, 0, 0, .082) 0, transparent 100%), linear-gradient(180deg, #212121 49.49%, #2a3348 49.5%);

    box-shadow: 0 6px 14px rgba(0, 0, 0, .2)

}



.hrv-sub .content-wrapper ul li {

    width: 200px

}



.typer-gri {

    background-color: #d9d9d9

}



.typer-siyah {

    background-color: #212121

}



.typer-kirmizi {

    background-color: #ab1925

}



.typer-beyaz {

    background-color: #fff

}



.typer-mavi {

    background-color: #647178

}



.six-year-page-root .six-year-page-banner-root {

    padding: 121px 0 0

}



.six-year-page-root .banner-container .img-item {

    min-height: 450px

}



.six-year-page-root .banner-container img {

    width: 100%;

    height: 100%

}



.six-year-page-root .banner-container .scroll-btn {

    display: none

}



.six-year-page-root .banner-container .text-block {

    margin: 30px 0

}



.six-year-page-root .banner-container .text-item {

    text-align: center

}



.six-year-page-root .banner-container .text-item h2 {

    margin: 0 auto 22px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 48px;

    color: #000;

    line-height: 67.2px;

    max-width: 994px

}



.six-year-page-root .banner-container .text-item p {

    margin: 0 auto;

    font-size: 18px;

    color: #000;

    line-height: 28.8px;

    max-width: 922px

}



.six-year-page-root .banner-container .text-item:first-child {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.six-year-page-root .banner-container .text-item:last-child {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.six-year-page-root .img-slider-root {

    margin: 80px 0 40px

}



.six-year-page-root .img-slider-root .slider-container .slider-block .text-item p {

    margin: 20px 0 0 !important;

    min-height: 70px

}



.six-year-page-root .img-slider-root .slider-container .slider-block .text-item p a {

    text-decoration: underline

}



.six-year-page-root .img-slider-root .slider-container .slider-block .text-item:last-child {

    white-space: pre-line

}



.six-year-page-root .form-page-root {

    padding: 64px 0 0

}



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

    .six-year-page-root .six-year-page-banner-root {

        padding: 101px 0 0

    }

}



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

    .six-year-page-root .six-year-page-banner-root {

        padding: 91px 0 0

    }

}



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

    .six-year-page-root .six-year-page-banner-root {

        padding: 81px 0 0

    }

}



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

    .six-year-page-root .banner-container .img-item {

        min-height: 300px

    }



    .six-year-page-root .banner-container .text-block {

        margin: 30px 0

    }



    .six-year-page-root .banner-container .text-block h2 {

        padding: 0 22px

    }



    .six-year-page-root .banner-container .text-block p {

        padding: 0 30px

    }

}



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

    .six-year-page-root .six-year-page-banner-root {

        padding: 81px 0 0

    }



    .six-year-page-root .banner-container .scroll-btn {

        border-radius: 50px 50px 0 0;

        margin: 0 auto 50px;

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center;

        position: relative

    }



    .six-year-page-root .banner-container .scroll-btn p {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 11px;

        color: #e31f2e;

        line-height: 14px;

        letter-spacing: 4px;
        margin: 0

    }



    .six-year-page-root .banner-container .scroll-btn .mouse-wheel {

        height: 25px;

        width: 3px;

        overflow: hidden;

        top: 18px;

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin-right: auto;

        margin-left: auto

    }



    .six-year-page-root .banner-container .scroll-btn .mouse-wheel:after {

        content: "";

        height: 30px;

        width: 4px;

        display: flex;

        border-top: 16px solid #e31f2e;

        border-radius: 16px;

        -webkit-animation: mouse-anim .4s linear infinite;

        -moz-animation: mouse-anim .6s linear infinite

    }



    .six-year-page-root .banner-container .text-block .text-item h2 {

        font-size: 28px;

        line-height: 39.2px;

        margin: 0 auto 14px

    }



    .six-year-page-root .banner-container .text-block .text-item p {

        font-size: 12px;

        line-height: 19.2px

    }



    .six-year-page-root .img-slider-root {

        margin: 50px 0 100px

    }



    .six-year-page-root .img-slider-root .slider-container .slider-block .text-item p {

        min-height: auto

    }



    .six-year-page-root .img-slider-root .slider-container .slider-block .text-item:last-child {

        font-size: 13px !important;

        line-height: 20.8px !important

    }

}



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

    .six-year-page-root .six-year-page-banner-root {

        padding: 0

    }

}



.hrc-sm-root {

    position: relative

}



.hrc-sm-root .hrc-sm-wrapper {

    width: 100%;

    height: 110px;

    display: flex;

    justify-content: center;

    position: absolute;

    z-index: 5;

    top: -55px;

    padding: 0 20px

}



.hrc-sm-root .hrc-sm-container {

    background: #c00;

    border-radius: 9px;

    max-width: 1140px;

    display: flex;

    width: 100%;
    z-index: -1

}



.hrc-sm-root .hrc-logo-item img {

    width: 93px;

    height: 33px

}



.hrc-sm-root .hrc-sm-text-block {

    background: #f0f0f0;

    border-radius: 8px;

    max-width: 460px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 50px;

    position: relative

}



.hrc-sm-root .hrc-sm-text-block .hrc-text-item {

    max-width: 168px

}



.hrc-sm-root .hrc-sm-text-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 10px;

    line-height: 20px

}



.hrc-sm-root .hrc-sm-text-block:before {

    height: 53px;

    background: #979797;

    width: 1px;

    content: "";

    position: absolute;

    top: 28px;

    left: 191px

}



.hrc-sm-root .hrc-sm-link-block {

    background: #c00;

    border-radius: 8px;

    max-width: 680px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 94px 0 90px;

    position: relative

}



.hrc-sm-root .hrc-sm-link-block i {

    height: 100%;

    align-items: center;

    display: flex;

    color: #fff;

    font-size: 28px

}



.hrc-sm-root .hrc-icon-item {

    position: relative;

    padding: 0 20%

}



.hrc-sm-root .hrc-icon-item:before {

    height: 53px;

    background: #fff;

    width: 1px;

    content: "";

    position: absolute;

    top: -12px;

    left: 0

}



.hrc-sm-root .hrc-icon-item:first-child:before {

    display: none

}



.cycle-model-root {

    padding: 187px 0 0;

    min-height: 95vh

}



.cycle-model-root .head-title-item {

    margin: 0 0 72px

}



.cycle-model-root h1 {

    text-align: center;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    line-height: 34px;

    font-size: 26px;

    color: #e31f2e

}



.cycle-model-root .model-text-block {

    display: block;

    margin: 28px 0 0

}



.cycle-model-root .model-text-block p {

    font-size: 12px;

    line-height: 1.25;

    color: #676767;

    font-family: "ProximaNova-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400

}



.cycle-model-root .content-container {

    padding: 0

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list-root:nth-child(2n) {

    background: hsla(0, 0%, 85.1%, .2);

    margin: 48px 0

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list-root:last-child {

    margin-bottom: 0

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list {

    display: flex;

    max-width: 1172px;

    margin: 0 auto;

    padding: 58px 0 40px

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model {

    position: relative;

    display: flex;

    align-items: center;

    margin: 0 79px 0 0

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model .tab-model-link {

    height: -moz-fit-content;

    height: -webkit-fit-content;

    height: fit-content;

    width: -moz-fit-content;

    width: -webkit-fit-content;

    width: fit-content

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model p {

    font-size: 24px;

    line-height: 1.4;

    letter-spacing: 5px;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    text-align: end;

    margin: 0;

    position: relative;

    height: -moz-fit-content;

    height: -webkit-fit-content;

    height: fit-content

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model p:after {

    content: "";

    display: block;

    width: 2px;

    height: 50%;

    background: #e31f2e;

    position: absolute;

    top: 0;

    left: 2px

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block {

    margin: 0;

    display: block;

    max-width: 972px

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block {

    display: flex;

    flex-wrap: wrap

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item {

    margin: 0 20px 0 0;

    min-width: 223px;

    vertical-align: top

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .img-content {

    width: 80%;

    height: 120px

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .img-content img {

    object-fit: contain

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .text-content {

    width: 90%

}



.cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .text-content p {

    font-size: 14px

}



.cycle-model-root .nav-block {

    display: none

}



.cycle-delay-apology-root {

    position: fixed;

    bottom: 40px;

    width: 100%;

    padding: 0 128px;

    z-index: 1000

}



.cycle-delay-apology-root .cycle-delay-apology-container {

    width: 100%;

    background: #efefef;

    box-shadow: 0 5px 14px rgba(0, 0, 0, .1529411765);

    border: 1px solid #d8d8d8;

    border-radius: 18px;

    padding: 36px 15px;

    position: relative;

    display: flex;

    flex-direction: column;

    grid-gap: 25px;

    gap: 25px

}



.cycle-delay-apology-root .cycle-delay-apology-container .close-icon {

    position: absolute;

    right: 15px;

    top: 25px;

    cursor: pointer

}



.cycle-delay-apology-root .cycle-delay-apology-container .close-icon:after, .cycle-delay-apology-root .cycle-delay-apology-container .close-icon:before {

    width: 16px

}



.cycle-delay-apology-root .cycle-delay-apology-item {

    cursor: pointer

}



.cycle-delay-apology-root .cycle-delay-apology-item, .cycle-delay-apology-root .cycle-delay-apology-item a {

    display: flex;

    align-items: center;

    justify-content: center

}



.cycle-delay-apology-root .cycle-delay-apology-item .gg-chevron-right-o {

    margin: 0 0 0 10px;

    box-sizing: border-box;

    position: relative;

    display: block;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform: scale(var(--ggs, 1));

    transform: scale(var(--ggs, 1));

    min-width: 20px;

    min-height: 20px;

    width: 20px;

    height: 20px;

    border: 1px solid;

    border-radius: 100px

}



.cycle-delay-apology-root .cycle-delay-apology-item .gg-chevron-right-o:after {

    content: "";

    display: block;

    box-sizing: border-box;

    position: absolute;

    width: 6px;

    height: 6px;

    border-bottom: 1px solid;

    border-right: 1px solid;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    left: 5px;

    top: 6px

}



.cycle-delay-apology-root .cycle-delay-apology-item a {

    text-decoration: underline;

    font-size: 15px;

    color: #000;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.cycle-delay-apology-root.service-form-warning-root {

    padding: 0;

    position: absolute;

    top: 100px

}



.cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container {

    padding: 16px 15px 14px;

    border: 1px solid #c6c6c6;

    border-radius: 10px;

    box-shadow: none;

    grid-gap: inherit;

    gap: inherit

}



.cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container .close-icon {

    right: -2px;

    top: 5px

}



.cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container .close-icon:after, .cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container .close-icon:before {

    background: rgba(0, 0, 0, .6)

}



.cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container span {

    margin: 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 11px;

    line-height: 18px;

    color: #e31f2e

}



.cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 18px;

    margin: 8px 0 0

}



.cycle-tech-spec-root {

    background-color: #f7f7f7;

    padding: 0 0 114px

}



.cycle-tech-spec-root.cl-250 {

    background-color: #fff;

    padding: 0 0 90px

}



.cycle-tech-spec-root.cl-250 .head-sub-text {

    padding: 90px 0 70px;

    margin: 0

}



.cycle-tech-spec-root.cl-250 .head-sub-text h2 {

    color: #000;

    font-size: 45px;

    line-height: 60px

}



.cycle-tech-spec-root.cl-250 .cycle-props-block {

    padding: 0

}



.cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count {

    font-size: 76px;

    margin: 0 0 30px

}



.cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count span {

    font-size: 76px

}



.cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text {

    padding: 0 25px

}



.cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #fff;

    font-size: 14px;

    line-height: 24px;

    text-align: center

}



.cycle-tech-spec-root .head-sub-text {

    padding: 12em 0 40px;

    margin: 7.2em 0 0

}



.cycle-tech-spec-root .head-sub-text h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 24px;

    color: #e31f2e;

    line-height: 31px;

    text-align: center;

    letter-spacing: 5px

}



.cycle-tech-spec-root .cycle-tech-spec-wrapper {

    display: flex;

    align-items: flex-start

}



.cycle-tech-spec-root .cycle-img-block {

    display: inline-block;

    width: 65.385%;

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    overflow: hidden

}



.cycle-tech-spec-root .cycle-img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.cycle-tech-spec-root .cycle-props-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 80px 0 0;

    height: 100%;

    width: 50%

}



.cycle-tech-spec-root .cycle-props-block .head-sub-text {

    display: none

}



.cycle-tech-spec-root .cycle-props-item {

    text-align: center;

    margin: 100px 0 0

}



.cycle-tech-spec-root .cycle-props-item:first-child {

    margin: 0

}



.cycle-tech-spec-root .cycle-props-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 25px;

    line-height: 30px;

    margin: 0

}



.cycle-tech-spec-root .cycle-props-item .properties-count {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 80px;

    line-height: 42px;

    margin: 0 0 6px

}



.cycle-tech-spec-root .cycle-props-item .properties-count span {

    font-size: 35px

}



.cycle-tech-spec-root .cycle-props-btn-item {

    display: flex;

    align-items: center;

    justify-content: center;

    max-width: 310px;

    width: 100%;

    background-color: #e31e2f;

    border-radius: 32px;

    cursor: pointer;

    transition: all .2s ease-in-out;

    margin: 70px 0 0;

    padding: 21px 0

}



.cycle-tech-spec-root .cycle-props-btn-item:hover {

    box-shadow: 0 10px 20px rgba(227, 31, 46, .35)

}



.cycle-tech-spec-root .cycle-props-btn-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 13px;

    line-height: 18px;

    color: #fff

}



.tech-spec-modal-root {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background-color: #fff

}



.tech-spec-modal-root .tech-spec-modal-wrapper {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    height: 100%;

    position: relative

}



.tech-spec-modal-root .close-lb-item {

    min-width: 30px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    position: fixed;

    right: 25px;

    top: 30px;

    z-index: 10

}



.tech-spec-modal-root .close-lb-item span {

    display: inline-block;

    position: relative

}



.tech-spec-modal-root .close-lb-item span:after, .tech-spec-modal-root .close-lb-item span:before {

    content: "";

    display: block;

    min-width: 12px;

    width: 32px;

    height: 5px;

    position: absolute;

    left: 0;

    top: 4px;

    background-color: #000;

    border-radius: 4px

}



.tech-spec-modal-root .close-lb-item span:before {

    -webkit-transform: rotate(-47deg);

    transform: rotate(-47deg)

}



.tech-spec-modal-root .close-lb-item span:after {

    -webkit-transform: rotate(47deg);

    transform: rotate(47deg)

}



.tech-spec-modal-root .tech-spec-titles-block {

    max-width: 664px;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

    position: -webkit-sticky;

    position: sticky;

    margin: 0 20px 0 0;

    padding: 127px 0 90px;

    top: 0;

    background-color: #fff

}



.tech-spec-modal-root .tech-spec-titles-block li {

    cursor: pointer;

    padding: 17px 17px 17px 7.5vw;

    margin: 0 0 2px

}



.tech-spec-modal-root .tech-spec-titles-block li span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 50px;

    line-height: 60px;

    color: hsla(0, 0%, 43.9%, .5);

    margin: 0

}



.tech-spec-modal-root .tech-spec-titles-block li.active, .tech-spec-modal-root .tech-spec-titles-block li:hover {

    background-color: #d03738

}



.tech-spec-modal-root .tech-spec-titles-block li.active span, .tech-spec-modal-root .tech-spec-titles-block li:hover span {

    background-color: #d03738;

    color: #fff

}



.tech-spec-modal-root .pdf-item {

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 0 0 0 7.5vw;

    width: -moz-fit-content;

    width: -webkit-fit-content;

    width: fit-content;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 20px;

    line-height: 35px;

    margin: 0;

    color: #000

}



.tech-spec-modal-root .pdf-item img {

    width: 46px;

    height: 46px;

    margin: 0 0 0 12px

}



.tech-spec-modal-root .tech-spec-content-container {

    position: relative;

    width: 47%;

    height: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

    padding: 0 0 93px

}



.tech-spec-modal-root .tech-spec-content-container::-webkit-scrollbar {

    display: none

}



.tech-spec-modal-root .tech-spec-card-block {

    padding: 93px 30px 0 0

}



.tech-spec-modal-root .tech-spec-card-item {

    margin: 26px 0 0

}



.tech-spec-modal-root .tech-spec-card-item:first-child {

    margin: 0

}



.tech-spec-modal-root .tech-spec-card-item span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 30px;

    line-height: 35px

}



.tech-spec-modal-root .tech-spec-card-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    line-height: 35px;

    margin: 8px 0 0

}



.cycle-engine-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 100%;

    padding: 5em 30px 5em 0;

    max-width: 1660px

}



.cycle-engine-wrapper .cycle-engine-img-block img {

    width: 100%;

    height: 100%;

    object-fit: contain

}



.cycle-engine-wrapper .cycle-engine-content-container {

    margin: 0 0 0 5.9vw;

    width: 50%

}



.cycle-engine-wrapper .cycle-engine-content-container h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-weight: 400;

    line-height: 66px;

    font-size: 55px;

    letter-spacing: 3.3px;

    color: #e31f2e

}



.cycle-engine-wrapper .cycle-engine-content-container p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    line-height: 21px;

    margin: 11px 0 46px

}



.cycle-engine-wrapper .engine-btn-block {

    width: 256px;

    height: 52px;

    outline: 1px solid #000;

    background-color: #fff;

    cursor: pointer;

    margin: 0 0 43px;

    position: relative

}



.cycle-engine-wrapper .engine-btn-block video {

    height: 100%;

    width: 100%;

    pointer-events: none

}



.cycle-engine-wrapper .engine-btn-block video[poster] {

    width: 100%;

    object-fit: cover

}



.cycle-engine-wrapper .placeholder-video-img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%;

    height: 100%

}



.cycle-engine-wrapper .placeholder-video-img img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.typer-page-root p {

    margin: 0

}



.dimensions-root {

    text-align: center;

    margin: 128px 0 72px;

    padding: 150px 0 0

}



.dimensions-root .features-text-block {

    max-width: 66.3%;

    margin: 0 auto

}



.dimensions-root .features-text-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    color: #000;

    margin: 0

}



.dimension-wrapper {

    position: relative;

    margin: 50px 0 0;

    width: 100%;

    height: 100%

}



.dimension-wrapper p {

    margin: 0

}



.dimension-wrapper .back-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.dimension-wrapper .back-img img {

    width: 100%;

    height: auto

}



.dimension-wrapper .content-wrapper {

    max-width: 66%;

    margin: 0 auto;

    padding: 160px 0 0;

    position: relative

}



.dimension-wrapper .content-wrapper .img-block .text-item {

    width: auto;

    position: absolute;

    top: 46%;

    right: -20%

}



.dimension-wrapper .content-wrapper img {

    max-width: 100%;

    width: 100%;

    height: auto

}



.dimension-wrapper .title-item {

    margin: 0 0 24px

}



.dimension-wrapper .title-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #000;

    font-size: 40px;

    line-height: 49px

}



.dimension-wrapper .text-item {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.dimension-wrapper .text-item p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 24px;

    line-height: 49px;

    color: #000

}



.dimension-wrapper .text-item p span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.dimension-wrapper .text-item p.height {

    display: none

}



.basic-features-root {

    background-color: #171717;

    padding: 123px 0 94px

}



.basic-features-root .basic-features-container {

    max-width: 66.5%;

    margin: 0 auto

}



.basic-features-root .basic-features-container .title-item {

    text-align: center

}



.basic-features-root .basic-features-container h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #fff;

    font-size: 40px;

    line-height: 49px

}



.basic-features-root .basic-features-block {

    margin: 98px 0 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    grid-row-gap: 60px;

    row-gap: 60px

}



.basic-features-root .basic-features-block h3 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    color: #fff;

    font-size: 24px;

    line-height: 36px;

    margin: 33px 0 24px

}



.basic-features-root .basic-features-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    color: #fff;

    font-size: 20px;

    line-height: 30px

}



.basic-features-root .basic-features-block .features-item {

    width: 30%;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center

}



.basic-features-root .basic-features-block .features-item .img-item {

    width: 140px;

    height: 140px;

    border-radius: 50%;

    overflow: hidden;

    border: 2px solid #fff

}



.basic-features-root .basic-features-block .features-item .img-item img {

    width: 100%;

    height: 100%

}



.features-img-root .features-img-wrapper {

    height: 100%;

    position: relative

}



.features-img-root .features-img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.features-img-root .content-item {

    position: absolute;

    z-index: 1;

    top: 94px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    width: 100%

}



.features-img-root .content-item img {

    width: 100%;

    max-width: 418px

}



.features-img-root .content-item .bottom-name {

    margin: 21px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px;

    color: #fff

}



:root {

    --cl250color: #ff791a

}



.secret-title {

    position: absolute;

    display: none;

    visibility: hidden;

    opacity: 0;

    z-index: -1000

}



.banner-root.new-cycle-banner {

    height: 100%;

    min-height: 700px;

    background: #fff

}



.banner-root.new-cycle-banner .bg-block {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0

}



.banner-root.new-cycle-banner .icon-item {

    position: absolute;

    top: 0;

    left: 0;

    padding: 10vh 0 0 8vw

}



.banner-root.new-cycle-banner .banner-container .banner-block {

    position: relative;

    background: transparent;

    padding: 10vh 0 0 8vw;

    z-index: 1;

    min-height: 680px;

    max-height: 940px;

    display: flex;

    justify-content: flex-end

}



.banner-root.new-cycle-banner .banner-container .img-item {

    z-index: 1

}



.banner-root.new-cycle-banner .banner-container .color-select-block {

    z-index: 2;

    position: absolute;

    left: 5%;

    bottom: 18%

}



.banner-root.new-cycle-banner .banner-container .color-select-block p {

    margin: 0;

    font-size: 21px;

    line-height: 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    color: #000

}



.banner-root.new-cycle-banner .banner-container .color-select-block .tab-item {

    padding: 0 0 6px;

    border-bottom: 2px solid #373737;

    margin: 0 0 28px

}



.banner-root.new-cycle-banner .banner-container .color-block {

    display: flex;

    align-items: center

}



.banner-root.new-cycle-banner .banner-container .color-item {

    width: 97px;

    height: 97px;

    min-width: 97px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center

}



.banner-root.new-cycle-banner .banner-container .color-item.active {

    border: 2px solid #373737

}



.banner-root.new-cycle-banner .banner-container .color-item:first-child {

    margin: 0

}



.banner-root.new-cycle-banner .banner-container .color-item .circle {

    cursor: pointer;

    width: 75px;

    height: 75px;

    min-width: 75px;

    border-radius: 50%

}



.banner-root.new-cycle-banner .strip-item {

    position: absolute;

    top: 0;

    right: 130px;

    background-color: #ff791a;

    background-color: var(--cl250color);

    width: 160px;

    height: 100%;

    mix-blend-mode: multiply

}



.banner-root.new-cycle-banner .strip-item:before {

    left: -30px

}



.banner-root.new-cycle-banner .strip-item:after, .banner-root.new-cycle-banner .strip-item:before {

    content: "";

    position: absolute;

    top: 0;

    background-color: #ff791a;

    background-color: var(--cl250color);

    width: 20px;

    height: 100%

}



.banner-root.new-cycle-banner .strip-item:after {

    right: -30px

}



.banner-root.new-cycle-banner .content-block {

    padding: 0 0 110px 8vw;

    z-index: 1;

    position: relative

}



.banner-root.new-cycle-banner .content-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 120px;

    line-height: 1.5;

    color: #373737

}



.banner-root.new-cycle-banner .content-block h2 span {

    display: block;

    margin: -40px 0 0 140px

}



.banner-root.new-cycle-banner .content-block .text-item {

    max-width: 515px;

    margin: 0 0 0 140px

}



.banner-root.new-cycle-banner .content-block .text-item p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    color: #000

}



.numbers-slider-root {

    padding: 0 0 90px

}



.numbers-slider-root .numbers-slider-container {

    position: relative;

    padding: 0 0 0 8vw

}



.numbers-slider-root .slider-block {

    height: 100%

}



.numbers-slider-root .slider-item {

    display: flex;

    justify-content: space-between;

    height: 100%

}



.numbers-slider-root .slider-item .image-item {

    width: 52.2%;

    height: 100%

}



.numbers-slider-root .slider-item .image-item img {

    width: 100%;

    height: 100%

}



.numbers-slider-root .text-block {

    position: relative;

    max-width: 35%;

    display: flex;

    flex-direction: column;

    justify-content: center

}



.numbers-slider-root .text-block .count {

    position: relative;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 48px;

    color: #ff791a;

    color: var(--cl250color);

    line-height: 60px

}



.numbers-slider-root .text-block .count:after {

    position: absolute;

    content: "";

    height: 1px;

    background-color: #ff791a;

    background-color: var(--cl250color);

    width: 50px;

    margin-left: 30px;

    top: 50%

}



.numbers-slider-root .text-block h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 60px;

    color: #000;

    margin: 32px 0 40px

}



.numbers-slider-root .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 20px;

    color: #000;

    line-height: 36px;

    margin: 0

}



.numbers-slider-root .slider-nav-block {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 54px 0 0;

    -webkit-user-select: none;

    user-select: none

}



.numbers-slider-root .slider-nav-block .arr-item {

    display: flex;

    align-items: center;

    cursor: pointer

}



.numbers-slider-root .slider-nav-block .arr-item:hover i {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.numbers-slider-root .slider-nav-block .arr-item span {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #000

}



.numbers-slider-root .slider-nav-block .arr-item i {

    margin: 0 15px 0 0;

    transition: all .3s cubic-bezier(.65, .05, .36, 1)

}



.numbers-slider-root .slider-nav-block .arr-item i:before {

    font-size: 50px

}



.numbers-slider-root .slider-nav-block .arr-item.disabled {

    opacity: .4;

    cursor: auto

}



.numbers-slider-root .slider-nav-block .arr-item.disabled:hover i {

    -webkit-transform: none;

    transform: none

}



.numbers-slider-root .slider-nav-block .arr-item.disabled.right:hover i, .numbers-slider-root .slider-nav-block .arr-item.right i {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.numbers-slider-root .slider-nav-block .arr-item.right i {

    margin: 0 0 0 15px;

    display: flex

}



.numbers-slider-root .slider-nav-block .arr-item.right:hover i {

    -webkit-transform: translateX(10px) rotate(180deg);

    transform: translateX(10px) rotate(180deg)

}



.numbers-slider-root .slider-nav-block .count-item {

    align-items: center;

    justify-content: space-between;

    display: flex

}



.numbers-slider-root .slider-nav-block .count-item span {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 12px;

    color: #000;

    letter-spacing: 1px

}



.numbers-slider-root .slider-nav-block .count-item span + span {

    margin: 0 0 0 3px

}



.numbers-slider-root .slider-nav-block .count-item span:first-child {

    color: #ff791a;

    color: var(--cl250color)

}



.cycle-hardware-root {

    width: 100%;

    overflow: hidden;

    position: relative

}



.cycle-hardware-root .bg-block {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1

}



.cycle-hardware-root .bg-block img {

    width: 100%;

    height: 100%

}



.cycle-hardware-root .bg-stripe {

    position: absolute;

    top: 0;

    left: 129px;

    z-index: -1;

    mix-blend-mode: multiply

}



.cycle-hardware-root .bg-stripe img {

    width: 100%;

    height: 100%

}



.cycle-hardware-root .cycle-hardware-container {

    padding: 86px 0 0

}



.cycle-hardware-root .cycle-hardware-container .td-container {

    position: relative;

    display: flex

}



.cycle-hardware-root .cycle-hardware-container .td-container .image-block img {

    width: 75vw;

    margin: 0 0 0 -120px

}



.cycle-hardware-root .cycle-hardware-container .td-container .right-block {

    width: 100%;

    margin: 30px 30px 0 0

}



.cycle-hardware-root .cycle-hardware-container .td-container .right-block img {

    border: 3px solid #ff791a;

    border: 3px solid var(--cl250color);

    border-radius: 20px;

    width: 100%;

    height: 100%;

    max-width: 400px

}



.cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block .right-head-text {

    margin: 20px 0 0;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 42px;

    line-height: 55px

}



.cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    margin: 30px 0 38px

}



.cycle-hardware-root .cycle-hardware-container .td-container.safe-area {

    max-width: inherit

}



.cycle-hardware-root .head-block {

    text-align: center;

    padding: 0 25px

}



.cycle-hardware-root .head-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 45px;

    line-height: 60px;

    color: #373737

}



.cycle-hardware-root .head-block p {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px;

    line-height: 30px;

    color: #000;

    margin: 20px 0 0

}



.cycle-hardware-root .menu-block {

    margin: 30px 0 0;

    overflow-x: auto;

    display: flex;

    align-items: center

}



.cycle-hardware-root .menu-block::-webkit-scrollbar {

    display: none

}



.cycle-hardware-root .tab-block {

    display: inline-flex;

    align-items: center;

    width: 100%

}



.cycle-hardware-root .tab-item {

    padding: 15px 0;

    background-color: #fff;

    cursor: pointer

}



.cycle-hardware-root .tab-item p {

    margin: 0;

    padding: 0 35px;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 22px;

    line-height: 50px;

    color: #000;

    white-space: nowrap;

    border-left: 1px solid #c7c7c7

}



.cycle-hardware-root .tab-item:first-child {

    flex: 1 1;

    padding: 15px 0 15px 96px

}



.cycle-hardware-root .tab-item:first-child p {

    text-align: right;

    border-left: none;

    padding: 0 35px 0 0

}



.cycle-hardware-root .tab-item:last-child {

    flex: 1 1;

    padding: 15px 96px 15px 0

}



.cycle-hardware-root .tab-item:last-child p {

    padding: 0 0 0 35px

}



.cycle-hardware-root .tab-item.active {

    background-color: #ff791a;

    background-color: var(--cl250color)

}



.cycle-hardware-root .tab-item.active p {

    color: #fff

}



.anim-hidden-div {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 97

}



.anim-hidden-div.hidden {

    display: none

}



.cycle-sticker-wrapper {

    position: relative

}



.sticker-start-container {

    position: relative;

    overflow: hidden

}



.sticker-start-container .bg-img-block {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    width: 100%

}



.sticker-start-container .bg-img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sticker-start-container .moto-img-block {

    position: relative;

    z-index: 2

}



.sticker-start-container .moto-img-block img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.sticker-start-container .text-block {

    position: absolute;

    top: 29.5%;

    left: 0;

    z-index: 3;

    margin: 0 0 0 7.3vw;

    max-width: 450px;

    width: 100%

}



.sticker-start-container .text-block h2 {

    font-size: 50px;

    line-height: 50px;

    font-family: "SharpGroteskSmBold25-Regular", Arial, Helvetica, sans-serif;

    color: #fff;

    margin: 0 0 40px

}



.sticker-start-container .text-block p {

    font-family: "SharpGroteskLight25-Regular", Arial, Helvetica, sans-serif;

    color: #fff;

    font-size: 20px;

    line-height: 36px

}



.sticker-start-container .btn-block {

    margin: 36px 0 0

}



.sticker-start-container .btn-block .detail-btn {

    margin: 0

}



.sticker-start-container .btn-block .detail-btn span {

    font-family: "SharpGroteskBookburo", Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 18px;

    font-weight: 400

}



.number-plate-root {

    height: 1006px;

    position: relative;

    padding: 12px 24px;

    display: none

}



.number-plate-root.block {

    display: block;

    position: relative;

    background: rgba(0, 0, 0, .9);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10000;

    overflow: auto;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .img-container {

    display: none

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block {

    max-width: inherit;

    align-items: center;

    justify-content: center;

    background: #222;

    width: 100%

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-block {

    position: relative

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item {

    width: 111px;

    height: 92px;

    position: absolute;

    -webkit-transform: translate(233%, -45%);

    transform: translate(233%, -45%);

    left: 49.7%;

    top: 49%

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item svg {

    width: 113px;

    height: auto

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block {

    margin: 200px 0 0

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .message, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .message {

    width: 65%;

    text-align: center;

    margin: 50px 0 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 50px;

    color: #fff

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success p {

    width: 70%;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    text-align: center;

    margin: 60px 0 100px

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .btn-block .back-btn {

    background: #fff

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block p {

    color: #fff

}



.number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block p span {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.number-plate-root.selected .number-plate-wrapper .icon-item.preview {

    display: none

}



.number-plate-root .plate-bg {

    z-index: -1;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    mix-blend-mode: multiply

}



.number-plate-root .number-plate-wrapper {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 905px;

    background: #fff;

    position: relative

}



.number-plate-root .number-plate-wrapper.safe-area {

    max-width: 1680px

}



.number-plate-root .number-plate-wrapper .icon-block {

    display: flex;

    align-items: center;

    z-index: 1;

    position: absolute;

    right: 40px;

    top: 40px

}



.number-plate-root .number-plate-wrapper .icon-block .icon-item {

    margin: 0 20px;

    cursor: pointer

}



.number-plate-root .number-plate-wrapper .icon-block .icon-item.preview {

    display: none

}



.number-plate-root .number-plate-wrapper .number-plate-container {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block {

    width: 100px;

    height: 100%;

    border-right: 1px solid #000;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .honda-logo {

    position: absolute;

    top: 33px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item {

    cursor: pointer;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 25px 0

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item span {

    margin: 10px 0 0;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 12px;

    padding: 0 5px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item.active span {

    color: #d13738

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item.active .color-svg path {

    fill: transparent;

    stroke: #d13738

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item.active svg path {

    fill: #d13738

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item.disable {

    cursor: default;

    opacity: .5

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block {

    padding: 86px 56px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

    max-width: 750px;

    position: relative

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .react-select__menu-list {

    max-height: 250px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.first:after {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background-color: #d13738;

    width: 10px;

    height: 25%

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second:after {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background-color: #d13738;

    width: 10px;

    height: 50%

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .borderline-item {

    margin: 16px 0 0;

    width: 390px;

    max-width: 390px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

    margin: 16px 0 0;

    width: 177px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third:after {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background-color: #d13738;

    width: 10px;

    height: 75%

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.fourt:after {

    position: absolute;

    content: "";

    left: -1px;

    top: 0;

    background-color: #d13738;

    width: 10px;

    height: 100%

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 31px;

    color: #000

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block {

    margin: 0 0 60px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .err-txt {

    color: #d13738;

    font-size: 10px;

    font-style: normal;

    font-weight: 400;

    position: absolute;

    bottom: -25px;

    left: 0

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .css-5v5vi7-container {

    height: 70px;

    border: 1px solid #000

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block {

    display: flex;

    align-items: center

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block label {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    margin: 0 0 16px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block {

    margin: 0 40px 0 0

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-5v5vi7-container {

    margin: 16px 0 0

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control {

    border-radius: 0 !important

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item {

    max-width: 180px;

    width: 100%;

    position: relative

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item input {

    font-size: 30px;

    height: 70px;

    border-radius: 0;

    max-width: 129px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .borderline-item {

    margin: 8px 0 0;

    width: 100%;

    max-width: 390px;

    height: 70px;

    border: 1px solid #000;

    display: flex;

    align-items: center;

    justify-content: center

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .borderline-item .border {

    width: 80%;

    height: 7px;

    background-color: #000

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block p {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 18px;

    margin: 0 0 42px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block {

    display: flex;

    align-items: center;

    flex-flow: wrap

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

    margin: 0 10px 0 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    cursor: pointer

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item.selected, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item:last-child .color {

    border: 1px solid #000

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item.selected:last-child .color {

    border: none

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .btn-block {

    display: flex;

    align-items: center

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn {

    width: 253px;

    height: 73px;

    display: flex;

    border: 1px solid #000;

    outline: none;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    cursor: pointer;

    transition: all .2s;

    margin: 0 10px 0 0

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn span {

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn {

    margin: 0;

    width: 253px;

    height: 73px

}



.number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn span {

    text-align: center;

    font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-size: 14px

}



.number-plate-root .number-plate-wrapper .img-container {

    position: relative;

    overflow: hidden;

    min-width: 830px;

    height: 100%

}



.number-plate-root .number-plate-wrapper .img-container img {

    height: 100%;

    width: 100%

}



.number-plate-root .number-plate-wrapper .img-container .sticker-icon {

    position: absolute;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    left: 54%;

    top: 54%

}



.number-plate-root .number-plate-wrapper .img-container .sticker-icon svg {

    height: 100%

}



.kanit-text {

    letter-spacing: 10px

}



.new-jazz-page-root p {

    margin: 0

}



.new-jazz-page-root .lb-root .table-container p {

    margin: 1em 0

}



.color-model-root.jazz_features {

    padding: 240px 0 0;

    background: #fff;

    margin: 0 0 92px

}



.color-model-root.jazz_features.zrv .bg-item {

    position: absolute;

    margin: 0 auto;

    width: 100%;

    top: -90px;

    overflow: hidden

}



.color-model-root.jazz_features.zrv .bg-item img {

    width: 100%;

    object-fit: cover;

    max-height: 1000px

}



.color-model-root.jazz_features.zrv .content-wrapper .text-item:first-child {

    margin: 0 0 38px

}



.color-model-root.jazz_features.zrv .content-wrapper .text-item h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600

}



.color-model-root.jazz_features.zrv .content-wrapper .text-item.dimensions {

    flex-wrap: wrap;

    text-align: center;

    justify-content: center

}



.color-model-root.jazz_features.zrv .content-wrapper .text-item.dimensions p {

    display: flex;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.color-model-root.jazz_features.zrv .content-wrapper .text-item.dimensions p span {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    padding: 0 0 0 8px

}



.color-model-root.jazz_features .content-wrapper {

    width: 67%

}



.color-model-root.jazz_features .content-wrapper .text-item h2, .color-model-root.jazz_features .content-wrapper .text-item p {

    color: #000

}



.color-model-root.jazz_features .content-wrapper .text-item h2 {

    font-size: 35px;

    line-height: 50px

}



.color-model-root.jazz_features .content-wrapper .text-item p {

    font-size: 18px;

    line-height: 29px

}



.color-model-root.jazz_features .content-wrapper .text-item .desc {

    display: none

}



.new-dimensions-root {

    background: linear-gradient(180deg, #3c6caf, rgba(168, 187, 201, 0) 65%, rgba(168, 187, 201, 0))

}



.new-dimensions-root .dimensions-root {

    text-align: center;

    margin: 0;

    padding: 240px 0 0

}



.new-dimensions-root .dimensions-root .features-text-block {

    max-width: 80%

}



.new-dimensions-root .dimensions-root .features-text-block p {

    color: #fff;

    font-size: 26px;

    line-height: 34px

}



.new-dimensions-root .dimension-wrapper {

    margin: 63px 0 0

}



.new-dimensions-root .dimension-wrapper p {

    margin: 0

}



.new-dimensions-root .dimension-wrapper .title-item h2 {

    font-size: 35px;

    color: #fff

}



.new-dimensions-root .dimension-wrapper .content-wrapper {

    padding: 0

}



.new-dimensions-root .basic-features-root {

    background: transparent;

    padding: 60px 0 26px

}



.new-dimensions-root .basic-features-root .basic-features-container h2 {

    color: #000;

    font-size: 35px

}



.new-dimensions-root .basic-features-root .basic-features-block h3, .new-dimensions-root .basic-features-root .basic-features-block p {

    color: #000

}



.new-dimensions-root .basic-features-root .basic-features-block .features-item .img-item {

    border: 2px solid #000

}



.detail-banner-root.jazz-model .top-main-info-root .info-block .info-item {

    white-space: normal

}



.model-discover-root .model-discover-container {

    min-height: 43vw;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.model-discover-root .model-discover-container.reverse {

    flex-direction: row-reverse

}



.model-discover-root .model-discover-container.reverse .model-discover-text-block {

    padding: 21px 6.3vw 20px 60px

}



.model-discover-root .model-discover-text-block {

    width: 58%;

    padding: 21px 40px 20px 6.3vw

}



.model-discover-root .model-discover-text-block h2 {

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px

}



.model-discover-root .model-discover-text-block p {

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

    margin: 40px 0 0

}



.model-discover-root .model-discover-text-block .detail-btn {

    margin: 30px auto 0 0;

    background-color: #bc0000;

    width: 300px

}



.model-discover-root .model-discover-text-block .detail-btn.jazz-btn {

    width: 250px;

    height: 70px;

    background-color: #e31f2e

}



.model-discover-root .model-discover-text-block .detail-btn.jazz-btn span {

    font-size: 16px

}



.model-discover-root .model-discover-text-block .detail-btn.zrv {

    height: 66px

}



.model-discover-root .model-discover-text-block .detail-btn.zrv span {

    font-size: 12px

}



.model-discover-root .model-discover-text-block .detail-btn span {

    font-size: 22px

}



.model-discover-root .model-discover-img-item {

    max-width: 1092px;

    width: 100%;

    height: 100%

}



.model-discover-root .model-discover-img-item img {

    max-width: 100%;

    display: block;

    border-radius: 20px

}



.sub-menu-root.accessory-sub-menu.sticky:before, .sub-menu-root.accessory-sub-menu:before {

    background-color: #e31f2e

}



.sub-menu-root.accessory-sub-menu.sticky ul li {

    color: #000

}



.sub-menu-root.accessory-sub-menu.sticky ul li.active {

    color: #e31f2e

}



.sub-menu-root.accessory-sub-menu.sticky ul li.active svg {

    display: block;

    opacity: 1

}



.sub-menu-root.accessory-sub-menu.sticky ul li.active svg path {

    stroke: #e31f2e

}



.sub-menu-root.accessory-sub-menu.sticky ul li.active:before {

    display: none

}



.sub-menu-root.accessory-sub-menu .content-wrapper {

    overflow: initial;

    justify-content: center;

    max-width: none

}



.sub-menu-root.accessory-sub-menu ul {

    width: 100%

}



.sub-menu-root.accessory-sub-menu ul li {

    width: auto;

    flex: 1 1

}



.sub-menu-root.accessory-sub-menu ul li.active {

    background: hsla(0, 0%, 100%, .3);

    color: #fff

}



.sub-menu-root.accessory-sub-menu ul li svg {

    display: none

}



.banner-root.accessory-banner {

    background: linear-gradient(180deg, #000, transparent)

}



.banner-root.accessory-banner .banner-container .banner-block {

    background: transparent

}



.banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

    font-size: 40px;

    line-height: 49px

}



.banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item p {

    font-size: 26px;

    line-height: 34px;

    width: 45%

}



.new-jazz-accessory-root .img-slider-root {

    margin: 60px 0 0

}



.new-jazz-accessory-root .img-slider-root .slider-container {

    max-width: 1396px

}



.new-jazz-accessory-root .img-slider-root .slider-head-block {

    margin: 0 0 50px

}



.new-jazz-accessory-root .img-slider-root .slider-head-block h2 {

    font-size: 35px

}



.new-jazz-accessory-root .img-slider-root .slider-container {

    height: 890px

}



.new-jazz-accessory-root .img-slider-root .slider-item .text-item {

    margin: 30px 0 0

}



.new-jazz-accessory-root .img-slider-root .slider-item .text-item p + p {

    margin: 30px 0 0;

    font-size: 16px;

    line-height: 24px

}



.new-jazz-accessory-root .img-slider-root .arr-item {

    top: 33%

}



.new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

    max-width: 1114px

}



.new-jazz-accessory-root .numbers-slider-root.new-jazz {

    padding: 0 120px

}



.new-engineering-root {

    background: linear-gradient(180deg, #eaeaea, #fdfdfd)

}



.new-engineering-root .engineering-container {

    padding: 155px 0 60px

}



.new-engineering-root .engineering-container h2 {

    width: 78%;

    color: #000

}



.new-engineering-root .engineering-container .engineering-block {

    margin: 0;

    grid-template-columns:auto auto auto;

    grid-gap: 32px;

    gap: 32px

}



.new-engineering-root .engineering-container .engineering-block .engineering-item {

    -webkit-filter: none;

    filter: none;

    box-shadow: none;

    background: transparent;

    height: 280px;

    padding: 40px 0 0

}



.qr-area-root img {

    max-width: 100%

}



.qr-area-root .mask-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.qr-area-root .mask-img img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.qr-area-root .img-item picture {

    display: flex

}



.qr-area-root .img-item img {

    width: 100%;

    height: 100%;

    object-fit: cover

}



.qr-area-root .qr-area-container {

    position: relative

}



.qr-area-root .qr-block {

    position: absolute;

    top: 20%;

    right: 16%

}



.qr-area-root .qr-block .btn-item {

    cursor: pointer;

    display: none;

    justify-content: center;

    align-items: center;

    width: 267px;

    height: 66px;

    background-color: #e31f2e;

    border: 1px solid #e31f2e;

    border-radius: 50px;

    transition: all .2s

}



.qr-area-root .qr-block .btn-item a {

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 11px;

    color: #fff;

    letter-spacing: 2px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500

}



.qr-area-root .qr-block .btn-item a span {

    margin: 0 0 0 10px

}



.qr-area-root .qr-block .title-item {

    margin: 0 0 30px

}



.qr-area-root .qr-block p {

    color: #fff;

    font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px;

    margin: 0

}



.model-discover-root.zrv .model-discover-container .model-discover-text-block h2 {

    margin: 0 0 30px;

    max-width: 95%

}



.model-discover-root.zrv .model-discover-container .model-discover-text-block .model-discover-text-item {

    margin: 0 0 26px

}



.model-discover-root.zrv .model-discover-container .model-discover-text-block .model-discover-text-item h3 {

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    font-size: 16px

}



.model-discover-root.zrv .model-discover-container .model-discover-text-block .model-discover-text-item p {

    font-size: 16px;

    margin: 5px 0 0;

    line-height: 24px

}



.page-section.swiper-content-root.techno .lb-root {

    overflow: hidden;

    height: 100%

}



.page-section.swiper-content-root.techno .lb-root .lb-block {

    background: #fff;

    margin: 0 auto;

    border-radius: 30px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 830px

}



.page-section.swiper-content-root.techno .lb-root .lb-block .list-items {

    padding: 50px 60px;

    text-align: center

}



.page-section.swiper-content-root.techno .lb-root .lb-block .list-items h5 {

    color: #000;

    font-size: 30px;

    font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 500;

    position: relative;

    width: -moz-fit-content;

    width: -webkit-fit-content;

    width: fit-content;

    margin: 0 auto 44px

}



.page-section.swiper-content-root.techno .lb-root .lb-block .list-items h5:after {

    content: "";

    bottom: -10px;

    left: 0;

    width: 100%;

    position: absolute;

    height: 4px;

    background-color: #000

}



.page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list li {

    font-size: 18px;

    font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

    font-weight: 400;

    line-height: 45px

}



.page-section.swiper-content-root.techno .lb-root .lb-block .list-items.last {

    background: #fafafa;

    border-radius: 0 0 30px 30px

}



.page-section.swiper-content-root.techno .lb-root .lb-block .close-item {

    position: absolute;

    right: -12px;

    top: -12px;

    cursor: pointer;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #bc0000;

    border-radius: 40px

}



.page-section.swiper-content-root.techno .lb-root .lb-block .close-item .close-icon:after, .page-section.swiper-content-root.techno .lb-root .lb-block .close-item .close-icon:before {

    background-color: #fff

}



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

    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 0 33px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block {

        padding: 0

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li {

        margin: 0 0 0 40px

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a {

        font-size: 11px

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        left: 25px

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

        right: 25px

    }



    .swiper-content-root .content-container .swiper-container {

        width: 77%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 60%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        width: 30%

    }



    .test-drive-root {

        padding: 8em 0 5em

    }



    .test-drive-root .select-car-container {

        max-width: 1420px

    }



    .test-drive-root .form-block {

        padding: 0 22vw

    }



    .test-drive-root .select-container {

        width: 52%

    }



    .test-drive-root .checkbox-container {

        padding: 0 22vw

    }



    .test-drive-root .checkbox-container .recaptcha-wrapper {

        margin: 0 0 20px 9vw

    }



    .banner-slider-root .banner-container .arr-btn-item {

        width: 10%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .left-side {

        min-width: 35%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block {

        height: 550px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i {

        margin: 0 0 0 10px

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 0 50px

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 79vh

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 10px 0 20px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        padding: 0 15px 0 0;

        height: 77%

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        margin: 0 0 20px

    }

}



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

    .banner-slider-root.logr-slider {

        height: 590px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 36px;

        line-height: 46px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 16px;

        line-height: 26px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

        width: 196px;

        height: 56px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .detail-btn span {

        font-size: 18px

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn {

        width: 72px;

        height: 72px

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn i:before {

        font-size: 55px

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn span {

        font-size: 12px;

        line-height: 20px;

        bottom: -25px

    }



    .banner-slider-root.logr-slider .arr-btn-item.next-btn .icon-left-arr {

        left: -25%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item {

        padding: 0 0 64px 110px

    }

}



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

    .sub-banner-root.survey-banner {

        height: 708px

    }



    .otv-form-direct .model-select-root .model-select-container .image-block .text-item p {

        width: 80%

    }

}



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

    .breadcrumb-root .breadcrumb-container {

        padding: 0 0 0 25px

    }



    .formula-video-container {

        margin: 50px 10vw 0

    }



    .formula-vehicle-root .content-wrapper {

        padding: 0 6vw

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item {

        margin: 0 40px 0 0;

        width: 50%

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 38px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 20px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 16px

    }



    .teams-content-root .teams-content-wrapper {

        padding: 0 6vw 0 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper {

        padding: 64px 64px 64px 6vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper {

        padding: 0 0 0 6vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 64px 6vw 64px 64px

    }



    .teams-content-root.formula-double .teams-content-wrapper {

        padding: 0 6vw 0 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper {

        padding: 64px 64px 64px 6vw

    }



    .formula-techno-root .content-wrapper {

        padding: 0 6vw

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3 {

        font-size: 38px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block p {

        font-size: 19px

    }



    .formula-point-root .content-wrapper {

        padding: 0 6vw 8em

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 85px

    }



    .formula-calculate-root .content-container {

        padding: 0 6vw

    }



    .formula-calculate-root .content-container .content-block .img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .survey-video-root .survey-video-wrapper .survey-video-container {

        padding: 0 3em 4em

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 10vw 5vw 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .img-item {

        height: 425px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item {

        padding: 50px 0 0 30px;

        width: 25%;

        height: 215px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side h3 {

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side p {

        font-size: 10px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .bot-side {

        font-size: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .img-item {

        width: 40%;

        height: 360px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .text-item {

        width: 26%;

        height: 195px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg {

        height: 390px;

        top: 35%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg h3 {

        font-size: 175px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .img-item {

        width: 60%;

        height: 420px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item {

        width: 25%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side {

        margin: 10px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side h3 {

        font-size: 45px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 {

        width: 60%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .img-item {

        height: 280px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item {

        padding: 30px 0 35px 6%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item {

        width: 57%;

        margin: -8% 0 0 5%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .img-item {

        height: 280px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .img-item {

        width: 70%;

        height: 300px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item {

        width: 40%;

        margin: -11% 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side {

        top: 58%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side h3 {

        font-size: 32px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side {

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side h3 {

        font-size: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 {

        width: 90%;

        margin: 0 0 0 5%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .img-item {

        height: 240px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item {

        padding: 15px 0 15px 6%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 {

        margin: 0 0 0 7%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .img-item {

        height: 200px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item {

        width: 65%;

        padding: 40px 0 25px 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side h3 {

        font-size: 14px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .bot-side {

        font-size: 16px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .dual-content-item {

        padding: 50px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item {

        margin: 0 0 0 60px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item {

        width: 200px;

        height: 110px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .parallelogram-item {

        width: 42%;

        height: 115px

    }



    .double-image-root {

        padding: 175px 0 110px

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block {

        padding: 90px 0 65px

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .round-shape {

        width: 400px;

        height: 400px;

        right: -200px

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item {

        width: 41%

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .bg-color {

        height: 440px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .img-item {

        height: 375px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .text-item {

        width: 75%;

        margin: 60px auto 120px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block .img-item {

        height: 290px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block .text-item {

        margin: 20px 10px 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container {

        margin: 80px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        width: 90%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

        width: 60%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

        width: 63%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item img {

        object-fit: cover

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block {

        padding: 0 0 0 30px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text {

        max-width: 70%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content {

        width: 85%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block {

        height: 620px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block .img-item {

        height: 100%

    }



    .header-root .header-container .header-block .top-block {

        padding: 0 0 0 25px;

        height: 100px

    }



    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 0 25px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

        top: 100px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root {

        top: 100px;

        height: calc(100vh - 100px)

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content {

        width: 90%

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a {

        font-size: 10px

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block {

        margin: 0 5px 0 0

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block:before {

        font-size: 18px

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky {

        right: -125px;

        width: 185px

    }



    .header-root .header-container .header-block .top-block .search-block {

        width: 100px

    }



    .top-content-block .faq-page-root .faq-root .faq-container {

        padding: 0

    }



    .search-root {

        top: 100px;

        height: calc(100vh - 100px)

    }



    .banner-root {

        padding: 100px 0 0

    }



    .banner-root .banner-container .banner-block .content-item {

        padding: 6vh 0 0 2vw

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 72px

    }



    .banner-root .scroll-btn {

        width: 55px;

        height: 120px

    }



    .banner-root .scroll-btn p {

        font-size: 8px;

        padding: 7px 27px 0 0

    }



    .banner-root .scroll-btn .mouse-wheel {

        top: 15px;

        left: 50%

    }



    .banner-root .scroll-btn .mouse-wheel:after {

        top: 14px

    }



    .banner-root.landing-banner {

        padding: 100px 0 0

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        min-width: 155px;

        margin: 0 0 0 .8vw

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content span {

        font-size: 10px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content p {

        font-size: 11px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-content {

        width: 60%

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item.next-btn {

        left: auto;

        right: 40px

    }



    .sub-banner-root {

        padding: 100px 0 0;

        height: 590px

    }



    .sub-banner-root .sub-banner-container {

        height: calc(100% - 100px);

        top: 100px

    }



    .banner-slider-root {

        padding: 100px 0 0;

        height: 590px

    }



    .banner-slider-root.zrv {

        height: 650px !important

    }



    .banner-slider-root.full-view-slider-root {

        height: 590px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        width: 60%;

        padding: 0 0 0 17em

    }



    .banner-slider-root.logr-slider {

        height: 590px

    }



    .footer-root .footer-container .footer-block {

        padding: 13em 0 5em

    }



    .footer-root .footer-container .footer-block .logo-item {

        margin: 0 0 110px

    }



    .footer-root .footer-container .bottom-block, .footer-root .footer-container .footer-block .btn-block {

        padding: 0 5em

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li, .footer-root .footer-container .bottom-block .sub-menu-block ul li + li {

        margin: 0 0 0 18px

    }



    .footer-root .footer-container .bottom-block .rights-block {

        margin: 0 0 0 2vw

    }



    .footer-root .footer-container .bottom-block .social-block ul li + li {

        margin: 0 0 0 14px

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 0 20px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li, .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li + li {

        margin: 0 0 0 18px

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0 0 0 2vw

    }



    .home-footer-root .home-footer-container .bottom-block .social-block ul li + li {

        margin: 0 0 0 14px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block {

        margin: 30px 0

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .rights-block {

        margin: 0 0 0 2vw

    }



    .select-color-root .select-color-container .select-color-block .bottom-container {

        width: 90%

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

        padding: 0 60px 0 40px

    }



    .video-root .video-container {

        padding: 0 5vw;

        height: 520px

    }



    .video-root .video-container .video-block .video-item .text-block h3 {

        font-size: 40px

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 12vw 0 14vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 40px 12vw 0 3.5vw

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 11.5vw 32px 19.6vw

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 60px

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 210px;

        max-width: 210px;

        min-width: 210px

    }



    .model-list-root .content-container .model-list-block .list-item img {

        max-width: 80%

    }



    .model-list-root .content-container .model-list-block .list-item p {

        font-size: 15px

    }



    .double-content-root .content-container .content-block .img-block {

        height: 550px

    }



    .double-content-root.t-2 .content-container .content-block .img-block {

        width: 35%

    }



    .double-content-root.y-4 .content-container .content-block .img-block .band-item {

        height: 550px

    }



    .news-root .last-news-block {

        padding: 0 50px

    }



    .news-detail-block .content-head-block .head-block h1 {

        font-size: 28px

    }



    .social-media-root .sm-container {

        padding: 0 2vw

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .sm-name {

        right: -35%

    }



    .faq-root .faq-container {

        padding: 0 3vw

    }



    .youtube-frame-container {

        padding: 0 70px

    }



    .newsletter-root .newsletter-container .image-block .text-item p {

        font-size: 21px

    }



    .newsletter-root .newsletter-container .form-root .head-item {

        padding: 10px 25px 0

    }



    .newsletter-root .newsletter-container .form-root h2 {

        margin: 0 0 15px

    }



    .newsletter-root .newsletter-container .form-root .form-block {

        padding: 0 25px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0 25px 0 15px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block .radio-button {

        margin: 20px 0 10px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block .radio-button .radio-item label span {

        font-size: 10px;

        line-height: 18px

    }



    .newsletter-root .newsletter-container .form-root .recaptcha-wrapper {

        margin: 15px 25px 0

    }



    .newsletter-root .error-container {

        margin: 0 25px 0 0

    }



    .slider-root {

        padding: 11em 0 5em

    }



    .slider-root .slider-container .slider-wrapper {

        width: 1150px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item {

        width: 350px;

        margin: 0 0 0 25px;

        height: 500px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item {

        height: 248px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block {

        padding: 2em 2em 0

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 16px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block p {

        line-height: 24px

    }



    .slider-root .slider-container .arr-btn-item {

        left: 10px

    }



    .slider-root .slider-container .arr-btn-item.next-btn {

        right: 10px

    }



    .costlist-root .cl-container {

        width: 90%

    }



    .costlist-root .cl-container .text-block {

        padding: 0 3vw

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block {

        top: 15%

    }



    .lb-root .gallery-block .img-block .img-item img {

        max-width: 75%

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        width: 78vw;

        height: 72%

    }



    .price-list-root .price-list-wrapper .double-text-block {

        padding: 0 5vw

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        max-width: 1370px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: 1091px

    }



    .model-select-root .model-select-container .image-block {

        height: 520px

    }



    .model-select-root .model-select-container .image-block .text-item p {

        font-size: 22px

    }



    .otv-root .double-content-root.t-2 .content-container .content-block .img-block {

        width: 52%

    }



    .campaign-sub-text-root .double-text-container {

        padding: 0 24px

    }



    .double-text-img-root .content-wrapper {

        padding: 0 32px

    }



    .road-sync-banner-root .banner-container {

        padding: 100px 0 0

    }



    .info-slider-root .slider-container {

        height: auto !important

    }



    .road-sync-faq .faq-root .faq-container {

        padding: 0

    }

}



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

    .footer-root .footer-container .bottom-block .rights-block {

        left: 54%

    }



    .swiper-content-root.design .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        font-size: 13px

    }

}



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

    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item {

        left: -90px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item.next-btn {

        right: -90px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 37px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 14px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 82em

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item {

        margin: 0 30px 0 0

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item:last-child {

        margin: 0

    }



    .formula-point-root .content-wrapper .double-block .content-item .upper-item img {

        max-width: 70%

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 55%

    }



    .sub-banner-root.survey-banner {

        height: 660px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container {

        max-width: 90%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .head-block {

        width: 90%;

        margin: 0 auto 60px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .left-side {

        padding: 0 5% 0 0

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .right-side p {

        margin: 20px 0 0

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block .img-item {

        height: 280px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block {

        height: 450px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .head-item h3 {

        font-size: 18px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .bot-item p {

        line-height: 20px

    }



    .form-page-root {

        padding: 12em 0 0

    }



    .form-page-root .form-container {

        padding: 0 10vw

    }



    .header-root .header-container .header-block .top-block {

        height: 90px;

        padding: 0 0 0 2vw

    }



    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 0 28px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu {

        font-size: 11px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

        top: 90px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root {

        top: 90px;

        height: calc(100vh - 90px)

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li {

        margin: 0 0 0 20px

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li a {

        font-size: 11px

    }



    .header-root .header-container .header-block .top-block .right-block i:before {

        font-size: 20px

    }



    .header-root .header-container .header-block .top-block .fix-menu {

        margin: 0 10px 0 0

    }



    .header-root .header-container .header-block .top-block .search-block {

        width: 90px

    }



    .header-root .header-container .header-block .menu-block {

        height: 65px

    }



    .header-root .header-container .header-block .menu-block ul li {

        padding: 0 10px;

        margin: 0 10px

    }



    .header-root .header-container .header-block .menu-block ul li:before {

        bottom: -30px

    }



    .header-root .header-container .header-block .submenu-block {

        height: 70px

    }



    .search-root {

        top: 90px;

        height: calc(100vh - 90px)

    }



    .banner-root {

        padding: 90px 0 0

    }



    .banner-root .banner-container .banner-block .content-item .text-block {

        padding: 0 0 0 8vw

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 68px

    }



    .banner-root.landing-banner {

        padding: 90px 0 0

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block {

        padding: 0 0 0 80px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        font-size: 66px;

        width: 85%

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item {

        padding: 0 0 0 8vw

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block {

        padding: 0 6vw

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item {

        left: 10px

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item.next-btn {

        left: auto;

        right: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item.next-btn .arr-btn i {

        left: -35%

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item .arr-btn {

        width: 40px;

        height: 40px

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item .arr-btn i:before {

        font-size: 38px

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 230px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-container + .table-container {

        padding: 0 0 4em

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item h2 {

        font-size: 14px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item span {

        font-size: 11px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn {

        margin: 0 0 0 10px;

        padding: 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn i {

        margin: 0 0 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn i:before {

        font-size: 25px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block {

        padding: 6em 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block span, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span {

        font-size: 12px

    }



    .price-list-root .price-list-wrapper .table-price-root .t-1 {

        width: 35%

    }



    .price-list-root .price-list-wrapper .table-price-root .t-2 {

        width: 22%

    }



    .price-list-root .price-list-wrapper .table-price-root .t-3 {

        width: 10%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item span {

        font-size: 13px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-1 h2 {

        font-size: 18px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-2 {

        width: 30%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-3 {

        width: 5%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 {

        width: 30%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-3 {

        width: 5%

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.vites {

        min-width: 60px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container {

        padding: 0 30px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block {

        padding: 30px 20px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item i {

        margin: 0 10px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item p {

        font-size: 18px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper {

        max-width: 730px;

        height: 75%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block {

        padding: 20px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .text-item h3 {

        font-size: 18px

    }



    .sub-banner-root {

        padding: 90px 0 0;

        height: 570px

    }



    .sub-banner-root .sub-banner-container {

        height: calc(100% - 90px);

        top: 90px

    }



    .sub-banner-root .head-text {

        top: 49.5%

    }



    .banner-slider-root {

        padding: 90px 0 0

    }



    .top-content-block .page-common-root {

        padding: 65px 80px 30px

    }



    .top-content-block .page-common-root.faq-page-root {

        padding: 50px 0

    }



    .packet-root .bg-color {

        height: 630px

    }



    .packet-root .packet-container .head-text {

        margin: 0 0 5em

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .img-item {

        height: 180px

    }



    .gallery-root .gallery-wrapper .head-block {

        padding: 80px 45px 70px

    }



    .gallery-root .gallery-wrapper .head-block .select-block {

        right: 55px;

        top: 30%

    }



    .gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 280px;

        height: 230px

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 8vw 0 12vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 40px 8vw 0 .5vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        padding: 0 0 0 8vw

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 7vw 32px 18.5vw

    }



    .swiper-content-root .content-container .tab-block {

        padding: 0 0 0 10vw

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        height: 410px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 57%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        width: 35%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn span {

        letter-spacing: 1px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 420px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 50px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        margin: 0 30px 0 0;

        min-width: 250px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 420px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 50px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        margin: 0 30px 0 0;

        min-width: 250px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper {

        height: 500px

    }



    .detail-btn {

        height: 56px

    }



    .video-root .video-container {

        height: 500px;

        padding: 0 2vw 0 4vw

    }



    .video-root .video-container .video-block .video-item .text-block h3 {

        font-size: 32px

    }



    .numbers-slider-root .slider-item .text-block h3 {

        font-size: 40px;

        color: #000;

        margin: 28px 0 32px

    }



    .numbers-slider-root .slider-item .text-block p {

        font-size: 18px;

        color: #000;

        line-height: 32px

    }



    .numbers-slider-root .slider-nav-block {

        margin: 40px 0 0

    }



    .campaigns-root .campaigns-container .image-block {

        height: 490px

    }



    .campaigns-root .campaigns-container .image-block .text-item p {

        font-size: 22px

    }



    .campaigns-root .campaigns-container .image-block .btn-item {

        width: 245px;

        height: 60px

    }



    .campaigns-root .campaigns-container .form-root .head-item {

        margin: 25px 0 0

    }



    .campaigns-root .campaigns-container .form-root .form-block {

        width: 80%

    }



    .campaigns-root .campaigns-container .form-root .form-block .input-item input {

        height: 60px

    }



    .campaigns-root .campaigns-container .form-root .btn-block {

        width: 245px;

        height: 60px

    }



    .technology-root .double-select-block .right-block {

        padding: 35px 3vw;

        justify-content: center

    }



    .technology-root .double-select-block .right-block .top-block {

        margin: 0 0 15px

    }



    .technology-root .double-select-block .right-block .top-block .head-block {

        margin: 0 0 20px

    }



    .technology-root .double-select-block .right-block .top-block .head-block h2 {

        font-size: 15px

    }



    .technology-root .double-select-block .right-block .top-block .text-block p {

        font-size: 11px;

        margin: 0 0 15px

    }



    .technology-root .double-select-block .right-block .slider-component-root {

        height: 150px

    }



    .technology-root .double-select-block .right-block .slider-component-root .img-head h3 {

        font-size: 14px

    }



    .test-drive-root .select-car-container {

        max-width: 1340px

    }



    .test-drive-root .select-car-container .select-car-wrapper {

        width: 988px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

        width: 232px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item p {

        font-size: 14px

    }



    .test-drive-root .form-block {

        padding: 0 15vw

    }



    .test-drive-root .select-container {

        width: 60%

    }



    .test-drive-root .checkbox-container {

        padding: 0 20vw

    }



    .contact-root .contact-wrapper .contact-container {

        padding: 6vh 0 3vw 5vw

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block {

        width: 33%

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block {

        width: 96%

    }



    .contact-root .contact-wrapper .contact-container .contact-block .map-block {

        width: 64%

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item {

        height: auto;

        width: 455px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item {

        height: 66px;

        padding: 4px 22px 0

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-time {

        min-width: 80px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item {

        height: 140px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item + .result-item {

        margin: 0 0 0 30px

    }



    .select-color-root {

        height: 760px

    }



    .newsletter-root .newsletter-container .image-block {

        margin: 0 1vw 0 0

    }



    .newsletter-root .newsletter-container .image-block .text-item p {

        font-size: 20px

    }



    .newsletter-root .newsletter-container .form-root {

        flex: 1.2 1

    }



    .newsletter-root .newsletter-container .form-root .head-item {

        padding: 10px 20px 0

    }



    .newsletter-root .newsletter-container .form-root .head-sub-text, .newsletter-root .newsletter-container .form-root h2 {

        font-size: 22px

    }



    .newsletter-root .newsletter-container .form-root p {

        margin: 0 0 30px

    }



    .newsletter-root .newsletter-container .form-root .form-block {

        padding: 0 20px

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-item input {

        height: 55px;

        font-size: 13px

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-item .err-item {

        bottom: 12px;

        right: 5px;

        width: 25px;

        height: 25px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0 30px 0 10px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block .radio-button .radio-item label span {

        font-size: 9px;

        line-height: 14px

    }



    .newsletter-root .newsletter-container .form-root .btn-block {

        height: 55px

    }



    .hardware-root {

        padding: 10em 0

    }



    .hardware-root .hardware-container {

        padding: 0 0 0 30px

    }



    .hardware-root .hardware-container .wheel-block {

        margin: 0 3% 0 0

    }



    .hardware-root .hardware-container .hardware-content .img-item {

        height: 450px

    }



    .hardware-root .hardware-container .hardware-content .text-block {

        width: 42%;

        padding: 0 30px

    }



    .tecnical-detail-root {

        padding: 70px 0 50px

    }



    .tecnical-detail-root .head-block h2 {

        margin: 0 0 50px

    }



    .tecnical-detail-root .td-container {

        padding: 55px 30px 0

    }



    .tecnical-detail-root .td-container .image-block {

        width: 81%

    }



    .tecnical-detail-root .td-container .right-block {

        padding: 0 0 0 50px

    }



    .tecnical-detail-root .td-container .right-block .right-head-text {

        font-size: 40px;

        margin: 0 0 5vh

    }



    .accesories-root .accesories-container .slider-wrapper {

        width: 1060px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block {

        height: 400px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item {

        width: 300px;

        height: 300px;

        margin: 0 10px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

        width: 400px;

        height: 400px

    }



    .accesories-root .accesories-container .buttons .arr-btn-item {

        left: 15px
    }



    .accesories-root .accesories-container .buttons .arr-btn-item.next-btn {

        right: 15px;

        left: auto

    }



    .accesories-root .accesories-container .question-block {

        right: 5px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block {

        margin: 0 3% 0 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

        width: 745px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block {

        height: 400px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 300px;

        height: 300px;

        margin: 0 10px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active {

        width: 400px;

        height: 400px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 29%;

        padding: 0 10px

    }



    .full-lb-root .lb-block .text-block {

        width: 85%

    }



    .full-lb-root .lb-block .buttons .arr-btn-item {

        left: 80px

    }



    .full-lb-root .lb-block .buttons .arr-btn-item.next-btn {

        left: auto;

        right: 80px

    }



    .footer-root .footer-container .bottom-block {

        padding: 0 2em

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li a {

        font-size: 9px

    }



    .footer-root .footer-container .bottom-block .rights-block {

        left: 50%

    }



    .footer-root .footer-container .bottom-block .rights-block p {

        font-size: 9px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li a {

        font-size: 9px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li + li {

        margin: 0 0 0 10px

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        font-size: 9px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block {

        padding: 0 10px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .rights-block p, .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li a {

        font-size: 9px

    }



    .model-select-root .model-select-container .image-block {

        height: 450px

    }



    .model-select-root .model-select-container .image-block .text-item p {

        font-size: 19px

    }



    .road-sync-banner-root .banner-container {

        padding: 90px 0 0

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        width: 77%;

        height: 66%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item {

        padding: 0 0 48px 100px;

        width: 50%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

        font-size: 34px;

        line-height: 44px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item p {

        margin: 36px 0 0;

        font-size: 18px;

        line-height: 28px

    }



    .new-cycle-gallery-root .gallery-wrapper .head-block {

        padding: 0 0 60px

    }

}



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

    .price-list-root .model-list-root .content-container .model-list-block .list-item {

        height: 160px;

        max-width: 160px;

        min-width: 160px

    }



    .price-list-root .model-list-root .content-container .model-list-block .list-item img {

        max-width: 85%

    }



    .price-list-root .model-list-root .content-container .model-list-block .list-item p {

        font-size: 13px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        max-width: 1100px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: 841px

    }

}



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

    .footer-root .footer-container .bottom-block .rights-block {

        left: 54%

    }



    .form-page-root.chassis-form-root .mini-slider-root {

        padding: 0

    }



    .form-page-root.chassis-form-root .mini-slider-root .head-text {

        display: none

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item {

        left: 17px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item.next-btn {

        right: 17px

    }



    .form-page-root.chassis-form-root .slider-container {

        max-width: 1065px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item + .slider-item {

        margin: 0 0 0 65px

    }



    .formula-vehicle-root .content-wrapper {

        padding: 0 3vw

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item:first-child .upper-item img {

        bottom: 60px

    }



    .teams-content-root .teams-content-wrapper {

        padding: 0 3vw 0 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper {

        padding: 64px 32px 64px 3vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper {

        padding: 0 0 0 3vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 64px 3vw 64px 32px

    }



    .teams-content-root.formula-double .teams-content-wrapper {

        padding: 0 3vw 0 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper {

        padding: 64px 32px 64px 3vw

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block {

        padding: 10px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block h3 {

        font-size: 28px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block p {

        font-size: 14px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block .video-open-item p {

        font-size: 11px

    }



    .formula-techno-root .content-wrapper {

        padding: 0 3vw

    }



    .formula-point-root .content-wrapper {

        padding: 0 3vw 8em

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 75px

    }



    .formula-point-root .content-wrapper .double-block .content-item .box-item {

        padding: 15px

    }



    .formula-calculate-root .content-container {

        padding: 0 3vw

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

        padding: 0 10px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        font-size: 12px

    }



    .sub-banner-root.survey-banner {

        height: 617px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block {

        max-width: 88%

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block {

        height: 290px;

        padding: 15px 10px 20px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3 {

        font-size: 13px;

        line-height: 21px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

        width: 78.4%;

        top: 32%

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item {

        width: 85%

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

        font-size: 12px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block {

        padding: 15px 20px;

        overflow: auto

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block p {

        line-height: 22px

    }



    .full-content-root .full-content-wrapper .full-content-container .text-block {

        min-width: 85%

    }



    .full-content-root .full-content-wrapper .full-content-container .text-block .text-item p {

        font-size: 11px;

        line-height: 20px

    }



    .full-content-root .full-content-wrapper .full-content-container h2 {

        font-size: 20px

    }



    .full-content-root .full-content-wrapper .img-item {

        height: 535px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        max-width: 85%

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .left-item .top-block .img-item {

        height: 315px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .bottom-block {

        padding: 15px 44px 15px 50px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

        padding: 15px 30px 15px 35px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .img-item {

        height: 290px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block h3 {

        font-size: 24px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block p.desc {

        font-size: 13px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block {

        justify-content: flex-start;

        max-width: 90%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item {

        width: 250px;

        height: 250px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item .img-item {

        height: 100%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 {

        margin: 0 0 0 12%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img .shape-item {

        width: 250px;

        height: 250px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 {

        margin: 0 0 0 12%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img .shape-item {

        width: 250px;

        height: 250px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block {

        width: 42%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .right-item {

        margin: 0 0 0 10%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 {

        margin: 0 0 0 4%

    }



    .double-text-block .left-block {

        width: 45%

    }



    .double-text-block .right-block {

        width: 50%;

        margin: 0

    }



    .double-text-block p.desc {

        font-size: 14px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .img-item {

        width: 35%;

        height: 480px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item {

        height: 130px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left p {

        margin: 0 0 15px 20px;

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid h3 {

        margin: 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block {

        margin: 25px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block {

        height: 330px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item {

        width: 18%;

        height: 140px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-2 {

        top: 90px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-3 {

        top: 180px

    }



    .header-root .header-container .header-block .top-block {

        height: 80px

    }



    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 0 5px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

        top: 80px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root {

        top: 80px;

        height: calc(100vh - 80px)

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child .bottom-block p {

        font-size: 18px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu {

        font-size: 9px

    }



    .header-root .header-container .header-block .top-block .submenu-block .logo-item img {

        width: 50px

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li {

        margin: 0 0 0 15px

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a {

        font-size: 9px

    }



    .header-root .header-container .header-block .top-block .search-block {

        width: 80px

    }



    .search-root {

        top: 80px;

        height: calc(100vh - 80px)

    }



    .sub-banner-root {

        padding: 80px 0 0;

        height: 550px

    }



    .sub-banner-root .sub-banner-container {

        height: calc(100% - 80px);

        top: 80px

    }



    .banner-slider-root {

        padding: 80px 0 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container h2 {

        padding: 9vw 0 0;

        font-size: 46px

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 7vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 40px 7vw 0 0

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 33.5%;

        padding: 0 0 0 3vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item:before {

        width: 70px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 7vw 32px 14.5vw

    }



    .top-content-block .page-common-root.compare-page-root {

        padding: 7.5vh 50px 30px

    }



    .test-drive-root .head-item p {

        padding: 0 20px

    }



    .test-drive-root .first-step .select-car-container {

        padding: 0 0 0 20px

    }



    .test-drive-root .first-step .form-block {

        padding: 0 20px

    }



    .news-root .news-list-container .news-list-block .news-item .img-item {

        height: 170px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item h3 {

        font-size: 15px;

        height: 105px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item .detail-btn, .news-root.news-widget .news-list-container .news-list-block .news-item .text-item .detail-btn {

        height: 50px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 31%

    }



    .youtube-frame-container {

        width: 100%

    }



    .youtube-frame-container.onlyOne .youtube-frame-block {

        height: calc(100vh - 200px)

    }



    .slider-root .slider-container .slider-wrapper {

        width: 980px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item {

        width: 300px;

        height: 470px;

        margin: 0 0 0 20px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item {

        height: 210px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 15px;

        line-height: 24px

    }



    .banner-root, .banner-root.landing-banner {

        padding: 80px 0 0

    }



    .formula-one-banner .head-block {

        width: auto

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        margin: 0 auto 75px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

        font-size: 24px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p {

        font-size: 10px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p.desc {

        font-size: 13px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

        height: 400px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: calc(100vh - 100px)

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

        font-size: 24px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        padding: 90px 0 0

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

        padding: 15px 44px 15px 50px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item {

        margin: 0 0 0 10%

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item h3 {

        margin: 0 0 20px;

        font-size: 22px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item {

        margin: 25px 0 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p {

        margin: 0 0 15px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.desc {

        line-height: 24px;

        font-size: 13px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item {

        width: 88%;

        height: auto;

        margin: 0 auto 30px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block {

        height: 650px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i:before {

        font-size: 10px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

        font-size: 10px;

        margin: 0 0 3px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

        width: 92%

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 82vh;

        padding: 45px 35px 45px 50px;

        width: 78%

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 10px 0 20px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        height: 76%

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        margin: 0 0 30px

    }



    .lb-root.hardware-lb .lb-block.t-2 .detail-btn {

        margin: 0 auto

    }



    .price-list-root .price-list-wrapper .double-text-block {

        padding: 0 20px

    }



    .price-list-root .price-list-wrapper .double-text-block .left-block {

        width: 50%

    }



    .price-list-root .price-list-wrapper .double-text-block .right-block {

        width: 50%;

        margin: 0 0 0 20px

    }



    .price-list-root .price-list-wrapper .double-text-block p.desc {

        font-size: 14px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .t-1 {

        width: 85%

    }



    .road-sync-banner-root .banner-container {

        padding: 80px 0 0

    }



    .cycle-model-root {

        padding: 120px 0 0

    }

}



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

    .formula-head-text {

        margin: 0 0 60px

    }



    .formula-head-text p {

        margin: 50px auto 5em;

        font-size: 20px

    }



    .formula-video-container .formula-video-block {

        height: 280px

    }



    .formula-video-container .formula-video-block .text-item p {

        font-size: 28px;

        line-height: 15px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        top: 0

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item img {

        max-width: 80%

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block {

        padding: 50px 40px 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 18px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 13px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper {

        padding: 32px 32px 32px 3vw

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .content-item .text-block {

        padding: 20px 20px 15px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block h3 {

        line-height: 45px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block p {

        font-size: 14px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block span {

        font-size: 12px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item {

        width: 290px;

        height: 70px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item .img-item {

        width: 50px;

        height: 50px;

        min-width: 50px

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 32px 3vw 32px 32px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper {

        padding: 32px 32px 32px 3vw

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block {

        width: 60%

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block span {

        font-size: 11px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block h3 {

        font-size: 26px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block p {

        font-size: 13px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .img-block {

        width: 40%

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block {

        padding: 0 2vw 0 0

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3 {

        font-size: 35px;

        line-height: 42px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block p {

        font-size: 18px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 78em

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p {

        font-size: 14px

    }



    .formula-point-root .content-wrapper .double-block .content-item img {

        max-width: 80%

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 68px

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 62%

    }



    .formula-calculate-root .content-container .content-block .text-block {

        padding: 0 2vw 0 0

    }



    .formula-calculate-root .content-container .content-block .text-block h3 {

        font-size: 28px

    }



    .formula-calculate-root .content-container .content-block .text-block p {

        font-size: 16px

    }



    .formula-calculate-root .content-container .content-block .text-block .info-item p {

        font-size: 15px

    }



    .sub-banner-root.survey-banner {

        height: 580px

    }



    .electrification-root .evolve-area-root {

        padding: 0 0 50px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        padding: 0 9%

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 {

        width: 100%;

        left: 0;

        padding: 0 20px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 br {

        display: none

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .bottom-block {

        padding: 0 15px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .text-item {

        padding: 50px 0 0

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block h3 br {

        display: none

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

        padding: 0 15px

    }



    .electrification-root .concepts-content-root {

        padding: 0 0 50px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container {

        display: block

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block {

        width: 100%;

        padding: 50px 30px;

        margin: 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item {

        margin: 0;

        padding: 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item {

        border-bottom: 4px solid #e31f2e;

        max-width: 100%;

        width: 100%

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item h3 {

        font-size: 16px;

        line-height: 24px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item {

        margin: 25px 0 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p {

        margin: 0 0 25px;

        display: none

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.desc {

        display: block;

        font-size: 14px;

        line-height: 22px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.active {

        display: block

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block {

        display: flex

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block p {

        display: block;

        margin: 0 0 0 15px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item {

        width: 100%

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block {

        width: 100%;

        height: 342px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i {

        margin: 0 0 0 5px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i:before {

        font-size: 10px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

        font-size: 10px;

        padding: 5px 0 0

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3 {

        font-size: 12px;

        line-height: 16px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

        width: 92%

    }



    .full-content-root .full-content-wrapper .full-content-container .img-item {

        height: 600px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container {

        overflow: hidden

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item {

        max-width: 75%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item h3 {

        font-size: 23px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item i:before {

        font-size: 68px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block {

        max-width: 85%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3 {

        font-size: 21px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3:after {

        margin: 15px auto 0;

        width: 195px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block p {

        max-width: 80%;

        margin: 30px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block {

        padding: 110px 40% 90px 41%;

        overflow: auto

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item i:before {

        font-size: 28px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item h3 {

        font-size: 24px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item p {

        font-size: 10px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg {

        height: 280px;

        top: 38%

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item {

        width: 46%

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item h3 {

        font-size: 20px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .img-item {

        height: 290px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .text-item {

        margin: 20px 10px 0 21px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block {

        margin: 160px 0 0 -75px;

        width: 37%

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block .img-item {

        height: 280px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        margin: 0 auto 90px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 {

        align-items: flex-start;

        margin: 0 0 55px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text {

        margin: 0 0 50px;

        max-width: 50%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3 {

        font-size: 18px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3:after {

        margin: 20px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content {

        width: 90%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block {

        width: 60%;

        height: 290px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 {

        margin: 0 auto 90px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: 435px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

        font-size: 20px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3:after {

        margin: 20px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block {

        height: 330px;

        top: 15%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

        top: 80px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item {

        margin: 20px 0;

        height: 90px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn {

        top: 45px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

        width: 90%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        margin: 1.2vh 0 0 1.2vw;

        height: 24vh;

        min-width: 140px;

        max-width: 140px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:first-child {

        margin: 1.2vh 0 0 1.2vw

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .img-hover {

        height: 32vh

    }



    .header-root .header-container .header-block .submenu-block ul li {

        padding: 0 5px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item, .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item .img-item {

        width: 160px;

        height: 160px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

        height: 60%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container h2 {

        padding: 12vw 0 0

    }



    .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 200px

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 62px

    }



    .banner-root .scroll-btn {

        width: 45px;

        height: 110px

    }



    .banner-root .scroll-btn p {

        padding: 6px 25px 0 0

    }



    .banner-root .scroll-btn .mouse-wheel {

        height: 20px;

        top: 10px

    }



    .banner-root .scroll-btn .mouse-wheel:after {

        width: 3px;

        top: 12px

    }



    .banner-root.landing-banner .list-block ul li {

        padding: 15px 0 25px

    }



    .banner-root.landing-banner .list-block ul li span {

        margin: 25px 0 0;

        font-size: 12px

    }



    .banner-root.landing-banner .list-block ul li i:before {

        font-size: 27px

    }



    .lb-root .gallery-block .arr-btn-item {

        -webkit-transform: none;

        transform: none;

        top: auto;

        bottom: 10vh;

        left: 40%;

        padding: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center

    }



    .lb-root .gallery-block .arr-btn-item.next-btn {

        right: 38%;

        left: auto

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 57%

    }



    .landing-slide-root .landing-container .head-container ul.head-list {

        overflow-x: auto

    }



    .landing-slide-root .landing-container .head-container ul.head-list li {

        min-width: 175px

    }



    .banner-slider-root {

        height: 530px

    }



    .banner-slider-root.zrv {

        height: 600px !important

    }



    .banner-slider-root.full-view-slider-root {

        height: 480px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 36px;

        line-height: 40px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 16px;

        line-height: 25px

    }



    .banner-slider-root.logr-slider {

        height: 540px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block {

        width: 35%

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .text-item {

        margin: 0 0 24px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 30px;

        line-height: 40px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 15px;

        line-height: 22px;

        margin: 16px 0 0

    }



    .banner-slider-root.logr-slider .arr-btn-item {

        width: 10%

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn {

        width: 55px;

        height: 55px

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn i:before {

        font-size: 45px

    }



    .banner-slider-root.logr-slider .arr-btn-item .arr-btn span {

        font-size: 10px

    }



    .banner-slider-root.logr-slider .arr-btn-item.next-btn {

        width: 10%

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        width: 70%

    }



    .footer-root .footer-container .bottom-block {

        flex-direction: column-reverse

    }



    .footer-root .footer-container .bottom-block .sub-menu-block {

        justify-content: center;

        margin: 0 0 5px

    }



    .footer-root .footer-container .bottom-block .rights-block {

        position: static;

        -webkit-transform: none;

        transform: none

    }



    .footer-root .footer-container .bottom-block .social-block {

        justify-content: center;

        display: flex;

        margin: 0 0 30px

    }



    .footer-root .footer-container .bottom-block .social-block ul li {

        margin: 0 0 0 43px

    }



    .footer-root .footer-container .bottom-block .social-block ul li + li {

        margin: 0 0 0 32px

    }



    .home-footer-root .home-footer-container .bottom-block {

        flex-direction: column-reverse

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        justify-content: center;

        margin: 0 0 5px

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        position: static;

        -webkit-transform: none;

        transform: none

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        justify-content: center;

        display: flex;

        margin: 0 0 30px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block ul li {

        margin: 0 0 0 43px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block ul li + li {

        margin: 0 0 0 32px

    }



    .packet-root .bg-color {

        height: 558px

    }



    .packet-root .packet-container {

        padding: 60px 0 0

    }



    .packet-root .packet-container .slider-wrapper {

        padding: 0 40px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item {

        margin: 0 .5%

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .img-item {

        height: 160px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .text-item {

        padding: 0 15px;

        height: 200px;

        margin: 20px 0 25px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .text-item h4 {

        font-size: 18px;

        margin: 20px 0 15px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .text-item ul li {

        margin: 0 0 10px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn {

        width: 210px;

        height: 48px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .detail-btn p {

        font-size: 11px

    }



    .inclusive-root .inclusive-container .menu-block {

        width: 90%

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item {

        padding: 30px 25px

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 5vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 40px 5vw 0 0

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 31.8%;

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item:before {

        width: 50px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 5vw 32px 12.2vw

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper {

        height: 350px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        font-size: 11px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .discover-btn {

        width: 135px;

        height: 35px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .discover-btn span {

        font-size: 12px

    }



    .swiper-content-root .content-container .tab-block {

        padding: 0 0 0 7vw

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        min-width: 110px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        height: 320px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 55%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        margin: 0 0 0 25px;

        width: 39%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h5 {

        font-size: 16px;

        line-height: 22px;

        margin: 0 0 10px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn {

        margin: 0 auto 15px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 320px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 30px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        font-size: 11px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        font-size: 13px;

        margin: 10px 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        padding: 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        min-width: 210px;

        margin: 0 15px 0 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

        letter-spacing: 1px;

        font-size: 10px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 320px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 30px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        font-size: 11px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        font-size: 13px;

        margin: 10px 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        padding: 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        min-width: 210px;

        margin: 0 15px 0 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

        letter-spacing: 1px;

        font-size: 10px

    }



    .arr-btn-item span {

        font-size: 10px

    }



    .arr-btn-item .arr-btn {

        width: 55px;

        height: 55px;

        box-shadow: 0 12px 15px rgba(0, 0, 0, .06)

    }



    .arr-btn-item .arr-btn i:before {

        font-size: 45px

    }



    .form-page-root .form-container .detail-btn {

        width: 20vw;

        height: 60px

    }



    .detail-btn {

        height: 46px

    }



    .detail-btn span {

        font-size: 10px

    }



    .price-list-root .detail-btn {

        width: 250px

    }



    .price-list-root .detail-btn.white {

        width: 100%

    }



    .test-drive-root .select-car-container .select-car-wrapper {

        width: 736px

    }



    .test-drive-root .form-block {

        padding: 0 13vw

    }



    .test-drive-root .selected-car-block {

        width: 600px

    }



    .test-drive-root .select-container {

        width: 70%

    }



    .test-drive-root .checkbox-container {

        padding: 0 15vw

    }



    .test-drive-root .detail-btn {

        padding: 0 50px

    }



    .news-root .last-news-block .img-item {

        width: 55%

    }



    .news-root .last-news-block .text-block .text-item h3 {

        font-size: 20px;

        margin: 0 0 10px

    }



    .news-root .news-list-container .news-list-block .news-item .img-item {

        height: 140px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item {

        padding: 15px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item h3 {

        font-size: 14px;

        height: 90px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 34%

    }



    .double-content-root .content-container .content-block .img-block {

        height: 470px

    }



    .double-content-root .content-container .content-block .img-block .band-item {

        width: 20px;

        height: 210px

    }



    .double-content-root .content-container .content-block .text-block {

        width: 40%

    }



    .double-content-root .content-container .content-block .text-block h3 {

        font-size: 40px;

        margin: 30px 0 15px -8vw

    }



    .double-content-root .content-container .content-block .text-block p {

        margin: 0 0 15px

    }



    .double-content-root .content-container .content-block .text-block .detail-btn {

        margin: 50px 0 0

    }



    .double-content-root.t-2 .content-container .content-block .img-block {

        width: 35%

    }



    .double-content-root.y-4 .content-container .content-block .img-block {

        height: 470px

    }



    .double-content-root.y-4 .content-container .content-block .img-block .band-item {

        width: 20px;

        height: 210px

    }



    .news-detail-block .content-head-block .head-block {

        margin: 0 45px 0 0

    }



    .news-detail-block .content-head-block .head-block .back-btn {

        margin: 0 0 15px

    }



    .news-detail-block .content-head-block .head-block h1 {

        font-size: 25px

    }



    .news-detail-block .content-head-block .head-block h2 {

        font-size: 14px

    }



    .news-detail-block .content-head-block .content-block p {

        font-size: 11px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .img-item {

        width: 350px;

        height: 420px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block {

        padding: 2em

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .img-item {

        width: 40%

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .sm-name {

        font-size: 40px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block {

        flex-direction: column-reverse

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block {

        justify-content: center;

        margin: 0 0 5px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block .rights-block {

        position: static;

        -webkit-transform: none;

        transform: none

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block {

        display: flex;

        justify-content: center;

        margin: 0 0 30px

    }



    .model-select-root .model-select-container .image-block {

        height: 450px

    }



    .model-select-root .model-select-container .image-block .text-item p {

        font-size: 20px;

        line-height: 30px

    }



    .model-select-root .model-select-container .image-block .btn-item {

        bottom: 50px

    }



    .otv-root {

        padding: 0 20px

    }



    .otv-root .text-head-block h2 {

        font-size: 24px !important

    }



    .otv-root .double-content-root h2 {

        font-size: 18px !important

    }



    .otv-root .double-content-root p strong {

        top: 15px

    }



    .otv-root .double-content-root.t-2 .content-container .content-block .img-block {

        width: 52%

    }



    .double-text-img-root .content-block .text-item {

        width: 80%

    }



    .road-sync-double-text .content-wrapper .content-container .content-block .text-block .text-item {

        width: 100%

    }



    .road-sync-double-text .content-wrapper .content-container .content-block .text-block .text-item p {

        line-height: 24px

    }



    .sync-more-detail-root h2 {

        max-width: 70%

    }

}



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

    .credit-root .credit-content-block .info-block .test-drive-root {

        display: flex;

        flex-direction: column;

        align-items: center

    }



    .credit-root .credit-content-block .info-block .test-drive-root .select-car-container {

        max-width: 1030px;

        padding: 0 90px;

        margin: 5px -90px

    }



    .cycle-model-root .head-title-item {

        margin: 0 0 60px

    }



    .cycle-model-root .model-text-block {

        margin: 10px 0 22px

    }



    .cycle-model-root .model-text-block p {

        text-align: center

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list-root:nth-child(2n) {

        background: transparent;

        margin: 0

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list {

        flex-direction: column;

        max-width: 972px;

        padding: 0 0 80px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model {

        margin: 0;

        justify-content: center

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model p {

        font-size: 20px;

        letter-spacing: 4px;

        -webkit-writing-mode: horizontal-tb;

        writing-mode: initial;

        -webkit-transform: none;

        transform: none

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model p:after {

        content: "";

        height: 2px;

        width: 50%;

        position: static

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block {

        width: 100%;

        display: flex;

        flex-direction: column-reverse

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-container {

        width: 100%;

        overflow: hidden

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block {

        transition: all .5s cubic-bezier(.64, 0, .36, 1);

        white-space: nowrap;

        display: block;

        height: 210px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item {

        border: none;

        width: 200px;

        height: 100%;

        min-width: auto;

        max-width: none;

        margin: 0 0 0 16px;

        display: inline-flex;

        flex-direction: column;

        justify-content: space-between;

        padding: 13px 0 15px;

        background-color: #eee;

        opacity: .3

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item.active {

        opacity: 1

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item:first-child {

        margin: 0

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item:hover .img-hover {

        display: none

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item:hover p {

        color: #e31f2e

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .img-content {

        width: 91.25%;

        height: 125px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .text-content {

        position: static;

        -webkit-transform: none;

        transform: none;

        white-space: normal

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .text-content p {

        margin: 0

    }



    .cycle-model-root .nav-block {

        margin: 30px 0 0;

        display: block;

        white-space: nowrap;

        transition: all .5s cubic-bezier(.64, 0, .36, 1);

        text-align: center

    }



    .cycle-model-root .nav-block span {

        display: inline-block;

        vertical-align: middle;

        width: 10px;

        height: 10px;

        border-color: #d1d1d1;

        min-width: auto

    }



    .cycle-model-root .nav-block span.active {

        width: 17px;

        height: 17px

    }

}



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

    .form-page-root.chassis-form-root .slider-container {

        max-width: 867px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item {

        width: 400px;

        min-width: 400px

    }



    .opa-appointment-big-root .oap-tooltip-container {

        right: 245px

    }



    .dealer-btn-item {

        width: 220px;

        height: 75px

    }



    .dealer-btn-item span {

        font-size: 14px

    }



    .oap-time-btn-item {

        width: 220px;

        height: 75px

    }



    .oap-time-btn-item .text-item span {

        font-size: 14px

    }



    .oap-time-btn-item .text-item p {

        font-size: 11px

    }



    .formula-video-container .formula-video-block {

        height: 250px

    }



    .formula-video-container .formula-video-block .text-item p {

        font-size: 26px;

        line-height: 30px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 35px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item img {

        max-width: 75%

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

        width: 34%;

        margin: 0 40px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 17px
    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block {

        width: 66%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item {

        width: 270px;

        height: 70px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block h3 {

        font-size: 25px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block p {

        font-size: 12px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 72em

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        left: 16px

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

        right: 16px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

        flex-direction: column;

        justify-content: center;

        padding: 0 10px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block {

        margin: 0 0 5px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block .number-item:before {

        left: -12px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        margin: 0 0 0 20px

    }



    .survey-thanks-block .survey-thanks-item .text-item, .survey-video-msg-block .survey-video-msg-item .text-item {

        width: 70%

    }



    .sub-banner-root.survey-banner {

        height: 560px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 15vw 5vw 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container {

        margin: 80px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        width: 90%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

        font-size: 26px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3:after {

        width: 144px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

        width: 62%;

        margin: 0 10px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p {

        margin: 0;

        font-size: 11px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block {

        height: 190px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item {

        height: 90px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-2 {

        top: 50px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-3 {

        top: 100px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

        height: 210px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item {

        height: 210px;

        max-width: 210px;

        min-height: 210px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item img {

        max-width: 85%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item img.hover-img {

        max-width: 100%

    }



    .header-root .header-container .header-block .menu-block ::-webkit-scrollbar {

        display: none

    }



    .header-root .header-container .header-block .menu-block ul {

        white-space: nowrap;

        width: 100%;

        overflow-x: auto;

        overflow-y: hidden;

        justify-content: normal

    }



    .header-root .header-container .header-block .menu-block ul li {

        padding: 0 8px;

        margin: 0 8px

    }



    .header-root .header-container .header-block .menu-block ul li:before {

        bottom: -26px

    }



    .header-root .header-container .header-block .submenu-block {

        text-align: center

    }



    .header-root .header-container .header-block .submenu-block ::-webkit-scrollbar {

        display: none

    }



    .header-root .header-container .header-block .submenu-block ul {

        white-space: nowrap;

        display: block;

        overflow: auto

    }



    .header-root .header-container .header-block .submenu-block ul li {

        display: inline-block;

        margin: 0 10px;

        padding: 30px 5px 0

    }



    .header-root .header-container .header-block .submenu-block ul li:before {

        bottom: 0

    }



    .sub-banner-root {

        height: 500px

    }



    .sub-banner-root .head-text h1 {

        font-size: 32px

    }


    .top-content-block .page-common-root {

        margin: -10em 0 0;

        padding: 55px 50px 30px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container {

        width: 100%;

        height: 70px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

        max-width: 55%

    }



    .newsletter-root .newsletter-container .image-block .text-item p {

        font-size: 18px;

        margin: 40px 0 50px;

        line-height: 34px

    }



    .newsletter-root .newsletter-container .image-block .btn-item {

        height: 55px

    }



    .newsletter-root .newsletter-container .form-root {

        flex: 1.4 1

    }



    .newsletter-root .newsletter-container .form-root .head-item {

        padding: 15px 10px 0

    }



    .newsletter-root .newsletter-container .form-root h2 {

        font-size: 20px

    }



    .newsletter-root .newsletter-container .form-root p {

        margin: 0 0 20px;

        line-height: 20px

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-item input {

        height: 50px;

        font-size: 12px;

        padding: 22px 30px 22px 8px

    }



    .newsletter-root .newsletter-container .form-root .recaptcha-wrapper {

        margin: 20px 20px 0

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0 20px 0 10px

    }



    .newsletter-root .newsletter-container .form-root .btn-block {

        height: 50px;

        margin: 15px auto

    }



    .slider-root .slider-container .slider-wrapper {

        width: 840px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item {

        width: 260px;

        height: 460px;

        margin: 0 0 0 15px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item {

        height: 200px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 14px;

        line-height: 22px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block p {

        line-height: 22px;

        font-size: 13px

    }



    .hardware-root .hardware-container .wheel-block {

        padding: 40px 0 0

    }



    .hardware-root .hardware-container .wheel-block .tab-slider-block {

        height: 290px

    }



    .hardware-root .hardware-container .wheel-block ul li p:before {

        bottom: -9px

    }



    .hardware-root .hardware-container .hardware-content .img-item {

        height: 370px

    }



    .hardware-root .hardware-container .hardware-content .text-block h4 {

        margin: 0 0 15px;

        font-size: 16px

    }



    .hardware-root .hardware-container .hardware-content .text-block p {

        margin: 0 0 30px;

        line-height: 24px

    }



    .tecnical-detail-root .head-block ul li {

        margin: 0 25px

    }



    .tecnical-detail-root .td-container .image-block {

        flex: 1 1;

        width: auto

    }



    .tecnical-detail-root .td-container .right-block {

        flex: 1 1

    }



    .tecnical-detail-root .td-container .right-block .right-head-text {

        font-size: 32px

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item {

        margin: 0 0 25px

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item:nth-child(2n) {

        margin: 0 0 25px 4%

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item .right-sub-head {

        margin: 0 0 5px

    }



    .tecnical-detail-root .td-container .right-block .bottom-block .detail-block {

        width: auto

    }



    .tecnical-detail-root .td-container .right-block .bottom-block .share-block .pdf-item {

        margin: 0 15px 10px 10px

    }



    .accesories-root .accesories-container .slider-wrapper {

        width: 870px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block {

        height: 330px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item {

        width: 240px;

        height: 240px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .accessory-text, .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 16px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block p {

        bottom: 25px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

        width: 330px;

        height: 330px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block {

        padding: 15px 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p:before {

        bottom: -9px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

        width: 600px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block {

        height: 330px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 240px;

        height: 240px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 16px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block p {

        bottom: 25px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active {

        width: 330px;

        height: 330px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 30%

    }



    .cookies-container .cookies-block {

        padding: 10px 25px

    }



    .cookies-container .cookies-block .text-item {

        padding: 0

    }

}



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

    .formula-head-text p {

        width: 70%

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 31px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item:first-child .upper-item img {

        bottom: 40px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

        margin: 0 30px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 16px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item {

        margin: 0 10px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box {

        margin: 0 0 10px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box span {

        font-size: 10px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 11px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item.last .box:first-child {

        margin: 0 10px 10px 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block p {

        font-size: 13px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item {

        width: 245px;

        height: 65px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item .img-item {

        width: 45px;

        height: 45px;

        min-width: 45px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .content-item .text-block {

        padding: 10px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block {

        width: 49%

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block p {

        margin: 20px 0 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block p:before {

        top: -10px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 65em

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3 {

        font-size: 33px;

        line-height: 38px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block p {

        font-size: 16px

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p {

        font-size: 13px

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 65px

    }



    .formula-point-root .content-wrapper .double-block .content-item .text {

        font-size: 22px

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 72%

    }



    .formula-calculate-root .content-container .content-block .text-block h3 {

        font-size: 26px

    }



    .formula-calculate-root .content-container .content-block .text-block p {

        font-size: 14px

    }



    .formula-calculate-root .content-container .content-block .text-block .info-item p {

        font-size: 13px

    }



    .formula-calculate-root .img-item.bottom {

        margin: 70px 0 38px

    }



    .result-thanks-root .result-thanks-block {

        padding: 5vh 0

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        left: 8px

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

        right: 8px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item {

        padding: 11em 16em 0

    }



    .sub-banner-root.survey-banner {

        height: 510px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block {

        margin: -70px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .img-item {

        width: 50%;

        height: 275px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item {

        width: 30%;

        height: 140px;

        padding: 25px 0 0 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side h3 {

        font-size: 12px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .top-side p {

        font-size: 9px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .bot-side h3 {

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 {

        padding: 70px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .img-item {

        height: 230px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .text-item {

        height: 120px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .text-item .bot-side {

        margin: 20px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg h3 {

        font-size: 100px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .img-item {

        width: 70%;

        height: 300px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item {

        width: 40%;

        margin: -11% 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side {

        top: 58%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side h3 {

        font-size: 32px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side {

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side h3 {

        font-size: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 {

        width: 90%;

        margin: 0 0 0 5%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .img-item {

        height: 240px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item {

        padding: 15px 0 15px 6%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 {

        margin: 0 0 0 7%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .img-item {

        height: 200px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item {

        width: 65%;

        padding: 40px 0 25px 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side h3 {

        font-size: 14px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .bot-side {

        font-size: 16px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .dual-content-item {

        padding: 50px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item {

        margin: 0 0 0 15px;

        width: 175px;

        height: 95px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item {

        width: 160px;

        height: 90px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item h3 {

        font-size: 50px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item p {

        font-size: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item h3 {

        font-size: 15px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .parallelogram-item {

        width: 40%;

        height: 77px

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li {

        margin: 0 0 0 50px

    }



    .header-root .header-container .header-block .top-block .fix-menu {

        display: none

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky {

        display: block

    }



    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 0 10px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item {

        height: 200px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item img {

        max-width: 85%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item img.hover-img {

        max-width: 100%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child .bottom-block p {

        font-size: 14px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu {

        font-size: 10px

    }



    .header-root .header-container .header-block .menu-block ::-webkit-scrollbar {

        display: none

    }



    .header-root .header-container .header-block .menu-block ul {

        white-space: nowrap;

        width: 100%;

        overflow-x: auto;

        overflow-y: hidden;

        justify-content: normal

    }



    .header-root .header-container .header-block .menu-block ul li {

        padding: 0 8px;

        margin: 0 8px

    }



    .header-root .header-container .header-block .menu-block ul li:before {

        bottom: -26px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .second-title-item, .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        font-size: 60px;

        letter-spacing: -2px;

        line-height: 75px

    }



    .landing-slide-root .head-block {

        margin: 0 0 6em

    }



    .landing-slide-root .landing-container .head-container ul.head-list li {

        line-height: 17px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block {

        padding: 20px 25px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .head-text {

        font-size: 11px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block h3 {

        font-size: 14px;

        line-height: 24px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .desc {

        font-size: 12px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item {

        left: -20px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item .arr-btn {

        width: 45px;

        height: 45px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item .arr-btn i:before {

        font-size: 40px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item.next-btn .arr-btn {

        width: 45px;

        height: 45px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item.next-btn .arr-btn i:before {

        font-size: 40px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item span {

        margin: 10px 0 0;

        font-size: 9px

    }



    .cycle-list-root .content-container .cycle-model-block .tab-block .close-btn {

        right: 2vw

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        height: 180px

    }



    .technology-root .double-select-block .right-block .top-block, .technology-root .double-select-block .right-block .top-block .head-block {

        margin: 0 0 10px

    }



    .technology-root .double-select-block .right-block .top-block .head-block h2 {

        font-size: 12px

    }



    .technology-root .double-select-block .right-block .top-block .text-block p {

        font-size: 10px

    }



    .technology-root .double-select-block .right-block .slider-component-root {

        width: 400px

    }



    .technology-root .double-select-block .right-block .slider-component-root .img-head {

        margin: 0 0 20px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container {

        height: 130px;

        margin: 0 5em

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item {

        width: 130px;

        height: 90px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item {

        left: 0

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item.next-btn {

        left: auto;

        right: 0

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 1vw

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item p {

        font-size: 15px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 40px 1vw 0 0

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 28.7%

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item:before {

        width: 15px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

        margin: 0 6px 0 25px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item p {

        margin: 0 0 0 5px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 1vw 32px 8.8vw

    }



    .news-detail-block .content-head-block .head-block {

        margin: 0 15px 0 0

    }



    .news-detail-block .content-head-block .head-block h2 {

        font-size: 13px

    }



    .news-detail-block .content-head-block .content-block p {

        font-size: 10px

    }



    .video-root .video-container {

        padding: 0 0 0 4vw;

        height: 450px

    }



    .video-root .video-container .video-block .video-item .text-block h3 {

        margin: 5vh 0 2vh;

        font-size: 30px

    }



    .video-root .video-container .video-nav-block {

        width: 34%

    }



    .numbers-slider-root {

        padding: 0 0 70px

    }



    .numbers-slider-root .slider-item .text-block {

        width: 45%;

        max-width: inherit

    }



    .numbers-slider-root .slider-item .text-block h3 {

        font-size: 32px;

        color: #000;

        margin: 0 0 15px

    }



    .numbers-slider-root .slider-item .text-block p {

        font-size: 14px;

        color: #000;

        line-height: 28px

    }



    .numbers-slider-root .slider-item .image-item {

        width: 55%

    }



    .numbers-slider-root .slider-nav-block {

        margin: 10px 0 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 34%

    }



    .full-lb-root .lb-block .text-block {

        width: 90%

    }



    .full-lb-root .lb-block .text-block .left-block h2 {

        font-size: 20px

    }



    .full-lb-root .lb-block .text-block .left-block p, .full-lb-root .lb-block .text-block .right-block .content-item span {

        font-size: 12px

    }



    .full-lb-root .lb-block .text-block .right-block .content-item .desc-item p:first-child {

        font-size: 16px

    }



    .full-lb-root .lb-block .buttons .arr-btn-item {

        left: 55px

    }



    .full-lb-root .lb-block .buttons .arr-btn-item.next-btn {

        right: 55px

    }



    .list-bottom-root.landing-page {

        display: none

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item {

        padding: 0 2vw 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item {

        margin: 0 10px 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root .t-2 {

        width: 25%

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        max-width: 876px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: 672px

    }



    .model-select-root .model-select-container .image-block {

        height: 360px

    }



    .credit-root .credit-container {

        padding: 0 50px

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span.version-name {

        min-width: auto

    }



    .credit-root .credit-summary-root .credit-summary-block {

        flex-direction: column;

        justify-content: center;

        height: 130px

    }



    .credit-root .credit-summary-root .left-block .sum-item {

        margin: 0 0 0 5vw

    }



    .credit-root .credit-summary-root .right-block {

        margin: 15px 0 0

    }

}



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

    .credit-root .credit-content-block .info-block .test-drive-root .select-car-container {

        max-width: 835px;

        padding: 0 80px;

        margin: 5px -80px

    }



    .hrc-sm-root .hrc-sm-wrapper {

        padding: 0 50px;

        top: -75px

    }



    .hrc-sm-root .hrc-sm-container {

        background: #f0f0f0;

        flex-direction: column

    }



    .hrc-sm-root .hrc-sm-text-block {

        max-width: 100%;

        justify-content: space-around;

        padding: 15px 45px 15px 55px

    }



    .hrc-sm-root .hrc-sm-text-block .hrc-text-item {

        max-width: 100%

    }



    .hrc-sm-root .hrc-sm-text-block:before {

        display: none

    }



    .hrc-sm-root .hrc-sm-link-block {

        max-width: 100%;

        justify-content: center;

        padding: 20px 60px 20px 54px

    }



    .hrc-sm-root .hrc-icon-item {

        padding: 0 10vw

    }



    .hrc-sm-root .hrc-icon-item:before {

        left: 0

    }



    .cycle-delay-apology-root {

        padding: 0 20px

    }

}



@media only screen and (max-height: 900px) and (max-width: 1920px) {

    .banner-root.new-cycle-banner .icon-item {

        padding: 6vh 0 0 4vw

    }



    .banner-root.new-cycle-banner .icon-item img {

        max-width: 40vw

    }



    .banner-root.new-cycle-banner .banner-container .color-select-block {

        bottom: 24%

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        padding: 0

    }



    .banner-root.new-cycle-banner .banner-container .banner-block .img-item img {

        width: 70vw;

        margin: -10vh 0 0

    }



    .numbers-slider-root .slider-item .image-item {

        margin: 0 0 0 16px

    }

}



@media only screen and (max-height: 900px) {

    .number-plate-root {

        height: auto

    }



    .number-plate-root .number-plate-wrapper.safe-area {

        max-width: -moz-fit-content;

        max-width: -webkit-fit-content;

        max-width: fit-content;

        height: 600px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block {

        max-width: 550px;

        padding: 20px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .borderline-item {

        width: 270px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 120px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__control {

        padding: 0 0 0 4px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__menu {

        padding: 14px 8px 14px 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn {

        width: 200px;

        height: 65px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        width: 45px;

        height: 45px;

        margin: 0 4px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 35px;

        height: 35px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item label {

        font-size: 14px;

        margin: 0 0 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block label {

        font-size: 14px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-block {

        flex-wrap: wrap

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block p {

        font-size: 24px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn {

        width: 200px;

        height: 65px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container {

        max-width: 630px;

        min-width: 630px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon {

        left: 53.6%;

        top: 54.7%

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon svg {

        width: 488px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container img {

        object-fit: cover

    }



    .number-plate-root.selected .number-plate-wrapper {

        max-width: 1280px

    }



    .number-plate-root.selected .number-plate-wrapper .icon-block {

        top: 40px;

        right: 16px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block {

        max-width: inherit;

        min-width: inherit;

        justify-content: space-between

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success {

        padding: 50px 20px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success img {

        width: 140px;

        height: 140px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success p {

        width: 40%;

        font-size: 19px;

        margin: 20px 0 30px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block {

        margin: 80px 0 0

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .detail-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .detail-btn span {

        font-size: 10px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item {

        max-width: 600px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item img {

        max-width: 100%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item {

        width: auto !important;

        left: 49.9%;

        top: 53%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item svg {

        max-width: 74.1px

    }

}



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

    .number-plate-root {

        height: auto

    }



    .number-plate-root .number-plate-wrapper.safe-area {

        max-width: -moz-fit-content;

        max-width: -webkit-fit-content;

        max-width: fit-content;

        height: 600px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block {

        max-width: 550px;

        padding: 20px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .borderline-item {

        width: 270px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 120px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__control {

        padding: 0 0 0 4px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__menu {

        padding: 14px 8px 14px 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn {

        width: 200px;

        height: 65px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        width: 45px;

        height: 45px;

        margin: 0 4px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 35px;

        height: 35px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item label {

        font-size: 14px;

        margin: 0 0 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block label {

        font-size: 14px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-block {

        flex-wrap: wrap

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block p {

        font-size: 24px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn {

        width: 200px;

        height: 65px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container {

        max-width: 630px;

        min-width: 630px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon {

        left: 53.6%;

        top: 54.7%

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon svg {

        width: 488px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container img {

        object-fit: cover

    }



    .number-plate-root.selected .number-plate-wrapper {

        max-width: 1280px

    }



    .number-plate-root.selected .number-plate-wrapper .icon-block {

        top: 40px;

        right: 16px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block {

        max-width: inherit;

        min-width: inherit;

        justify-content: space-between

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success {

        padding: 50px 20px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success img {

        width: 140px;

        height: 140px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success p {

        width: 40%;

        font-size: 19px;

        margin: 20px 0 30px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block {

        margin: 80px 0 0

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .detail-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .detail-btn span {

        font-size: 10px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item {

        max-width: 600px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item img {

        max-width: 100%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item {

        width: auto !important;

        left: 49.5%;

        top: 53%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item svg {

        max-width: 74.8px

    }



    .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 530px;

        height: 424px

    }



    .accesories-root.new-accessory-root .head-text {

        margin: 0 0 30px

    }



    .accesories-root.new-accessory-root .accesories-container {

        padding: 5vh 0 0

    }



    .accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

        width: 530px;

        height: 424px

    }



    .cycle-hardware-root .tab-item p {

        padding: 0 25px;

        font-size: 18px

    }



    .cycle-slider-root .arr-btn-item.next-btn {

        right: 1%

    }



    .cycle-slider-root .arr-btn-item.prev-btn {

        left: -6%

    }



    .banner-root.new-cycle-banner .icon-item {

        padding: 6vh 0 0 4vw

    }



    .banner-root.new-cycle-banner .icon-item img {

        max-width: 40vw

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        padding: 0

    }



    .banner-root.new-cycle-banner .banner-container .banner-block .img-item img {

        width: 80vw;

        margin: -10vh 0 0;

        height: 100%

    }

}



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

    .sensing-root.jazz-sensing .lane-block .lane-item {

        height: 375px

    }



    .swiper-content-root.desing .content-container .tab-block ul li {

        padding: 0 54px 15px;

        max-width: 200px;

        font-size: 12px

    }



    .swiper-content-root.desing .content-container .swiper-container {

        width: 76.97%

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item {

        left: 26px

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item.next-btn {

        left: inherit;

        right: 26px

    }



    .swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v h5 {

        margin: 0 0 8px;

        font-size: 23px;

        line-height: 28px

    }



    .swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v p {

        font-size: 14px;

        line-height: 22px

    }



    .swiper-content-root.desing .content-container .swiper-block-wrapper .swiper-block .swiper-item .info-block ul li, .swiper-content-root.techno .content-container .tab-block ul li {

        padding: 0 54px 15px;

        max-width: 200px;

        font-size: 12px

    }



    .swiper-content-root.techno .content-container .swiper-container {

        width: 77%

    }



    .swiper-content-root.techno .content-container .swiper-container .arr-btn-item {

        left: 26px

    }



    .swiper-content-root.techno .content-container .swiper-container .arr-btn-item.next-btn {

        left: inherit;

        right: 26px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper {

        height: 523px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 64%

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v {

        width: 30%

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v h5 {

        margin: 0 0 8px;

        font-size: 23px;

        line-height: 28px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v p {

        font-size: 14px;

        line-height: 22px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v ul {

        margin: 0 0 0 30px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features {

        width: 200px;

        height: 38px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features span {

        font-size: 12px

    }

}



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

    .cycle-hardware-root .head-block p {

        margin: 8px 0 0

    }



    .cycle-hardware-root .menu-block {

        margin: 16px 0 0

    }



    .cycle-hardware-root .cycle-hardware-container {

        padding: 30px 0 0

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .image-block img {

        width: 70vw;

        margin: 0 0 0 -60px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block p {

        font-size: 14px;

        line-height: 22px;

        margin: 12px 0 20px;

        max-width: 95%

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block .right-head-text {

        margin: 12px 0 0;

        font-size: 30px;

        line-height: 40px

    }



    .engineering-root.new-engineering-root .engineering-container .engineering-block .engineering-item img {

        width: 140px;

        height: 140px

    }



    .engineering-root .engineering-container .engineering-block .engineering-item img {

        width: 130px;

        height: 130px

    }



    .engineering-root .engineering-container .engineering-block .engineering-item p {

        font-size: 17px

    }



    .engineering-root .engineering-container h2 {

        width: 78%

    }

}



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

    .color-model-root.jazz_features.zrv .content-wrapper .text-item.dimensions {

        max-width: 100%

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 35px

    }



    .tech-spec-modal-root .tech-spec-titles-block {

        padding: 80px 0 50px;

        max-width: 523px

    }



    .tech-spec-modal-root .tech-spec-titles-block li span {

        font-size: 32px

    }



    .tech-spec-modal-root .tech-spec-content-container {

        padding: 0 35px 80px;

        width: 50.8%

    }



    .tech-spec-modal-root .tech-spec-card-block {

        padding: 80px 0 0

    }



    .tech-spec-modal-root .tech-spec-card-item span {

        font-size: 24px;

        line-height: 21px

    }



    .tech-spec-modal-root .tech-spec-card-item p {

        font-size: 16px;

        line-height: 21px

    }



    .dimension-wrapper .content-wrapper {

        padding: 60px 0 0

    }



    .dimension-wrapper .content-wrapper .img-block .text-item {

        top: 30%;

        right: -20%

    }



    .banner-root.new-cycle-banner .icon-item img {

        max-width: 600px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .count-item {

        margin: 0 50px

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item .bottom-name, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .bottom-name {

        font-size: 25px !important;

        top: -16px

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item .head-name, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .head-name {

        font-size: 25px !important;

        bottom: -10px

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item .icon-item, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .icon-item {

        width: 250px

    }



    .sticker-start-container .text-block {

        top: 20%

    }

}



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

    .engineering-root.new-engineering-root.zrv .engineering-container h2 {

        font-size: 27px

    }



    .engineering-root.new-engineering-root.zrv .engineering-container .engineering-block .engineering-item {

        height: 200px;

        padding: 20px 0 0

    }



    .engineering-root.new-engineering-root.zrv .engineering-container .engineering-block .engineering-item p {

        font-size: 14px

    }



    .engineering-root.new-engineering-root.zrv .engineering-container .engineering-block .engineering-item img {

        width: 100px;

        height: 100px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block {

        margin: 0

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 500px

    }

}



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

    .accesories-root.new-accessory-root .head-block ul {

        min-height: 65px

    }



    .accesories-root.new-accessory-root .head-block ul li {

        padding: 10px 0;

        font-size: 20px;

        line-height: 45px

    }



    .accesories-root.new-accessory-root .head-block ul li:first-child, .accesories-root.new-accessory-root .head-block ul li:first-child.active {

        padding: 10px 0 10px 96px

    }



    .accesories-root.new-accessory-root .head-block ul li.active {

        padding: 10px 0

    }



    .accesories-root.new-accessory-root .head-block ul li:last-child, .accesories-root.new-accessory-root .head-block ul li:last-child.active {

        padding: 10px 96px 10px 0

    }



    .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 400px;

        height: 320px

    }



    .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .accessory-text {

        max-width: 250px;

        text-align: left

    }



    .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block .new-cl-text-block {

        left: 80%

    }



    .accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

        width: 400px;

        height: 320px

    }



    .accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block .accessory-text {

        max-width: 250px;

        text-align: left

    }



    .accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block .new-cl-text-block {

        left: 80%

    }


    .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .wheel-block .tab-slider-block ul li p {

        font-size: 18px;

        line-height: 21px

    }



    .accesories-root.new-accessory-root .accesories-container .slider-wrapper .slider-block .slider-item.active, .accesories-root.new-accessory-root .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 480px;

        height: 380px

    }



    .numbers-slider-root .slider-item .image-item img {

        width: 100%

    }



    .banner-root.new-cycle-banner .banner-container .banner-block .img-item img {

        max-width: 100%;

        margin: 0

    }



    .new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn {

        width: 300px;

        height: 60px

    }



    .new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn span {

        font-size: 14px

    }

}



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

    .swiper-content-root.desing .content-container .tab-block h2, .swiper-content-root.techno .content-container .tab-block h2 {

        font-size: 23px

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item, .swiper-content-root.techno .content-container .swiper-container .arr-btn-item {

        left: 5px

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item.next-btn, .swiper-content-root.techno .content-container .swiper-container .arr-btn-item.next-btn {

        left: inherit;

        right: 10px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container {

        max-width: 550px;

        min-width: 550px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon {

        left: 53.3%

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon svg {

        width: 436px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block {

        margin: 0 12px

    }



    .cycle-hardware-root .tab-block .tab-item p {

        font-size: 16px;

        line-height: 30px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .image-block img {

        width: 75vw;

        margin: 0 0 0 -70px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .img-item {

        max-width: 300px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item {

        margin: 60px 0 0

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count {

        font-size: 56px;

        margin: 0 0 20px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count span {

        font-size: 56px

    }



    .features-img-root .content-item {

        top: 50px

    }



    .features-img-root .content-item img {

        max-width: 300px

    }



    .features-img-root .content-item .bottom-name {

        margin: 15px 0 0;

        font-size: 32px;

        line-height: 36px

    }



    .numbers-slider-root.typer-slider {

        padding: 0 60px 120px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .count-item {

        margin: 0 30px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item {

        height: 450px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 30px;

        margin: 20px 0

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block p {

        font-size: 16px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 361px

    }



    .new-jazz-accessory-root .numbers-slider-root.new-jazz {

        padding: 0 60px

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item h2 {

        font-size: 30px;

        line-height: 40px

    }



    .three-sixty-look-root.typer-version .color-model-sequence .color-set-block .color-text-item {

        margin: 0

    }



    .version-content-root.typer-features .top-logo-block img {

        width: 200px

    }



    .version-content-root.typer-features .top-logo-block h2 {

        font-size: 32px

    }



    .version-content-root.typer-features .tabs-block {

        justify-content: flex-start

    }



    .version-content-root.typer-features .tabs-block::-webkit-scrollbar {

        display: none

    }



    .sticker-start-container .text-block {

        top: 21.5%

    }



    .sticker-start-container .text-block h2 {

        font-size: 36px;

        line-height: 36px;

        margin: 0 0 24px

    }



    .sticker-start-container .text-block p {

        font-size: 16px;

        line-height: 26px

    }

}



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

    .number-plate-root {

        height: auto;

        padding: 24px

    }



    .number-plate-root .number-plate-wrapper.safe-area {

        height: 475px

    }



    .number-plate-root .number-plate-wrapper .icon-block {

        top: 16px;

        right: 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block {

        width: 70px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .honda-logo {

        margin: 0 0 20px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item {

        margin: 10px 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .number-plate-menu-item span {

        font-size: 10px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block {

        padding: 36px 16px;

        max-width: 350px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .select-text-block .input-block .css-5v5vi7-container {

        width: 185px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .select-text-block .input-block .select-block {

        margin: 0 24px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .select-text-block .input-block .input-item label {

        margin: 0 0 8px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .select-text-block .input-block .input-item input {

        max-width: 75px;

        padding: 22px 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .select-text-block .input-block .css-5v5vi7-container {

        margin: 8px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .borderline-item {

        width: 180px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 77px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block p {

        font-size: 16px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block {

        margin: 0 0 24px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .err-txt {

        font-size: 8px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block label, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item label {

        font-size: 9px !important

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block input, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item input {

        font-size: 24px !important

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__control {

        padding: 0 0 0 4px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control .react-select__value-container, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__control .react-select__value-container {

        font-size: 9px;

        padding: 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control .react-select__value-container .react-select__option, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__control .react-select__value-container .react-select__option {

        font-size: 12px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control .react-select__value-container .react-select__menu, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__control .react-select__value-container .react-select__menu {

        padding: 14px 8px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__control .react-select__value-container .react-select__indicator, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__control .react-select__value-container .react-select__indicator {

        padding: 0 3px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__menu, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .select-text-block .input-item .select-block .react-select__menu {

        padding: 8px 4px 8px 8px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-block {

        flex-wrap: wrap

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-block .color-item {

        width: 50px;

        height: 50px;

        margin: 0 5px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-block .color-item .color {

        width: 50px;

        height: 50px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block p {

        font-size: 16px;

        margin: 0 0 8px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn {

        width: 185px;

        height: 53px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .back-btn span, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .detail-btn span {

        font-size: 12px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container {

        max-width: 430px;

        min-width: inherit

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon {

        left: 53.6%;

        top: 54.1%

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .img-container .sticker-icon svg {

        width: 338px

    }



    .number-plate-root.selected .number-plate-wrapper {

        max-width: 850px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block {

        justify-content: space-between;

        padding: 15px 16px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success {

        padding: 20px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .message, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .message {

        margin: 20px 0 0;

        font-size: 40px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success img {

        width: 100px;

        height: 100px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success p {

        width: 65%;

        font-size: 16px;

        margin: 20px 0 30px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block {

        margin: 24px 0 0

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.error .btn-block .detail-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .back-btn span, .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block.success .btn-block .detail-btn span {

        font-size: 10px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item {

        max-width: 450px

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .img-item img {

        max-width: 100%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item {

        left: 48.7%;

        top: 56.1%

    }



    .number-plate-root.selected .number-plate-wrapper .number-plate-container .number-plate-select-block .sticker-item svg {

        max-width: 57.2px

    }



    .numbers-slider-root .slider-nav-block .count-item {

        margin: 0 16px

    }



    .numbers-slider-root .numbers-slider-container {

        padding: 0 0 0 4vw

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 345px

    }



    .insider-menu-root {

        justify-content: flex-start

    }



    .insider-menu-root .insider-menu-block .text-item p {

        font-size: 12px

    }



    .insider-menu-root .insider-menu-block .detail-btn {

        font-size: 10px;

        width: 260px

    }



    .insider-menu-root .close-icon {

        right: 20px

    }



    .dimensions-root .dimension-wrapper .title-item h2 {

        font-size: 30px

    }



    .dimensions-root .dimension-wrapper .text-item p {

        font-size: 20px

    }



    .banner-root.accessory-banner .banner-container .banner-block {

        background: transparent

    }



    .banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item p {

        font-size: 20px;

        line-height: 28px

    }



    .banner-root.new-cycle-banner .strip-item {

        width: 120px

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        min-height: 600px

    }



    .banner-root.new-cycle-banner .content-block h2 {

        font-size: 80px

    }



    .banner-root.new-cycle-banner .content-block h2 span {

        margin: -25px 0 0 96px

    }



    .banner-root.new-cycle-banner .content-block .text-item {

        margin: 0 0 0 96px

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item {

        padding: 0

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item h2 {

        font-size: 25px;

        line-height: 35px

    }



    .three-sixty-look-root.typer-version .color-model-sequence .model-block .rectangle {

        bottom: 27%;

        width: 52%

    }



    .three-sixty-look-root.typer-version .color-model-sequence .color-set-block {

        bottom: 2%

    }

}



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

    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features {

        width: 150px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v .all-features span {

        font-size: 9px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper {

        padding: 0 50px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item {

        width: 48.7%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block h3 {

        font-size: 32px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block p {

        font-size: 12px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block:first-child .text-item p {

        font-size: 14px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block {

        width: 49%

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item {

        padding: 11em 10em 0

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

        padding: 0 10px

    }



    .sub-banner-root.survey-banner {

        height: 490px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p {

        line-height: 20px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text {

        margin: 0 0 15px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3 {

        font-size: 15px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3:after {

        margin: 10px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content p {

        line-height: 18px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 {

        max-width: 85%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 .text-block .head-text {

        margin: 0 0 15px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content {

        padding: 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: 355px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block {

        min-width: 805px;

        padding: 60px 40% 70px 39%

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

        overflow-x: auto

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        height: 215px;

        min-width: 200px;

        max-width: 200px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item .text-content p {

        font-size: 13px

    }



    .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 165px

    }



    .motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

        flex-wrap: inherit

    }



    .packet-root ::-webkit-scrollbar {

        display: none

    }



    .packet-root .packet-container .slider-wrapper {

        padding: 0

    }



    .packet-root .packet-container .slider-container .slider-block {

        overflow-x: auto

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item {

        width: 300px;

        margin: 0 15px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item:first-child {

        margin: 0 15px 0 25px

    }



    .dictionary-root.detail-dictionary .head-block h1 {

        font-size: 20px

    }



    .footer-root .footer-container .footer-block .menu-block .menu-item + .menu-item {

        margin: 0 0 0 25px

    }



    .footer-root .footer-container .bottom-block .sub-menu-block {

        display: block

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul {

        justify-content: center;

        border: none

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li {

        border-bottom: 1px solid #fff

    }



    .footer-root .footer-container .bottom-block .rights-block {

        margin: 20px 0 0;

        text-align: center

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        display: block

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        justify-content: center;

        border: none

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul li {

        border-bottom: 1px solid #fff

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 20px 0 0;

        text-align: center

    }



    .inclusive-root .inclusive-container {

        height: auto;

        padding: 10px 30px

    }



    .inclusive-root .inclusive-container .menu-block {

        flex-wrap: wrap;

        width: 100%

    }



    .inclusive-root .inclusive-container .menu-block .menu-item {

        width: 48%;

        height: 130px;

        margin: 8px 1%

    }



    .inclusive-root .inclusive-container .menu-block .menu-item:first-child {

        margin: 8px 1%

    }



    .gallery-root .gallery-wrapper .head-block {

        display: block

    }



    .gallery-root .gallery-wrapper .head-block .select-block {

        position: relative;

        width: 250px;

        top: 0;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin: 20px 0 0

    }



    .gallery-root .gallery-wrapper .gallery-container .gallery-block + .gallery-block {

        margin: 20px 0 0

    }



    .gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 240px;

        height: 200px;

        margin: 0 0 0 20px

    }



    .new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 460px;

        height: 240px

    }



    .top-content-block {

        margin: 0 auto

    }



    .top-content-block .page-common-root {

        box-shadow: unset

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block h2 {

        font-size: 20px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .manuals-item {

        height: 200px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item {

        padding: 20px 15px;

        height: 200px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .top-block {

        font-size: 12px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item p {

        font-size: 10px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block i {

        margin: 0 0 0 5px

    }



    .top-content-block .page-common-root.campaign-content-root .text-block h1, .top-content-block .page-common-root.campaign-content-root .text-block h2 {

        font-size: 20px

    }



    .top-content-block .page-common-root.campaign-content-root .text-block p {

        font-size: 11px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block {

        padding: 65px 20px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block .pricing-item h2 {

        font-size: 12px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block .pricing-item span {

        font-size: 13px

    }



    .header-root .header-container .header-block .submenu-block ul li:hover:before {

        background: unset

    }



    .header-root .header-container .header-block .submenu-block ul li.active:before {

        background: #e31f2e

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block {

        padding: 40px 15px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block .text-item i {

        margin: 0 10px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block .text-item i:before {

        font-size: 35px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block .text-item p {

        font-size: 14px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block .text-item p {

        font-size: 26px;

        line-height: 36px;

        width: 90%;

        margin: 20px auto 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-2 {

        margin: 0

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block {

        max-width: unset

    }



    .filter-wrapper .filter-container .filter-block {

        margin: 0 0 0 50px

    }



    .filter-wrapper .filter-container .filter-block .filter-item .text-block {

        padding: 15px 0 0 9px

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 1vw

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item {

        width: 86%

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item {

        padding: 30px 1vw

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 28.7%

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item:before {

        width: 15px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

        margin: 0 2px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item p {

        font-size: 12px;

        margin: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 0 32px 6.8vw

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

        margin: 0 0 0 9%

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item p {

        margin: 0 0 0 10px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item span {

        font-size: 11px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.t-1 {

        padding: 0 45px 0 0

    }



    .compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item {

        padding: 0 0 0 1vw

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block {

        width: 40%

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item.contact h2, .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item p {

        font-size: 18px;

        line-height: 24px;

        width: auto

    }



    .contact-root .contact-wrapper .contact-container .contact-block .map-block {

        width: 60%

    }



    .news-root .last-news-block .img-item {

        height: 370px;

        width: 48%

    }



    .news-root .last-news-block .text-block {

        width: 45%;

        padding: 0 1vw 0 3vw

    }



    .news-root .last-news-block .text-block .label-item {

        margin: 0 0 10px

    }



    .news-root .last-news-block .text-block .text-item h3 {

        font-size: 18px

    }



    .news-root .last-news-block .text-block .btn-block {

        margin: 15px 0 0

    }



    .news-detail-block .content-head-block .head-block h1 {

        font-size: 24px

    }



    .costlist-root .cl-container {

        width: 92%

    }



    .costlist-root .cl-container .text-block {

        padding: 0 2vw

    }



    .costlist-root .cl-container .text-block .text-item h4 {

        font-size: 14px;

        margin: 0 0 5px

    }



    .costlist-root .cl-container .text-block .text-item p {

        padding: 0 0 40px

    }



    .youtube-frame-container {

        margin: 5vh auto

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item {

        height: 250px

    }



    .search-root .search-wrapper .search-input textarea {

        font-size: 26px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block {

        display: block

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block .rights-block {

        margin: 20px 0 0;

        text-align: center

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul {

        justify-content: center;

        border: none

    }



    .lb-root .mobile-view {

        height: 100%;

        width: 100%;

        border: none

    }



    .lb-root .gallery-block .img-block .img-item img {

        max-width: 90%

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block {

        display: block;

        padding: 20px 60px 0

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content {

        margin: auto;

        width: auto

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p {

        margin: 0;

        width: auto

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block p {

        display: none

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.elect-desc {

        font-size: 18px !important

    }



    .accessory-page .accesories-root .head-block {

        top: 0;

        margin: 5em 0 0;

        position: relative

    }



    .double-text-img-root .jazz-right-img {

        display: none

    }



    .double-text-img-root .content-block .text-item {

        width: 90%

    }



    .double-text-img-root .content-block .text-item h2 {

        font-size: 22px

    }



    .double-text-img-root .content-block .text-item p {

        font-size: 12px

    }



    .banner-root.detail-banner {

        height: 490px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item {

        padding: 0 0 0 32px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item p {

        font-size: 22px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item .sub-text {

        font-size: 16px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item .btn-item {

        width: 250px;

        height: 40px

    }



    .numbers-slider-root.typer-slider {

        padding: 0 40px 120px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item {

        height: 400px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 25px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block p {

        line-height: 29px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block .count {

        font-size: 30px;

        line-height: 30px

    }



    .banner-root.new-cycle-banner .icon-item img {

        max-width: 500px

    }



    .banner-root.new-cycle-banner .banner-container .color-item {

        width: 64px;

        min-width: 64px;

        height: 64px;

        margin: 0 0 0 12px

    }



    .banner-root.new-cycle-banner .banner-container .color-item .circle {

        width: 50px;

        height: 50px;

        min-width: 50px

    }



    .banner-slider-root.full-view-slider-root {

        height: 480px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 0 12em 0 0

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 32px;

        line-height: 36px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 15px;

        line-height: 20px

    }



    .banner-slider-root.logr-slider {

        height: 540px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item {

        padding: 0 48px 0 0

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 0

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 28px;

        line-height: 36px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 14px;

        line-height: 22px

    }



    .banner-slider-root.logr-slider .nav-block span {

        width: 15px;

        height: 15px

    }



    .banner-slider-root.logr-slider .nav-block span.active {

        width: 15px;

        height: 15px;

        min-width: 15px

    }



    .numbers-slider-root.typer-slider {

        padding: 0 30px 80px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block .count-item {

        margin: 0 10px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item {

        height: 450px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 30px;

        margin: 20px 0

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block p {

        font-size: 16px

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 50px

    }



    .model-list-root .content-container .model-list-block {

        margin: 0 auto;

        justify-content: flex-start;

        max-width: 570px

    }



    .model-list-root .content-container .model-list-block .model-list-list, .model-list-root .content-container .model-list-block .model-list-list:first-child {

        margin: 0 2% 2% 0

    }



    .model-list-root .content-container .model-list-block .model-list-list:nth-child(3n) {

        margin: 0

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 200px;

        max-width: 180px;

        min-width: 180px;

        background-color: #eee

    }



    .model-list-root .content-container .model-list-block .list-item p {

        font-size: 14px;

        margin: 0;

        left: 50%;

        -webkit-transform: translate(-50%);

        transform: translate(-50%);

        bottom: 7px;

        width: 75%

    }



    .model-list-root .content-container .model-list-block .list-item img {

        max-width: 81%

    }



    .model-list-root .content-container .model-list-block .list-item:hover .hover-img {

        display: none

    }



    .model-list-root .content-container .model-list-block .list-item:hover p {

        color: #e31f2e

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block {

        margin: 15px 5px

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block .btn-item {

        width: auto

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block .btn-item span {

        font-size: 9px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block {

        margin: 96px 0 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item {

        padding: 0 0 48px 80px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

        font-size: 30px;

        line-height: 40px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item p {

        margin: 24px 0 0;

        font-size: 16px;

        line-height: 26px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block .bottom-text {

        font-size: 30px

    }



    .sticker-start-container .text-block {

        top: 20%

    }



    .sticker-start-container .text-block h2 {

        font-size: 24px;

        line-height: 25px

    }



    .new-dimensions-root .dimensions-root {

        padding: 210px 0 0

    }



    .new-dimensions-root .dimensions-root .features-text-block {

        max-width: 90%

    }



    .new-dimensions-root .dimensions-root .features-text-block p {

        color: #fff;

        font-size: 18px;

        line-height: 28px

    }



    .new-dimensions-root .dimension-wrapper {

        margin: 40px 0 0

    }



    .new-dimensions-root .dimension-wrapper .content-wrapper .title-item h2 {

        font-size: 25px

    }

}



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

    .cycle-hardware-root .menu-block {

        margin: 26px 0 4px;

        overflow: unset

    }



    .cycle-hardware-root .menu-block.mobile .tab-block {

        display: flex;

        flex-direction: column;

        justify-content: center;

        background-color: #ff791a;

        background-color: var(--cl250color);

        position: relative;

        cursor: pointer

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item {

        padding: 15px 0

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item p {

        line-height: 50px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item.active {

        position: relative

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item.active:after {

        content: "";

        position: absolute;

        top: 50%;

        right: -46px;

        width: 0;

        height: 0;

        border-color: #fff transparent transparent;

        border-style: solid;

        border-width: 5px 5px 0;

        transition: -webkit-transform .2s ease-in-out;

        transition: transform .2s ease-in-out;

        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item.select:after {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item p {

        text-align: center;

        padding: 0

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu {

        width: 100%;

        background: #f5e9e2;

        opacity: .9;

        border-radius: 0 0 22px 22px;

        position: absolute;

        top: 79px;

        left: 0;

        z-index: 1

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item {

        border-bottom: 2px solid rgba(0, 0, 0, .2)

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item p {

        text-align: inherit;

        font-size: 16px;

        line-height: 57px;

        padding: 0 30px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item:last-child {

        border-bottom: none;

        border-radius: 0 0 22px 22px

    }



    .cycle-hardware-root .cycle-hardware-container {

        padding: 40px 0 0

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .image-block {

        margin: 0 auto

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .image-block img {

        width: 100%;

        margin: 0

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block {

        margin: 30px 0

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .img-item {

        max-width: 400px;

        margin: 0 auto

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block {

        margin: 0 24px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block p {

        margin: 0;

        max-width: 100%

    }



    .cycle-hardware-root .bg-stripe {

        left: 50%;

        -webkit-transform: translate(-50%);

        transform: translate(-50%)

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        min-height: 520px

    }



    .new-accessory-root.detail-packet.mobile {

        margin: 0 0 40px;

        overflow: inherit

    }



    .new-accessory-root.detail-packet.mobile .head-block {

        padding: 0

    }



    .new-accessory-root.detail-packet.mobile .head-block .head-text {

        font-size: 45px;

        font-weight: 600;

        line-height: 40px;

        margin: 0 0 30px;

        padding: 40px 16px 0

    }



    .new-accessory-root.detail-packet.mobile ul {

        display: block;

        position: relative;

        overflow: inherit;

        border-radius: 0 0 22px 22px;

        background: #fff

    }



    .new-accessory-root.detail-packet.mobile ul .dropdown-mobile {

        position: absolute;

        left: 0;

        width: 100%;

        z-index: 99

    }



    .new-accessory-root.detail-packet.mobile ul .dropdown-mobile li {

        width: 100%;

        background: #f5e9e2;

        opacity: .9;

        border-bottom: 2px solid rgba(0, 0, 0, .2);

        text-align: left;

        justify-content: flex-start

    }



    .new-accessory-root.detail-packet.mobile ul .dropdown-mobile li:last-child {

        border-bottom: none;

        border-radius: 0 0 22px 22px

    }



    .new-accessory-root.detail-packet.mobile ul .dropdown-mobile li.active {

        background: #ff791a;

        background: var(--cl250color);

        border-radius: 0;

        opacity: 1;

        border-bottom: none

    }



    .new-accessory-root.detail-packet.mobile ul li p {

        width: auto;

        border-left: none;

        white-space: normal

    }



    .new-accessory-root.detail-packet.mobile ul li:before {

        display: none

    }



    .new-accessory-root.detail-packet.mobile ul li.active {

        padding: 17.5px 0 !important;

        text-align: left;

        justify-content: flex-start;

        position: relative

    }



    .new-accessory-root.detail-packet.mobile ul li.active.solo {

        text-align: center;

        justify-content: center

    }



    .new-accessory-root.detail-packet.mobile ul li.active.solo:after {

        display: none

    }



    .new-accessory-root.detail-packet.mobile ul li.active:after {

        content: "";

        position: absolute;

        top: 45%;

        right: 24px;

        width: 0;

        height: 0;

        border-color: #fff transparent transparent;

        border-style: solid;

        border-width: 5px 5px 0;

        transition: -webkit-transform .2s ease-in-out;

        transition: transform .2s ease-in-out;

        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out

    }



    .new-accessory-root.detail-packet.mobile ul li.active.visible p {

        color: transparent !important

    }



    .new-accessory-root.detail-packet.mobile ul li.active p {

        white-space: normal

    }



    .new-accessory-root.detail-packet.mobile ul li.active.select:after {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile {

        padding: 0 24px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile.newCl-packet ul {

        overflow-x: hidden;

        max-height: 240px;

        overflow-y: auto;

        border-radius: 0 0 22px 22px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile.newCl-packet ul li {

        border-bottom: 2px solid rgba(0, 0, 0, .2);

        background: #fff;

        opacity: .9

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile.newCl-packet ul li p {

        white-space: normal

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile.newCl-packet ul li.active {

        color: #ff791a;

        color: var(--cl250color);

        background: #fff;

        opacity: .9

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile {

        padding: 0

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items {

        display: block;

        position: relative

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul {

        min-height: auto

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items li {

        text-align: left;

        justify-content: flex-start;

        background: #fff;

        padding: 15px 0

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items li.active p, .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items li:first-child p {

        color: #ff791a;

        color: var(--cl250color)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items li.active:after {

        border-color: #ff791a transparent transparent !important;

        border-top-color: var(--cl250color) !important;

        right: 0

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items li p {

        white-space: normal;

        line-height: 25px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul {

        overflow-y: scroll;

        opacity: .9;

        position: absolute;

        left: 0;

        z-index: 99;

        width: 100%;

        overflow-x: scroll

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul::-webkit-scrollbar {

        display: none;

        width: 2px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul::-webkit-scrollbar-thumb {

        border-radius: 99px;

        width: 3px;
        background-color: #ff791a;

        background-color: var(--cl250color)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul::-webkit-scrollbar-track {

        border-radius: 99px;

        background: #fff

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul li:last-child {

        border-bottom: none

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul li.active:after {

        border-color: #ff791a transparent transparent !important;

        border-top-color: var(--cl250color) !important

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items ul::-webkit-scrollbar {

        height: 2px;

        background-color: #ff791a;

        background-color: var(--cl250color)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper {

        display: block;

        max-width: inherit;

        margin: 0 auto;

        width: 100%

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block {

        overflow-x: auto;

        padding: 0 0 16px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block::-webkit-scrollbar {

        display: block;

        height: 10px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block::-webkit-scrollbar-thumb {

        background-color: #ff791a;

        background-color: var(--cl250color);

        border-radius: 99px;

        height: 8px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block::-webkit-scrollbar-track {

        border-radius: 99px;

        background: rgba(55, 55, 55, .2)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item .text-block {

        padding: 0 0 60px 20px;

        background: linear-gradient(1turn, rgba(0, 0, 0, .89), transparent 35%)

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item .text-block .accessory-text {

        text-align: left;

        max-width: 250px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item .text-block .new-cl-text-block {

        left: 40px;

        bottom: 59px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item .text-block .new-cl-text-block p {

        display: block

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item.active {

        margin: 0 0 0 8px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item.active:first-child {

        margin: 0

    }



    .new-accessory-root.detail-packet.mobile .accesories-container {

        padding: 7vh 24px 0

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper {

        margin: 0;

        padding: 0

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block {

        overflow-x: auto;

        padding: 0 0 16px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block::-webkit-scrollbar {

        width: 8px;

        display: block

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block::-webkit-scrollbar-thumb {

        background-color: #ff791a;

        background-color: var(--cl250color);

        width: 10px;

        border-radius: 99px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block::-webkit-scrollbar-track {

        border-radius: 99px;

        background: rgba(55, 55, 55, .2)

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item:first-child {

        margin: 0

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block {

        padding: 0 0 60px 20px;

        background: linear-gradient(1turn, rgba(0, 0, 0, .89), transparent 35%)

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block .accessory-text {

        max-width: 250px;

        text-align: left

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block .new-cl-text-block {

        left: 40px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block .new-cl-text-block .new-cl-text {

        display: block

    }



    .cycle-slider-root .arr-btn-item {

        display: none

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block .oap-left-item {

        padding: 32px 20px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item {

        width: 48.6%

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 29px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 15px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box span {

        font-size: 9px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 10px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item {

        width: 230px;

        height: 60px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block {

        padding: 10px 5px 10px 10px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block h3 {

        font-size: 24px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block .video-open-item p {

        font-size: 11px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3 {

        font-size: 32px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block p {

        font-size: 14px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 60em

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p {

        font-size: 12px

    }



    .formula-point-root .content-wrapper .double-block .content-item img {

        max-width: 70%

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 50px

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 78%

    }



    .formula-calculate-root .content-container .content-block .text-block h3 {

        font-size: 25px

    }



    .formula-calculate-root .content-container .content-block .text-block .info-item p {

        font-size: 12px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item h1, .result-thanks-root .result-thanks-block .result-thanks-item h2 {

        font-size: 35px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item p {

        font-size: 32px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item p {

        font-size: 30px

    }



    .sub-banner-root.survey-banner {

        height: 480px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item {

        padding: 11em 5em 0

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item h2 {

        width: 70%

    }



    .sub-banner-root.survey-banner .sub-banner-container .head-text h1 {

        font-size: 60px

    }



    .survey-form-root .survey-form-wrapper .survey-form-container {

        padding: 86px 5em 0

    }



    .survey-text-block {

        padding: 5em

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item h3 {

        font-size: 18px;

        margin: 0 0 15px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item {

        margin: 15px 0 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.desc {

        font-size: 11px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item {

        margin: 0 auto 20px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block {

        height: 615px

    }



    .evolve-area-root {

        padding: 100px 0 135px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .head-block h2 {

        font-size: 24px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        max-width: 96%;

        padding: 80px 0 0

    }



    .triple-content-root {

        padding: 120px 0 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item .shape-img .shape-item, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2 .shape-img .shape-item, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 .shape-img .shape-item {

        width: 200px;

        height: 200px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .left-item {

        margin: 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .img-item {

        width: 50%;

        height: 45px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .img-item img {

        object-fit: cover

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item h2 {

        font-size: 20px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item p {

        font-size: 13px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .img-item {

        height: 45px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .img-item {

        width: 50%;

        height: 560px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item {

        top: 70%;

        width: 15%;

        height: 85px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left {

        left: 5%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left h3 {

        font-size: 36px;

        margin: 28px 0 0;

        line-height: 60px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left p {

        margin: 0 0 40px 20px;

        font-size: 14px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid {

        width: 52%;

        left: 23%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid h3 {

        font-size: 20px;

        margin: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right {

        right: 7%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right p {

        font-size: 14px;

        margin: 0 0 0 5px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn {

        right: 150px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block {

        bottom: 4px;

        padding: 0 15px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block p {

        font-size: 14px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child .bottom-block p {

        font-size: 12px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

        width: 81%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container h2 {

        font-size: 36px

    }



    .double-content-root.t-2 .content-container .content-block .img-block, .double-content-root.t-2 .content-container .content-block .text-block {

        width: 45%

    }



    .double-content-root.t-3 .content-container .content-block .img-block {

        width: 50%

    }



    .double-content-root.t-3 .content-container .content-block .text-block h3 {

        font-size: 30px

    }



    .double-content-root.t-3 .content-container .content-block .text-block .detail-btn {

        margin: 10px 0 0

    }



    .version-detail-root .left-block h2 {

        font-size: 16px

    }



    .version-detail-root .left-block .liner {

        right: -25px;

        width: 50px

    }



    .version-detail-root .right-block ul li {

        font-size: 12px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-bg {

        padding: 24px 0

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        max-width: 800px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: 591px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item {

        height: 140px;

        max-width: 140px;

        min-width: 140px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item img {

        max-width: 70%

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item p {

        font-size: 11px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn {

        height: 45px;

        margin: 0 0 0 5px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn span {

        font-size: 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn i {

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn i:before {

        font-size: 22px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 h2 {

        font-size: 11px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-2 span {

        font-size: 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block span, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span {

        font-size: 9px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item span {

        font-size: 10px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-1 a, .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-1 h2 {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item span {

        font-size: 11px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 {

        width: 30%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-3 {

        width: 5%

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.vites {

        min-width: 50px

    }



    .technology-root .double-select-block {

        margin: 0 0 2em;

        display: block

    }



    .technology-root .double-select-block .img-block {

        width: 100%;

        height: 400px

    }



    .technology-root .double-select-block .right-block {

        padding: 20px 3vw;

        width: 100%

    }



    .technology-root .double-select-block .right-block .top-block {

        text-align: center

    }



    .technology-root .double-select-block .right-block .top-block .head-block h2 {

        font-size: 20px

    }



    .technology-root .double-select-block .right-block .top-block .text-block p {

        font-size: 12px

    }



    .technology-root .double-select-block .right-block .slider-component-root {

        width: auto

    }



    .technology-root .double-select-block .right-block .slider-component-root .img-head h3 {

        font-size: 14px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container {

        width: 360px;

        height: 150px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item {

        width: 160px;

        height: 105px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item {

        position: static;

        -webkit-transform: none;

        transform: none

    }



    .hardware-root .head-block p {

        max-width: 100%

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 20px;

        letter-spacing: 5px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .second-title-item, .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        font-size: 45px;

        letter-spacing: -2px;

        line-height: 70px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item p {

        font-size: 11px;

        margin: 15px 0 0

    }



    .banner-slider-root {

        height: 480px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 30px 0 0 15em

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 18px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

        height: 50px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper {

        max-width: 425px;

        height: 56%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .img-item {

        width: 62%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block {

        padding: 10px 5px;

        width: 38%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .desc {

        font-size: 10px

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .text-item h3 {

        font-size: 11px;

        margin: 7px 0

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 70%

    }



    .swiper-content-root .content-container .tab-block {

        padding: 0 0 0 5vw

    }



    .swiper-content-root .content-container .tab-block .inner-block {

        overflow-x: auto;

        overflow-y: hidden;

        display: flex

    }



    .swiper-content-root .content-container .tab-block ul {

        display: inline-flex;

        align-items: center;

        justify-content: flex-start;

        transition: all .35s ease-in-out

    }



    .swiper-content-root .content-container .tab-block ul li {

        padding: 0 10px 10px;

        margin: 0 15px 0 0

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        height: 225px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 50%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        margin: 0 0 0 20px;

        width: 41%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h5 {

        font-size: 15px;

        line-height: 20px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        line-height: 15px;

        margin: 0 0 10px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn {

        margin: 0 auto 10px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 300px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        min-width: 155px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

        font-size: 8px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper {

        height: 300px

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item, .swiper-content-root.techno .content-container .swiper-container .arr-btn-item {

        left: -15px

    }



    .swiper-content-root.desing .content-container .swiper-container .arr-btn-item.next-btn, .swiper-content-root.techno .content-container .swiper-container .arr-btn-item.next-btn {

        left: inherit;

        right: -10px

    }



    .test-drive-root {

        padding: 5em 0

    }



    .test-drive-root .select-car-container .select-car-wrapper {

        width: 640px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

        width: 200px;

        height: 200px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item {

        width: 30px;

        height: 30px;

        top: 10px;

        left: 10px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item i:before {

        font-size: 12px

    }



    .test-drive-root .form-block {

        padding: 0 8vw

    }



    .test-drive-root .selected-car-block {

        width: 510px

    }



    .test-drive-root .selected-car-block .arr-btn-item {

        left: -144px

    }



    .news-detail-block .content-head-block .head-block .back-btn {

        margin: 0 0 15px

    }



    .news-detail-block .content-head-block .head-block h1 {

        font-size: 21px

    }



    .news-detail-block .content-head-block .head-block h2 {

        font-size: 15px

    }



    .news-detail-block .content-head-block .content-block p {

        font-size: 11px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block {

        margin: 0 0 0 12vw

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .img-item {

        width: 320px;

        height: 350px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block {

        padding: 2em;

        height: 350px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item {

        height: 80%

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item {

        margin: 0 0 2em

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item p {

        max-height: 65%;

        overflow-y: auto

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .detail-btn {

        height: 52px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .sm-name {

        font-size: 30px;

        right: -52%

    }



    .select-color-root {

        height: 620px

    }



    .select-color-root .select-color-container .select-color-block .text-block {

        padding: 60px 0 0

    }



    .select-color-root .select-color-container .select-color-block .text-block .text-item h2 {

        font-size: 20px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

        padding: 0 40px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .choose-text {

        display: none

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

        max-width: 75%

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item.active p, .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item p {

        font-size: 10px;

        margin: 0 0 0 13px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .color-circle {

        width: 32px;

        height: 32px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .bg-color {

        bottom: 74px;

        width: 32px;

        height: 32px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item p {

        margin: 0 0 0 10px;

        font-size: 12px

    }



    .select-color-root.new-select-color-root {

        padding: 80px 0 0

    }



    .select-color-root.new-select-color-root .lazyload-wrapper picture {

        width: 100%

    }



    .select-color-root.new-select-color-root .text-item {

        margin: 0 0 30px

    }



    .select-color-root.new-select-color-root .text-item h2 {

        font-size: 40px;

        line-height: 50px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

        padding: 20px 25px 33px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item {

        width: 70px;

        height: 70px;

        min-width: 70px;

        border-radius: 50%

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item .circle {

        width: 52px;

        height: 52px;

        min-width: 45px;

        border-radius: 50%

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .choose-text {

        display: block

    }



    .video-root .video-container {

        padding: 0 0 0 30px;

        height: 390px

    }



    .video-root .video-container .video-block .video-item .text-block {

        width: 41%

    }



    .video-root .video-container .video-block .video-item .text-block h3 {

        margin: 3vh 0 2vh;

        font-size: 26px

    }



    .video-root .video-container .video-block .video-item .iframe-item {

        width: 56%

    }



    .video-root .video-container .video-nav-block {

        width: 91%;

        bottom: -55px

    }



    .newsletter-root .newsletter-container {

        display: block

    }



    .newsletter-root .newsletter-container .image-block {

        height: 360px;

        margin: 0

    }



    .newsletter-root .newsletter-container .image-block .text-item p {

        font-size: 18px;

        margin: 30px 0 40px;

        line-height: 30px

    }



    .newsletter-root .newsletter-container .form-root {

        flex: 1 1;

        border: none

    }



    .newsletter-root .newsletter-container .form-root .head-item {

        padding: 40px 10px 0

    }



    .newsletter-root .newsletter-container .form-root.thanks {

        margin: 100px 0 0

    }



    .newsletter-root .newsletter-container .form-root.thanks .head-item {

        padding: inherit

    }



    .newsletter-root .newsletter-container .form-root .form-block {

        display: block

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-item {

        width: 100%;

        flex: 1 1;

        margin: 0 0 20px

    }



    .newsletter-root .newsletter-container .form-root .form-block .select-block {

        width: 100%;

        margin: 10px 0 0

    }



    .newsletter-root .newsletter-container .form-root .form-block .select-block:last-child {

        margin: 10px 0 0

    }



    .newsletter-root .newsletter-container .form-root .form-block.lastBlock .select-block:last-child {

        width: 100%;

        margin: 10px 0 0

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0 10px

    }



    .newsletter-root .newsletter-container .form-root .btn-block {

        height: 55px;

        margin: 35px auto 0

    }



    .slider-root {

        padding: 8em 0 5em;

        background-color: #fbfbfb

    }



    .slider-root .head-block {

        padding: 0 30px

    }



    .slider-root .head-block h2 {

        font-size: 20px

    }



    .slider-root .head-block p {

        line-height: 20px;

        max-width: 100%

    }



    .slider-root .slider-container .slider-wrapper {

        width: 100%;

        padding: 0 40px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item {

        width: 264px;

        height: 420px;

        margin: 0 0 0 20px;

        box-shadow: none

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .img-item {

        height: 172px

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block {

        text-align: center

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slider-item .text-block p {

        font-size: 12px

    }



    .slider-root .slider-container .arr-btn-item {

        display: none

    }



    .hardware-root .hardware-container .wheel-block ul li p {

        font-size: 12px

    }



    .hardware-root .hardware-container .hardware-content .img-item {

        width: 55%;

        height: 340px

    }



    .hardware-root .hardware-container .hardware-content .text-block {

        padding: 0 10px 0 20px;

        width: 47%

    }



    .hardware-root .hardware-container .hardware-content .text-block h4 {

        margin: 0 0 10px;

        font-size: 14px;

        line-height: 1.4

    }



    .hardware-root .hardware-container .hardware-content .text-block p {

        margin: 0 0 18px;

        line-height: 20px

    }



    .youtube-frame-container {

        padding: 0 30px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item {

        margin: 0 25px 25px 0

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item:nth-child(2n) {

        margin: 0 0 25px

    }



    .accesories-root .accesories-container .slider-wrapper {

        width: 680px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block {

        height: 250px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item {

        width: 200px;

        height: 200px;

        margin: 0 5px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active {

        width: 250px;

        height: 250px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li {

        margin: 0 0 10px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p {

        font-size: 12px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

        width: 475px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block {

        height: 250px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 200px;

        height: 200px;

        margin: 0 5px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active {

        width: 250px;

        height: 250px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 44%

    }



    .full-lb-root .lb-block .text-block {

        width: 95%

    }



    .full-lb-root .lb-block .text-block .left-block h2 {

        font-size: 16px

    }



    .full-lb-root .lb-block .text-block .left-block p {

        font-size: 11px

    }



    .full-lb-root .lb-block .text-block .right-block .content-item span {

        margin: 0 5px 0 0;

        font-size: 10px

    }



    .full-lb-root .lb-block .text-block .right-block .content-item .desc-item p {

        font-size: 12px;

        margin: 0 0 0 12px

    }



    .full-lb-root .lb-block .text-block .right-block .content-item .desc-item p:first-child, .full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item span {

        font-size: 12px

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage span {

        margin: 0 5px 0 0;

        font-size: 10px

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 83vh;

        padding: 35px 25px 45px 30px;

        width: 83%

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 18px 0 29px

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block h3 {

        max-width: 95%

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        height: 78%

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        margin: 0 0 15px

    }



    .lb-root.hardware-lb .lb-block.t-2 .btn-item {

        font-size: 16px;

        width: 150px;

        height: 35px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list-root .cycle-model-list {

        padding: 80px 0 0

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list-root:first-child .cycle-model-list {

        padding: 0

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .cycle-model-list-container, .cycle-model-root .content-container .cycle-model-block .cycle-model-list .model-text-block, .cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model {

        padding: 0 28px

    }



    .features-img-root .content-item {

        top: 30px

    }



    .features-img-root .content-item img {

        max-width: 240px

    }



    .features-img-root .content-item .bottom-name {

        font-size: 28px;

        line-height: 32px

    }



    .detail-banner-root.jazz-model .top-main-info-root.typeR-main-info, .detail-banner-root.typeR-model .top-main-info-root.typeR-main-info {

        bottom: -130px

    }



    .detail-banner-root.jazz-model .top-main-info-root.typeR-main-info .info-link-container, .detail-banner-root.typeR-model .top-main-info-root.typeR-main-info .info-link-container {

        height: 87px;

        padding: 0 2vw

    }



    .detail-banner-root.jazz-model .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item span, .detail-banner-root.typeR-model .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item span {

        font-size: 12px

    }



    .dimensions-root {

        margin: 68px 0 72px

    }

}



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

    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v ul {

        margin: 0 0 0 10px;

        line-height: 16px

    }



    .form-page-root.chassis-form-root .slider-container {

        max-width: 667px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item {

        width: 300px;

        min-width: 300px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item .text-item span {

        padding: 25px 20px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item {

        width: 48.4%

    }



    .formula-head-text {

        padding: 5em 0 0

    }



    .formula-head-text h2 {

        font-size: 20px

    }



    .formula-head-text h2:after {

        bottom: -12px

    }



    .formula-head-text p {

        font-size: 17px

    }



    .formula-vehicle-root .content-wrapper .double-block {

        padding: 40px 15px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 26px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block {

        padding: 40px 25px 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

        width: 28%;

        margin: 0 20px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 14px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block {

        width: 72%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .content-item .text-block {

        padding: 10px 5px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .content-item .text-block p {

        width: 100%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block:first-child {

        margin: 0 5em 0 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block {

        padding: 10px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block {

        width: 65%;

        padding: 0 5px 0 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .img-block {

        width: 35%

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 50em

    }



    .formula-point-root .content-wrapper .double-block .content-item {

        width: 48%

    }



    .formula-point-root .content-wrapper .double-block .content-item .text {

        font-size: 20px

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 85%

    }



    .news-detail-block .content-head-block .head-block {

        position: static

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        left: 0

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

        right: 0

    }



    .sub-banner-root.survey-banner {

        height: 430px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block {

        padding: 0 0 0 14vh

    }



    .top-content-block .page-common-root {

        padding: 30px 50px;

        margin: -7em 0 0

    }



    .top-content-block .page-common-root .content-head-block {

        display: block

    }



    .top-content-block .page-common-root .content-head-block .left-block {

        margin: 0 0 5vh

    }



    .top-content-block .page-common-root .content-head-block .sub-head-item {

        margin: 0 0 20px

    }



    .top-content-block .page-common-root .content-head-block h3 {

        font-size: 14px

    }



    .top-content-block .page-common-root .content-head-block p {

        text-align: left;

        font-size: 12px

    }



    .top-content-block .page-common-root.compare-page-root {

        padding: 25px 23px

    }



    .top-content-block .page-common-root.compare-page-root .detail.btn {

        width: 260px;

        height: 56px

    }



    .top-content-block .page-common-root .double-text-block {

        display: block

    }



    .top-content-block .page-common-root .double-text-block .left-block {

        width: 100%;

        margin: 10px 0 50px;

        position: static

    }



    .top-content-block .page-common-root .double-text-block .right-block {

        width: 100%;

        margin: 0

    }



    .top-content-block .page-common-root.campaign-content-root .text-block .share-item {

        position: static

    }



    .top-content-block .faq-page-root .faq-root .faq-block {

        padding: 0 20px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item .opened-text {

        margin: 0 7em

    }



    .top-content-block .cycle-security-page-root .tab-content-block {

        margin: 55px 0

    }



    .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item {

        padding: 18px 12px

    }



    .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item {

        width: 100%;

        flex-direction: column

    }



    .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item i:before {

        font-size: 34px

    }



    .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item p {

        text-align: center;

        margin: 20px 0 0;

        font-size: 14px

    }



    .top-content-block .cycle-security-page-root .left-content-block {

        padding: 0

    }



    .top-content-block .cycle-security-page-root .left-content-block .text-block {

        display: block

    }



    .top-content-block .cycle-security-page-root .left-content-block .text-block p {

        font-size: 11px;

        width: 100%;

        margin: 3vh 0 0

    }



    .top-content-block .cycle-security-page-root .left-content-block .text-block p.desc {

        font-size: 14px;

        width: 100%

    }



    .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .head-block h2 {

        font-size: 16px

    }



    .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block {

        display: block

    }



    .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .img-item {

        width: auto;

        height: auto

    }



    .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item {

        width: 100%

    }



    .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item .detail-btn, .top-content-block .cycle-security-page-root .left-content-block .left-content-item .contents-block .img-content-block .text-item p {

        width: auto

    }



    .top-content-block .cycle-security-page-root .right-content-block .text-block {

        display: block

    }



    .top-content-block .cycle-security-page-root .right-content-block .text-block p {

        font-size: 11px;

        width: 100%;

        margin: 3vh 0 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .text-block p.desc {

        font-size: 14px;

        width: 100%

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block {

        margin: 60px 0 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .arr-btn-item {

        display: none

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item {

        display: block

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .img-item {

        width: 100%

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item {

        width: 100%;

        margin: 20px 0 0

    }



    .model-select-root .model-select-container .image-block .btn-item.model-compare {

        width: 300px

    }



    .top-main-info-root .info-link-container .link-item {

        margin: 0 1% !important

    }



    .top-main-info-root .info-link-container .link-item svg {

        width: 25px

    }



    .top-main-info-root .info-link-container .link-item span {

        font-size: 11px

    }



    .version-content-root.model-version .version-wrapper .top-block .img-item {

        right: 0;

        top: 20px;

        max-width: 380px

    }



    .version-content-root.model-version .version-wrapper .top-block .img-item img {

        width: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-2 {

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item a {

        font-size: 17px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn.price-list-btn {

        margin: 0 0 0 15px;

        height: 40px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn.price-list-btn .price-list-arr {

        margin: 0 0 0 10px;

        height: 10px;

        position: relative;

        bottom: 2px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn.price-list-btn span {

        font-size: 8px

    }



    .installation-root .installation-wrapper .installation-container .top-block .text-block .text-item p {

        font-size: 13px;

        line-height: 24px

    }



    .installation-root .installation-wrapper .installation-container .bottom-block {

        text-align: center;

        margin: 43px 0 0

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item {

        max-width: 90%;

        margin: 35px auto 0

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item h5 {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 20px

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item p {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 16px;

        line-height: 27px;

        margin: 10px 0 0

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root {

        display: none;

        background: none !important

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root {

        padding: 0 !important

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item {

        -webkit-user-select: none;

        user-select: none;

        display: block;

        background: none;

        left: 0;

        top: 45%;

        width: 50px;

        height: 81px

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item.right-arr {

        left: auto;

        right: 0

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item:hover:after {

        background: none

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .img-item {

        width: 268px;

        margin: 0 auto;

        position: relative;

        left: 2px

    }



    .tech-spec-modal-root .tech-spec-titles-block {

        max-width: 414px

    }



    .basic-features-root .basic-features-container {

        max-width: 100%;

        margin: 0 22px

    }



    .sticker-start-container {

        height: 400px

    }



    .sticker-start-container .text-block {

        top: 26%

    }



    .sticker-start-container .bg-img-block, .sticker-start-container .moto-img-block, .sticker-start-container .moto-img-block .img-item {

        height: 100%

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 365px

    }

}



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

    .page-section.swiper-content-root.techno .lb-root .lb-block {

        width: 80%

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v p, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v p {

        font-size: 10px;

        line-height: 18px;

        margin: 0 0 10px

    }



    .number-plate-root {

        padding: 0

    }



    .number-plate-root.selected .number-plate-wrapper {

        min-height: 1000px

    }



    .number-plate-root.selected .number-plate-wrapper .icon-block {

        top: 178px;

        right: 16px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success {

        padding: 64px 20px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .btn-block, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .btn-block {

        margin: 24px 0 0

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .message, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .message {

        margin: 20px 0 0;

        font-size: 30px;

        width: 100%

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success img {

        width: 170px;

        height: 170px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success p {

        max-width: inherit;

        width: 100%;

        font-size: 16px;

        margin: 20px 0 30px;

        padding: 0 50px

    }



    .number-plate-root .number-plate-wrapper {

        position: relative;

        min-height: 1200px

    }



    .number-plate-root .number-plate-wrapper .icon-block {

        top: 70px;

        right: 24px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item img {

        width: 16px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item.preview img {

        width: 21px

    }



    .number-plate-root .number-plate-wrapper .sticker-container {

        padding: 50px 0;

        z-index: 2;

        position: absolute;

        top: 0;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        min-width: 600px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container {

        background: #fff

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.second .select-text-block .input-block .select-block .css-5v5vi7-container {

        margin: 8px 0 0;

        width: auto

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .select-block .borderline-item {

        width: 350px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 130px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__value-container {

        font-size: 10px;

        padding: 2px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__indicator {

        padding: 0

    }



    .number-plate-root .number-plate-wrapper .bg-mobile {

        background: rgba(0, 0, 0, .95);

        width: 100%;

        height: 100%;

        z-index: 1;

        position: absolute;

        top: 0;

        left: 0;

        mix-blend-mode: multiply

    }



    .number-plate-root .number-plate-wrapper .bg-mobile img {

        width: 100%;

        height: 100%

    }



    .number-plate-root .number-plate-wrapper.safe-area {

        display: block;

        height: auto

    }



    .number-plate-root .number-plate-wrapper .img-container {

        min-width: 600px

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon {

        top: 56.9%;

        left: 53%

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon svg {

        width: 336px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container {

        display: block

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block {

        max-width: 100%;

        padding: 0 16px 19px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .err-txt {

        font-size: 8px !important;

        bottom: -30px !important

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        width: 60px;

        height: 60px;

        margin: 0 4px 0 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 45px;

        height: 45px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.first .color-select-block {

        padding: 5vh 0 16vh

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second .color-select-block, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third .color-select-block {

        padding: 3vh 0 8.3vh

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.first:after, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.fourt:after, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.second:after, .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block.third:after {

        display: none

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-select-block p {

        line-height: 22px;

        font-size: 20px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block {

        width: 100%;

        flex-direction: inherit;

        justify-content: space-around;

        border-right: none;

        position: relative;

        padding: 10px 24px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block:after {

        content: "";

        width: 100%;

        position: absolute;

        height: 1px;

        background-color: #d0d0d0;

        bottom: 0;

        left: 0

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block .honda-logo, .number-plate-root.selected .number-plate-wrapper .sticker-container .img-container {

        display: none

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block {

        padding: 30px 16px;

        height: 800px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block p {

        line-height: normal;

        max-width: 253px;

        font-size: 28px;

        text-align: center;

        margin: 0

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .img-item {

        max-width: 550px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item {

        left: 49.3%;

        top: 53.6%

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item svg {

        max-width: 69px

    }



    .typeR-exterior-accessory-root {

        padding: 136px 0 0 !important

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block {

        flex-direction: column

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item {

        width: 100%;

        padding: 0 20px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .img-item {

        width: 100%;

        margin: 48px 0 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-bg {

        top: 41%

    }



    .new-dimensions-root .dimensions-root {

        padding: 70px 0 0

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item {

        margin: 40px 0 0

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count {

        font-size: 36px;

        margin: 0 0 20px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count span {

        font-size: 36px

    }



    .banner-root.new-cycle-banner .banner-container .banner-block .img-item img {

        width: 100%

    }



    .sub-menu-root.type-r {

        margin: 5px 0 0

    }



    .cycle-delay-apology-root .cycle-delay-apology-container .close-icon {

        right: 7px;

        top: 15px

    }



    .cycle-delay-apology-root .cycle-delay-apology-container .cycle-delay-apology-item {

        text-align: left

    }



    .cycle-delay-apology-root .cycle-delay-apology-container .cycle-delay-apology-item a {

        width: 90%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-left-block {

        display: none

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block {

        width: 100%;

        padding: 32px 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-close-item {

        right: -16px

    }



    .formula-vehicle-root .content-wrapper {

        padding: 0 2vw

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 23px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block {

        padding: 40px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

        width: 24%;

        margin: 0 10px 0 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 13px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block {

        width: 76%

    }



    .teams-content-root .teams-content-wrapper {

        padding: 0 2vw 0 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper {

        padding: 32px 16px 32px 2vw

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .head-item h3 {

        font-size: 29px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .profile-item {

        width: 210px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .text-block p {

        font-size: 11px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-block .text-block .video-open-item p {

        font-size: 10px

    }



    .teams-content-root.teams-2 .teams-content-wrapper {

        padding: 0 0 0 2vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 32px 16px 32px 2vw

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block .video-open-item p {

        font-size: 10px

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 47em

    }



    .formula-point-root .content-wrapper .double-block .content-item .text {

        font-size: 18px

    }



    .formula-point-root .content-wrapper .double-block .box-item p {

        width: 90%;

        font-size: 13px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item h1, .result-thanks-root .result-thanks-block .result-thanks-item h2 {

        font-size: 30px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item p {

        font-size: 27px

    }



    .sub-banner-root.survey-banner {

        height: 390px

    }



    .form-page-root .form-container {

        padding: 0 6vw

    }



    .form-page-root .form-container .detail-btn {

        width: 50%

    }



    .cycle-list-root .content-container .cycle-model-block .tab-block ul {

        justify-content: flex-start;

        overflow-x: auto

    }



    .cycle-list-root .content-container .cycle-model-block .tab-block ul li {

        min-width: 120px;

        margin: 0

    }



    .cycle-list-root .content-container .cycle-model-block .tab-block .close-btn {

        top: -35px;

        right: 0;

        width: 40px;

        height: 40px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model {

        margin: 6vh 0 0

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model p {

        font-size: 16px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block {

        margin: 2vh 0 0

    }



    .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 160px;

        width: 32%

    }



    ::-webkit-scrollbar {

        display: none

    }



    .header-root .header-container .header-block .top-block .submenu-block ul li {

        margin: 0 0 0 18px

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky {

        display: none

    }



    .header-root .header-container .header-block .top-block .search-block {

        width: 70px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 22vh

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container h2 {

        padding: 16vw 0 0;

        font-size: 28px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container p {

        letter-spacing: 1.8px;

        font-size: 7px

    }



    .sub-banner-root .head-text {

        width: 70%;

        top: 50%

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 58px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item p {

        width: 80%

    }



    .banner-root.landing-banner .list-block ul li {

        padding: 15px 0 20px;

        margin: 0 5px

    }



    .banner-root.landing-banner .list-block ul li span {

        font-size: 9px

    }



    .banner-slider-root .banner-container .arr-btn-item {

        top: auto;

        bottom: 0;

        height: auto;

        width: auto;

        left: 20px

    }



    .banner-slider-root .banner-container .arr-btn-item.next-btn {

        right: 20px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item {

        align-items: center

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 0 30px;

        width: 100%;

        text-align: center

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 16px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

        margin: 0 auto

    }



    .banner-slider-root.full-view-slider-root {

        height: 420px

    }



    .banner-slider-root.full-view-slider-root .banner-container .arr-btn-item {

        bottom: 25px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        width: 50%;

        padding: 0 50px 0 0

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 28px;

        line-height: 36px;

        text-align: left

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 14px;

        line-height: 22px;

        text-align: left;

        margin: 15px 0 0

    }



    .banner-slider-root.logr-slider {

        height: 460px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item {

        padding: 0 24px 0 0

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 0

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 28px;

        line-height: 36px

    }



    .footer-root .footer-container .footer-block .logo-item a {

        width: 36px;

        height: 100%

    }



    .footer-root .footer-container .footer-block .menu-block {

        display: block;

        padding: 0 50px

    }



    .footer-root .footer-container .footer-block .menu-block .menu-item .head-item {

        justify-content: space-between

    }



    .footer-root .footer-container .footer-block .menu-block .menu-item + .menu-item {

        margin: 5px 0 0

    }



    .landing-slide-root .landing-container .head-container ul.head-list li {

        line-height: 16px

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item.next-btn {

        right: 0

    }



    .filter-block.accesories-filter {

        margin: 35px 0 0

    }



    .filter-block.accesories-filter .select-container {

        display: block

    }



    .filter-block.accesories-filter .select-container .select-block {

        width: 100%

    }



    .filter-wrapper .filter-container .filter-block {

        display: block

    }



    .filter-wrapper .filter-container .filter-block .label-block {

        margin: 0 0 30px;

        width: 100%;

        height: 45px

    }



    .filter-wrapper .filter-container .filter-block .label-block span {

        font-size: 10px;

        -webkit-transform: unset;

        transform: unset

    }



    .filter-wrapper .filter-container .filter-block .filter-item {

        margin: 0 2% 0 0

    }



    .filter-wrapper .filter-container .filter-block .filter-item .text-block {

        display: none

    }



    .compare-root .compare-wrapper .top-block .compare-item + .compare-item {

        margin: 0 0 0 2%

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 30.5%

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 32px 0 32px 8vw

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        max-width: 724px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: 512px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block {

        max-width: inherit

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item {

        height: 130px;

        max-width: 115px;

        min-width: 115px;

        background-color: #fff;

        margin: 0 7px 14px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item:first-child {

        margin: 0 7px 14px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item img {

        max-width: 81%

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item:hover .hover-img {

        display: none

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-block .list-item:hover p {

        color: #e31f2e

    }



    .test-drive-root .select-car-container .select-car-wrapper {

        width: auto;

        overflow-x: auto

    }



    .test-drive-root .select-car-container .arr-btn-item {

        display: none

    }



    .test-drive-root .form-block {

        padding: 0

    }



    .test-drive-root .form-block .input-block {

        display: block

    }



    .test-drive-root .form-block .input-block .input-item {

        width: 100%;

        margin: 0 0 25px

    }



    .test-drive-root .form-block .input-block .input-item:first-child {

        margin: 0 0 25px

    }



    .test-drive-root .selected-car-block {

        width: 100%

    }



    .test-drive-root .selected-car-block .arr-btn-item {

        display: none

    }



    .test-drive-root .select-container {

        padding: 0 30px;

        width: 100%;

        display: block

    }



    .test-drive-root .select-container .select-block {

        margin: 0 0 25px

    }



    .test-drive-root .checkbox-container {

        padding: 0 30px

    }



    .test-drive-root .checkbox-container .checkbox-block {

        display: block

    }



    .test-drive-root .checkbox-container .checkbox-block .radio-button {

        width: 100%;

        margin: 30px 0

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 50px

    }



    .model-list-root .content-container .model-list-block {

        margin: 0 auto;

        justify-content: flex-start;

        max-width: 570px

    }



    .model-list-root .content-container .model-list-block .model-list-list, .model-list-root .content-container .model-list-block .model-list-list:first-child {

        margin: 0 2% 2% 0

    }



    .model-list-root .content-container .model-list-block .model-list-list:nth-child(3n) {

        margin: 0

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 200px;

        max-width: 180px;

        min-width: 180px;

        background-color: #eee

    }



    .model-list-root .content-container .model-list-block .list-item p {

        font-size: 14px;

        margin: 0;

        left: 50%;

        -webkit-transform: translate(-50%);

        transform: translate(-50%);

        bottom: 7px;

        width: 75%

    }



    .model-list-root .content-container .model-list-block .list-item img {

        max-width: 81%

    }



    .model-list-root .content-container .model-list-block .list-item:hover .hover-img {

        display: none

    }



    .model-list-root .content-container .model-list-block .list-item:hover p {

        color: #e31f2e

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block {

        margin: 15px 5px

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block .btn-item {

        width: auto

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block .btn-item span {

        font-size: 9px

    }



    .model-select-root .model-select-container .image-block .text-item h3 {

        font-size: 12px

    }



    .model-select-root .model-select-container .image-block .text-item p {

        font-size: 18px

    }



    .swiper-content-root .content-container .tab-block h2 {

        font-size: 20px

    }



    .swiper-content-root .content-container .tab-block ul li {

        height: auto;

        padding: 0 5px 8px;

        margin: 0 10px 0 0

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        left: 8px

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item.next-btn {

        right: 8px

    }



    .swiper-content-root .content-container .swiper-container {

        width: 70%

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h4 {

        display: none

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block h5 {

        font-size: 14px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        font-size: 10px;

        line-height: 18px;

        margin: 0 0 10px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn {

        margin: 0 auto 5px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 20px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        line-height: 1.5

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        margin: 10px 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        padding: 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        min-width: 155px;

        margin: 0 auto

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

        font-size: 9px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item {

        margin: 0 0 0 5px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item span {

        margin: 0 0 0 10px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        padding: 0 0 0 20px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        line-height: 1.5

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        margin: 10px 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        padding: 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        min-width: 155px;

        margin: 0 auto

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn span {

        font-size: 8px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item, .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item span {

        margin: 0 0 0 5px

    }



    .double-content-root .content-container .content-block .img-block {

        height: 300px

    }



    .double-content-root .content-container .content-block .img-block .band-item {

        width: 15px;

        height: 160px

    }



    .double-content-root .content-container .content-block .text-block span.count {

        font-size: 18px

    }



    .double-content-root .content-container .content-block .text-block span.count:after {

        width: 30px;

        right: -45px

    }



    .double-content-root .content-container .content-block .text-block h3 {

        font-size: 30px;

        margin: 20px 0 12px -8vw

    }



    .double-content-root .content-container .content-block .text-block p {

        margin: 0 0 5px;

        line-height: 20px

    }



    .double-content-root .content-container .content-block .text-block .detail-btn {

        width: auto;

        max-width: 250px;

        margin: 15px 0 0

    }



    .double-content-root.t-2 .content-container .content-block .text-block {

        width: 48%

    }



    .double-content-root.t-2 .content-container .content-block .text-block h3 {

        margin: 25px 0 13px

    }



    .double-content-root.t-3 .content-container .content-block .text-block {

        width: 50%

    }



    .double-content-root.y-4 .content-container .content-block .img-block {

        height: 300px

    }



    .double-content-root.y-4 .content-container .content-block .img-block .band-item {

        width: 15px;

        height: 160px

    }



    .contact-root .contact-wrapper .contact-container {

        padding: 4vh 30px 3vw

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block {

        width: 100%

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item {

        align-items: center

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block {

        margin: 0

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block {

        width: 100%

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block .react-select__control {

        height: 60px

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .select-block .react-select__menu {

        top: 52px !important

    }



    .contact-root .contact-wrapper .contact-container .contact-block .map-block {

        display: none

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item {

        width: 380px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item {

        padding: 4px 15px 0

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-name h3 {

        font-size: 16px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .text-item {

        padding: 0 15px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item + .result-item {

        margin: 0 0 0 20px

    }



    .news-root .last-news-block .img-item {

        height: 310px;

        width: 45%

    }



    .news-root .last-news-block .text-block {

        width: 50%;

        padding: 0 1vw 0 2vw

    }



    .news-root .last-news-block .text-block .text-item h3 {

        font-size: 16px

    }



    .news-root .last-news-block .text-block .text-item p {

        line-height: 1.8

    }



    .news-root .last-news-block .text-block .btn-block {

        margin: 10px 0 0

    }



    .news-root .news-list-container .news-list-block .news-item {

        width: 45%

    }



    .news-root .news-list-container .news-list-block .news-item .img-item {

        height: 180px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item {

        width: 40%

    }



    .news-detail-block .content-head-block .head-block {

        margin: 0 0 15px;

        width: auto

    }



    .news-detail-block .content-head-block .head-block h1 {

        line-height: 1.9;

        margin: 25px 0 20px;

        font-size: 14px

    }



    .news-detail-block .content-head-block .head-block h2 {

        line-height: 1.8;

        font-size: 12px

    }



    .news-detail-block .content-head-block .content-block {

        width: auto

    }



    .news-detail-block .content-head-block .content-block p {

        text-align: left;

        font-size: 10px;

        line-height: 20px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block {

        margin: 0 0 0 9vw

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .img-item {

        width: 310px;

        height: 375px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block {

        padding: 1em;

        height: 375px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item {

        margin: 0 0 15px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item p {

        max-height: 85%

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .detail-btn {

        width: 230px;

        height: 52px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .sm-name {

        right: -62%

    }



    .faq-root {

        padding: 5em 0

    }



    .faq-root .faq-container h2 {

        font-size: 16px;

        line-height: 28px

    }



    .faq-root .faq-container .faq-block {

        margin: 5em 0 0;

        padding: 0

    }



    .faq-root .faq-container .faq-block .faq-item .head-item p {

        margin: 8px 0 0 20px;

        font-size: 14px;

        line-height: 22px

    }



    .faq-root .faq-container .faq-block .faq-item .head-item p a {

        font-size: 14px

    }



    .faq-root .faq-container .faq-block .faq-item .head-item .plus-btn {

        width: 50px;

        min-width: 50px;

        height: 50px

    }



    .faq-root .faq-container .faq-block .faq-item .faq-img-content, .faq-root .faq-container .faq-block .faq-item .opened-text {

        margin: 0 0 0 7em

    }



    .faq-root .faq-container .faq-block .faq-item p {

        line-height: 20px

    }



    .faq-root .faq-container .faq-block .faq-item.active {

        padding: 0 0 40px

    }



    .faq-root .faq-container .faq-block .faq-item.active .head-item .plus-btn {

        width: 50px;

        min-width: 50px;

        height: 50px

    }



    .faq-root .faq-container .faq-block .detail-btn {

        width: 256px;

        height: 60px

    }



    .faq-root .faq-container .faq-block .detail-btn i {

        display: none

    }



    .tecnical-detail-root .head-block {

        overflow: hidden

    }



    .tecnical-detail-root .head-block h2 {

        font-size: 16px;

        line-height: 28px

    }



    .tecnical-detail-root .head-block ul {

        text-align: center;

        overflow: auto;

        white-space: nowrap;

        display: block

    }



    .tecnical-detail-root .head-block ul li {

        margin: 0 15px;

        display: inline-block;

        line-height: 1.4

    }



    .tecnical-detail-root .td-container {

        display: block

    }



    .tecnical-detail-root .td-container .image-block {

        width: 59%;

        margin: 0 auto

    }



    .tecnical-detail-root .td-container .right-block {

        padding: 0

    }



    .electrification-banner .head-block .head-text h1 {

        font-size: 25px

    }



    .otv-root .text-head-block h2 {

        width: 100%

    }



    .otv-root .double-content-root.t-2 .content-container .content-block {

        flex-direction: column

    }



    .otv-root .double-content-root.t-2 .content-container .content-block .img-block {

        width: 49%

    }



    .otv-root .double-content-root.t-2 .content-container .content-block .text-block {

        width: 45%

    }



    .otv-root .text-head-block h2 {

        font-size: 18px !important

    }



    .otv-root .double-content-root h2 {

        font-size: 14px !important;

        line-height: 24px !important

    }



    .otv-root .double-content-root p strong {

        top: 2px

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 49%

    }



    .lb-root .credit-root .credit-container {

        padding: 0 30px

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container {

        padding: 0

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .input-item {

        width: 280px

    }



    .campaign-sub-text-root .double-block {

        display: block

    }



    .campaign-sub-text-root .double-block .text-item {

        padding: 5em 3vw

    }



    .campaign-sub-text-root .double-block .text-item + .text-item {

        border-top: 1px solid #d8d8d8;

        border-left: none

    }



    .campaign-sub-text-root .double-block .text-item h2 {

        font-size: 18px

    }



    .campaign-sub-text-root .double-block .text-item p {

        font-size: 10px

    }



    .road-sync-banner-root .banner-container .logo-block {

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        min-width: 225px

    }



    .road-sync-banner-root .banner-container .logo-block .logo-img {

        width: 100%

    }



    .road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item p {

        font-size: 10px

    }



    .road-sync-double-text .content-wrapper .content-container {

        padding: 0

    }



    .road-sync-double-text .content-wrapper .content-container .content-block {

        display: flex;

        width: 100%;

        margin: 0 0 20px !important

    }



    .road-sync-double-text .content-wrapper .content-container .content-block.first-content .text-block .lansman-img-item {

        height: auto;

        width: auto;

        margin: 0 auto

    }



    .road-sync-double-text .content-wrapper .content-container .content-block.first-content .text-block .lansman-img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .road-sync-double-text .content-wrapper .content-container .content-block .text-block .text-item p {

        font-size: 13px;

        line-height: 24px

    }



    .road-sync-double-text .content-wrapper .content-container .content-block:nth-child(2n) {

        flex-direction: column !important

    }



    .img-slider-root.info-slider-root .slider-container .title-block h2 {

        font-size: 26px;

        line-height: 31px

    }



    .img-slider-root.info-slider-root .slider-container .arr-item {

        top: 57%;

        left: -52px

    }



    .img-slider-root.info-slider-root .slider-container .arr-item.right-arr {

        right: -52px;

        left: auto

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        color: #000;

        font-size: 24px;

        line-height: 28px;

        margin: 0 0 5px

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p + p {

        font-size: 14px;

        line-height: 24px;

        max-width: 100%

    }



    .installation-root {

        padding: 80px 0 0

    }



    .installation-root .head-item {

        margin: 0 auto 100px

    }



    .installation-root .head-item h1 {

        font-size: 26px;

        line-height: 31px

    }



    .installation-root .installation-wrapper .installation-container {

        padding: 0 5vw

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root {

        display: block;

        top: -63px;

        margin: 0

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root .slider-container .arr-item {

        -webkit-tap-highlight-color: transparent

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root .slider-container .slider-block .slider-item .text-item p {

        color: #000

    }



    .installation-root .installation-wrapper .installation-container .top-block {

        display: none

    }



    .installation-root .installation-wrapper .installation-container .top-block .text-block {

        flex-direction: column

    }



    .installation-root .installation-wrapper .installation-container .top-block .text-block .text-item {

        width: 100%

    }



    .installation-root .installation-wrapper .installation-container .top-block .text-block .text-item p {

        font-size: 14px;

        line-height: 25px

    }



    .installation-root .installation-wrapper .installation-container .bottom-block {

        margin: 0

    }



    .suitable-models-root {

        padding: 70px 0

    }



    .suitable-models-root .suitable-models-container {

        padding: 0 0 0 7vw

    }



    .suitable-models-root .suitable-models-container .head-block {

        padding: 0 7vw 0 0

    }



    .suitable-models-root .suitable-models-container .head-block h2 {

        font-size: 26px;

        line-height: 35px

    }



    .sync-text-area-root {

        padding: 60px 0 80px

    }



    .sync-text-area-root .sync-text-area-container {

        padding: 0 7vw

    }



    .sync-text-area-root .sync-text-area-container .text-item {

        margin: 40px 0 0

    }



    .sync-text-area-root .sync-text-area-container .text-item h2 {

        font-size: 26px;

        line-height: 35px

    }



    .sync-text-area-root .sync-text-area-container .text-item p {

        max-width: 100%;

        font-size: 15px;

        line-height: 27px

    }



    .sync-text-area-root .sync-text-area-container .road-sync-app-block a {

        display: block

    }



    .sync-text-area-root .sync-text-area-container .road-sync-app-block a:first-child {

        margin: 0 0 16px

    }



    .sync-more-detail-root {

        padding: 150px 0 140px

    }



    .sync-more-detail-root h2 {

        font-size: 21px;

        line-height: 31px;

        max-width: 80%

    }



    .sync-more-detail-root .btn-item {

        padding: 21px 47px

    }



    .sync-policy-root .sync-policy-container {

        padding: 12px 0

    }



    .sync-policy-root .policy-item {

        padding: 6px 18px

    }



    .sync-policy-root .policy-item .btn-item {

        font-size: 12px

    }



    .road-sync-faq .sub-banner-container .head-text {

        width: 80%

    }



    .credit-root .credit-content-block .info-block .test-drive-root {

        display: block

    }



    .credit-root .credit-content-block .info-block .test-drive-root .select-car-container {

        margin: 5px auto;

        padding: 0;

        max-width: none

    }



    .cycle-model-root .cycle-model-block .cycle-model-list-root .cycle-model-list .tab-model {

        margin: 0

    }



    .cycle-model-root .cycle-model-block .cycle-model-list-root .cycle-model-list .tab-model p {

        font-size: 20px

    }



    .cycle-model-root .cycle-model-block .cycle-model-list-root .cycle-model-list .content-block {

        margin: 0

    }



    .cycle-engine-wrapper .cycle-engine-content-container h2 {

        line-height: 54px;

        font-size: 40px;

        letter-spacing: 1.3px

    }



    .dimensions-root {

        padding: 0;

        margin: 30px 0 72px

    }



    .dimensions-root .features-text-block {

        max-width: 100%;

        margin: 0 22px

    }



    .dimensions-root .dimension-wrapper .content-wrapper {

        max-width: 100%;

        padding: 0

    }



    .dimensions-root .dimension-wrapper .content-wrapper img {

        width: 100%

    }



    .dimensions-root .dimension-wrapper .content-wrapper .img-block .text-item {

        display: none

    }



    .dimensions-root .dimension-wrapper .title-item {

        margin: 0

    }



    .dimensions-root .dimension-wrapper .title-item h2 {

        font-size: 22px;

        line-height: 24px

    }



    .dimensions-root .dimension-wrapper .text-item {

        flex-direction: column

    }



    .dimensions-root .dimension-wrapper .text-item p {

        font-size: 18px

    }



    .dimensions-root .dimension-wrapper .text-item p.height {

        display: block

    }



    .version-content-root.typer-features .version-wrapper {

        padding: 0

    }



    .version-content-root.typer-features .feature-block, .version-content-root.typer-features .tabs-block {

        padding: 0 30px

    }



    .numbers-slider-root.typer-slider .slider-bg {

        top: 52px

    }



    .numbers-slider-root.typer-slider h2 {

        font-size: 22px;

        margin: 0 0 20px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-nav-block {

        justify-content: center;

        width: 100%

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item {

        flex-direction: column-reverse

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .image-item {

        width: 100%;

        margin: 0 0 10px;

        height: 100%

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block {

        width: 100%;

        margin: 20px 0 0

    }



    .banner-root.new-cycle-banner .bg-block {

        height: 100%

    }



    .banner-root.new-cycle-banner .strip-item {

        width: 54px;

        right: 44px

    }



    .banner-root.new-cycle-banner .strip-item:after, .banner-root.new-cycle-banner .strip-item:before {

        width: 7px

    }



    .banner-root.new-cycle-banner .strip-item:before {

        left: -11px

    }



    .banner-root.new-cycle-banner .strip-item:after {

        right: -11px

    }



    .banner-root.new-cycle-banner .content-block {

        margin: 0;

        padding: 0 0 60px 8vw

    }



    .banner-root.new-cycle-banner .content-block h2 {

        font-size: 60px

    }



    .banner-root.new-cycle-banner .content-block h2 span {

        margin: -20px 0 0 75px

    }



    .banner-root.new-cycle-banner .content-block .text-item {

        margin: 0 0 0 75px

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        flex-direction: column-reverse;

        min-height: 600px;

        align-items: flex-start;

        justify-content: flex-start;

        padding: 110px 0 0

    }



    .banner-root.new-cycle-banner .banner-container .color-select-block {

        padding: 0 0 8vw 6vw;

        position: inherit;

        top: inherit;

        left: inherit

    }



    .banner-root.new-cycle-banner .banner-container .color-select-block .tab-item {

        margin: 0 0 14px

    }



    .banner-root.new-cycle-banner .banner-container .color-select-block p {

        font-size: 18px

    }



    .banner-root.new-cycle-banner .banner-container .color-item {

        width: 45px;

        min-width: 45px;

        height: 45px;

        margin: 0 0 0 8px

    }



    .banner-root.new-cycle-banner .banner-container .color-item .circle {

        width: 35px;

        height: 35px;

        min-width: 35px

    }



    .numbers-slider-root .slider-item .count {

        font-size: 38px

    }



    .numbers-slider-root .slider-item .text-block h3 {

        font-size: 26px;

        color: #000

    }



    .numbers-slider-root .slider-item .text-block p {

        font-size: 12px;

        color: #000;

        line-height: 24px

    }



    .numbers-slider-root.typer-slider {

        padding: 100px 20px 40px

    }



    .numbers-slider-root.typer-slider.new-jazz {

        padding: 24px 20px 40px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-nav-block .icon-left-arr:before {

        font-size: 39px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-block {

        padding: 0

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 190px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container h2 {

        padding: 20px 0 0

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .count-item {

        margin: 0 20px !important

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container {

        padding: 0 0 0 10px;

        margin: 40px 0 0

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container .tab-item {

        width: 176px

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container .tab-item.desktop {

        display: none

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container .tab-item.mobile {

        display: flex

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container .tab-item span {

        padding: 0 0 0 30px

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .tabs-container .tab-item:first-child {

        margin: 0 1px 0 0

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item h2 {

        text-align: center;

        font-size: 20px !important

    }



    .three-sixty-look-root.typer-version .color-model-sequence .color-set-block {

        bottom: -66px

    }



    .three-sixty-look-root.typer-version .color-model-sequence .color-set-block .color-set-item {

        margin: 8px 0 0

    }



    .discover-root .discover-container {

        padding: 0 0 0 64px

    }



    .discover-root .discover-container .detail-btn {

        height: 56px;

        width: 196px

    }



    .discover-root .discover-container .detail-btn span {

        font-size: 18px

    }



    .discover-root .discover-container .text-item p {

        font-size: 28px;

        line-height: 36px;

        color: #fff;

        max-width: 465px

    }



    .discover-root .discover-container .text-item h3 {

        font-size: 36px;

        line-height: 60px;

        color: #fff

    }



    .detail-banner-root.model-banner.typeR-accessory .banner-wrapper .scroll-btn {

        display: none

    }



    .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-block {

        flex-direction: column;

        align-items: center

    }



    .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item p {

        line-height: 47px

    }



    .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item .bottom-name {

        line-height: 37px;

        margin: 0 !important

    }



    .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item .icon-item {

        width: 260px

    }



    .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name {

        margin: 4px 0 0 !important

    }

}



@media only screen and (max-height: 960px) {

    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items {

        padding: 30px 65px

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items h5 {

        font-size: 20px

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list li {

        font-size: 12px;

        line-height: 20px

    }

}



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

    .page-section.swiper-content-root.techno .lb-root .lb-block {

        width: 90%

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items {

        padding: 30px 22px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items h5 {

        font-size: 20px;

        text-align: center

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list {

        text-align: center

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list li {

        font-size: 14px;

        line-height: 20px;

        padding: 0 0 10px

    }



    .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zr-v {

        width: 100%

    }



    .new-cycle-gallery-root {

        padding: 0 0 72px

    }



    .new-cycle-gallery-root .gallery-wrapper .gallery-container {

        display: block

    }



    .new-cycle-gallery-root .gallery-wrapper .show-btn-block {

        bottom: 52px

    }



    .new-cycle-gallery-root .gallery-wrapper .head-block .text-block h2 {

        font-size: 22px;

        line-height: 25px

    }



    .cct-cookiesuit-screen.cct-left_bottom {

        bottom: 78px !important;

        left: 8px !important

    }



    .cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container {

        padding: 17px 15px 18px

    }



    .cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container .close-icon {

        top: 2px;

        right: -6px

    }



    .cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container p, .cycle-delay-apology-root.service-form-warning-root .cycle-delay-apology-container span {

        line-height: 14px

    }



    .sub-banner-root.survey-banner {

        height: 370px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container {

        padding: 0 2em 1em

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item {

        padding: 4em 0 0

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .head-item h2 {

        width: 100%

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item {

        padding: 2em 0 0

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video {

        width: 48.9%;

        margin: 0 2vw 10vw 0

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video:nth-child(2n+2) {

        margin: 0 0 10vw

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

        padding: 0 10px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-detail-btn {

        margin: 20px auto

    }



    .electrification-root .communication-content-root {

        padding: 50px 0 78px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container {

        max-width: 100%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .head-block {

        padding: 0 30px;

        margin: 0 auto 65px;

        max-width: 100%;

        width: 100%;

        display: block

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .left-side {

        padding: 0;

        min-width: 100%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .left-side h2 {

        font-size: 16px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .left-side h2:after {

        border-bottom: 4px solid #e31f2e;

        height: 4px;

        margin: 20px 0 0

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .right-side {

        width: 100%;

        max-width: 100%;

        margin: 20px 0 0

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .right-side h3 {

        font-size: 14px;

        line-height: 22px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .right-side p {

        font-size: 11px;

        line-height: 22px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block {

        display: block

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block {

        width: 100%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block .img-item {

        height: 215px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .left-block p {

        padding: 0 30px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block {

        width: 100%;

        margin: 55px 0 0;

        height: 490px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item {

        bottom: 1%;

        left: 5%

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .head-item h3 {

        font-size: 16px;

        line-height: 24px

    }



    .electrification-root .communication-content-root .communication-content-wrapper .communication-content-container .content-block .right-block .text-item .bot-item p {

        font-size: 10px;

        line-height: 20px

    }



    .electrification-root .campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        display: block !important

    }



    .form-page-root {

        padding: 8em 0 0

    }



    .form-page-root .form-container {

        padding: 0 30px

    }



    .form-page-root .form-container .head-block h1 {

        font-size: 18px;

        line-height: 30px

    }



    .form-page-root .form-container .form-block .input-block {

        display: block

    }



    .form-page-root .form-container .form-block .input-block .input-item {

        width: 100%

    }



    .form-page-root .form-container .form-block .input-block .input-item:nth-child(2n+2) {

        margin: 0 0 35px

    }



    .form-page-root .form-container .form-block .input-block .input-item label {

        margin: 0 0 12px

    }



    .form-page-root .form-container .form-block .select-block {

        width: 100%;

        display: block;

        margin: 0 0 30px

    }



    .form-page-root .form-container .form-block .select-block:nth-child(2n+2) {

        margin: 0 0 30px

    }



    .form-page-root .form-container .form-block .select-block.meeting-reason {

        max-width: inherit;

        width: auto

    }



    .form-page-root .form-container .detail-btn {

        height: 46px

    }



    .price-list-root {

        padding: 30px 0 0

    }



    .price-list-root .price-list-wrapper .double-text-block {

        display: block

    }



    .price-list-root .price-list-wrapper .double-text-block .left-block {

        width: 100%;

        position: static

    }



    .price-list-root .price-list-wrapper .double-text-block .right-block {

        width: 100%;

        margin: 0

    }



    .price-list-root .price-list-wrapper .tab-block ul li {

        font-size: 14px;

        padding: 0 0 10px

    }



    .price-list-root .price-list-wrapper .cycle-list-root {

        padding: 5em 30px 3em

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .head-item {

        margin: 0 0 5vh

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .head-item h2 {

        font-size: 16px;

        letter-spacing: 4px

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block {

        padding: 0

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item, .price-list-root .price-list-wrapper .cycle-list-root .content-container .content-swiper-block .arr-btn-item.next-btn {

        display: none

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-wrapper {

        overflow-x: auto

    }



    .price-list-root .price-list-wrapper .cycle-list-root .content-container .cycle-list-block .list-item {

        width: 140px;

        height: 140px;

        margin: 0 10px 0 0

    }



    .price-list-root .price-list-wrapper .model-list-root {

        padding: 50px 0 45px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .head-item {

        margin: 0 0 35px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .head-item h2 {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper {

        padding: 0 20px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-wrapper .arr-btn-item {

        display: none

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container {

        width: auto;

        overflow-x: auto;

        margin: 0 auto

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block {

        display: block;

        white-space: nowrap;

        transition: all .3s ease-out;

        max-width: 100%

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item {

        display: inline-block;

        opacity: 1;

        height: 150px;

        margin: 0 0 0 10px;

        max-width: 130px;

        min-width: 130px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item .check-item {

        position: absolute;

        top: 10px;

        left: 10px;

        width: 26px;

        height: 26px;

        background-color: #e8e8e8;

        border-radius: 50%;

        display: flex;

        justify-content: center;

        align-items: center

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item .check-item i:before {

        color: #fff;

        font-size: 8px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item.active .check-item {

        background-color: #fff

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item.active .check-item i:before {

        color: #e31f2e

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item img {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item p {

        white-space: normal;

        font-size: 12px;

        bottom: 5px;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .model-list-container .model-list-block .list-item:first-child {

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 {

        position: unset

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 h2 {

        font-size: 21px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 a {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-2 {

        display: none

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn {

        padding: 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block {

        flex-wrap: wrap

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block:first-child .td-item .type-block span {

        margin: 0 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block:first-child .td-item span {

        margin: 15px 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .table-inside-block:first-child .td-item span.resp-head {

        margin: 0 0 15px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item {

        display: block;

        height: auto;

        margin: 0 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item {

        position: relative;

        padding: 0;

        justify-content: flex-start

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item span {

        color: #000;

        font-size: 18px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item .head-icon-item:before {

        top: 2px;

        right: 10px;

        left: auto;

        background-color: #000

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item .head-icon-item:after {

        top: 9px;

        right: 3px;

        left: auto;

        background-color: #000

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item {

        max-width: 100%;

        justify-content: space-between

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item p {

        padding: 0;

        display: block

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item .gg-chevron-icon {

        margin: 4px 5px 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item:hover {

        border-bottom: none

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block {

        padding: 0;

        margin: 25px 0 0;

        height: auto

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block span {

        font-size: 20px;

        margin: 0 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span {

        font-size: 14px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span.resp-head {

        margin: 0 0 15px;

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .resp-head {

        display: block

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block.active {

        background-color: #f5f5f5

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block.active .name-item span {

        color: #e31f2e

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block.active .td-item .head-icon-item:after {

        background-color: #e31f2e

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block.active .td-item .head-icon-item:before {

        background-color: #e31f2e;

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg)

    }



    .price-list-root .price-list-wrapper .table-price-root .t-1 {

        width: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root .t-2 {

        width: 50%;

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root .t-3 {

        width: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root .t-3 .credit-btn {

        background-color: #e31f2e;

        color: #fff !important;

        width: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price {

        padding: 35px 20px 1em;

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block {

        padding: 30px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head {

        padding: 0;

        border: none

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-1 h2 {

        font-size: 21px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-2 {

        display: none

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item .head-icon-item:before {

        left: auto;

        right: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item .head-icon-item:after {

        left: auto;

        right: -7px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container {

        padding: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block {

        border-bottom: 1px solid #d8d8d8;

        flex-wrap: wrap

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 20px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item.price-list-name-item:before {

        content: none

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item.price-list-name-item:hover p {

        -webkit-animation: none;

        animation: none

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-1 {

        width: 100%;

        margin: 0 0 35px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 {

        margin: 0 0 30px;

        width: 50%;

        display: block

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 span {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 18px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 span.resp-head {

        display: block;

        font-size: 16px;

        margin: 0 0 20px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block:last-child {

        border: none

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block.active {

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .double-text-block {

        display: block

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .double-text-block .left-block {

        width: 100%;

        position: static

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .double-text-block .right-block {

        width: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price {

        padding: 0;

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container {

        position: relative

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head {

        padding: 0 30px 50px;

        border: none

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-container + .table-container {

        background-color: #fff;

        margin: 0;

        padding: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-container .table-block {

        padding: 25px 30px;

        max-height: 23px;

        margin: 0 0 30px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-container .table-block.active {

        max-height: 100%

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .down-btn {

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin-right: auto;

        margin-left: auto;

        bottom: -80px;

        display: flex;

        width: 240px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .down-btn.price-list-btn {

        position: relative;

        bottom: auto;

        width: 100%;

        max-width: 146px;

        margin: 0;

        white-space: nowrap;

        padding: 0 16px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .td-item .name-item .vites {

        padding: 0 0 0 10px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item .head-icon-item {

        display: block

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.name {

        flex: 2 1;

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span.vites {

        margin: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .type-block {

        padding: 0;

        border: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.active {

        background-color: #f5f5f5

    }



    .price-list-root .price-list-wrapper .down-doc-btn {

        padding: 0 10px;

        width: 100%;

        justify-content: center;

        align-items: center

    }



    .price-list-root .price-list-wrapper .down-doc-btn p {

        font-size: 15px

    }



    .price-list-root .price-list-wrapper .down-doc-btn .down-item {

        justify-content: center

    }



    .price-list-root .price-list-wrapper .down-doc-btn .down-item .text-item span {

        display: none

    }



    .price-list-root .price-list-wrapper .down-doc-btn .down-item .text-item .size {

        text-align: left

    }



    .price-list-root .price-list-wrapper .text-root {

        display: block;

        padding: 0 30px;

        margin: 30px 0

    }



    .price-list-root .price-list-wrapper .text-root .text-item {

        width: 100%

    }



    .price-list-root .price-list-wrapper .text-root .text-item + .text-item {

        margin: 0

    }



    .price-list-root .price-list-wrapper .text-root span {

        display: inline

    }



    .price-list-root .price-list-wrapper .widget-content-root {

        padding: 4em 0 0;

        border: none

    }



    .price-list-root .price-list-wrapper .widget-content-root .head-item {

        padding: 0 60px

    }



    .price-list-root .price-list-wrapper .widget-content-root .head-item p {

        font-size: 18px;

        line-height: 28px

    }



    .price-list-root .price-list-wrapper .widget-content-root .head-item .detail-btn {

        width: 220px;

        margin: 40px auto;

        height: 55px

    }



    .price-list-root .price-list-wrapper .widget-content-root .head-item .detail-btn span {

        font-size: 8px;

        text-align: center

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container {

        display: block;

        margin: 4em 0 2em;

        padding: 0 20px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block {

        width: 100%;

        height: 360px;

        margin: 30px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block {

        width: 100%;

        justify-content: center;

        align-items: center

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .left-block a {

        margin: 25px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .img-block {

        display: none

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-block {

        padding: 0 20px;

        width: 100%;

        justify-content: center;

        align-items: center

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-block p {

        width: 100%

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .detail-btn {

        width: 220px;

        margin: 20px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .detail-btn.white {

        text-align: center

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item {

        display: block;

        text-align: center

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item i {

        margin: 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item i:before {

        font-size: 30px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block .text-item p {

        font-size: 18px;

        margin: 10px 0 0;

        line-height: 28px

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container .widget-block:nth-child(2n) {

        height: 225px

    }



    .price-list-root .price-list-wrapper .widget-content-root .full-widget-component {

        height: 360px;

        margin: 30px 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item {

        flex-direction: column;

        padding: 5em 10vw

    }



    .price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item p {

        font-size: 24px;

        text-align: center;

        line-height: 34px

    }



    .price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item .link-arr {

        background-color: #e31f2e;

        width: 220px;

        height: 56px;

        display: flex;

        border: none;

        outline: none;

        align-items: center;

        justify-content: center;

        border-radius: 50px;

        margin: 0 auto 15px;

        cursor: pointer;

        transition: all .2s

    }



    .price-list-root .price-list-wrapper .widget-content-root .full-widget-component .text-item .link-arr i {

        display: none

    }



    .price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root {

        padding: 1em 0 0

    }



    .price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .widget-container {

        margin: 5em 0

    }



    .price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .text-root {

        border: none;

        padding: 0 30px 20px

    }



    .price-list-root .price-list-wrapper .widget-content-root.cycle-widget-root .text-root .text-item {

        width: 100%

    }



    .sub-banner-root.news-banner .head-text h1 {

        font-size: 24px;

        line-height: 28px;

        letter-spacing: .6px

    }



    .double-text-img-root.civic-model-text {

        padding: 0 0 20px

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__control {
        justify-content: center

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__placeholder {

        letter-spacing: 0

    }



    .gallery-root.oneRow {

        padding: 0 0 81px

    }



    .home-header-root {

        height: 70px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item {

        align-items: flex-end

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .logo-item .img-item img {

        width: auto;

        height: 23px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block {

        top: 20px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        top: -18px

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 3em 0 0;

        padding: 0 25px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 0 0 15px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        display: none

    }



    .home-banner-root .video {

        justify-content: space-between

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container {

        flex-direction: column

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

        width: 100vw;

        height: 36vh;

        margin: 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link {

        z-index: 10;

        position: absolute;

        bottom: 40px;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container h2 {

        padding: 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container {

        height: auto;

        z-index: 98

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block:after, .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block:before {

        display: none

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item, .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item .img-item {

        width: auto;

        height: auto

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .start-button-container .start-button-block .start-button-item .img-item img {

        width: 145px;

        height: 61px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .slider-dot-block {

        justify-content: center;

        width: auto

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block {

        text-align: center;

        position: relative;

        height: 50vh;

        padding: 0;

        display: flex;

        flex-direction: column;

        align-items: center

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item {

        margin: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        z-index: 12;

        position: absolute;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        top: 28%;

        left: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item a {

        letter-spacing: 3px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-video {

        display: block;

        position: absolute;

        bottom: 0;

        left: 0;

        height: 40vh

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .gradient-block {

        z-index: 9;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        background: #000;

        background: -webkit-gradient(left top, left bottom, color-stop(0, #000), color-stop(21%, #000), color-stop(40%, transparent));

        background: linear-gradient(180deg, #000 0, #000 21%, transparent 40%);

        width: 100%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block {

        text-align: center;

        position: relative;

        height: 50vh;

        padding: 0;

        display: flex;

        flex-direction: column;

        align-items: center

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .link-item {

        height: 40vh

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-item {

        margin: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        z-index: 12;

        position: absolute;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        top: 20%;

        left: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-item a {

        letter-spacing: 3px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-video {

        display: block;

        position: absolute;

        bottom: 0;

        left: 0;

        height: 40vh

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .gradient-block {

        z-index: 9;

        position: absolute;

        top: 0;

        left: 0;

       /* height: 100%; */

        background: #000;

        background: -webkit-gradient(left top, left bottom, color-stop(0, #000), color-stop(21%, #000), color-stop(40%, transparent));

        background: linear-gradient(180deg, #000 0, #000 21%, transparent 40%);

        width: 100%

    }



    .cycle-list-root {

        padding: 55px 0 50px

    }



    .cycle-list-root .content-container .head-item {

        margin: 0 0 35px

    }



    .cycle-list-root .content-container .head-item h2 {

        font-size: 16px

    }



    .inclusive-root.model-inclusive {

        margin: 0;

        padding: 0 0 3em

    }



    .inclusive-root.model-inclusive .inclusive-container {

        padding: 0 30px

    }



    .model-select-root {

        padding: 5em 30px 7em

    }



    .model-select-root .model-select-container {

        flex-direction: column

    }



    .model-select-root .model-select-container .image-block {

        height: 360px

    }



    .model-select-root .model-select-container .image-block:first-child {

        margin: 0 0 34px

    }



    .model-select-root .model-select-container .image-block .text-item p {

        line-height: 28px;

        margin: 30px 0

    }



    .model-select-root .model-select-container .image-block:last-child {

        margin: 0

    }



    .model-select-root .model-select-container .image-block .btn-item {

        width: 220px;

        height: 56px

    }



    .model-select-root .model-select-container .image-block .btn-item span {

        line-height: 14px

    }



    .model-select-root .model-select-container .image-block .btn-item.model-compare {

        width: 220px;

        height: 56px

    }



    .model-select-root.model-select-ver2-root {

        padding: 5em 30px 7em

    }



    .model-list-root {

        padding: 50px 0 40px

    }



    .model-list-root .content-container .head-item h2 {

        font-size: 16px

    }



    .model-list-root.model-page {

        padding: 100px 0 20px

    }



    .model-list-root.model-page .content-container .model-list-block .btn-block {

        display: none

    }



    .landing-slide-root .landing-container .landing-slider-container {

        margin: 0 7vw

    }



    .test-drive-root .head-item h2 {

        font-size: 16px

    }



    .top-content-block .page-common-root .content-head-block .left-block {

        margin: 0 0 35px

    }



    .top-content-block .page-common-root .content-head-block .sub-head-item {

        margin: 0 0 20px

    }



    .top-content-block .page-common-root.manual-root {

        padding: 4em 20px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block h2 {

        font-size: 17px;

        letter-spacing: 4.5px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .head-block p {

        line-height: 18px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block {

        width: 100%;

        display: block

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block .input-item {

        width: 100%

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block .input-item input {

        height: 60px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .input-block .input-item:nth-child(2n) {

        margin: 30px 0 0

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block {

        margin: 50px 0 0

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block h2, .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block h3 {

        display: none

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block {

        width: 100%;

        display: inline-block;

        margin: 0

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .manuals-item {

        width: 100%;

        height: 190px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item {

        width: 100%;

        height: 190px;

        padding: 20px 30px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .top-block {

        font-size: 14px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item p {

        display: block;

        font-size: 12px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block .text-item span {

        font-size: 10px

    }



    .top-content-block .page-common-root.manual-root .manual-wrapper .manual-container .form-block .model-detail-block .access-block .access-item .bottom-block i:before {

        margin: 15px 0 0

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block {

        padding: 0 0 0 30px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

        margin: 0 0 10px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        width: 95%

    }



    .filter-wrapper .detail-btn {

        width: auto

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

        min-width: 30px;

        width: 30px;

        height: 30px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn i:before, .compare-root .compare-table-root .compare-table-block .tab-head-item p {

        font-size: 11px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 20px 0 44px 7vw

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

        margin: 0 0 0 2%

    }



    .compare-root .compare-table-root .compare-table-block.open .tab-head-item .tab-item:before {

        width: 0

    }



    .compare-root .compare-table-root.view {

        padding: 13em 0 0

    }



    .dictionary-root {

        padding: 30px 0 0

    }



    .newsletter-root .error-container {

        position: relative;

        margin: 20px 0

    }



    .newsletter-root.campaign-newsletter-root .newsletter-container .form-root .head-item {

        padding: 0 15px

    }



    .newsletter-root.campaign-newsletter-root .newsletter-container .form-root .form-block {

        width: 93%

    }



    .newsletter-root.campaign-newsletter-root .newsletter-container .form-root .form-block .input-item input {

        height: 60px

    }



    .newsletter-root.campaign-newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0

    }



    .oap-appointment-root .oap-appointment-wrapper {

        padding: 0 !important

    }



    .oap-appointment-root .oap-appointment-container {

        height: 100% !important;

        overflow-y: scroll

    }



    .oap-appointment-root .error-container {

        position: relative !important;

        margin: 20px 0 !important;

        bottom: 0 !important;

        left: -30px !important;

        width: 103% !important;

        -webkit-transform: none !important;

        transform: none !important

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-model-block .tab-block .close-btn {

        top: auto;

        right: 5%;

        bottom: -50%

    }



    .video-root .video-container .video-block .video-item .text-block {

        width: 45%

    }



    .video-root .video-container .video-block .video-item .text-block .count {

        font-size: 20px

    }



    .video-root .video-container .video-block .video-item .text-block .count:after {

        margin-left: 10px;

        width: 30px

    }



    .video-root .video-container .video-block .video-item .iframe-item {

        width: 53%

    }



    .numbers-slider-root .slider-item {

        flex-direction: column-reverse

    }



    .numbers-slider-root .slider-item .text-block {

        width: 100%;

        padding: 0 8vw 0 0;

        margin: 30px 0 0

    }



    .numbers-slider-root .slider-item .text-block h3 {

        font-size: 26px;

        line-height: 34px

    }



    .numbers-slider-root .slider-item .text-block p {

        font-size: 14px;

        line-height: 25px

    }



    .numbers-slider-root .slider-item .image-item {

        width: 100%;

        margin: 0

    }



    .numbers-slider-root .slider-nav-block {

        margin: 10px 0 0

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block {

        width: 300px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        height: auto;

        width: 100%

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv {

        text-align: left

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv h5, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv h5 {

        font-size: 22px !important;

        line-height: 34px !important

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv p, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv p {

        font-size: 16px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv .discover-btn, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv .discover-btn {

        margin: 22px 0 0;

        width: 200px;

        height: 56px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv .discover-btn span, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block.zrv .discover-btn span {

        font-size: 18px

    }



    .swiper-content-root .content-container .tab-block {

        display: block;

        text-align: center;

        margin: 0;

        height: auto;

        padding: 0

    }



    .swiper-content-root .content-container .tab-block h2 {

        margin: 0 0 35px;

        flex: auto

    }



    .swiper-content-root .content-container .tab-block ul {

        flex: auto;

        display: block;

        text-align: center;

        border: none;

        white-space: nowrap

    }



    .swiper-content-root .content-container .tab-block ul li {

        padding: 0 0 10px;

        margin: 0 15px;

        display: inline-block;

        max-width: none

    }



    .swiper-content-root .content-container .tab-block ul li:hover {

        color: #000;

        border-color: transparent

    }



    .swiper-content-root .content-container .tab-block ul li.active:hover {

        color: #e31f2e;

        border-color: #e31f2e

    }



    .swiper-content-root .content-container .swiper-wrapper .arr-btn-item {

        display: none

    }



    .swiper-content-root .content-container .swiper-wrapper .nav-block {

        margin: 2em 0 4em

    }



    .swiper-content-root .content-container .swiper-container {

        width: 100%;

        box-shadow: none;

        padding: 30px 0 40px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        height: auto;

        padding: 0;

        text-align: center

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block {

        width: 260px;

        vertical-align: top;

        margin: 0 15px;

        box-shadow: 0 0 24px 13px rgba(0, 0, 0, .08)

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item {

        display: block

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 100%;

        height: 185px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        text-align: center;

        display: block;

        width: 100%;

        padding: 20px 15px;

        margin: 0

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        color: #8e8e8e;

        line-height: 22px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block .detail-btn {

        margin: 0 0 20px

    }



    .swiper-content-root.desing .content-container .swiper-container {

        width: 100%

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper {

        height: auto

    }



    .swiper-content-root.techno .content-container .tab-block {

        display: block;

        text-align: center;

        margin: 0;

        height: auto;

        padding: 0

    }



    .swiper-content-root.techno .content-container .tab-block h2 {

        margin: 0 0 35px;

        flex: auto

    }



    .swiper-content-root.techno .content-container .tab-block ul {

        display: block;

        border: none;

        white-space: nowrap

    }



    .swiper-content-root.campaigns-swiper .content-container {

        padding: 65px 0 25px

    }



    .swiper-content-root.campaigns-swiper .content-container .tab-block, .swiper-content-root.campaigns-swiper .content-container .tab-block h2 {

        margin: 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

        height: auto;

        padding: 40px 35px 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block {

        box-shadow: 0 0 24px 13px rgba(0, 0, 0, .08);

        border-radius: 5px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 100%;

        height: 175px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        text-align: center;

        width: 100%;

        padding: 20px 15px 30px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count:after {

        position: absolute;

        left: -2px;

        margin: 20px 0 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        display: none

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        display: block;

        font-size: 14px;

        line-height: 22px;

        padding: 0 20px;

        margin: 25px 0 10px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.elect-desc {

        font-size: 16px !important

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        display: block;

        padding: 10px 0 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        width: 220px;

        height: 56px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item {

        margin: 20px 0 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block {

        margin: 0 0 25px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more {

        width: 260px;

        height: 55px;

        padding: 0 25px;

        margin: 45px auto 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block .show-more span {

        font-size: 11px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-container {

        padding: 0 0 37px

    }



    .swiper-content-root.campaigns-page-root .content-container {

        padding: 20px 0 25px

    }



    .swiper-content-root.campaigns-page-root .content-container .tab-block, .swiper-content-root.campaigns-page-root .content-container .tab-block h2 {

        margin: 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper {

        height: auto;

        padding: 35px 35px 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block {

        box-shadow: 0 0 24px 13px rgba(0, 0, 0, .08);

        border-radius: 5px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        width: 100%;

        height: 175px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        text-align: center;

        width: 100%;

        padding: 20px 15px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .campaigns-count:after, .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p {

        display: none

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        display: block;

        font-size: 14px;

        line-height: 22px;

        padding: 0 20px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item {

        display: block;

        padding: 10px 0 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .detail-btn {

        width: 220px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block .info-item .share-item {

        margin: 15px 0 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block {

        margin: 0 0 25px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more {

        width: 260px;

        height: 55px;

        padding: 0 25px;

        margin: 50px auto 0

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .nav-block .show-more span {

        font-size: 11px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-container {

        padding: 0 0 37px

    }



    .swiper-content-root.techno .content-container .swiper-container {

        width: 100%

    }



    .double-content-root.t-3 {

        margin: 10vh 0 77px

    }



    .news-root .last-news-block {

        display: inline-block;

        text-align: center

    }



    .news-root .last-news-block .img-item {

        width: 100%;

        height: 250px

    }



    .news-root .last-news-block .text-block {

        width: 100%;

        padding: 30px 20px

    }



    .news-root .last-news-block .text-block .label-item {

        margin: 0 0 40px

    }



    .news-root .last-news-block .text-block .label-item span {

        position: relative

    }



    .news-root .last-news-block .text-block .label-item span:before {

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin-right: auto;

        margin-left: auto;

        bottom: -20px

    }



    .news-root .last-news-block .text-block .text-item h3 {

        margin: 0 0 20px

    }



    .news-root .last-news-block .text-block .btn-block {

        margin: 25px 0 0;

        justify-content: center

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item {

        margin: 0 5px 30px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item .detail-btn {

        height: 35px;

        width: 110px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item .detail-btn span {

        font-size: 9px;

        letter-spacing: .5px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item:nth-child(4n+1) {

        margin: 0 5px 30px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item {

        margin: 0 15px 15px 0;

        height: 200px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item:nth-child(2n) {

        margin: 0 0 15px

    }



    .accesories-root.new-accessory-root .head-block .head-text {

        font-size: 45px !important;

        line-height: 40px

    }



    .accesories-root .head-block {

        border: none;

        padding: 15px 40px

    }



    .accesories-root .head-block .head-text, .accesories-root .head-block h2 {

        padding: 27px 0 0;

        font-size: 18px !important

    }



    .accesories-root .head-block ul li {

        margin: 0 10px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        padding: 4px 0 0

    }



    .accesories-root .head-block ul li:before {

        background-color: #e31f2e

    }



    .accesories-root .accesories-container {

        padding: 4em 0

    }



    .accesories-root .accesories-container .top-block {

        display: block

    }



    .accesories-root .accesories-container .top-block a {

        font-size: 15px

    }



    .accesories-root .accesories-container .top-block .select-block {

        position: relative;

        width: 250px;

        margin: 20px auto;

        display: none

    }



    .accesories-root .accesories-container .slider-wrapper {

        width: 100%;

        padding: 0 40px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block {

        height: 250px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item {

        width: 250px;

        height: 250px;

        margin: 0 10px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block .accessory-text, .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 18px;

        line-height: 28px

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item .text-block p {

        display: none

    }



    .accesories-root .accesories-container .slider-wrapper .slider-block .slider-item.active .detail-plus {

        display: block

    }



    .accesories-root .accesories-container .slider-wrapper .nav-block {

        margin: 4em 0 2em

    }



    .accesories-root .accesories-container .buttons {

        display: none

    }



    .accesories-root .accesories-container .question-block {

        justify-content: center;

        position: static

    }



    .accesories-root .accesories-packet-container {

        padding: 4vh 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block {

        padding: 0 0 0 9vh

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

        width: 100%

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block {

        height: 250px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 250px;

        height: 250px;

        margin: 0 10px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block h4 {

        font-size: 18px;

        line-height: 28px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item .text-block p {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .slider-block .slider-item.active .detail-plus {

        display: block

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper .video-nav-block {

        width: 50%

    }



    .accesories-root.hrv-accessories {

        padding: 60px 0 40px

    }



    .accesories-root.hrv-accessories .head-block {

        padding: 0

    }



    .accesories-root.hrv-accessories .head-block h2 {

        font-size: 24px !important

    }



    .accesories-root.hrv-accessories .accesories-container .slider-wrapper .slider-block .slider-item.active .text-block h4 {

        font-size: 18px

    }



    .accesories-root.hrv-accessories .accesories-container .top-block {

        margin: 0 0 28px

    }



    .accesories-root.hrv-accessories .accesories-container .top-block h3 {

        max-width: 325px;

        margin: 0 auto;

        padding: 14px 22px

    }



    .costlist-root .cl-container {

        width: 95%

    }



    .costlist-root .cl-container h2 {

        font-size: 16px;

        line-height: 28px;

        margin: 80px 0 10px;

        border-bottom: 0

    }



    .costlist-root .cl-container .text-block {

        text-align: center;

        display: block;

        border-bottom: 0

    }



    .costlist-root .cl-container .text-block .text-item {

        max-width: inherit;

        margin: 0 0 30px;

        border-bottom: 1px solid #ebebeb

    }



    .costlist-root .cl-container .text-block .text-item h4 {

        margin: 0

    }



    .costlist-root .cl-container .text-block .text-item p {

        padding: 0 0 30px

    }



    .costlist-root .cl-container .text-block .text-item:last-child {

        border-bottom: 0

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 45%;

        width: 88%

    }



    .lb-root .gallery-block .arr-btn-item {

        left: 36%

    }



    .lb-root .gallery-block .arr-btn-item.next-btn {

        right: 34%

    }



    .otv-page-bottom {

        margin: 30px 0 0

    }



    .cookies-dialog-root {

        width: 90%

    }



    .teams-content-root.teams-2 .teams-content-wrapper {

        padding: 0 0 0 2vw

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 32px 16px 32px 2vw

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block .video-open-item p {

        font-size: 10px

    }



    .img-slider-root.info-slider-root {

        padding: 60px 0 0 !important

    }



    .hrc-sm-root .hrc-sm-text-block {

        padding: 5px 20px

    }



    .hrc-sm-root .hrc-sm-text-block .hrc-text-item {

        max-width: 70%;

        margin: 0 0 0 10px

    }



    .cycle-model-root .head-title-item {

        margin: 65px 0 59px

    }



    .cycle-tech-spec-root.cl-250 .head-sub-text {

        display: none

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text {

        display: block;

        padding: 33px 0 30px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text h2 {

        letter-spacing: 0

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text p {

        padding: 0 40px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .head-sub-text h2 {

        font-size: 22px;

        line-height: 25px;

        color: #fff

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count, .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count span {

        font-size: 56px

    }



    .cycle-tech-spec-root .cycle-tech-spec-wrapper {

        position: relative;

        height: 1750px;

        margin: 0

    }



    .cycle-tech-spec-root .head-sub-text {

        margin: 8em 0 0;

        padding: 8em 10px 40px

    }



    .cycle-tech-spec-root .cycle-props-block {

        position: absolute;

        width: 100%;

        margin: 0;

        padding: 80px 0 260px;

        z-index: 1

    }



    .cycle-tech-spec-root .cycle-img-block {

        overflow: visible;

        left: 0;

        bottom: 0;

        right: 0;

        width: 100%;

        min-height: 500px;

        height: 100vh;

        z-index: 0;

        border-radius: 0

    }



    .cycle-tech-spec-root .cycle-props-item p {

        color: #fff

    }



    .cycle-tech-spec-root .lazyload-wrapper {

        width: 100%

    }



    .tech-spec-modal-root .tech-spec-modal-wrapper {

        display: block;

        padding: 0

    }



    .tech-spec-modal-root .close-lb-item {

        right: 15px;

        top: 15px;

        z-index: 10

    }



    .tech-spec-modal-root .tech-spec-titles-block {

        display: block;

        max-width: inherit;

        max-height: inherit;

        height: auto;

        margin: 0 35px 0 0;

        width: 100%;

        overflow: hidden;

        overflow-x: scroll;

        padding: 15px 0 15px 35px;

        background-color: #fff

    }



    .tech-spec-modal-root .tech-spec-titles-block::-webkit-scrollbar {

        display: none

    }



    .tech-spec-modal-root .tech-spec-titles-block ul {

        display: flex;

        align-items: flex-start;

        padding: 40px 0 0

    }



    .tech-spec-modal-root .tech-spec-titles-block li {

        padding: 6px 35px 0 0;

        width: auto

    }



    .tech-spec-modal-root .tech-spec-titles-block li span {

        font-size: 27px;

        line-height: 32px;

        vertical-align: top;

        padding: 0

    }



    .tech-spec-modal-root .tech-spec-titles-block li:hover {

        background-color: #fff

    }



    .tech-spec-modal-root .tech-spec-titles-block li:hover span {

        background-color: #fff;

        color: hsla(0, 0%, 43.9%, .5);

        padding: 0

    }



    .tech-spec-modal-root .tech-spec-titles-block li.active {

        background-color: #fff

    }



    .tech-spec-modal-root .tech-spec-titles-block li.active span {

        background-color: #fff;

        color: #d03738

    }



    .tech-spec-modal-root .tech-spec-content-container {

        width: 100%;

        padding: 28px 35px 27em

    }



    .tech-spec-modal-root .tech-spec-card-block {

        padding: 45px 0 0

    }



    .tech-spec-modal-root .tech-spec-card-item {

        padding: 0

    }



    .tech-spec-modal-root .tech-spec-card-item span {

        font-size: 18px;

        line-height: 21px

    }



    .tech-spec-modal-root .tech-spec-card-item p {

        font-size: 12px;

        line-height: 21px;

        margin: 6px 0 0

    }



    .tech-spec-modal-root .pdf-item {

        margin: 100px 0 0;

        font-size: 13px;

        line-height: 23px;

        padding: 0

    }



    .cycle-engine-wrapper {

        display: block;

        padding: 0 30px

    }



    .cycle-engine-wrapper .cycle-engine-content-container {

        margin: 0;

        width: 100%

    }



    .cycle-engine-wrapper .cycle-engine-content-container h2 {

        font-size: 34px;

        line-height: 41px;

        text-align: center;

        letter-spacing: .4px

    }



    .cycle-engine-wrapper .cycle-engine-content-container p {

        text-align: center;

        margin: 40px 0 34px

    }



    .cycle-engine-wrapper .engine-btn-block {

        margin: 0 auto 43px

    }



    .cycle-engine-wrapper .cycle-engine-img-block {

        width: 100%;

        height: 547px;

        margin: 0 0 20px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .content-wrapper {

        max-width: inherit;

        padding: 0 24px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .content-wrapper {

        padding: 0

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .content-wrapper .info-link-container {

        border-radius: 0

    }

}



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

    .banner-slider-root {

        padding: 0

    }



    .dealer-btn-item {

        z-index: 998;

        transition: none;

        position: static;

        box-shadow: none;

        height: 64px;

        width: 100%;

        padding: 0 16px;

        justify-content: space-between;

        border-radius: 0;

        display: none

    }



    .dealer-btn-item span {

        font-size: 15px

    }



    .dealer-btn-item.direction-up, .dealer-btn-item.direction-up:hover {

        position: fixed;

        top: 0;

        left: 0

    }



    .dealer-btn-item.direction-up:hover .img-item img.car {

        display: none

    }



    .dealer-btn-item.direction-up:hover .img-item img.user {

        position: static

    }



    .dealer-btn-item.direction-down {

        position: fixed;

        bottom: auto;

        top: 8px;

        right: 16px;

        width: auto;

        padding: 0;

        height: auto;

        background: transparent;

        border-radius: 100%;

        box-shadow: none

    }



    .dealer-btn-item.direction-down span {

        display: none

    }



    .dealer-btn-item.direction-down:hover {

        position: fixed;

        bottom: auto;

        top: 8px;

        right: 16px;

        width: auto;

        padding: 0;

        height: auto;

        background: transparent;

        border-radius: 100%;

        box-shadow: none

    }



    .dealer-btn-item.direction-down:hover .img-item img.car, .dealer-btn-item.direction-down:hover span {

        display: none

    }



    .dealer-btn-item.direction-down:hover .img-item img.user {

        position: static

    }



    .dealer-btn-item:hover {

        flex-direction: unset;

        height: 64px

    }



    .dealer-btn-item:hover span {

        font-size: 15px

    }



    .dealer-btn-item:hover .img-item {

        padding: 0

    }



    .dealer-btn-item:hover .img-item img.car {

        display: none

    }



    .dealer-btn-item:hover .img-item img.user {

        position: static;

        -webkit-transform: inherit;

        transform: inherit

    }



    .oap-time-btn-item {

        z-index: 9999;

        -webkit-transform: translate(-50%, 50%);

        transform: translate(-50%, 50%);

        right: auto;

        bottom: auto;

        left: 0;

        top: 46%

    }



    .oap-time-btn-item .text-item span {

        font-size: 15px

    }



    .oap-time-btn-item .text-item p {

        font-size: 13px;

        line-height: 120%

    }



    .oap-time-btn-item.direction-up {

        position: fixed;

        top: 0;

        left: 0

    }



    .oap-time-btn-item.direction-down {

        position: fixed;

        bottom: auto;

        left: auto;

        top: 8px;

        right: 18px;

        width: auto;

        padding: 0;

        height: auto;

        background: transparent;

        border-radius: 100%;

        box-shadow: none

    }



    .oap-time-btn-item.direction-down .text-item {

        display: none

    }



    .oap-time-btn-item.direction-down:hover {

        height: auto

    }



    .oap-time-btn-item:hover {

        flex-direction: unset;

        text-align: start;

        height: 64px;

        transition: none;

        top: 8px

    }



    .oap-time-btn-item:hover .loader-item {

        display: block

    }



    .oap-time-btn-item:hover .img-item {

        display: block;

        border-radius: 8px;

        position: relative;

        margin: 0 0 22px;

        overflow: hidden

    }



    .oap-time-btn-item:hover .img-item img.car, .oap-time-btn-item:hover .img-item img.phone {

        display: none

    }



    .oap-time-btn-item:hover .img-item img.loader {

        display: block

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper {

        padding: 25px 0 0;

        align-items: flex-end

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container {

        border-radius: 8px 8px 0 0;

        height: auto;

        margin: auto 0 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block {

        padding: 15px 15px 50px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block {

        min-height: 73vh;

        margin: 0 0 15px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-tab-block {

        margin: 0 80px 0 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-upper-block .oap-close-item {

        right: -8px;

        top: -5px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-bottom-block {

        padding: 24px 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-head-item .oap-bottom-block span {

        font-size: 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block {

        flex-direction: column

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-custom-dropdown {

        margin: 0 0 24px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-input-block .oap-location-btn {

        width: 100%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block {

        display: none

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-input-item {

        width: 100%;

        margin: 0 0 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-checkbox-block {

        margin: 16px 0 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-second-step-block .oap-form-block .oap-input-block .oap-second-checkbox-block {

        justify-content: center;

        display: block

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block {

        max-height: 100%;

        min-height: 100%;

        width: 100%;

        margin: 0 0 16px;

        justify-content: flex-start

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button {

        min-height: 160px;

        width: 100%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item {

        width: 100%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label {

        flex-direction: row-reverse;

        justify-content: space-between

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label:before {

        position: absolute;

        left: auto;

        right: 15px;

        top: auto;

        bottom: 15px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label span.calender {

        font-size: 12px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item input[type=radio]:checked ~ .radio-label span {

        font-size: 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span {

        text-align: start;

        font-size: 16px;

        width: 78%;

        line-height: 24px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span.version {

        width: 70%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span.calender {

        position: absolute;

        font-size: 12px;

        height: 32px;

        justify-content: flex-start;

        width: auto;

        padding: 0 10px;

        left: 5px;

        bottom: 38%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label p {

        bottom: 10px;

        left: 16px;

        text-align: start;

        -webkit-transform: translate(0);

        transform: translate(0);

        font-size: 13px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block {

        border-bottom: 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block {

        height: 68vh

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item {

        margin: 0 0 8px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-calender-head-item {

        text-align: center

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block {

        justify-content: center

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button {

        margin: 0 12px 12px 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio], .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label {

        width: 91px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fifth-step-block .oap-info-block .oap-info-item {

        min-height: 170px;

        width: 100%;

        margin: 0 0 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .head-item {

        margin: 30px 0 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .head-item p {

        font-size: 24px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .desc-item p {

        font-size: 16px;

        margin: 8px 0 40px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-iframe-root {

        padding: 10px;

        height: 96vh

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container.congratulations {

        height: 98vh;

        width: 100%;

        max-width: 100%

    }



    .opa-appointment-big-root .oap-appointment-root.iframe .oap-appointment-wrapper {

        padding: 0

    }



    .opa-appointment-big-root .oap-tooltip-container {

        z-index: 99999;

        position: fixed;

        top: 64px;

        left: 0;

        right: auto;

        height: 108px;

        width: 100%;

        background: #fff;

        box-shadow: 0 4px 8px rgba(0, 0, 0, .15);

        border: 0;

        border-radius: 0 0 16px 16px

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block {

        justify-content: space-between;

        height: 100%

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item {

        padding: 8px 15px;

        border-radius: 0

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item .arr {

        border: 0

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item .arr:after {

        background: #fff

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item .arr-item.mobile-arr {

        display: block;

        top: -7px;

        right: 50%

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item.second-item {

        border-radius: 0 0 16px 16px

    }



    .opa-appointment-big-root .oap-tooltip-container .oap-tooltip-block .oap-tooltip-item.second-item .arr-item {

        display: none

    }



    .opa-appointment-big-root.lb-small-anim .oap-time-btn-item {

        box-shadow: none;

        height: 64px;

        width: 100%;

        padding: 0 16px;

        justify-content: space-between;

        border-radius: 0;

        right: auto;

        bottom: auto;

        left: 0;

        top: 0

    }



    .opa-appointment-big-root.lb-small-anim .oap-time-btn-item.direction-down {

        transition: none;

        position: fixed;

        left: auto;

        top: 8px;

        bottom: auto;

        right: 18px;

        width: auto;

        height: auto;

        padding: 0

    }



    .opa-appointment-big-root.lb-small-anim .oap-time-btn-item.direction-up {

        transition: none;

        position: fixed;

        left: 0;

        top: 0;

        bottom: auto;

        right: auto

    }



    .opa-appointment-big-root.lb-small-anim .oap-time-btn-item.top-zero {

        transition: none;

        position: static;

        box-shadow: none;

        height: 64px;

        width: 100%;

        padding: 0 16px;

        justify-content: space-between;

        border-radius: 0

    }



    .formula-head-text {

        text-align: left;

        padding: 32px 0 0;

        margin: 0 0 32px

    }



    .formula-head-text h2 {

        font-size: 16px;

        width: 98%;

        letter-spacing: 0

    }



    .formula-head-text h2:after {

        background-color: #000;

        height: 4px

    }



    .formula-head-text p {

        font-size: 22px

    }



    .formula-video-container .formula-video-block {

        height: 350px

    }



    .formula-vehicle-root {

        background: #f4f4f4

    }



    .formula-vehicle-root .formula-head-text {

        padding: 32px 24px 0

    }



    .formula-vehicle-root .formula-head-text h2 {

        width: 100%

    }



    .formula-vehicle-root .content-wrapper {

        padding: 0 24px

    }



    .formula-vehicle-root .content-wrapper .formula-head-text h2 {

        width: 100%

    }



    .formula-vehicle-root .content-wrapper .double-block {

        padding: 0 0 22px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block {

        flex-direction: column

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item {

        width: 100%;

        margin: 0 0 32px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item span {

        font-size: 26px

    }



    .formula-vehicle-root .content-wrapper .double-block .upper-block .content-item .upper-item img {

        margin: 30px 0 0;

        max-width: 100%

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block {

        flex-direction: column;

        padding: 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item {

        width: 100%;

        margin: 32px 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .text-item p {

        font-size: 22px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block {

        flex-direction: column;

        width: 100%

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item {

        flex-direction: unset;

        margin: 0;

        width: 100%

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box {

        width: 50%;

        margin: 0 0 8px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box span {

        font-size: 11px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box p {

        font-size: 16px

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item .box:nth-child(odd) {

        margin: 0 8px 8px 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block .box-item:last-child .box {

        width: 100%;

        margin: 0

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block.mobil {

        display: flex

    }



    .formula-vehicle-root .content-wrapper .double-block .bottom-block .box-block.desktop {

        display: none

    }



    .teams-content-root {

        margin: 0

    }



    .teams-content-root .formula-head-text {

        margin: 0 0 32px 24px

    }



    .teams-content-root .teams-content-wrapper {

        padding: 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper {

        padding: 0 0 24px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container {

        flex-direction: column

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block {

        width: 100%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .head-item {

        margin: 0;

        padding: 80px 0 54px 24px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        position: relative

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .head-item h3 {

        font-size: 25px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .head-item img {

        position: absolute;

        right: 0;

        top: -60px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .content-item {

        padding: 0 24px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .content-item img {

        width: 100%

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .content-item .text-block {

        padding: 24px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .content-item .text-block p {

        font-size: 12px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .content-item .text-block .video-open-item p {

        font-size: 11px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .text-item {

        padding: 0 24px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .profile-item {

        height: 88px;

        width: 96%;

        border-radius: 0 93px 93px 0

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .profile-item .name-text p {

        font-size: 14px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .profile-item .img-item {

        width: 64px;

        height: 64px;

        min-width: 64px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block:first-child {

        margin: 0

    }



    .teams-content-root.teams-2 .teams-content-wrapper {

        padding: 0

    }



    .teams-content-root.teams-2 .teams-content-wrapper .content-wrapper {

        padding: 0 0 24px

    }



    .teams-content-root.formula-double .teams-content-wrapper {

        padding: 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper {

        padding: 0 24px 24px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .formula-head-text {

        padding: 32px 0 45px;

        margin: 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .formula-head-text h2 {

        margin: 0;

        width: 100%

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block {

        width: 100%;

        margin: 0 0 12px;

        flex-direction: column-reverse;

        padding: 0

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block {

        padding: 24px;

        width: 100%

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .left-block span {

        font-size: 12px

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block .img-block {

        width: 100%

    }



    .teams-content-root.formula-double .teams-content-wrapper .content-wrapper .content-container .double-block:last-child {

        margin: 0

    }



    .formula-techno-root .content-wrapper {

        padding: 0

    }



    .formula-techno-root .content-wrapper .content-container .formula-head-text {

        margin: 0 0 30px;

        padding: 32px 24px 0

    }



    .formula-techno-root .content-wrapper .content-container .formula-head-text h2 {

        margin: 0;

        width: 100%;

        letter-spacing: 0

    }



    .formula-techno-root .content-wrapper .content-container .top-block {

        padding: 0 24px;

        flex-direction: column

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block .img-item.mobil-image {

        display: block

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3 {

        display: none

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block h3.mobil-title {

        display: block

    }



    .formula-techno-root .content-wrapper .content-container .top-block .left-block p {

        margin: 16px 0 0

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item {

        width: 100%

    }



    .formula-techno-root .content-wrapper .content-container .top-block .img-item img {

        max-width: 100%;

        width: 100%

    }



    .formula-techno-root .content-wrapper .content-container .img-item.desktop-image {

        display: none

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block {

        flex-direction: column;

        margin: 0;

        height: 800px;

        position: relative

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: flex-start;

        margin: 0;

        position: absolute;

        top: -30px;

        left: 0

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p {

        top: 35%;

        padding: 0 24px 0 0;

        text-align: right;

        left: auto;

        right: 0

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p:after {

        margin: 0 24px 0 0;

        left: auto;

        right: 0

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.right-text {

        padding: 0 0 0 24px;

        text-align: left;

        right: auto;

        left: 0;

        top: auto;

        bottom: 10%

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.right-text:after {

        margin: 0 0 0 24px;

        left: 0;

        right: auto

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.bottom-text {

        padding: 0 0 0 24px;

        text-align: left;

        right: auto;

        left: 0;

        top: 10%;

        bottom: auto

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.bottom-text:after {

        margin: 0 0 0 24px;

        left: 0;

        right: auto

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.mobil-text {

        padding: 0 24px 0 0;

        text-align: right;

        left: auto;

        right: 0;

        top: auto;

        bottom: 10%

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item p.mobil-text:after {

        margin: 0 24px 0 0;

        left: auto;

        right: 0

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item:nth-child(2) {

        justify-content: flex-end;

        right: 0;

        left: auto;

        top: 250px

    }



    .formula-techno-root .content-wrapper .content-container .bottom-block .triple-item:last-child {

        top: 530px

    }



    .formula-point-root {

        padding: 32px 24px

    }



    .formula-point-root .content-wrapper {

        padding: 0

    }



    .formula-point-root .content-wrapper .formula-head-text {

        padding: 0 0 32px;

        margin: 0

    }



    .formula-point-root .content-wrapper .formula-head-text h2 {

        margin: 0;

        width: 100%

    }



    .formula-point-root .content-wrapper .formula-head-text p {

        width: 100%;

        margin: 32px 0

    }



    .formula-point-root .content-wrapper .mobil-box-item {

        display: block

    }



    .formula-point-root .content-wrapper .mobil-box-item .box-item .bottom-item {

        display: none;

        padding: 18px 24px

    }



    .formula-point-root .content-wrapper .double-block {

        flex-direction: column

    }



    .formula-point-root .content-wrapper .double-block .content-item {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

        margin: 0 0 60px

    }



    .formula-point-root .content-wrapper .double-block .content-item .upper-item .point {

        top: -24px

    }



    .formula-point-root .content-wrapper .double-block .content-item .upper-item .text {

        position: absolute;

        bottom: -12px;

        left: auto

    }



    .formula-point-root .content-wrapper .double-block .content-item:last-child {

        margin: 0 0 24px

    }



    .formula-point-root .content-wrapper .double-block .content-item img {

        max-width: 53%

    }



    .formula-point-root .content-wrapper .double-block .content-item .text {

        font-size: 12px

    }



    .formula-point-root .content-wrapper .double-block .content-item .box-item {

        display: none

    }



    .formula-point-root .content-wrapper .double-block .content-item .box-item .bottom-item {

        padding: 18px 24px

    }



    .formula-point-root .content-wrapper .double-block .content-item span.point {

        font-size: 40px

    }



    .formula-calculate-root {

        padding: 24px 0 32px

    }



    .formula-calculate-root .content-container .content-block {

        flex-direction: column;

        position: relative

    }



    .formula-calculate-root .content-container .content-block h3 {

        width: 100%;

        font-size: 19px;

        margin: 0 0 18px;

        line-height: 25px

    }



    .formula-calculate-root .content-container .content-block h3.desktop-title {

        display: none

    }



    .formula-calculate-root .content-container .content-block h3.mobil-title {

        display: block

    }



    .formula-calculate-root .content-container .content-block .text-block {

        padding: 24px;

        position: absolute;

        bottom: 0;

        left: 0

    }



    .formula-calculate-root .content-container .content-block .text-block h3 {

        display: none

    }



    .formula-calculate-root .content-container .content-block .text-block p {

        font-size: 18px

    }



    .formula-calculate-root .content-container .content-block .img-item {

        width: 100%;

        height: 380px

    }



    .sub-banner-root.survey-banner {

        height: 265px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item {

        height: auto;

        flex-direction: column;

        padding: 15px 10px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block {

        flex-direction: column

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block .number-item:before {

        display: none

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        margin: 10px 0

    }



    .sub-banner-root.survey-banner .sub-banner-container .head-text h1 {

        font-size: 50px

    }



    .survey-form-root .survey-form-wrapper .survey-form-container {

        padding: 50px 3em 0

    }



    .survey-text-block {

        padding: 3em

    }



    .compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item, .compare-root .compare-wrapper.sticky {

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        height: 85%;

        z-index: 9999

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 20vw 5vw 0

    }



    .card-list-root {

        padding: 85px 0 50px

    }



    .card-list-root .card-list-wrapper .card-list-container {

        overflow: hidden

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block {

        max-width: 100%;

        min-width: 1440px;

        justify-content: flex-start;

        padding: 0 30px;

        transition: all .3s cubic-bezier(.65, .05, .36, 1)

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item {

        width: 21%;

        margin: 0 0 0 25px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item i:before {

        font-size: 12px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item p {

        font-size: 14px

    }



    .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item:first-child {

        margin: 0

    }



    .card-list-root .card-list-wrapper .card-list-container .nav-block {

        display: flex

    }



    .card-list-root .card-list-wrapper .card-list-container .nav-block .nav-item {

        display: flex;

        justify-content: center;

        align-items: center

    }



    .newsletter-root .newsletter-container .form-root .recaptcha-wrapper {

        padding: 0;

        margin: 40px 2vw 0

    }



    .full-content-root .full-content-wrapper .full-content-container h2 {

        width: 85%;

        top: 12%;

        font-size: 16px

    }



    .full-content-root .full-content-wrapper .full-content-container h2:after {

        content: " ";

        width: 100%;

        height: 4px;

        background-color: #fff;

        display: block;

        margin: 22px 0 0

    }



    .full-content-root .full-content-wrapper .full-content-container .img-item {

        height: 460px

    }



    .full-content-root .full-content-wrapper .full-content-container .text-block .text-item {

        width: 100%

    }



    .full-content-root .full-content-wrapper .full-content-container .text-block .text-item p {

        font-size: 10px;

        line-height: 20px

    }



    .full-content-root .full-content-wrapper .full-content-container .text-block .text-item:last-child {

        display: none

    }



    .full-lb-root .packet-name-item {

        display: block

    }



    .evolve-area-root {

        padding: 70px 0 65px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .head-block h2 {

        font-size: 16px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        max-width: 100%;

        display: block;

        padding: 30px 30px 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block h3 {

        width: 85%

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block h3:after {

        margin: 20px 0 0;

        height: 4px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .img-item {

        height: 315px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block p {

        font-size: 11px;

        line-height: 24px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block p.desc {

        font-size: 14px;

        line-height: 22px;

        margin: 24px 0 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block {

        width: 100%

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 {

        font-size: 16px;

        line-height: 24px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block .img-item {

        margin: 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .bottom-block {

        padding: 0 15px

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block {

        width: 100%;

        margin: 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block h3 {

        font-size: 16px;

        line-height: 24px;

        width: 100%

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .text-item {

        padding: 50px 0 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .img-item {

        margin: 40px 0 0

    }



    .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

        padding: 0 15px

    }



    .triple-content-root {

        padding: 60px 0 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item {

        padding: 0 0 60px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block {

        width: 84%;

        margin: 0 auto

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block h3 {

        font-size: 16px;

        line-height: 40px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .head-block p {

        font-size: 14px;

        line-height: 30px;

        margin: 30px 0 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block {

        margin: 40px auto 0;

        width: 84%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item {

        max-height: 100%;

        height: auto

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item h3 {

        -webkit-transform: unset;

        transform: unset;

        position: static;

        font-size: 100px;

        line-height: 75px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .top-item h3 span {

        font-size: 20px;

        line-height: 30px;

        margin: 0 0 15px;

        bottom: 2px;

        right: 27%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .middle-block .bottom-item p {

        font-size: 11px;

        line-height: 14px;

        letter-spacing: 1.4px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block {

        padding: 70px 0 0 21%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item {

        width: 100%;

        margin: 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-2, .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .bottom-block .winner-item.t-3 {

        width: 100%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 {

        padding: 60px 0 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block {

        margin: 50px auto 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .top-item h3 span {

        top: -26px;

        right: -2%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .middle-block .bottom-item {

        width: 135px;

        height: 90px;

        top: -35%;

        left: 10%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block {

        display: block;

        padding: 70px 30px 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item {

        width: 100%;

        padding: 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block {

        display: flex;

        margin: 40px 0 0;

        justify-content: center

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item {

        width: 34%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item h2 {

        font-size: 16px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .text-block .text-item p {

        font-size: 14px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .left-item {

        width: 100%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item .left-item .img-item {

        width: 61%;

        margin: 0 auto;

        height: 35px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 {

        margin: 0;

        background-color: initial

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .img-item {

        width: 63%;

        height: 55px

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .text-block {

        width: 85%;

        margin: 40px auto 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .text-block .text-item {

        width: 40%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item.t-2 .right-item {

        margin: 0;

        width: 100%

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item.t-2 .bottom-block .winner-item p {

        margin: 12px 0 0;

        letter-spacing: 0

    }



    .triple-content-root .triple-content-wrapper .triple-content-container .triple-content-item .nav-block {

        display: flex

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container {

        padding: 0 0 80px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block {

        height: auto;

        display: block

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .img-item {

        height: 360px;

        position: static

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item {

        height: auto;

        text-align: start;

        width: 100%;

        max-width: 100%;

        padding: 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item {

        margin: 0 0 30px;

        text-align: start

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .icon-item i:before {

        font-size: 60px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item h3 {

        font-size: 16px;

        line-height: 34px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item p {

        font-size: 11px;

        line-height: 22px;

        color: #000

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .top-side {

        position: absolute;

        top: 27%;

        left: 9%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .head-block .text-item .read-more-block p {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        color: #e31f2e

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block {

        margin: 0 auto

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block {

        text-align: start

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3 {

        font-size: 16px;

        line-height: 34px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block h3:after {

        width: auto;

        height: 4px;

        margin: 10px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .top-block p {

        font-size: 12px;

        line-height: 24px;

        margin: 25px auto 0;

        max-width: 100%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block {

        min-width: 100%;

        padding: 60px 40% 15px 39%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item i:before {

        font-size: 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item h3 {

        font-size: 18px;

        line-height: 23px;

        letter-spacing: 1px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item p {

        font-size: 12px;

        line-height: 30px;

        letter-spacing: 9px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block {

        padding: 50px 0 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .head-block {

        display: flex;

        align-items: center;

        justify-content: center

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .head-block .line-item {

        width: 85%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item {

        padding: 60px 0 0;

        display: block

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .img-item {

        padding: 0 0 0 30px;

        width: 100%;

        height: 335px;

        margin-right: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item {

        width: 73.3%;

        margin: -72px 0 0 30px;

        position: relative;

        z-index: 1

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item .text-item .bot-side h3 {

        font-size: 14px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .img-item {

        height: 250px;

        width: 84%;

        padding: 0;

        margin: 0 auto

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .content-item.t-2 .text-item {

        width: 73.3%;

        bottom: -25%;

        left: 5%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg {

        height: 300px;

        top: 41.2%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .content-block .red-bg h3 {

        display: none

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item {

        width: 135px;

        height: 90px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item h3 {

        font-size: 76px;

        line-height: 97px;

        margin: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .head-block .rectangle-item p {

        font-size: 12px;

        line-height: 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item {

        display: block

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .img-item {

        padding: 0;

        width: 100%;

        height: 270px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item {

        width: 73.4%;

        margin: -40px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side p {

        font-size: 12px;

        line-height: 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .top-side h3 {

        font-size: 14px;

        line-height: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item .text-item .bot-side h3 {

        font-size: 14px;

        line-height: 30px;

        letter-spacing: 2.69231px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 {

        margin: 0 auto;

        width: 84%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item {

        padding: 22px 0 15px;

        border-bottom: 4px solid #e31f2e

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .top-side p {

        font-size: 12px;

        line-height: 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .top-side h3 {

        font-size: 14px;

        line-height: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-3 .text-item .bot-side h3 {

        font-size: 14px;

        line-height: 30px;

        letter-spacing: 2.69231px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 {

        margin: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .img-item {

        width: 84%;

        margin: 0 auto

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item {

        width: 73.5%;

        margin: -40px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side p {

        font-size: 12px;

        line-height: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .top-side h3 {

        font-size: 14px;

        line-height: 20px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .content-item.t-4 .text-item .bot-side h3 {

        font-size: 14px;

        line-height: 14px;

        letter-spacing: 2.69231px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .gray-bg {

        display: none

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .dual-content-item {

        display: block

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block {

        display: block;

        padding: 65px 0 30px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item {

        margin: 0 auto 100px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item h3 {

        font-size: 16px;

        line-height: 26px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item p {

        font-size: 12px;

        line-height: 30px;

        margin: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-2 .content-block .triple-content-block .triple-item .rectangle-item {

        margin: 10px auto 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item {

        display: flex;

        align-items: center

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item {

        height: 68px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left {

        display: flex;

        flex-direction: row;

        width: 45%;

        margin: 0;

        top: auto;

        bottom: -19%;

        left: 13%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left h3 {

        margin: 0 10px 0 0;

        font-size: 16px;

        line-height: 20px;

        letter-spacing: 3.07692px;

        font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.left p {

        margin: 0;

        font-size: 16px;

        line-height: 20px;

        letter-spacing: 3.07692px;

        font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid {

        top: 80%;

        background-color: initial;

        mix-blend-mode: unset;

        -webkit-transform: unset;

        transform: unset

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.mid h3 {

        -webkit-transform: unset;

        transform: unset

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right {

        width: 29%;

        top: auto;

        bottom: -19%;

        right: 13%

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .rectangle-item.right p {

        font-size: 12px;

        line-height: 18px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block.tab-3 .content-block .content-item .img-item {

        padding: 0;

        width: 84%;

        margin: 0 auto;

        height: 420px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item {

        position: static;

        width: 185px;

        height: 62px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item h3 {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 44px;

        color: #fff

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .rectangle-item p {

        font-size: 14px;

        line-height: 20px;

        margin: 0 0 5px

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .open-content-block .parallelogram-item {

        display: none

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .read-more-block {

        display: flex

    }



    .double-image-root {

        padding: 20px 0 0

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block {

        padding: 45px 0 50px;

        width: 100%

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .round-shape {

        display: none

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item {

        padding: 0 30px;

        width: 100%

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item h3 {

        text-align: start;

        font-size: 16px;

        line-height: 24px

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .head-item h3:after {

        margin: 20px 0 0

    }



    .double-image-root .double-image-wrapper .double-image-container .head-block .bg-color {

        height: 300px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block {

        display: block

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block {

        width: 84%;

        margin: 0 auto

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .img-item {

        height: 270px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .text-item {

        width: 100%;

        margin: 30px auto 75px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .left-block .text-item p {

        font-size: 11px;

        line-height: 22px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block {

        width: 84%;

        margin: 0 auto

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block .text-item {

        width: 100%;

        margin: 30px auto 65px

    }



    .double-image-root .double-image-wrapper .double-image-container .img-block .right-block .text-item p {

        font-size: 11px;

        line-height: 22px

    }



    .double-image-root .double-image-wrapper .double-image-container .read-more-block {

        display: flex

    }



    .quad-content-root {

        padding: 35px 0 10px

    }



    .quad-content-root .quad-content-wrapper .head-block {

        max-width: 84%

    }



    .quad-content-root .quad-content-wrapper .head-block h2 {

        font-size: 16px;

        letter-spacing: 3px;

        margin: 0 0 20px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container {

        margin: 35px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block {

        padding: 0 0 100px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        width: 85%;

        margin: 0 auto

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block {

        display: block

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text {

        max-width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

        font-size: 16px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3:after {

        height: 4px;

        margin: 20px 0 0;

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

        margin: 25px 0 0;

        width: auto

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block {

        flex-direction: column-reverse

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block {

        width: 27.6%;

        top: -30px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item {

        height: 65px;

        width: 28%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-2 {

        top: 45px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .trio-line-block .trio-item.t-3 {

        top: 90px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 {

        display: block;

        margin: 0 0 10px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block {

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text {

        max-width: 92%;

        border-bottom: 4px solid #e31f2e

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3 {

        max-width: 80%;

        margin: 0 0 20px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-text h3:after {

        display: none

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content {

        margin: 40px 0 0;

        display: flex;

        flex-direction: column-reverse

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content p {

        font-size: 11px;

        line-height: 22px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .head-content .img-item {

        display: block;

        margin: 0 0 35px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .text-block .read-more-block {

        display: flex;

        margin: 15px 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-2 .img-block {

        width: 84%;

        margin: 0 auto;

        display: none;

        opacity: 0;

        visibility: hidden

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 {

        width: 100%;

        max-width: 100%;

        padding: 0 30px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3 .text-block .head-content p {

        display: none

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-3.active .text-block .head-content p {

        display: block

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 {

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block {

        padding: 0 30px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content {

        display: block;

        margin: 30px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p {

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p:last-child {

        margin: 15px 0 0;

        display: none

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p:last-child.active {

        display: block

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .read-more-block {

        display: flex;

        margin: 20px 0 0

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: 385px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block {

        border-bottom: 4px solid #e31f2e;

        width: 82%;

        margin: 0 auto;

        left: 8.5%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

        max-width: 80%;

        font-size: 16px;

        line-height: 24px;

        margin: 0 0 15px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3:after {

        display: none

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block {

        height: 500px;

        top: 18%

    }



    .social-media-root {

        padding: 7em 0 5em

    }



    .social-media-root .sm-container {

        padding: 0 30px

    }



    .social-media-root .sm-container .head-item h2 {

        font-size: 16px;

        line-height: 24px;

        letter-spacing: 4px

    }



    .social-media-root .sm-container .sm-block {

        display: block

    }



    .social-media-root .sm-container .sm-block .sm-items {

        white-space: nowrap;

        text-align: center;

        overflow: auto;

        width: 100%

    }



    .social-media-root .sm-container .sm-block .sm-items .sm-item {

        display: inline-block;

        margin: 0 0 0 20px

    }



    .social-media-root .sm-container .sm-block .sm-items .sm-item:first-child {

        margin: 0

    }



    .social-media-root .sm-container .sm-block .sm-detail-block {

        display: block;

        margin: 25px auto 0;

        width: 100%

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .img-item {

        width: 100%;

        height: 315px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block {

        width: 100%;

        padding: 25px 15px 0;

        box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1);

        height: auto

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item span {

        font-size: 18px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item p {

        font-size: 14px;

        line-height: 24px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .detail-btn {

        margin: 20px auto 25px;

        min-width: 225px;

        padding: 0 10px;

        font-size: 10px

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .sm-name-item {

        display: none

    }



    .sub-banner-root {

        padding: 0

    }



    .sub-banner-root .sub-banner-container {

        height: 100%;

        top: 0

    }



    .sub-banner-root.formula-one-banner {

        height: 480px

    }



    .sub-banner-root.formula-one-banner .head-block {

        width: 56%

    }



    .sub-banner-root.formula-one-banner .head-block .img-block {

        width: 97%;

        height: 53px

    }



    .sub-banner-root.formula-one-banner .head-block .img-block img {

        object-fit: cover

    }



    .sub-banner-root.formula-one-banner .head-block .head-text {

        width: 100%;

        margin: 0

    }



    .sub-banner-root.formula-one-banner .head-block .head-text h1 {

        font-size: 20px;

        line-height: 84px;

        letter-spacing: 9.33333px

    }



    .top-content-block .page-common-root {

        margin: -70px 0 0

    }



    .top-content-block .page-common-root.accesories-page-root {

        margin: -6em 0 0;

        padding: 32px 20px 30px

    }



    .top-content-block .page-common-root.compare-page-root {

        margin: -67px 0 0

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 50px

    }



    .model-list-root .content-container .model-list-block {

        margin: 0 auto;

        justify-content: flex-start;

        max-width: 570px

    }



    .model-list-root .content-container .model-list-block .list-item.all-model {

        display: none

    }



    .open-model-root .model-list-root .content-container .model-list-block .model-list-list {

        margin: 0

    }



    .header-root {

        border: none;

        position: absolute

    }



    .header-root .header-container .header-block .top-block {

        background-color: initial;

        height: auto;

        z-index: 999;

        padding: 0 30px

    }



    .header-root .header-container .header-block .top-block .left-block {

        display: block;

        height: auto;

        margin: 14vh 0 0;

        width: 100%

    }



    .header-root .header-container .header-block .top-block .left-block .logo-item {

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin-right: auto;

        margin-left: auto;

        top: 20px;

        width: 45px;

        height: 36px

    }



    .header-root .header-container .header-block .top-block .left-block .logo-item img {

        height: 36px

    }



    .header-root .header-container .header-block .top-block .left-block ul {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li {

        margin: 0 0 4vh

    }



    .header-root .header-container .header-block .top-block .left-block ul li.model-li .icon-down-arr, .header-root .header-container .header-block .top-block .left-block ul li.online-app {

        display: block

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 11px;

        letter-spacing: 1px;

        color: #fff;

        width: 100%;

        justify-content: space-between;

        padding: 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu i {

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg)

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu.mobil {

        display: flex

    }



    .header-root .header-container .header-block .top-block .left-block ul li .first-menu.desktop {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu i {

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg)

    }



    .header-root .header-container .header-block .top-block .left-block ul li:hover .first-menu i:before {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li:hover .open-menu-block {

        display: unset

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root {

        z-index: 4;

        background-color: #e31f2e

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root {

        background-color: #e31f2e

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn {

        right: 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block {

        display: block

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item {

        background-color: initial;

        width: 100%;

        height: auto;

        min-width: auto;

        min-height: auto;

        max-width: inherit;

        border: none;

        display: block

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item img {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item p {

        color: #fff;

        position: static;

        width: auto;

        -webkit-transform: none;

        transform: none;

        font-size: 11px;

        text-align: left

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root {

        z-index: 4

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root {

        background-color: #e31f2e;

        height: 85vh;

        width: 100%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container {

        height: 100%

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item {

        position: relative;

        height: auto;

        background-color: #e31f2e;

        margin: 0 0 1vh

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item .close-btn {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item .icon-down-arr {

        position: absolute;

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

        display: inline-block;

        left: 26px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item .icon-down-arr:before {

        font-size: 14px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item h2 {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 14px;

        color: #fff;

        line-height: 48px;

        letter-spacing: 0;

        text-align: center

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .head-item h2 a {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block {

        padding: 10px 30px 0;

        display: block;

        height: 66%;

        overflow: auto

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item {

        display: block;

        border-bottom: none;

        height: auto;

        width: auto;

        margin: 0;

        max-width: unset

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .image-loader-root, .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item:first-child, .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item img {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block {

        position: static;

        padding: 15px 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block p {

        font-size: 11px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block .head-icon-item {

        position: relative;

        width: 10px;

        height: 10px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block .head-icon-item:after {

        background-color: #fff;

        width: 10px;

        height: 2px;

        top: 4px;

        left: 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block .head-icon-item:before {

        background-color: #fff;

        width: 2px;

        height: 10px;

        top: 0;

        left: 4px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item ul li {

        margin: 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item ul li a {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 11px;

        color: #ffc5c9;

        padding: 15px 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item.active .bottom-block .head-icon-item:before {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg)

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block .list-item .gradient-bg {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block {

        background-color: #e31f2e;

        height: 100%;

        top: 80px;

        left: 0;

        width: 100%;

        position: fixed;

        box-shadow: none;

        padding: 10px 30px 0

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text {

        display: flex;

        justify-content: center;

        margin: 0 0 5vh

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text i {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

        left: 27px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .resp-head-text i:before {

        font-size: 14px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .content-block {

        max-height: 60%;

        overflow: auto

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .content-block li a {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block .content-block li span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li .sub-list-block li a:hover, .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li a, .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block ul li a:hover {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block.open-try {

        z-index: 4;

        display: block

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-menu-block.close-try {

        display: none

    }



    .header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block {

        margin: 6vh 0 0

    }



    .header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li {

        margin: 0 0 0 10vw

    }



    .header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li i:before {

        font-size: 18px

    }



    .header-root .header-container .header-block .top-block .left-block .resp-foot-block .resp-social-block ul li:first-child {

        margin: 0

    }



    .header-root .header-container .header-block .top-block .fix-menu {

        display: flex;

        border-radius: 0;

        position: fixed;

        bottom: 0;

        left: 0;

        background-color: #fff;

        height: 70px;

        width: 100%;

        z-index: 9;

        justify-content: space-between;

        padding: 0 10px;

        transition: all .5s cubic-bezier(0, .51, .35, .99)

    }



    .header-root .header-container .header-block .top-block .fix-menu ul {

        width: 78%

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li {

        margin: 0 0 0 14px;

        text-align: center

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a {

        flex-direction: column;

        font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 10px;

        letter-spacing: 0

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block, .header-root .header-container .header-block .top-block .fix-menu ul li a i {

        margin: 0 0 10px;

        line-height: 0

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a .logo-block:before, .header-root .header-container .header-block .top-block .fix-menu ul li a i:before {

        font-size: 24px

    }



    .header-root .header-container .header-block .top-block .fix-menu .resp-menu-block {

        display: block;

        transition: all .5s cubic-bezier(0, .51, .35, .99)

    }



    .header-root .header-container .header-block .top-block .fix-menu .resp-menu-block p {

        margin: 14px 0 0

    }



    .header-root .header-container .header-block .top-block .fix-menu .resp-menu-block .resp-menu-item {

        margin: 0 auto

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky {

        display: flex;

        position: fixed;

        bottom: 0;

        left: 0;

        background-color: #fff;

        height: 70px;

        width: 100%;

        border-radius: 0;

        justify-content: space-between

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky ul {

        flex-direction: row;

        width: auto;

        padding: 0;

        margin: 0

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky ul li {

        height: auto;

        width: auto;

        margin: 0 0 0 15px

    }



    .header-root .header-container .header-block .top-block .fix-menu.sticky ul li a {

        font-family: "ProximaNova-Black", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 10px

    }



    .header-root .header-container .header-block .top-block .fix-menu.hide {

        bottom: -70px

    }



    .header-root .header-container .header-block .top-block .fix-menu.hide .resp-menu-block {

        margin: 0

    }



    .header-root .header-container .header-block .top-block .search-block {

        display: none;

        height: auto;

        width: auto;

        background: transparent;

        z-index: 9999;

        position: absolute;

        top: 29px;

        right: 30px

    }



    .header-root .header-container .header-block .top-block .search-block p {

        display: none

    }



    .header-root .header-container .header-block .top-block .search-block .icon-search:before {

        color: #fff

    }



    .header-root .header-container .header-block .top-block .search-block.opened {

        display: block;

        background-color: initial

    }



    .header-root .header-container .header-block .top-block .search-block.opened i:before {

        color: #000

    }



    .header-root .header-container .header-block .submenu-block {

        position: absolute;

        width: 100%;

        top: 80px;

        left: 0;

        overflow: hidden;

        z-index: 1500

    }



    .header-root .header-container .header-block .submenu-block ul {

        border-bottom: 1px solid hsla(0, 0%, 100%, .2)

    }



    .header-root .header-container .header-block .submenu-block ul li.active:before {

        width: calc(100% - 12px)

    }



    .header-root .header-container .header-block .submenu-block ul li:before {

        left: 5px

    }



    .header-root .header-container .header-block .submenu-block.sticky {

        height: 60px

    }



    .header-root.sticky .header-container .header-block .top-block .left-block ul li .open-cycle-root .cycle-list-root .content-container .cycle-list-block {

        padding: 10px 30px 0

    }



    .header-root.sticky.open-menu {

        z-index: 999

    }



    .header-root.open-menu {

        position: fixed

    }



    .header-root.open-menu .header-container .header-block .top-block {

        background-color: #e31f2e;

        height: 100vh;

        align-items: flex-start

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul {

        display: block;

        height: auto

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root {

        padding: 0 30px

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root, .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container {

        height: 100%

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item {

        position: relative;

        height: auto;

        background-color: #e31f2e;

        margin: 0 0 1vh

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .close-btn {

        display: none

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .icon-down-arr {

        position: absolute;

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

        display: inline-block;

        left: 0

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item .icon-down-arr:before {

        font-size: 14px

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item h2 {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 14px;

        color: #fff;

        line-height: 48px;

        letter-spacing: 0;

        text-align: center

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .head-item h2 a {

        color: #fff

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block {

        height: 75%;

        overflow: auto

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item {

        margin: 0

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block .list-item p {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 11px;

        color: #fff;

        line-height: 40px;

        letter-spacing: 1px

    }



    .header-root.open-menu .header-container .header-block .top-block .left-block .resp-foot-block {

        display: block

    }



    .header-root.open-menu .header-container .header-block .top-block .fix-menu .resp-menu-block .resp-menu-item {

        background-color: #fff;

        box-shadow: 0 10px 12px rgba(0, 0, 0, .0541139)

    }



    .header-root.open-menu .header-container .header-block .top-block .fix-menu .resp-menu-block .resp-menu-item .navTrigger i {

        background-color: #e31f2e

    }



    .header-root.open-menu .header-container .header-block .top-block .search-block {

        display: block

    }



    .header-root.open-menu .header-container .header-block .top-block .right-block {

        height: auto

    }



    .header-root.open-menu .header-container .header-block .submenu-block {

        z-index: 0

    }



    .header-root.open-menu.sub-head {

        z-index: 9999

    }



    .header-root.model-detail.sticky .header-container .header-block .top-block .left-block, .header-root.open-menu.sub-head.sticky, .header-root.sub-head.sticky {

        opacity: 1;

        visibility: visible

    }



    .header-root.model-detail.sticky.open-menu {

        z-index: 9999

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

        height: 150px;

        width: 140px;

        margin: 0 0 0 10px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .img-item {

        width: 74%

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item p {

        font-size: 12px;

        margin: 0;

        bottom: 18px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item {

        width: 25px;

        height: 25px

    }



    .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block .car-item .check-item i:before {

        font-size: 9px

    }



    .test-drive-root .input-item input {

        height: 60px;

        padding: 22px 30px 19px

    }



    .contact-page-root {

        padding: 0

    }



    .search-root {

        top: 0;

        height: 100vh;

        z-index: 999

    }



    .search-root .search-wrapper .search-input-container {

        height: 25%

    }



    .search-root .search-wrapper .search-input textarea {

        font-size: 18px

    }



    .search-root .search-wrapper .search-input .voice-block {

        width: 40px;

        min-width: 40px;

        height: 40px;

        background-color: initial

    }



    .search-root .search-wrapper .search-input .voice-block .icon-voice-call:before {

        font-size: 25px

    }



    .search-root .search-wrapper .search-input .voice-block .pulse-ring {

        width: 40px;

        height: 40px;

        border: 2px solid #e31f2e

    }



    .search-root .search-wrapper .search-result-container {

        height: 75%

    }



    .search-root .search-wrapper .search-result-container .search-result-block {

        padding: 5.5vh 30px 4vh

    }



    .search-root .search-wrapper .search-result-container .result-block .head-item {

        margin: 0 0 10vh

    }



    .search-root .search-wrapper .search-result-container .result-block .head-item p .title {

        display: block;

        margin: 5px 0

    }



    .search-root .search-wrapper .search-result-container .result-block .head-item p .count {

        font-size: 20px

    }



    .search-root .search-wrapper .search-result-container .result-block ul {

        margin: 0 0 8vh

    }



    .search-root .search-wrapper .search-result-container .result-block .more-btn {

        top: 80%;

        width: 100%

    }



    .not-found-root .not-found-wrapper .not-found-container .head-block h1 {

        font-size: 21px

    }



    .swiper-content-root.desing .content-container, .swiper-content-root.techno .content-container {

        padding: 68px 0 10px

    }



    .swiper-content-root.desing .content-container .tab-block h2, .swiper-content-root.techno .content-container .tab-block h2 {

        margin: 0 0 25px

    }



    .swiper-content-root .content-container {

        padding: 68px 0 10px

    }



    .swiper-content-root .content-container .tab-block h2 {

        margin: 0 0 25px

    }



    .version-detail-root {

        display: block;

        text-align: center

    }



    .version-detail-root .left-block {

        padding: 0;

        width: 100%

    }



    .version-detail-root .left-block h2 {

        font-size: 16px

    }



    .version-detail-root .left-block .liner {

        display: none

    }



    .version-detail-root .right-block {

        margin: 10px 0 0;

        width: 100%

    }



    .version-detail-root .right-block ul li {

        font-size: 12px

    }



    .packet-root {

        margin: 0 0 5em

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        height: 200px

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:hover .img-hover {

        display: none

    }



    .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:hover p {

        color: #e31f2e

    }



    .youtube-frame-container .head-item h2 {

        font-size: 20px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item {

        overflow: hidden

    }



    .hardware-root {

        padding: 7em 0

    }



    .hardware-root .head-block {

        margin: 0 0 30px;

        padding: 0 30px

    }



    .hardware-root .head-block p {

        line-height: 18px

    }



    .hardware-root .hardware-container {

        padding: 0 30px

    }



    .hardware-root .hardware-container .wheel-block {

        margin: 0;

        width: 100%

    }



    .hardware-root .hardware-container .wheel-block i {

        display: none

    }



    .hardware-root .hardware-container .wheel-block .tab-slider-block {

        height: auto

    }



    .hardware-root .hardware-container .wheel-block ul {

        text-align: left;

        display: flex;

        flex-wrap: wrap;

        margin: 0

    }



    .hardware-root .hardware-container .wheel-block ul li {

        width: 31.333%;

        height: 150px;

        background-color: #f9f9f9;

        padding: 15px;

        margin: 0 2% 15px 0;

        display: flex;

        flex-direction: column;

        justify-content: space-between

    }



    .hardware-root .hardware-container .wheel-block ul li.active, .hardware-root .hardware-container .wheel-block ul li:hover {

        color: #000

    }



    .hardware-root .hardware-container .wheel-block ul li p {

        line-height: 18px

    }



    .hardware-root .hardware-container .wheel-block ul li p:before {

        display: none

    }



    .hardware-root .hardware-container .wheel-block ul li span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 11px;

        color: #e31f2e;

        display: flex;

        align-items: center

    }



    .hardware-root .hardware-container .wheel-block ul li span i {

        display: inline-block;

        margin: 0 10px 0 0

    }



    .hardware-root .hardware-container .wheel-block ul li span i:before {

        color: #e31f2e

    }



    .hardware-root .hardware-container .hardware-content {

        display: flex;

        align-items: center;

        justify-content: center;

        position: fixed;

        z-index: 99;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        background: rgba(0, 0, 0, .7)

    }



    .hardware-root .hardware-container .hardware-content .close-btn {

        width: 36px;

        height: 36px;

        top: 5px;

        right: 5px;

        z-index: 1;

        opacity: 1;

        background-color: rgba(0, 0, 0, .2);

        border-radius: 50%

    }



    .hardware-root .hardware-container .hardware-content .close-btn:after, .hardware-root .hardware-container .hardware-content .close-btn:before {

        height: 23px;

        left: 16px;

        top: 6px;

        width: 4px

    }



    .hardware-root .hardware-container .hardware-content .content-item {

        position: relative;

        border-radius: 5px;

        overflow: hidden;

        flex-direction: column;

        width: 370px

    }



    .hardware-root .hardware-container .hardware-content .img-container {

        width: 100%;

        height: 210px

    }



    .hardware-root .hardware-container .hardware-content .img-item {

        width: 100%;

        height: 265px

    }



    .hardware-root .hardware-container .hardware-content .text-block {

        background-color: #fff;

        text-align: center;

        padding: 35px;

        width: 100%

    }



    .hardware-root .hardware-container .hardware-content .text-block .text-item {

        max-height: 150px;

        overflow: auto;

        margin: 0 0 15px

    }



    .hardware-root .hardware-container .hardware-content .text-block h4 {

        font-size: 14px;

        line-height: 24px

    }



    .hardware-root .hardware-container .hardware-content .text-block p {

        font-size: 12px;

        line-height: 22px

    }



    .accessory-page .accesories-root {

        background: #fff

    }



    .accesories-root .head-block ul {

        white-space: nowrap;

        display: block;

        overflow-x: auto;

        overflow-y: hidden

    }



    .accesories-root .head-block ul li {

        display: inline-block

    }



    .accesories-root .accesories-packet-container {

        background: #f7f7f7;

        padding: 0 27px

    }



    .accesories-root .accesories-packet-container .top-block {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block {

        padding: 0 0 30px;

        display: flex;

        flex-direction: column

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block {

        margin: 0;

        width: 100%;

        padding: 38px 0 0;

        overflow: hidden

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block i {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block {

        height: auto

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.desktop {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil {

        transition: all .5s cubic-bezier(.64, 0, .36, 1);

        display: block;

        white-space: nowrap;

        overflow: visible

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item {

        vertical-align: top;

        width: 100%;

        display: inline-block;

        white-space: normal;

        position: relative

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul {

        flex-wrap: wrap;

        display: flex

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul li.active p, .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul li:hover p {

        color: #000

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul {

        text-align: left;

        display: flex;

        flex-wrap: wrap;

        margin: 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li {

        width: 48%;

        height: auto;

        min-height: 150px;

        background-color: #fff;

        padding: 10px 15px;

        margin: 0 20px 20px 0;

        display: flex;

        flex-direction: column;

        justify-content: space-between

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li.active, .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li:hover {

        color: #000

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p {

        line-height: 18px;

        margin: 0;

        font-size: 11px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li p:before {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 11px;

        color: #e31f2e;

        display: flex;

        align-items: center

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li span i {

        display: inline-block;

        margin: 0 10px 0 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li span i:before {

        color: #e31f2e

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li:nth-child(2n) {

        margin: 0 0 20px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .nav-wrapper {

        display: block;

        overflow: hidden;

        width: 187px;

        margin: 0 auto

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .nav-wrapper .nav-block {

        display: block;

        white-space: nowrap;

        transition: all .5s cubic-bezier(.64, 0, .36, 1);

        text-align: center;

        margin: 40px 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .nav-wrapper .nav-block span {

        display: inline-block;

        border-color: #333;

        vertical-align: middle

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .slider-wrapper {

        display: none

    }



    .accesories-root.detail-packet .accesories-packet-container .accesories-packet-block .wheel-block ul li p {

        color: #000

    }



    .footer-root {

        margin: 0 0 70px

    }



    .slider-root {

        padding: 8em 0 70px

    }



    .slider-root .slider-container .slider-wrapper {

        padding: 40px 10px 0

    }



    .slider-root .slider-container .slider-wrapper .slider-block .slide-item .slider-item {

        box-shadow: 0 0 24px 13px rgba(0, 0, 0, .08)

    }



    .slider-root .slider-container .slider-wrapper .nav-block {

        margin: 6em 0 0

    }



    .slider-root .head-block {

        margin: 0

    }



    .slider-root .head-block h2 {

        font-size: 16px;

        line-height: 28px;

        letter-spacing: 4px

    }



    .banner-root {

        padding: 0

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item p {

        display: none

    }



    .banner-root.landing-banner {

        padding: 0

    }



    .banner-root.accessory-banner .banner-container .banner-block {

        background: transparent

    }



    .banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 25px;

        margin: 0

    }



    .banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item p {

        font-size: 15px;

        line-height: 24px;

        display: block

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 40%

    }



    .lb-root.hardware-lb .lb-block {

        width: 80%

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 86vh;

        padding: 25px 25px 25px 30px;

        width: 85%

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 12px 0 19px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        height: 83%;

        margin: 0 0 15px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        height: 78%

    }



    .lb-root.hardware-lb .lb-block.t-2 .detail-btn {

        width: 85%

    }



    .lb-root .lb-sensing-wrapper .lb-sensing-container iframe {

        height: 50%

    }



    .lb-root .lb-sensing-wrapper .lb-sensing-container .close-btn {

        right: 40px;

        top: 108px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block {

        padding: 0 0 40px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        width: auto;

        padding: 0 9%

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text {

        max-width: unset

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content {

        margin: 20px 0 0;

        width: auto

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p {

        display: none

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p.active, .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p.desc {

        display: block

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content .read-more-block {

        display: flex

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content .read-more-block p {

        display: block

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 {

        padding: 0

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block {

        padding: 20px 9%

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block .head-content p {

        display: block

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: 450px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

        max-width: unset

    }



    .electrification-root .evolve-area-root {

        padding: 0 0 50px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        padding: 0 9%

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 {

        width: 100%;

        left: 0;

        padding: 0 20px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .top-block h3 br {

        display: none

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .left-block .bottom-block {

        padding: 0 15px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .top-block .text-item {

        padding: 50px 0 0

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block h3 br {

        display: none

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block .right-block .bottom-block {

        padding: 0 15px

    }



    .electrification-root .concepts-content-root {

        padding: 0 0 50px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container {

        display: block

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block {

        width: 100%;

        padding: 50px 30px;

        margin: 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item {

        margin: 0;

        padding: 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item {

        border-bottom: 4px solid #e31f2e;

        max-width: 100%;

        width: 100%

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .head-item h3 {

        font-size: 16px;

        line-height: 24px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item {

        margin: 25px 0 0

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p {

        margin: 0 0 25px;

        display: none

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.desc {

        display: block;

        font-size: 14px;

        line-height: 22px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item p.active {

        display: block

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block {

        display: flex

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .read-more-block p {

        display: block;

        margin: 0 0 0 15px

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .left-block .left-item .content-item .img-item {

        width: 100%

    }



    .electrification-root .concepts-content-root .concepts-content-wrapper .concepts-content-container .right-block {

        width: 100%;

        height: 342px

    }



    .electrification-root .card-list-root {

        padding: 15px 0 50px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .head-title-block {

        margin: 0 0 45px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .head-title-block h2 {

        font-size: 16px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block {

        padding: 20px 10px 20px 20px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block .video-open-item {

        width: 56%

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3 {

        font-size: 16px;

        line-height: 24px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .head-block h3:after {

        top: 40%;

        height: 4px;

        width: 85%

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block {

        padding: 0 0 0 20px

    }



    .electrification-root .card-list-root .card-list-wrapper .card-list-container .card-list-block .card-item .bottom-block.active {

        padding: 20px 15px 20px 20px

    }



    .electrification-root .campaigns-swiper .content-container {

        padding: 45px 0 50px

    }



    .electrification-root .campaigns-swiper .content-container .swiper-wrapper .tab-block h2 {

        font-size: 16px;

        letter-spacing: 0

    }



    .electrification-root .campaigns-swiper .content-container .swiper-wrapper .tab-block p {

        max-width: 90%;

        font-size: 11px;

        line-height: 22px

    }



    .electrification-root .campaigns-swiper .content-container .swiper-wrapper .swiper-container {

        margin: 0 auto

    }



    .prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item {

        margin: 0 0 40px

    }



    .prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

        width: 100%

    }



    .prelansman-root.civic .banner-root.detail-banner {

        position: relative;

        top: 1px

    }



    .prelansman-root.civic .banner-root .scroll-btn p {

        color: #e31f2e

    }



    .prelansman-root.civic .banner-root .banner-wrapper .banner-block .content-item .top-head-item {

        padding: 14vh 0

    }



    .prelansman-root.civic .call-you-anim-root {

        background: #05050e

    }



    .prelansman-root.civic .call-you-anim-root .call-back-form-root {

        bottom: 0

    }



    .prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item h2 {

        line-height: 23.5px

    }



    .prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item p {

        line-height: 17px

    }



    .prelansman-root .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item {

        height: auto !important

    }



    .prelansman-root .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item svg {

        margin: 16px 0 26px

    }



    .prelansman-root .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item p {

        display: none

    }



    .prelansman-root .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

        display: block;

        font-size: 16px !important;

        margin: 0 !important

    }



    .detail-root .sub-menu-root {

        margin: 0

    }



    .road-sync-banner-root .banner-container {

        padding: 0

    }



    .suitable-models-root .suitable-models-container {

        padding: 0 0 0 7vw

    }



    .suitable-models-root .suitable-models-container .head-block {

        padding: 0 7vw 0 0

    }



    .suitable-models-root .suitable-models-container .double-img-block {

        flex-direction: column;

        margin: 52px 0 0

    }



    .suitable-models-root .suitable-models-container .double-img-block .img-block {

        margin: 0

    }



    .cycle-model-root .head-title-item {

        margin: 0 0 59px

    }



    .basic-features-root .basic-features-block {

        -moz-column-gap: 20px;

        grid-column-gap: 20px;

        -webkit-column-gap: 20px;

        column-gap: 20px

    }



    .basic-features-root .basic-features-block .features-item {

        width: calc(50% - 20px)

    }

}



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

    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items h5 {

        font-size: 18px;

        text-align: center

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list {

        text-align: center

    }



    .page-section.swiper-content-root.techno .lb-root .lb-block .list-items .feature-list li {

        font-size: 12px;

        line-height: 16px;

        padding: 0 0 4px

    }

}



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

    .engineering-root.new-engineering-root.zrv .engineering-container h2 {

        font-size: 20px

    }



    .engineering-root.new-engineering-root.zrv .engineering-container .engineering-block .engineering-item {

        height: 270px

    }



    .engineering-root.new-engineering-root.zrv .engineering-container .engineering-block .engineering-item p {

        font-size: 16px

    }



    .swiper-content-root.desing .content-container .tab-block ul li, .swiper-content-root.techno .content-container .tab-block ul li {

        padding: 0 0 15px

    }



    .number-plate-root.selected .number-plate-wrapper {

        min-height: 925px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block {

        height: 750px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item {

        top: 55.7%;

        left: 49.1%

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item svg {

        max-width: 58.9px

    }



    .number-plate-root .number-plate-wrapper {

        min-height: 925px

    }



    .number-plate-root .number-plate-wrapper .icon-block {

        top: 70px;

        right: 24px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item img {

        width: 16px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item.preview img {

        width: 21px

    }



    .number-plate-root .number-plate-wrapper .img-container, .number-plate-root .number-plate-wrapper .sticker-container {

        min-width: 500px

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon {

        top: 56.6%

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon svg {

        width: 281px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .select-block .borderline-item {

        width: 280px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 107px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        width: 40px;

        height: 40px;

        margin: 0 16px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 35px;

        height: 35px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.first .color-select-block {

        padding: 3vh 0 12vh

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.second .color-select-block, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .color-select-block {

        padding: 2vh 0 4vh

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.first:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.fourt:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.second:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third:after {

        display: none

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block p {

        line-height: normal;

        font-size: 14px;

        max-width: 400px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item svg {

        width: 20px;

        height: 20px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item span {

        font-size: 7.5px;

        margin: 0;

        padding: 10px 5px 0

    }



    .sticker-start-container .text-block {

        top: 44px;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin: 0 auto

    }



    .sticker-start-container .text-block .title-item h2 {

        max-width: 200px;

        font-size: 22px;

        text-align: center;

        margin: 0 0 28px

    }



    .sticker-start-container .text-block .text-item {

        text-align: center

    }



    .sticker-start-container .text-block .text-item p {

        margin: 0;

        max-width: 400px;

        padding: 0 16px;

        font-size: 16px;

        line-height: 18px

    }



    .sticker-start-container .text-block .btn-block {

        margin: 28px 0 0

    }



    .sticker-start-container .text-block .btn-block .detail-btn {

        background: #bc0000;

        width: 192px;

        height: 44px

    }



    .sticker-start-container .text-block .btn-block .detail-btn span {

        font-size: 12px

    }



    .new-accessory-root.detail-packet.mobile .head-block .head-text {

        font-size: 24px !important;

        font-weight: 600;

        line-height: 25px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item, .new-accessory-root.detail-packet.mobile .accesories-packet-container.newCl-packet .accesories-packet-block .slider-wrapper .slider-block .slider-item {

        width: 100%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block {

        margin: 45px 0 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

        font-size: 26px;

        line-height: 36px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .img-item {

        width: 100%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block {

        display: flex;

        flex-direction: column;

        align-items: center;

        padding: 0 20px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block .bottom-text {

        font-size: 26px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block .icon-item {

        width: 300px;

        height: 60px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block .icon-item img {

        width: 100%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-bg {

        top: 47%

    }



    .cycle-hardware-root .head-block {

        padding: 0 8px

    }



    .cycle-hardware-root .head-block h2 {

        font-size: 22px;

        line-height: 25px

    }



    .cycle-hardware-root .head-block p {

        margin: 13px 0 0;

        font-size: 16px;

        line-height: 30px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block {

        display: flex;

        flex-direction: column;

        justify-content: center;

        background-color: #ff791a;

        background-color: var(--cl250color)

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item p {

        font-size: 16px;

        line-height: 49px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .tab-item.active:after {

        top: 46%;

        right: -17px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu {

        width: 100%;

        background: #f5e9e2;

        opacity: .9;

        border-radius: 0 0 22px 22px;

        position: absolute;

        top: 79px;

        left: 0;

        z-index: 1

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item {

        border-bottom: 2px solid rgba(0, 0, 0, .2)

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item p {

        text-align: inherit;

        font-size: 16px;

        line-height: 57px;

        padding: 0 30px

    }



    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item:last-child {

        border-bottom: none;

        border-radius: 0 0 22px 22px

    }



    .cycle-hardware-root .cycle-hardware-container {

        padding: 40px 0 0

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .image-block {

        width: 100%

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block {

        margin: 30px 0 60px;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        display: flex

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .img-item {

        max-width: 400px;

        margin: 0 24px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block {

        margin: 0 24px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block .right-head-text {

        font-size: 26px;

        line-height: 36px

    }



    .cycle-hardware-root .cycle-hardware-container .td-container .right-block .text-block p {

        margin: 0;

        max-width: 100%;

        font-size: 14px;

        line-height: 25px

    }



    .cycle-hardware-root .bg-stripe {

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .features-img-root .content-item {

        top: 64px

    }



    .new-dimensions-root .dimensions-root {

        padding: 34px 0 0

    }



    .new-dimensions-root .dimensions-root .features-text-block {

        max-width: 90%

    }



    .new-dimensions-root .dimensions-root .features-text-block p {

        color: #fff;

        font-size: 18px;

        line-height: 28px

    }



    .new-dimensions-root .dimension-wrapper {

        margin: 40px 0 0

    }



    .new-dimensions-root .dimension-wrapper .content-wrapper .title-item h2 {

        font-size: 25px

    }



    .basic-features-root .nav-block {

        margin: 0

    }



    .basic-features-root .nav-block span {

        background-color: #b9b9b9;

        min-width: 15px;

        width: 15px;

        height: 15px;

        border: none

    }



    .basic-features-root .nav-block span.active {

        background-color: #ab1925

    }



    .basic-features-root .basic-features-container {

        overflow: hidden

    }



    .basic-features-root .basic-features-block {

        white-space: nowrap;

        display: block;

        flex-wrap: inherit;

        transition: all .5s cubic-bezier(.65, .05, .36, 1)

    }



    .basic-features-root .basic-features-block h3, .basic-features-root .basic-features-block p {

        white-space: normal

    }



    .basic-features-root .basic-features-block .features-item {

        display: inline-flex;

        width: 100%;

        max-width: 100%;

        height: 380px

    }



    .dimensions-root {

        padding: 53px 0;

        margin: 0

    }



    .dimensions-root .features-text-block p {

        font-size: 14px;

        line-height: 24px

    }



    .dimensions-root .dimension-wrapper {

        margin: 45px 0 0

    }



    .new-dimensions-root .basic-features-root {

        padding: 40px 0 0

    }



    .new-dimensions-root .basic-features-root .basic-features-block {

        margin: 22px 0 0

    }



    .discover-root .discover-container {

        padding: 90px 0 0;

        align-items: center;

        text-align: center;

        justify-content: start;

        height: 610px

    }



    .discover-root .discover-container .text-item p {

        font-size: 19px;

        line-height: 36px;

        color: #fff;

        max-width: 465px;

        margin: 0 0 22px

    }



    .discover-root .discover-container .text-item h3 {

        font-size: 29px;

        line-height: 60px;

        color: #fff

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info {

        position: static;

        margin: -163px 0 0

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .content-wrapper {

        padding: 0;

        background-color: #f8f8f8

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container {

        border-radius: 8px;

        padding: 36px 15px 30px;

        margin: 0 20px;

        box-shadow: 0 4px 5px rgba(0, 0, 0, .1)

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .btn-block {

        font-size: 14px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .btn-block span {

        height: 56px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .info-block {

        margin: 0 0 39px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item p {

        font-size: 20px !important;

        margin: 18px 0 0

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .top-info-container .info-block .info-item + .info-item {

        margin: 39px 0 0

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container {

        padding: 30px 16px 19px;

        height: auto;

        justify-content: center;

        background-color: #f8f8f8

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container .link-item svg {

        height: 20px;

        margin: 0 auto 14px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-main-info .info-link-container span {

        font-size: 12px

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container {

        padding: 14px 11px;

        height: auto;

        justify-content: center;

        background-color: #f8f8f8

    }



    .detail-banner-root.model-banner .top-main-info-root.typeR-accessory-info .info-link-container .link-item svg {

        height: 32px;

        margin: 0 auto 14px

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item .bottom-name, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .bottom-name {

        font-size: 25px !important;

        top: 0

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item.typeR-features, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item.typeR-features {

        top: 226px

    }



    .detail-banner-root.jazz-model .banner-wrapper .banner-block .content-item.typeR-features p, .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item.typeR-features p {

        margin: 11px 0 0 !important;

        padding: 0 24px

    }



    .detail-banner-root.jazz-model .type-r-features-menu-block, .detail-banner-root.typeR-model .type-r-features-menu-block {

        position: absolute;

        top: 111px;

        display: flex;

        align-items: center;

        overflow-x: auto;

        overflow-y: hidden;

        padding: 0 29px;

        width: 100%

    }



    .detail-banner-root.jazz-model .type-r-features-menu-block::-webkit-scrollbar, .detail-banner-root.typeR-model .type-r-features-menu-block::-webkit-scrollbar {

        display: none

    }



    .detail-banner-root.jazz-model .type-r-features-menu-block .menu-item, .detail-banner-root.typeR-model .type-r-features-menu-block .menu-item {

        margin: 0 0 0 30px

    }



    .detail-banner-root.jazz-model .type-r-features-menu-block .menu-item:first-child, .detail-banner-root.typeR-model .type-r-features-menu-block .menu-item:first-child {

        margin: 0

    }



    .detail-banner-root.jazz-model .type-r-features-menu-block .menu-item span, .detail-banner-root.typeR-model .type-r-features-menu-block .menu-item span {

        font-family: "SharpGroteskMedium25-Regular", Arial, Helvetica, sans-serif;

        font-size: 13px;

        line-height: 30px;

        white-space: nowrap;

        color: #fff

    }



    .detail-banner-root.jazz-model.typeR-accessory .banner-wrapper .banner-block .content-item, .detail-banner-root.typeR-model.typeR-accessory .banner-wrapper .banner-block .content-item {

        top: 105px !important

    }



    .version-content-root.typer-features .top-logo-block img {

        width: 181px

    }



    .version-content-root.typer-features .top-logo-block .title-item {

        display: none

    }



    .version-content-root.typer-features .feature-block {

        padding: 0 28px

    }



    .version-content-root.typer-features .tabs-block {

        margin: 0 0 55px;

        padding: 0 28px

    }



    .version-content-root.typer-features .tabs-block p + p {

        margin: 0 0 0 40px

    }



    .banner-root.new-cycle-banner .icon-item {

        padding: 25px 25px 0

    }



    .banner-root.new-cycle-banner .content-block {

        padding: 0 25px 60px

    }



    .banner-root.new-cycle-banner .content-block h2 {

        font-size: 40px

    }



    .banner-root.new-cycle-banner .content-block h2 span {

        margin: -20px 0 0 50px

    }



    .banner-root.new-cycle-banner .content-block .text-item {

        margin: 0

    }



    .banner-root.new-cycle-banner .content-block .text-item p {

        font-size: 14px;

        line-height: 26px

    }



    .banner-root.accessory-banner .banner-container .banner-block {

        background: transparent

    }



    .banner-root.accessory-banner .banner-container .banner-block .content-item .text-block .text-item p {

        width: 90%;

        margin: 0 auto

    }



    .sticker-start-container {

        height: auto

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 250px

    }

}



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

    .number-plate-root.selected .number-plate-wrapper {

        min-height: 710px

    }



    .number-plate-root.selected .number-plate-wrapper .icon-block {

        top: 149px;

        right: 0

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block {

        height: 540px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success {

        padding: 54px 20px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .message, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .message {

        margin: 20px 0 0;

        font-size: 28px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success img {

        width: 138px;

        height: 138px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success p {

        font-size: 12px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item {

        top: 62.2%;

        left: 49.2%

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item svg {

        max-width: 40px

    }



    .number-plate-root .number-plate-wrapper {

        min-height: 760px

    }



    .number-plate-root .number-plate-wrapper .icon-block {

        top: 65px;

        right: 0

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item img {

        width: 16px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item.preview img {

        width: 21px

    }



    .number-plate-root .number-plate-wrapper .sticker-container {

        min-width: 350px;

        max-width: 350px

    }



    .number-plate-root .number-plate-wrapper .img-container {

        min-width: 350px

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon {

        left: 52.9%

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon svg {

        width: 194.1px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .color-select-block {

        padding: 2vh 0 4vh

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block {

        margin: 0 0 6px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .borderline-item {

        height: 40px;

        width: 204px;

        margin: 8px 20px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 78px;

        margin: 8px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item {

        width: 150px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item label {

        margin: 0 0 8px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item input {

        padding: 8px;

        max-height: 40px;

        max-width: 72px;

        font-size: 16px !important

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block {

        margin: 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__input-container {

        font-family: "anton-regular"

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__value-container {

        padding: 2px 0 0 4px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-1gv2yjo-menu {

        top: 36px !important

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__menu-list {

        max-height: 120px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .react-select__option {

        font-size: 11px !important;

        padding: 8px 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-5v5vi7-container {

        height: 40px;

        width: 200px;

        margin: 14px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__control {

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .back-btn {

        width: 140px;

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .back-btn span {

        font-size: 7.913px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .detail-btn {

        width: 140px;

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .detail-btn span {

        font-size: 7.913px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.first:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.fourt:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.second:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third:after {

        display: none

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        margin: 0 6px 0 0;

        width: 32px;

        height: 32px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 28px;

        height: 28px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block p {

        font-size: 10px;

        font-style: normal

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block p {

        line-height: normal;

        font-size: 14px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item svg {

        width: 20px;

        height: 20px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item span {

        font-size: 7.5px;

        margin: 0;

        padding: 10px 5px 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

        font-size: 22px;

        line-height: 34px

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item p {

        font-size: 14px;

        line-height: 24px;

        margin: 16px 0 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .img-item {

        margin: 22px 0 0

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .head-text-block .bottom-text {

        font-size: 22px;

        line-height: 34px

    }

}



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

    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 32%

    }



    .three-sixty-look-root.typer-version .color-model-sequence .model-block .img-item img {

        height: 350px;

        object-fit: cover

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 260px

    }

}



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

    .sticker-start-container .text-block .text-item p {

        font-size: 10px;

        line-height: 12px

    }



    .new-accessory-root.detail-packet.mobile .head-block ul li p {

        line-height: 25px;

        font-size: 20px

    }



    .new-accessory-root.detail-packet.mobile .head-block ul li p:after {

        right: 10px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item.active {

        height: 380px

    }



    .new-accessory-root.detail-packet.mobile .accesories-container .slider-wrapper .slider-block .slider-item .text-block .accessory-text {

        font-size: 20px;

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        line-height: 27px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item {

        height: 380px

    }



    .new-accessory-root.detail-packet.mobile ul .accesories-packet-container.mobile .accesories-packet-block.mobile .new-accesories-packet-items .slider-wrapper .slider-block .slider-item .text-block .accessory-text {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        line-height: 27px

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 26%

    }



    .basic-features-root {

        padding: 42px 0 50px

    }



    .basic-features-root .basic-features-container h2 {

        font-size: 22px

    }



    .basic-features-root .basic-features-block {

        margin: 50px 0 0;

        grid-row-gap: 50px;

        row-gap: 50px

    }



    .basic-features-root .basic-features-block h3 {

        margin: 31px 0 24px

    }



    .basic-features-root .basic-features-block .features-item {

        width: 100%;

        height: 440px

    }



    .features-img-root .content-item img {

        max-width: 184px

    }



    .features-img-root .content-item .bottom-name {

        font-size: 22px;

        line-height: 32px

    }



    .version-content-root.typer-features .feature-item.other-features {

        margin: 0 0 60px

    }



    .version-content-root.typer-features .feature-item .list-block {

        margin: 0 0 60px 11px

    }



    .version-content-root.typer-features .feature-item .title-item {

        margin: 0 0 25px

    }



    .version-content-root.typer-features .feature-item .title-item p {

        margin: 0 0 0 20px;

        font-size: 22px

    }



    .version-content-root.typer-features .feature-item .btn {

        margin: 20px 0 0

    }



    .version-content-root.typer-features .feature-item .btn span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 18px

    }



    .version-content-root.typer-features .feature-item .plus-btn {

        width: 35px;

        min-width: 35px;

        height: 35px

    }



    .version-content-root.typer-features .feature-item .plus-btn:before {

        width: 12px;

        height: 2px

    }



    .version-content-root.typer-features .feature-item .plus-btn:after {

        width: 2px;

        height: 12px

    }



    .version-content-root.typer-features .feature-item li {

        margin: 0 0 20px;

        width: 100%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

        width: 80%

    }



    .typeR-exterior-accessory-root .typeR-exterior-accessory-container .accessory-bg {

        top: 61%

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 306px

    }

}



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

    .prelansman-root .double-text-img-root .img-item img {

        object-fit: cover !important

    }



    .prelansman-root.new-model .banner-root .banner-wrapper .banner-block .content-item .top-head-item {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        height: 81%

    }



    .prelansman-root.civic .city-logo-item svg {

        width: 200px !important

    }



    .prelansman-root.civic .banner-root.detail-banner {

        max-height: 520px

    }



    .prelansman-root.civic .call-you-anim-root .call-back-form-root {

        bottom: 0

    }



    .prelansman-root .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item .sub-text {

        margin: 0 !important

    }



    .accesories-root.model-accesories .accesories-container .top-block h3 {

        letter-spacing: 0;

        font-size: 12px

    }



    .accesories-root.model-accesories .accesories-container .arr-btn-item span {

        display: none

    }



    .accesories-root.hrv-accessories .head-block {

        padding: 0 30px

    }



    .accesories-root.hrv-accessories .accesories-container {

        padding: 20px 0 0

    }



    .accesories-root.hrv-accessories .accesories-container .slider-wrapper {

        padding: 0 20px

    }



    .accesories-root.hrv-accessories .accesories-container .top-block {

        padding: 0 30px

    }



    .accesories-root.hrv-accessories .accesories-container .top-block h3 {

        font-size: 14px;

        max-width: 290px

    }

}



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

    .form-page-root.chassis-form-root {

        padding: 100px 0 0 !important;

        margin: 0 0 90px

    }



    .form-page-root.chassis-form-root .chassis-campaign-container:after {

        width: 100%

    }



    .form-page-root.chassis-form-root .form-container .head-block {

        text-align: left;

        margin: 0 0 24px

    }



    .form-page-root.chassis-form-root .detail-btn {

        margin: 0 !important

    }



    .form-page-root.chassis-form-root .chassis-info-container {

        margin: 0 0 100px;

        width: 100%

    }



    .form-page-root.chassis-form-root .chassis-info-container .chassis-info-block, .form-page-root.chassis-form-root .chassis-info-container .info-item .content-item .plate-item {

        width: 100%

    }



    .form-page-root.chassis-form-root .chassis-info-container .info-item .content-item .plate-item input {

        font-size: 12px;

        width: 50%

    }



    .form-page-root.chassis-form-root .chassis-info-container .info-item .content-item .plate-item span:first-child {

        width: 110px

    }



    .form-page-root.chassis-form-root .chassis-info-container .info-item span {

        font-size: 12px

    }



    .form-page-root.chassis-form-root .chassis-info-container .info-item span:first-child {

        width: 110px

    }



    .form-page-root.chassis-form-root .input-search-block {

        margin: 0 0 64px

    }



    .form-page-root.chassis-form-root .input-search-block .search-btn {

        width: 106px

    }



    .form-page-root.chassis-form-root .input-search-block i:before {

        font-size: 23px

    }



    .form-page-root.chassis-form-root .input-search-block .input-item input {

        height: 50px;

        padding: 22px 58px;

        font-size: 11px

    }



    .form-page-root.chassis-form-root .mini-slider-root {

        padding: 0

    }



    .form-page-root.chassis-form-root .mini-slider-root .head-text {

        display: none

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item {

        left: 8px;

        top: 311px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item .arr-btn {

        box-shadow: none;

        width: 72px;

        height: 72px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item .arr-btn img {

        display: block

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item .arr-btn i {

        left: 15px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item .arr-btn .icon-left-arr {

        display: none

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item.next-btn {

        right: 8px

    }



    .form-page-root.chassis-form-root .mini-slider-root .slider-wrapper .arr-btn-item.next-btn img {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg)

    }



    .form-page-root.chassis-form-root .slider-container {

        position: relative;

        padding: 0 44px;

        margin: 48px 0 0

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item {

        -webkit-transform: scale(.9);

        transform: scale(.9);

        width: 100%;

        min-width: 100%;

        border-radius: 8px;

        overflow: hidden

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item + .slider-item {

        margin: 0 0 0 13px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item .img-item {

        height: 311px;

        min-height: 311px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item .text-item {

        display: none;

        margin: 46px 0 0

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item .text-item span {

        padding: 13px 19px

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item.active {

        -webkit-transform: scale(1);

        transform: scale(1)

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item.active .text-item {

        display: block

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .desc-item p {

        width: 80%

    }



    .result-thanks-root .result-thanks-block {

        padding: 15vh 0

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .head-block {

        display: block

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .line, .result-thanks-root .result-thanks-block .result-thanks-item h1.desktop {

        display: none

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item {

        margin: 0

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item p {

        font-size: 27px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block p {

        font-size: 26px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block p span {

        font-size: 18px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block {

        margin: 20px 0 0

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item {

        margin: 10px 0 0

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item span {

        font-size: 14px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item .line {

        display: block

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .bottom-block .text-block .text-item:first-child {

        margin: 0

    }



    .survey-thanks-block {

        padding: 0 30px

    }



    .survey-thanks-block .survey-thanks-item .text-item {

        width: 100%

    }



    .survey-thanks-block .survey-thanks-item .text-item p {

        font-size: 20px

    }



    .survey-video-msg-block {

        padding: 0 30px

    }



    .survey-video-msg-block .survey-video-msg-item .text-item {

        width: 100%

    }



    .survey-video-msg-block .survey-video-msg-item .text-item p {

        font-size: 20px

    }



    .sub-banner-root.survey-banner {

        height: 100vh

    }



    .sub-banner-root.survey-banner .sub-banner-container .head-text {

        top: 67%

    }



    .sub-banner-root.survey-banner img {

        height: 100vh;

        width: 100vw

    }



    .sub-banner-root.survey-banner .scroll-btn {

        background-color: initial;

        height: 89px;

        display: flex

    }



    .sub-banner-root.survey-banner .scroll-btn .mouse-wheel {

        top: 30px;

        height: 30px

    }



    .sub-banner-root.survey-banner .scroll-btn p {

        -webkit-transform: rotate(0);

        transform: rotate(0);

        color: #fff;

        font-size: 10px;

        letter-spacing: 1.8px;

        padding: 0;

        margin: 0 0 50px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video {

        width: 48.8%

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-head-item span {

        font-size: 15px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play {

        width: 45px;

        height: 45px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play:before {

        top: 14px;

        left: 16.6px;

        width: 24px;

        height: 16px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-item .icon-play:after {

        top: 15px;

        left: 11.7px;

        width: 11px;

        height: 11px;

        border-radius: 1px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        font-size: 11px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-detail-btn {

        width: 180px;

        height: 55px

    }



    .sub-banner-root.survey-banner .sub-banner-container .head-text {

        width: 100%

    }



    .sub-banner-root.survey-banner .sub-banner-container .head-text h1 {

        font-size: 34px

    }



    .survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block .input-block .input-item {

        width: 100%;

        margin: 0 0 35px

    }



    .survey-form-root .survey-form-wrapper .survey-form-container .survey-form-block .input-block .input-item:nth-child(2n+2) {

        margin: 0 0 35px

    }



    .survey-text-block .survey-text-item {

        flex-direction: column

    }



    .survey-text-block .survey-text-item .left-block {

        margin: 0

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block {

        padding: 38px 29% 5px;

        overflow: initial;

        transition: all .5s cubic-bezier(.64, 0, .36, 1)

    }



    .calender-swiper-root .calender-swiper-wrapper .calender-swiper-container .content-swipe-block .swiper-container .swiper-block .swipe-item {

        margin: 0 50px 0 0

    }



    .packet-root {

        margin: 0

    }



    .packet-root .packet-container .head-text h2 {

        font-size: 16px;

        letter-spacing: 4px

    }



    .packet-root .packet-container .head-text p {

        font-size: 12px

    }



    .packet-root .packet-container .slider-container .slider-block {

        padding: 0 0 80px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .text-item {

        padding: 30px 0 15px;

        margin: 0 0 25px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .share-item {

        margin: 20px 0 35px

    }



    .accesories-root .accesories-container .slider-wrapper .nav-wrapper {

        width: 138px

    }



    .accesories-root .accesories-packet-container {

        padding: 0 27px

    }



    .accesories-root .accesories-packet-container .top-block {

        display: none

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li {

        width: 47%

    }



    .nav-block span {

        width: 10px;

        min-width: 10px;

        height: 10px;

        margin: 0 0 0 10px

    }



    .nav-block span.active {

        width: 17px;

        min-width: 17px;

        height: 17px

    }



    .header-root .header-container .header-block .top-block .left-block ul li .open-model-root .model-list-root .content-container .model-list-block {

        max-width: 100%

    }



    .home-banner-root .start-button-container .start-button-block .text-item p {

        line-height: 20px;

        letter-spacing: 2px;

        font-size: 12px;

        text-align: center;

        padding: 0 10px

    }



    .home-header-root .home-header-container {

        margin: 0 20px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        top: -20px;

        right: -20px

    }



    .open-cycle-root .cycle-list-root .content-container {

        width: 100%

    }



    .banner-slider-root .arr-btn-item.next-btn .icon-left-arr {

        left: -35%

    }



    .banner-slider-root.full-view-slider-root {

        height: auto

    }



    .banner-slider-root.full-view-slider-root .bg-item {

        position: relative

    }



    .banner-slider-root.full-view-slider-root .banner-container .arr-btn-item {

        display: none

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .img-item {

        position: static;

        margin: 0 0 -3px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item {

        display: none

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item.bg-content {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        padding: 40px 25px 0

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        width: 100%;

        padding: 0

    }



    .banner-slider-root.logr-slider {

        height: 614px

    }



    .banner-slider-root.logr-slider .banner-wrapper {

        position: relative

    }



    .banner-slider-root.logr-slider .banner-container {

        width: 100%

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .img-item {

        position: absolute

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item {

        display: flex;

        align-items: end;

        padding: 0 20px 43px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block .text-item {

        margin: 0 0 28px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 22px;

        line-height: 36px

    }



    .banner-slider-root.logr-slider .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 15px;

        line-height: 26px;

        margin: 22px 0 0

    }



    .banner-slider-root.logr-slider .arr-btn-item {

        display: none

    }



    .banner-slider-root.logr-slider .nav-block {

        position: unset;

        margin: 16px 0 0

    }



    .form-page-root {

        padding: 6em 0 0

    }



    .call-back-form-root {

        padding: 60px 0 35px

    }



    .call-back-form-root .content-container {

        padding: 0 30px

    }



    .call-back-form-root .content-container .form-block .input-block {

        display: block

    }



    .call-back-form-root .content-container .form-block .input-block .input-item {

        width: 100%;

        margin: 2em 0 0

    }



    .call-back-form-root .content-container .form-block .input-block .input-item input {

        height: 60px;

        width: 100%;

        padding: 22px 15px

    }



    .call-back-form-root .content-container .form-block .input-block .select-block {

        margin: 2em 0 0

    }



    .call-back-form-root .content-container .form-block .checkbox-block .radio-button .radio-item label span {

        font-size: 10px

    }



    .call-back-form-root .content-container .form-block .detail-btn {

        width: 200px;

        height: 56px

    }



    .call-back-form-root .head-item {

        margin: 0 auto 60px

    }



    .call-back-form-root .head-item h2 {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .oto-head-item h2 {

        font-size: 18px;

        letter-spacing: 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .t-1 {

        width: 100%

    }



    .cycle-list-root .content-container .cycle-list-block {

        justify-content: space-between

    }



    .cycle-list-root .content-container .cycle-list-block .list-item {

        width: 48%;

        height: 170px;

        margin: 0 0 14px

    }



    .cycle-list-root .content-container .cycle-list-block .list-item .bottom-block {

        padding: 0 10px;

        bottom: 15px

    }



    .cycle-list-root .content-container .cycle-list-block .list-item p {

        font-size: 14px;

        margin: 0

    }



    .model-list-root .content-container .model-list-block {

        max-width: 330px

    }



    .model-list-root .content-container .model-list-block .model-list-list:nth-child(3n) {

        margin: 0 2% 2% 0

    }



    .model-list-root .content-container .model-list-block .model-list-list:nth-child(2n) {

        margin: 0 0 2%

    }



    .model-list-root .content-container .model-list-block .all-model + .model-list-list {

        margin: 0 2% 2% 0

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 170px;

        max-width: 160px;

        min-width: 160px;

        margin: 0 0 10px

    }



    .model-list-root .content-container .model-list-block .list-item:nth-child(2n) {

        margin-left: 10px

    }



    .model-list-root .content-container .model-list-block .list-item img img {

        top: 47%

    }



    .open-model-root .model-list-root .content-container .model-list-block .model-list-list {

        margin: 0

    }



    .version-detail-root .left-block h2 {

        font-size: 14px

    }



    .version-detail-root .right-block ul li {

        font-size: 10px

    }



    .feature-table-block .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item.t-1 {

        width: 45%

    }



    .feature-table-block .link-block {

        padding: 25px 0;

        margin: 0 0 60px;

        height: 40px

    }



    .feature-table-block .link-block .detail-btn {

        width: 60%;

        height: 50px

    }



    .feature-table-block .link-block .detail-btn span {

        font-size: 8px;

        letter-spacing: 1px

    }



    .test-drive-root .selected-car-block .car-item .img-item {

        width: 220px;

        height: 70px

    }



    .test-drive-root .selected-car-block .car-item p {

        font-size: 16px;

        width: 100%

    }



    .test-drive-root .selected-car-block .car-item .choose-item i:before {

        font-size: 18px

    }



    .test-drive-root .send-code-block .verify-container {

        margin: 30px 0 40px

    }



    .test-drive-root .send-code-block .verify-container .input-block {

        margin: 20px 0

    }



    .test-drive-root .send-code-block .verify-container .input-block .input-item {

        width: 60px;

        height: 60px

    }



    .test-drive-root .checkbox-container p {

        font-size: 14px

    }



    .test-drive-root .congrats-block {

        padding: 0 25px

    }



    .test-drive-root .congrats-block h2 {

        font-size: 16px

    }



    .test-drive-root .detail-btn {

        height: 55px;

        width: 200px

    }



    .dictionary-root.detail-dictionary .head-block {

        padding: 10em 0 15em

    }



    .dictionary-root.detail-dictionary .head-block h1 {

        font-size: 18px;

        width: 100%

    }



    .dictionary-root.detail-dictionary .head-block .back-btn {

        top: auto;

        bottom: -70px

    }



    .dictionary-root.detail-dictionary .dictionary-detail-container .dictionary-detail-block p {

        font-size: 11px

    }



    .top-content-block {

        padding: 0 20px

    }



    .top-content-block .page-common-root {

        padding: 35px 20px 30px

    }



    .top-content-block .page-common-root .content-head-block h3 {

        font-size: 13px

    }



    .top-content-block .page-common-root .content-head-block p {

        font-size: 11px

    }



    .top-content-block .page-common-root.news-detail-block {

        box-shadow: 0 0 42px 0 rgba(0, 0, 0, .1);

        margin: -70px 0 50px

    }



    .top-content-block .page-common-root.campaign-content-root {

        box-shadow: 0 0 24px 13px rgba(0, 0, 0, .08)

    }



    .top-content-block .page-common-root.campaign-content-root .text-block h1, .top-content-block .page-common-root.campaign-content-root .text-block h2 {

        font-size: 16px;

        line-height: 24px

    }



    .top-content-block .page-common-root.campaign-content-root .text-block p {

        line-height: 26px;

        padding: 0 5px

    }



    .top-content-block .page-common-root.campaign-content-root .text-block p p {

        padding: 0

    }



    .top-content-block .page-common-root.campaign-content-root .call-back-form-root .content-container {

        padding: 0 2.6vw

    }



    .top-content-block .page-common-root.campaign-content-root .call-back-form-root .content-container .form-block .detail-block {

        margin: 35px auto 15px

    }



    .top-content-block .cycle-security-page-root .tab-content-block .content-block .content-item .text-item p {

        text-align: center;

        margin: 15px 0 0;

        font-size: 12px;

        line-height: 16px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item {

        padding: 0

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item.active {

        padding: 0 0 20px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item.active .head-item .plus-btn {

        width: 35px;

        min-width: 35px;

        height: 35px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item.active .head-item .plus-btn .icon-plus:before {

        font-size: 12px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item .head-item .plus-btn {

        width: 35px;

        min-width: 35px;

        height: 35px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item .head-item .plus-btn .icon-plus:before {

        font-size: 12px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item .head-item p {

        font-size: 14px

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item .opened-text {

        margin: 0 10px 0 3.3em

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item p {

        margin: 5px 0 0 10px;

        font-size: 12px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block {

        flex-wrap: wrap;

        padding: 50px 45px 20px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block .pricing-item {

        width: 40%;

        margin: 0 0 30px

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block .pricing-item h2 {

        margin: 0 0 10px

    }



    .top-content-block .campaign-pricing-root .campaign-text-block {

        margin: 40px 0 0;

        padding: 0 30px

    }



    .top-content-block .campaign-pricing-root .campaign-text-block ul {

        display: block

    }



    .top-content-block .campaign-pricing-root .campaign-text-block ul li {

        width: 100%;

        margin: 0 0 25px

    }



    .dictionary-root .head-block h1 {

        font-size: 20px

    }



    .dictionary-root .dictionary-list-container .head-list li {

        padding: 0 10px 15px

    }



    .dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-item span {

        font-size: 55px

    }



    .dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block ul li a {

        font-size: 13px

    }



    .dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-icon-item:after {

        left: -27px

    }



    .dictionary-root .dictionary-list-container .dictionary-list-block .dictionary-list-item .list-block .head-icon-item:before {

        left: -20px

    }



    .faq-root .faq-container .faq-block .faq-item {

        padding: 0 10px

    }



    .faq-root .faq-container .faq-block .faq-item.active {

        padding: 0 10px 30px

    }



    .faq-root .faq-container .faq-block .faq-item.active .head-item .plus-btn .icon-plus:before {

        font-size: 12px

    }



    .faq-root .faq-container .faq-block .faq-item.active .head-item p {

        margin: 5px 0 0 10px

    }



    .faq-root .faq-container .faq-block .faq-item .head-item {

        align-items: flex-start

    }



    .faq-root .faq-container .faq-block .faq-item .head-item .plus-btn .icon-plus:before {

        font-size: 12px

    }



    .faq-root .faq-container .faq-block .faq-item .head-item p {

        margin: 5px 0 0 10px

    }



    .faq-root .faq-container .faq-block .faq-item .opened-text {

        margin: 25px 10px 0 6em

    }



    .faq-root .faq-container .faq-block .faq-item .faq-img-item {

        padding: 0 10px 0 0

    }



    .faq-root .faq-container .faq-block .faq-item .faq-img-content {

        margin: 25px 0 16px 5px

    }



    .faq-root .faq-container .faq-block .faq-item p {

        font-size: 12px

    }



    .list-bottom-root {

        display: none

    }



    .sub-banner-root {

        height: 300px

    }



    .sub-banner-root .head-text h1 {

        font-size: 20px

    }



    .double-text-block h3 {

        line-height: 22px

    }



    .double-text-block p {

        font-size: 11px;

        line-height: 22px

    }



    .double-text-block p.desc {

        font-size: 13px;

        line-height: 23px

    }



    .form-page-root .form-container .head-block {

        margin: 0 0 90px

    }



    .form-page-root .form-container .thanks-message-block .text-block {

        letter-spacing: 2px;

        margin: 0 0 25px

    }



    .form-page-root .form-container .thanks-message-block .text-block span {

        font-size: 18px

    }



    .form-page-root .form-container .thanks-message-block .detail-btn {

        width: auto

    }



    .banner-root {

        height: calc(100vh - 70px)

    }



    .banner-root .banner-container .banner-block {

        background: linear-gradient(0, rgba(0, 0, 0, .2), rgba(0, 0, 0, .235418) 73.77%, rgba(0, 0, 0, .0001))

    }



    .banner-root .banner-container .banner-block .content-item {

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        padding: 0;

        top: 75%

    }



    .banner-root .banner-container .banner-block .content-item .text-block {

        width: 100%;

        padding: 0

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item {

        text-align: center

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 36px;

        width: auto;

        margin: 0 0 10px

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item .second-title-item, .banner-root .banner-container .banner-block .content-item .text-block .text-item h4 {

        width: 100%;

        font-size: 14px;

        letter-spacing: 3px;

        line-height: 30px;

        margin: 0 auto

    }



    .banner-root .banner-container .banner-block .content-item .text-block .text-item p {

        width: 100%;

        display: none

    }



    .banner-root .scroll-btn {

        background-color: initial;

        height: 89px

    }



    .banner-root .scroll-btn p {

        -webkit-transform: rotate(0);

        transform: rotate(0);

        color: #fff;

        font-size: 10px;

        letter-spacing: 1.8px;

        padding: 0;

        margin: 0 0 50px

    }



    .banner-root .scroll-btn .mouse-wheel {

        top: 30px;

        height: 30px

    }



    .banner-root .scroll-btn .mouse-wheel:after {

        border-top: 15px solid #e31f2e;

        border-bottom: 15px solid #e31f2e;

        top: auto;

        bottom: 35px

    }



    .banner-root.landing-banner .banner-container .banner-block {

        align-items: flex-start

    }



    .banner-root.landing-banner .banner-container .banner-block .head-degree-block {

        top: 15%

    }



    .banner-root.landing-banner .banner-container .banner-block .head-degree-block .img-block {

        width: 32%

    }



    .banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block {

        margin: 0 20px 0 0

    }



    .banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block i:before {

        font-size: 22px

    }



    .banner-root.landing-banner .banner-container .banner-block .head-degree-block .degree-block span {

        font-size: 11px

    }



    .banner-root.landing-banner .banner-container .banner-block .img-block {

        width: 100%;

        height: 250px;

        position: absolute;

        top: 20%

    }



    .banner-root.landing-banner .banner-container .banner-block .img-block img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item {

        padding: 0;

        height: 100%

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block {

        height: 100%;

        padding: 10em 60px 12em;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: center

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn {

        justify-content: center

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h1 {

        font-size: 14px;

        letter-spacing: 4px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        font-size: 45px;

        line-height: 55px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .open-block {

        max-height: none

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .open-block.active p {

        width: 100%;

        padding: 0 10px;

        display: block

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item .play-item {

        margin: 0 10px 0 0;

        width: 42px;

        min-width: 42px;

        height: 42px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .play-btn-item .play-item i:before {

        font-size: 7px

    }



    .banner-root.landing-banner .list-block {

        width: 100%;

        bottom: 0

    }



    .banner-root.landing-banner .list-block ul {

        width: 80%;

        margin: 0 auto;

        display: block

    }



    .banner-root.landing-banner .list-block ul li {

        margin: 0;

        padding: 0 0 30px;

        position: relative;

        text-align: center;

        display: flex;

        justify-content: flex-start;

        align-items: center;

        width: 100%;

        border: none

    }



    .banner-root.landing-banner .list-block ul li i:before {

        font-size: 20px

    }



    .banner-root.landing-banner .list-block ul li i.icon-down-arr {

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg);

        position: absolute;

        display: block;

        right: 0;

        top: 8px

    }



    .banner-root.landing-banner .list-block ul li i.icon-down-arr:before {

        font-size: 12px

    }



    .banner-root.landing-banner .list-block ul li span {

        font-size: 11px;

        margin: 0 0 0 20px

    }



    .banner-root.landing-banner .list-block ul li.active {

        border: none

    }



    .banner-root.cycle-sport-banner .banner-wrapper .banner-container .banner-block .content-item .text-block .text-item .open-block h4 {

        line-height: 40px;

        font-size: 35px

    }



    .banner-root.cycle-sport-banner .banner-wrapper .banner-container .banner-block .content-item .text-block .text-item .open-block p {

        line-height: 20px;

        margin: 0

    }



    .banner-root.formula-one-today-banner {

        height: calc(85vh - 70px)

    }



    .banner-root.formula-one-today-banner .scroll-btn {

        display: none

    }



    .banner-root.detail-banner {

        height: 380px

    }



    .banner-root.detail-banner .banner-container .banner-block {

        background: none

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item {

        position: static;

        -webkit-transform: initial;

        transform: none

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item p {

        font-size: 20px;

        margin: 10px 0 4px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item .sub-text {

        font-size: 16px;

        margin: 10px 0 15px

    }



    .banner-root .scroll-btn {

        display: flex;

        bottom: 1vh

    }



    .banner-root .scroll-btn p {

        color: #e31f2e

    }



    .motorcycle-segment-root .banner-root .banner-container .banner-block .content-item {

        position: absolute;

        padding: 0 10px

    }



    .motorcycle-segment-root .banner-root .banner-container .banner-block .content-item .text-block .text-item p {

        display: block

    }



    .banner-root.landing-banner.cycle-sport-banner {

        height: 73vh

    }



    .banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item {

        top: 50%

    }



    .banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item .text-block {

        padding: 0;

        justify-content: center

    }



    .banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn {

        margin: 2vh 0 0

    }



    .banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item .text-block .text-item .motto-item {

        font-size: 14px

    }



    .landing-slide-root {

        padding: 5em 0

    }



    .landing-slide-root .landing-wrapper {

        padding: 0 30px

    }



    .landing-slide-root .head-block {

        margin: 0 0 5em

    }



    .landing-slide-root .head-block h2 {

        font-size: 16px;

        letter-spacing: 4px

    }



    .landing-slide-root .landing-container .head-container ul.head-list {

        overflow-x: auto

    }



    .landing-slide-root .landing-container .head-container ul.head-list li {

        margin: 0 0 0 35px;

        min-width: 175px

    }



    .landing-slide-root .landing-container .head-container ul.head-list li:first-child {

        margin: 0

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper {

        padding: 0;

        height: 100%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item {

        display: block

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .img-item {

        width: 100%;

        height: 47%

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block {

        margin: 20px 0 0;

        width: 100%;

        height: 47%;

        padding: 0 35px 30px;

        justify-content: space-between

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .head-text {

        display: none

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block h3 {

        line-height: 24px;

        font-size: 16px;

        margin: 0

    }



    .landing-slide-root .landing-container .landing-slider-container .slider-wrapper .slider-container .slider-block .slider-item .info-block .desc {

        line-height: 22px;

        font-size: 11px;

        margin: 5px 0

    }



    .landing-slide-root .landing-container .landing-slider-container .arr-btn-item {

        display: none

    }



    .footer-root {

        position: relative

    }



    .footer-root .footer-container .footer-block {

        padding: 7em 0 2em

    }



    .footer-root .footer-container .footer-block .menu-block {

        padding: 0 25px

    }



    .footer-root .footer-container .footer-block .menu-block .menu-item .head-item {

        margin: 0 0 30px

    }



    .footer-root .footer-container .footer-block .btn-block {

        position: absolute;

        right: 20px;

        bottom: 75px;

        padding: 0

    }



    .footer-root .footer-container .footer-block .btn-block .btn-item .btn-text {

        display: none

    }



    .footer-root .footer-container .footer-block .btn-block .btn-item .btn-icon {

        width: 56px;

        height: 56px

    }



    .footer-root .footer-container .bottom-block {

        margin: 3em 0 0;

        padding: 0 25px

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul {

        display: block;

        text-align: center

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li {

        border: none;

        margin: 0

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li a {

        font-size: 11px;

        line-height: 25px

    }



    .footer-root .footer-container .bottom-block .sub-menu-block ul li + li {

        margin: 20px 0 0

    }



    .footer-root .footer-container .bottom-block .rights-block {

        margin: 50px 0 0

    }



    .footer-root .footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .footer-root .footer-container .bottom-block .social-block {

        border-color: #3a3a3a;

        border-style: solid;

        border-width: 1px 0;

        padding: 40px 0;

        flex-direction: column

    }



    .footer-root .footer-container .bottom-block .social-block p {

        margin: 0 0 30px;

        font-size: 14px

    }



    .footer-root .footer-container .bottom-block .social-block ul li:first-child {

        margin: 0

    }



    .footer-root .footer-container .bottom-block .social-block ul li + li {

        margin: 0 0 0 40px

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 3em 0 0;

        padding: 0 25px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 0 0 15px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        display: none

    }



    .inclusive-root {

        padding: 0 0 15px;

        margin: 25px 0 0

    }



    .inclusive-root .inclusive-container .menu-block .menu-item {

        width: 100%;

        height: 100px;

        margin: 0 0 10px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item:first-child {

        margin: 0 0 10px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i {

        margin: 0 25px 0 0

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i:before {

        font-size: 30px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item p {

        font-size: 14px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner {

        top: 50%;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        bottom: auto

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner i:before {

        font-size: 16px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner p {

        display: none

    }



    .campaigns-root .campaigns-container, .swiper-content-root .content-container .tab-block {

        display: block

    }



    .filter-wrapper .filter-container .filter-block {

        margin: 0 0 0 20px

    }



    .cycle-sport-root {

        padding: 2em 0

    }



    .doubleContentOverflow {

        padding: 0 0 5em

    }



    .double-content-root {

        position: relative;

        margin: 10em 0 0

    }



    .double-content-root .content-container {

        padding: 0 20px

    }



    .double-content-root .content-container .content-block {

        align-items: center;

        flex-direction: column

    }



    .double-content-root .content-container .content-block .img-block {

        min-width: auto;

        width: 100%

    }



    .double-content-root .content-container .content-block .text-block {

        z-index: 1;

        padding: 0;

        margin: 0;

        width: 100%;

        text-align: center

    }



    .double-content-root .content-container .content-block .text-block span.count {

        display: none;

        margin: 20px 0 0;

        right: 0

    }



    .double-content-root .content-container .content-block .text-block span.count:after {

        right: auto;

        left: 50%;

        top: auto;

        bottom: -9px;

        width: 47px;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .double-content-root .content-container .content-block .text-block h3 {

        margin: 30px 0 12px;

        line-height: 34px;

        font-size: 18px

    }



    .double-content-root .content-container .content-block .text-block .detail-btn {

        height: 56px;

        width: 220px;

        margin: 15px auto

    }



    .double-content-root.t-2 {

        margin: 10em 0 0

    }



    .double-content-root.t-2 .content-container .content-block {

        justify-content: center;

        flex-direction: column-reverse

    }



    .double-content-root.t-2 .content-container .content-block .img-block {

        width: 100%

    }



    .double-content-root.t-2 .content-container .content-block .text-block {

        width: auto;

        margin: 0

    }



    .double-content-root.t-3 {

        margin: 10em 0 0

    }



    .double-content-root.t-3 .content-container .content-block .img-block {

        width: 100%;

        margin: 0

    }



    .double-content-root.t-3 .content-container .content-block .text-block {

        width: 100%

    }



    .double-content-root.t-3 .content-container .content-block .text-block h3 {

        font-size: 21px

    }



    .double-content-root.t-3 .content-container .content-block .text-block .detail-btn {

        margin: 15px auto

    }



    .double-content-root.y-1 .content-container .content-block .text-block {

        width: 100%

    }



    .double-content-root.y-1 .content-container .content-block .text-block h3 {

        margin: 30px 0 12px

    }



    .double-content-root.y-2 .content-container .content-block .text-block, .double-content-root.y-3 .content-container .content-block .text-block {

        margin: 0

    }



    .double-content-root.y-4 .content-container .content-block .img-block, .double-content-root.y-4 .content-container .content-block .text-block {

        width: 100%

    }



    .double-content-root.y-4 .content-container .content-block .text-block h3 {

        margin: 30px 0 12px

    }



    .double-content-root.y-5 .content-container .content-block .text-block {

        margin: 0 15px 0 0

    }



    .double-content-root.animation-root .content-container .content-block .text-block .detail-btn {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .contact-root {

        padding: 9vh 0 0

    }



    .contact-root .contact-wrapper .head-block .head-sub-text, .contact-root .contact-wrapper .head-block h1 {

        font-size: 16px;

        text-align: center

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item {

        display: block;

        text-align: center

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item.contact h2, .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .text-item p {

        font-size: 14px

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .head-item .loc-block {

        justify-content: center;

        margin: 35px 0 0

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block {

        justify-content: center;

        margin: 3em 0 60px

    }



    .contact-root .contact-wrapper .contact-container .contact-block .form-block .bottom-block .search-btn {

        height: 56px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container {

        overflow: auto

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item {

        width: 320px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-name h3 {

        line-height: 18px;

        font-size: 14px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-time {

        min-width: 60px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item .head-item .location-time p {

        font-size: 12px;

        margin: 0 0 6px

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item + .result-item {

        margin: 0 0 0 10px

    }



    .news-root .last-news-block .text-block .btn-block .detail-btn {

        margin: 0 20px 0 0;

        width: 90%;

        padding: 0 10px

    }



    .news-root .news-list-container {

        margin: 7em 0 0

    }



    .news-root .news-list-container .news-list-block .news-item .img-item {

        height: 150px

    }



    .news-root.news-widget {

        padding: 50px 0

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item .detail-btn {

        height: 32px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item h3 {

        font-size: 10px;

        margin: 0

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .img-item {

        height: 100px

    }



    .news-root.news-widget .news-list-container .head-text h2 {

        font-size: 16px

    }



    .news-root.news-widget .news-list-container .show-more {

        height: 55px

    }



    .compare-root .head-item {

        margin: 0 0 3em

    }



    .compare-root .compare-wrapper .top-block {

        padding: 0 5vw

    }



    .compare-root .compare-wrapper .top-block .head-text {

        display: none

    }



    .compare-root .compare-wrapper .top-block .compare-item {

        width: 50%

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item {

        width: 100%;

        text-align: center;

        margin: 0 0 15px

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item p {

        margin-bottom: 7px;

        line-height: 16px;

        font-size: 16px;

        padding: 0 10px

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item span {

        font-size: 14px;

        margin: 10px 0 0

    }



    .compare-root .compare-wrapper .top-block .compare-item .img-item {

        height: 40px;

        width: 73%;

        margin: 0 auto 20px

    }



    .compare-root .compare-wrapper.sticky .top-block .compare-item .text-item {

        min-height: 90px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        width: 100%;

        padding: 0 0 0 50px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

        width: 52px;

        height: 52px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item p {

        font-size: 14px;

        margin: 0 0 0 15px

    }



    .compare-root .compare-table-root .compare-table-block .table-container {

        text-align: center

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        padding: 20px 20px 44px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

        margin: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item p {

        font-size: 9px;

        line-height: 16px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item span {

        font-size: 12px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.t-1 {

        display: none;

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.double-item {

        padding: 10px 0 !important

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.double-item p {

        font-size: 10px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.mobile-feature {

        display: block

    }



    .compare-root .compare-table-root .compare-table-block.open .tab-head-item .liner {

        display: none

    }



    .compare-root .compare-table-root .compare-table-block.version .table-container .table-block .table-item .td-item.t-1 {

        display: block

    }



    .compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item {

        padding: 0 0 0 60px

    }



    .select-color-root .select-color-container .select-color-block .text-block {

        padding: 40px 0 0

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

        padding: 0 0 0 30px;

        position: relative

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

        max-width: 100%

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item {

        display: block;

        position: absolute;

        top: -100%;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item p {

        color: #fff;

        letter-spacing: 2px;

        font-size: 11px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item i:before {

        color: #fff;

        font-size: 15px

    }



    .select-color-root.new-select-color-root {

        padding: 40px 0 0

    }



    .select-color-root.new-select-color-root .text-item h2 {

        font-size: 32px;

        line-height: 40px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block {

        padding: 20px 25px 33px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block {

        height: auto

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .color-item {

        width: 60px;

        height: 60px;

        min-width: 60px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .color-block .circle {

        width: 50px;

        height: 50px;

        min-width: 50px

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .choose-text {

        margin: 0 0 10px

    }



    .full-lb-root .packet-name-item {

        left: 20px;

        top: 57px

    }



    .full-lb-root .close-block .close-btn {

        top: 0;

        right: 0

    }



    .full-lb-root .close-block .close-btn:after, .full-lb-root .close-block .close-btn:before {

        height: 45px

    }



    .full-lb-root .lb-block .close-block {

        right: 20px

    }



    .full-lb-root .lb-block .text-block {

        display: block;

        width: 85%

    }



    .full-lb-root .lb-block .text-block .left-block {

        width: 100%

    }



    .full-lb-root .lb-block .text-block .left-block h2 {

        font-size: 26px;

        line-height: 34px;

        margin: 0 0 35px

    }



    .full-lb-root .lb-block .text-block .left-block p {

        display: none

    }



    .full-lb-root .lb-block .text-block .right-block {

        height: 100%

    }



    .full-lb-root .lb-block .text-block .right-block .content-item {

        margin: 20px 0 0;

        display: block

    }



    .full-lb-root .lb-block .text-block .right-block .content-item span {

        font-size: 11px;

        margin: 0

    }



    .full-lb-root .lb-block .text-block .right-block .content-item span:after {

        display: none

    }



    .full-lb-root .lb-block .text-block .right-block .content-item .desc-item p {

        margin: 5px 0 0 35px

    }



    .full-lb-root .lb-block .text-block .right-block .content-item .desc-item p:first-child {

        margin: 5px 0 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage {

        flex-direction: column;

        margin: 20px 0 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item {

        margin: 15px 0 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item .desc-item {

        margin: 5px 0 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item p {

        margin: 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage .content-block .content-item:first-child {

        margin: 10px 0 0

    }



    .full-lb-root .lb-block .text-block .right-block .property-block.montage span {

        margin: 0

    }



    .full-lb-root .lb-block .buttons, .full-lb-root .lb-block .text-block .right-block .property-block.montage span:after {

        display: none

    }



    .gallery-root .gallery-wrapper .head-block {

        padding: 60px 35px 0

    }



    .gallery-root .gallery-wrapper .head-block .text-block h2 {

        margin: 0 0 34px;

        font-size: 22px;

        line-height: 25px

    }



    .gallery-root .gallery-wrapper .head-block .text-block span {

        font-size: 16px;

        display: none

    }



    .gallery-root .gallery-wrapper .head-block .text-block .icon-down-arr {

        display: none;

        margin: 0 0 0 15px;

        color: #fff

    }



    .gallery-root .gallery-wrapper .head-block .text-block .icon-down-arr:before {

        font-size: 10px

    }



    .gallery-root .gallery-wrapper .head-block .select-block {

        width: auto;

        top: -20px

    }



    .gallery-root .gallery-wrapper .head-block .select-block i {

        display: none

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__placeholder {

        line-height: 32px

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__placeholder, .gallery-root .gallery-wrapper .head-block .select-block .react-select__single-value {

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        color: #e31f2e !important;

        font-size: 14px !important

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__menu {

        z-index: 999 !important

    }



    .gallery-root .gallery-wrapper .gallery-container .gallery-block + .gallery-block {

        margin: 15px 0 0

    }



    .gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 168px;

        height: 140px;

        margin: 0 0 0 15px

    }



    .gallery-root .gallery-wrapper .show-btn-block .show-btn {

        width: 260px;

        height: 52px

    }



    .gallery-root .gallery-wrapper .show-btn-block .show-btn span {

        font-size: 11px

    }



    .new-cycle-gallery-root .gallery-wrapper .head-block {

        padding: 0

    }



    .new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 390px;

        height: 200px

    }



    .video-root .video-container {

        height: auto;

        padding: 0 20px

    }



    .video-root .video-container .video-block .video-item {

        flex-direction: column-reverse

    }



    .video-root .video-container .video-block .video-item .text-block {

        text-align: center;

        width: 100%;

        padding: 15px 0 0

    }



    .video-root .video-container .video-block .video-item .text-block .count {

        display: none

    }



    .video-root .video-container .video-block .video-item .text-block h3 {

        margin: 1vh 0;

        font-size: 22px

    }



    .video-root .video-container .video-block .video-item .text-block p {

        font-size: 11px

    }



    .video-root .video-container .video-block .video-item .iframe-item {

        width: 100%;

        height: 215px

    }



    .video-root .video-container .video-nav-block {

        width: 82%

    }



    .video-root .video-container .video-nav-block .arr-item {

        width: 65px;

        height: 40px;

        flex-direction: column;

        position: relative;

        z-index: 1

    }



    .video-root .video-container .video-nav-block .arr-item span {

        display: none;

        font-size: 10px;

        position: absolute;

        bottom: -15px

    }



    .video-root .video-container .video-nav-block .arr-item i {

        position: absolute;

        top: 0

    }



    .video-root .video-container .video-nav-block .arr-item i:before {

        font-size: 50px

    }



    .video-root .video-container .video-nav-block .arr-item.right i {

        right: 8px

    }



    .numbers-slider-root .numbers-slider-container {

        padding: 0 0 0 25px

    }



    .numbers-slider-root .slider-item .text-block {

        padding: 0 25px 0 0;

        margin: 30px 0 0

    }



    .numbers-slider-root .slider-item .text-block h3 {

        font-size: 26px;

        line-height: 34px

    }



    .numbers-slider-root .slider-item .text-block p {

        font-size: 14px !important;

        line-height: 25px

    }



    .numbers-slider-root .slider-item .image-item {

        width: 100%

    }



    .numbers-slider-root .slider-nav-block {

        margin: 10px 0 0

    }



    .new-jazz-accessory-root .numbers-slider-root.new-jazz .numbers-slider-container .slider-nav-block {

        margin: 24px 0 0

    }



    .tecnical-detail-root .head-block {

        border: none

    }



    .tecnical-detail-root .td-container .image-block {

        width: 70%

    }



    .tecnical-detail-root .td-container .right-block {

        text-align: center;

        padding: 30px 0 0

    }



    .tecnical-detail-root .td-container .right-block .text-block {

        display: block

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item {

        width: 100%;

        margin: 0 0 30px

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item:nth-child(2n) {

        margin: 0 0 30px

    }



    .tecnical-detail-root .td-container .right-block .text-block .text-item .right-sub-head {

        margin: 0 0 10px

    }



    .tecnical-detail-root .td-container .right-block .bottom-block {

        justify-content: center;

        flex-direction: column

    }



    .tecnical-detail-root .td-container .right-block .bottom-block .share-block {

        margin: 10px 0 0;

        width: auto

    }


    .newsletter-root {

        padding: 10em 5vw 70px

    }



    .newsletter-root .newsletter-container .image-block .btn-item {

        width: 220px

    }



    .newsletter-root .newsletter-container .form-root .head-item {

        padding: 70px 10px 40px

    }



    .newsletter-root .newsletter-container .form-root h2 {

        font-size: 16px;

        letter-spacing: 4px

    }



    .newsletter-root .newsletter-container .form-root p {

        font-size: 12px

    }



    .newsletter-root .newsletter-container .form-root .form-block {

        padding: 0 10px 10px

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-item label {

        margin: 0 0 15px

    }



    .newsletter-root .newsletter-container .form-root .form-block.fullLineInput {

        margin: 0

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-block {

        display: block

    }



    .newsletter-root .newsletter-container .form-root .form-block .input-block .input-item, .newsletter-root .newsletter-container .form-root .form-block .input-block .input-item:first-child, .newsletter-root .newsletter-container .form-root .form-block .input-block .select-block, .newsletter-root .newsletter-container .form-root .form-block .input-block .select-block:first-child {

        margin: 0 0 15px

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block {

        padding: 0

    }



    .newsletter-root .newsletter-container .form-root .checkbox-block .radio-button {

        margin: 20px 0 40px

    }



    .newsletter-root .newsletter-container .form-root .btn-block {

        width: 200px

    }



    .newsletter-root.campaign-newsletter-root {

        padding: 60px 5vw 70px

    }



    .arr-btn-item span {

        font-size: 9px;

        margin: 10px 0 0

    }



    .arr-btn-item .arr-btn {

        width: 45px;

        height: 45px

    }



    .arr-btn-item .arr-btn i:before {

        font-size: 40px

    }



    .youtube-frame-container {

        padding: 0

    }



    .youtube-frame-container .youtube-frame-block {

        align-items: flex-start;

        flex-wrap: inherit;

        overflow-x: auto;

        display: block;

        white-space: nowrap;

        padding: 0 0 70px 30px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item {

        white-space: normal;

        height: 170px;

        width: 276px;

        margin: 0 15px 0 0;

        display: inline-block;

        position: relative

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item:nth-child(2n) {

        margin: 0 15px 0 0

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item {

        display: flex;

        width: 100%;

        background: #fff;

        height: 70px;

        box-shadow: 0 50px 80px rgba(0, 0, 0, .05);

        border-radius: 0 0 5px 5px;

        left: 0;

        bottom: -70px;

        top: auto

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item .logo-item {

        margin: 0 10px 0 20px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item .text-item p {

        color: #000

    }



    .youtube-frame-container.onlyOne {

        height: calc(100vh - 240px)

    }



    .youtube-frame-container.onlyOne .youtube-frame-block {

        position: relative;

        overflow: unset;

        height: calc(100vh - 400px)

    }



    .youtube-frame-container.onlyOne .youtube-frame-block .youtube-frame-item {

        height: 200px

    }



    .lb-root .close-btn {

        right: 20px

    }



    .lb-root .gallery-block .arr-btn-item.next-btn .icon-left-arr {

        left: -38%

    }



    .lb-root .gallery-block .arr-btn-item span {

        font-size: 9px

    }



    .lb-root.hardware-lb .lb-block .head-block {

        margin: 35px 0 30px

    }



    .lb-root.hardware-lb .lb-block .head-block h3 {

        max-width: 100%;

        font-size: 18px

    }



    .lb-root.hardware-lb .lb-block .head-block i {

        right: 10px;

        top: 10px

    }



    .close-btn:after, .close-btn:before {

        height: 45px

    }



    .not-found-root {

        background: linear-gradient(180deg, #fff 40%, #dad6d6 60%);

        padding: 10vh 0 5vh

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block {

        margin: 3em 0 0;

        padding: 0 25px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block .rights-block {

        margin: 50px 0 0

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul {

        display: block;

        text-align: center

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li {

        border: none

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .sub-menu-block ul li + li {

        margin: 20px 0 0

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block {

        border-color: #979797;

        border-style: solid;

        border-width: 1px 0;

        padding: 25px 0;

        flex-direction: column

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block p {

        margin: 0 0 20px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul li:first-child {

        margin: 0

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .foot-block .social-block ul li + li {

        margin: 0 0 0 40px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block {

        margin: 30px 0 0

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block .detail-btn {

        width: 60%;

        height: 40px;

        font-size: 10px

    }



    .not-found-root .not-found-wrapper .not-found-container .bottom-block .btn-block .detail-btn:last-child {

        margin: 0

    }



    .not-found-root .not-found-wrapper .not-found-container .head-block {

        margin: 0 0 30px

    }



    .not-found-root .not-found-wrapper .not-found-container .head-block h3 {

        font-size: 22px;

        letter-spacing: 6px

    }



    .not-found-root .not-found-wrapper .not-found-container .head-block p {

        font-size: 10px;

        max-width: 350px;

        margin: 15px auto 0;

        letter-spacing: .5px

    }



    .not-found-root .not-found-wrapper .not-found-container .mid-img-block {

        width: 70%;

        margin: 0 auto

    }



    .motorcycle-segment-root .cycle-list-root {

        padding: 2vh 20px 3em

    }



    .motorcycle-segment-root .cycle-list-root .content-container {

        width: auto;

        padding: 0

    }



    .motorcycle-segment-root .cycle-list-root .content-container .content-block {

        padding: 0

    }



    .motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .tab-model {

        margin: 6vh 24px 0

    }



    .motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item {

        margin: 0 10px 0 0;

        padding: 0

    }



    .motorcycle-segment-root .cycle-list-root .content-container .cycle-model-block .cycle-model-list .content-block .model-item:first-child {

        margin: 0 10px 0 0

    }



    .motorcycle-segment-root .cycle-list-root .double-text-block {

        display: block

    }



    .motorcycle-segment-root .cycle-list-root .double-text-block.segment-detail {

        padding: 50px 0 0

    }



    .motorcycle-segment-root .cycle-list-root .double-text-block .left-block {

        width: auto;

        position: static

    }



    .motorcycle-segment-root .cycle-list-root .double-text-block .right-block {

        width: auto;

        margin: 0

    }



    .motorcycle-segment-root .cycle-list-root .tab-model .back-btn {

        display: none

    }



    .motorcycle-segment-root .banner-root .play-btn-item {

        margin: 20px auto 0;

        width: 195px;

        height: 50px

    }



    .motorcycle-segment-root .banner-root .play-btn-item .play-item {

        margin: 0 23px

    }



    .motorcycle-segment-root .banner-root .play-btn-item span {

        font-size: 9px

    }



    .cookies-container {

        bottom: 70px

    }



    .cookies-container .cookies-block {

        display: block

    }



    .cookies-container .cookies-block .text-item p {

        font-size: 13px

    }



    .cookies-container .cookies-block .text-item p a {

        font-size: 11px

    }



    .cookies-container .cookies-block .button-item {

        min-width: 115px;

        width: 115px;

        height: 35px;

        margin: 0 auto

    }



    .cookies-container .cookies-block .button-item span {

        font-size: 11px

    }



    .technology-root .double-select-block .img-block {

        height: 220px

    }



    .technology-root .double-select-block .right-block .top-block .text-block p {

        font-size: 10px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container {

        width: 170px;

        margin: 0 10px;

        height: 110px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .slider-container .slider-block .slide-item {

        width: 80px;

        height: 65px;

        margin: 0 0 0 10px

    }



    .formula-one-banner .head-block {

        top: 20vh;

        width: 100%;

        left: 0;

        -webkit-transform: none;

        transform: none

    }



    .formula-one-banner .head-block .head-text {

        margin: 25px 0 0

    }



    .formula-one-banner .head-block .head-text p {

        font-size: 24px

    }



    .formula-one-banner .head-block .head-text h1 {

        font-size: 20px;

        letter-spacing: 9.3px

    }



    .formula-one-banner .head-block .img-block {

        width: 205px;

        height: 51px

    }



    .formula-one-banner.electrification-banner .head-block .head-text h1 {

        letter-spacing: 3px;

        font-size: 22px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block {

        padding: 0 0 60px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item {

        padding: 0 30px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-text h3 {

        font-size: 16px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .text-block .head-content p.desc {

        font-size: 14px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item .img-block .img-item {

        height: 230px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .text-block {

        padding: 5px 30px 0

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .img-item {

        height: 360px

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block {

        width: calc(100% - 60px)

    }



    .electrification-root .quad-content-root .quad-content-wrapper .quad-content-container .content-block .content-item.t-4 .img-block .title-block h3 {

        font-size: 16px

    }



    .electrification-root .evolve-area-root .evolve-area-wrapper .evolve-area-container .content-block {

        padding: 0 30px

    }



    .otv-root .text-head-block h2 {

        font-size: 22px;

        line-height: 26px

    }



    .otv-root .double-content-root {

        margin: 0

    }



    .otv-root .double-content-root .content-container {

        padding: 0

    }



    .otv-root .double-content-root .content-container .content-block {

        flex-direction: column-reverse

    }



    .otv-root .double-content-root .content-container .content-block .img-block {

        width: 100%;

        height: 300px

    }



    .otv-root .double-content-root .content-container .content-block .text-block {

        margin: 0 0 25px;

        padding: 4em 0 0

    }



    .otv-root .double-content-root .content-container .content-block .text-block .link-btn-block {

        margin: 15px 0 0;

        align-items: center

    }



    .otv-root .double-content-root.t-1 .content-container .content-block .img-block {

        width: 100%

    }



    .otv-root .double-content-root.t-2 {

        margin: 90px 0 0

    }



    .otv-root .double-content-root.t-2 .content-container .content-block .img-block, .otv-root .double-content-root.t-2 .content-container .content-block .text-block {

        width: 100%

    }



    .otv-form-direct {

        margin: 0

    }



    .otv-form-direct .model-select-root .model-select-container .image-block .text-item p {

        width: 98%

    }



    .credit-root {

        padding: 150px 0 0

    }



    .credit-root .credit-container {

        padding: 0 24px

    }



    .credit-root .credit-content-block .info-block .test-drive-root .select-car-container .select-car-wrapper .select-car-block .car-block {

        width: 144px

    }



    .credit-root .credit-content-block .model-version-block .select-block {

        width: auto;

        overflow: auto;

        white-space: nowrap

    }



    .credit-root .credit-content-block .model-version-block .select-block .selected-item {

        display: none;

        vertical-align: top

    }



    .credit-root .credit-content-block .model-version-block .select-block .selected-item .option-item {

        height: 128px

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-block {

        display: inline-block;

        position: static;

        width: auto;

        padding: 0;

        vertical-align: top;

        background: transparent;

        border: none;

        box-shadow: none

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-block .option-item {

        width: 144px;

        height: 140px;

        display: inline-block;

        padding: 16px 5px 10px 16px;

        background: #f8f8f8;

        border: 1px solid #ddd;

        box-sizing: border-box;

        border-radius: 8px;

        margin: 0 0 0 10px;

        vertical-align: top

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item {

        width: 144px;

        padding: 16px 5px 10px 16px;

        white-space: normal

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item.active {

        background-color: #fff

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info {

        padding: 0

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block {

        display: block

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span {

        display: block;

        margin: 10px 0 0;

        font-size: 10px

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span:first-child {

        font-size: 12px;

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500

    }



    .credit-root .credit-content-block .model-version-block .select-block .option-item .icon-down-arr {

        display: none

    }



    .credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper {

        flex-direction: column-reverse

    }



    .credit-root .credit-content-block .info-text-root .head-text-btn {

        flex-direction: row-reverse;

        padding: 0 15px;

        justify-content: flex-end

    }



    .credit-root .credit-content-block .info-text-root .main-text {

        font-size: 12px;

        padding: 0 10px 0 0

    }



    .credit-root .credit-content-block .info-text-root .open-text-item {

        padding: 0 15px

    }



    .credit-root .credit-content-block .info-text-root p {

        font-size: 10px

    }



    .credit-root .credit-summary-root {

        box-shadow: 0 0 8px rgba(0, 0, 0, .1);

        position: static

    }



    .credit-root .credit-summary-root.bottom-summary {

        position: static

    }



    .credit-root .credit-summary-root .credit-summary-block {

        height: auto;

        padding: 25px 0

    }



    .credit-root .credit-summary-root .left-block {

        display: block;

        text-align: center

    }



    .credit-root .credit-summary-root .left-block .sum-item, .credit-root .credit-summary-root .left-block .sum-item:first-child {

        margin: 20px 0

    }



    .credit-root .credit-summary-root .right-block {

        width: 100%

    }



    .credit-root .credit-summary-root .right-block .btn-item {

        flex-direction: column;

        height: 69px;

        width: 49%;

        padding: 0 2px;

        text-align: center

    }



    .credit-root .credit-summary-root .right-block .btn-item + .btn-item {

        margin: 0 0 0 10px

    }



    .credit-root .credit-summary-root .right-block .btn-item span {

        margin: 0

    }



    .credit-root .mobile-price-sticky {

        display: block

    }



    .lb-root .credit-root {

        height: auto;

        width: 100%;

        padding: 15px 0 0

    }



    .lb-root .credit-root .credit-container {

        padding: 0

    }



    .lb-root .credit-root .mobile-price-sticky {

        position: static;

        width: 100%

    }



    .lb-root .credit-root .mobile-price-sticky .content-block {

        position: relative;

        max-width: 100%;

        border-radius: 0;

        padding: 0 15px

    }



    .lb-root .credit-root .mobile-price-sticky .btn-item {

        display: flex

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item {

        width: 80px;

        height: 20px;

        position: absolute;

        left: 0;

        top: -10px;

        justify-content: flex-end;

        border-radius: 0 33px 33px 0

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .text-item {

        display: block

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign {

        width: 16px;

        height: 16px;

        margin: 0 2px 0 10px

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign .per-line {

        width: 9px;

        height: 2px

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign .per-line:after, .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign .per-line:before {

        width: 3px;

        height: 3px;

        left: 3px;

        top: 4px

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign .per-line:after {

        top: -5px

    }



    .lb-root .credit-root .price-credit-step-item {

        display: flex;

        justify-content: center;

        align-items: center;

        margin: 0 0 25px

    }



    .lb-root .credit-root .price-credit-step-item .step-item + .step-item {

        margin: 0 0 0 30px

    }



    .lb-root .credit-root .price-credit-step-item .active svg .str-path {

        stroke: #e31f2e

    }



    .lb-root .credit-root .price-credit-step-item .active svg .fill-path {

        fill: #e31f2e

    }



    .lb-root .credit-root .price-credit-step-item svg .str-path {

        stroke: #aaa

    }



    .lb-root .credit-root .price-credit-step-item svg .fill-path {

        fill: #aaa

    }



    .lb-root .credit-root .head-text {

        text-align: center;

        justify-content: center;

        padding: 0

    }



    .lb-root .credit-root .head-text h1 {

        font-size: 16px

    }



    .lb-root .credit-root .head-text .close-item {

        position: absolute;

        top: 10px;

        right: 10px;

        background: transparent

    }



    .lb-root .credit-root .head-text .close-item i:after, .lb-root .credit-root .head-text .close-item i:before {

        border-color: #bbb

    }



    .lb-root .credit-root .label-text {

        text-align: center

    }



    .lb-root .credit-root .credit-content-block .model-version-block .my-mobile {

        display: inline-block

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .selected-item {

        width: 100%;

        display: block

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .selected-item .option-item {

        height: auto;

        width: 100%;

        display: block;

        text-align: center

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .selected-item .option-item .left-price-item {

        justify-content: center

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block, .lb-root .credit-root .credit-content-block .model-version-block .select-block .selected-item .option-item .left-price-item span {

        display: none

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile {

        display: block

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile div {

        display: flex;

        justify-content: center;

        margin: 0 0 10px

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile div span {

        position: relative

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile div span:first-child {

        padding: 0 25px 0 0;

        margin: 0 20px 0 0

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block.price-mobile div span:first-child:after {

        content: "";

        width: 9px;

        height: 2px;

        background-color: #000;

        position: absolute;

        right: 0;

        top: 5px

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span {

        margin: 0

    }



    .lb-root .credit-root .credit-content-block .model-version-block .select-block .option-item .model-info .feature-block span:first-child {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding: 0 24px

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .input-item {

        width: 100%

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .info-text-root {

        display: block;

        width: 100%;

        margin: -12px 0 20px

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root {

        width: 100%;

        margin: 0

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper {

        flex-direction: column-reverse

    }



    .lb-root .credit-root .credit-content-block .calculate-form-container .slider-credit-root .slider-wrapper .text-item {

        margin: 0

    }



    .lb-root .credit-root .credit-content-block .info-text-price-block {

        padding: 0 24px;

        display: none

    }



    .lb-root .credit-root .credit-summary-root {

        border: none;

        box-shadow: none;

        padding: 0 24px

    }



    .double-text-img-root {

        padding: 0

    }



    .double-text-img-root.model-double-text.model-padding {

        padding: 50px 0 20px

    }



    .double-text-img-root .content-wrapper {

        padding: 0

    }



    .double-text-img-root .content-block .img-item {

        height: 327px;

        flex: auto

    }



    .img-slider-root.info-slider-root {

        padding: 40px 0 0 !important

    }



    .img-slider-root.info-slider-root .slider-container .arr-item {

        display: none

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item {

        -webkit-transform: scale(1);

        transform: scale(1);

        margin: 0 0 0 22px

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item:first-child {

        margin: 0

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p + p {

        font-size: 13px;

        line-height: 23px;

        max-width: 100%

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item {

        top: 30%

    }



    .road-sync-faq .faq-root {

        padding: 0

    }



    .road-sync-faq .faq-root .faq-container {

        margin: -40px auto 0

    }



    .road-sync-faq .faq-root .faq-container .faq-block {

        padding: 30px 20px 64px

    }



    .road-sync-faq .faq-root .faq-container .faq-block .faq-item .head-item {

        align-items: center

    }



    .insider-menu-root {

        justify-content: flex-start

    }



    .insider-menu-root .insider-menu-block .text-item p {

        font-size: 11px

    }



    .insider-menu-root .insider-menu-block .detail-btn {

        font-size: 10px;

        margin: 0 0 0 15px;

        white-space: normal

    }



    .being-updated-text-item h1 {

        font-size: 18px;

        letter-spacing: 0

    }



    .hrc-sm-root .hrc-sm-wrapper {

        top: -70px

    }



    .hrc-sm-root .hrc-logo-item img {

        max-width: 80px;

        height: 28px

    }



    .hrc-sm-root .hrc-sm-wrapper {

        padding: 10px 25px

    }



    .hrc-sm-root .hrc-sm-text-block {

        padding: 5px 15px 0 20px

    }



    .hrc-sm-root .hrc-sm-text-block p {

        line-height: 16px

    }



    .hrc-sm-root .hrc-sm-link-block {

        padding: 15px 30px

    }



    .hrc-sm-root .hrc-sm-link-block:first-child {

        margin: 0 0 0 10px

    }



    .hrc-sm-root .hrc-icon-item {

        padding: 0 13vw

    }



    .hrc-sm-root .hrc-icon-item i:before {

        font-size: 20px

    }



    .hrc-sm-root .hrc-icon-item:before {

        height: 27px;

        top: -3px

    }



    .cycle-model-root h1 {

        font-size: 22px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .tab-model p {

        font-size: 16px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block {

        height: 170px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item {

        width: 160px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .img-content {

        height: 100px

    }



    .cycle-model-root .content-container .cycle-model-block .cycle-model-list .content-block .cycle-model-list-block .model-item .text-content {

        padding: 0

    }



    .cycle-model-root .model-text-block p {

        font-size: 10px

    }



    .cycle-tech-spec-root.cl-250 {

        padding: 0 0 60px

    }

}



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

    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count {

        font-size: 40px;

        word-break: break-word;

        overflow-wrap: break-word

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .cycle-props-item .properties-count span {

        font-size: 40px

    }



    .insider-menu-root.open {

        height: 142px

    }



    .insider-menu-root.open .insider-menu-block {

        flex-direction: column;

        padding: 16px

    }



    .insider-menu-root.open .insider-menu-block .left-block {

        padding: 0 25px 0 0;

        margin: 0 0 16px

    }



    .insider-menu-root.open .insider-menu-block .text-item {

        margin: 0 0 0 16px

    }



    .insider-menu-root.open .insider-menu-block .text-item p {

        font-size: 12px

    }



    .insider-menu-root.open .insider-menu-block .detail-btn {

        width: 100%;

        margin: 0;

        height: 38px;

        padding: 10px 20px

    }



    .insider-menu-root .close-icon {

        right: 16px;

        top: 16px

    }



    .insider-menu-root .close-icon:after, .insider-menu-root .close-icon:before {

        width: 16px

    }

}



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

    .select-text-block .select-block .react-select__single-value {

        font-size: 11px !important

    }



    .new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn {

        width: 192px;

        height: 44px

    }



    .new-cycle-gallery-root .gallery-wrapper .show-btn-block .show-btn span {

        font-size: 12px

    }



    .new-cycle-gallery-root .gallery-wrapper .gallery-container .gallery-block .gallery-item {

        width: 298px;

        height: 160px

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        min-height: 570px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container {

        padding: 55px 15px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-congratulations-root .oap-congratulations-container .desc-item p {

        width: 90%

    }



    .teams-content-root .formula-head-text h2 {

        width: 94%

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item {

        align-items: flex-start

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block {

        padding: 90px 30px 0

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .text-item {

        margin: 0 0 15px

    }



    .banner-slider-root .banner-container .banner-block .banner-item .content-item .text-block .detail-btn {

        width: 170px;

        height: 40px

    }



    .banner-root.formula-one-today-banner {

        height: calc(75vh - 70px)

    }



    .banner-root.formula-one-today-banner .scroll-btn {

        display: none

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        font-size: 8px

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .img-item {

        height: 180px

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item p {

        line-height: 21px

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item .share-item {

        margin: 30px 0 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .nav-block {

        margin: 4em 0 8em

    }



    .contact-root .contact-wrapper .contact-container .location-result-container .location-result-block .result-item {

        width: 100%

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block {

        padding: 0 0 44px

    }



    .quad-content-root .quad-content-wrapper .quad-content-container .content-block .bg-block {

        top: 22%

    }



    .call-back-form-root.cycle-btn .lb-root.hardware-lb .lb-block.t-2 .detail-btn {

        left: 50%

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 86vh;

        width: 87%;

        padding: 25px 23px 25px 20px

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 5px 0 20px

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block h3 {

        font-size: 1.3em;

        line-height: 22px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        margin: 0 0 10px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block p {

        font-size: 1.4em

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        height: 65%

    }



    .lb-root.hardware-lb .lb-block.t-2 .detail-btn {

        position: absolute;

        bottom: 6%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        left: auto

    }



    .error-msg span {

        font-size: 9px

    }



    .error-msg.test-drive {

        text-align: center

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item span {

        font-size: 15px

    }



    .cycle-engine-wrapper .cycle-engine-img-block {

        height: auto

    }

}



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

    .selectbox-place-holder .place-holder-item {

        padding: 0 0 0 10px

    }



    .selectbox-place-holder .place-holder-item p {

        font-size: 10px

    }



    .loader-for-lazy-page-root video {

        width: 165px;

        height: 60px;

        object-fit: contain

    }



    .form-page-root.chassis-form-root .chassis-info-container .chassis-info-block .info-item {

        padding: 20px 8px

    }



    .form-page-root.chassis-form-root .chassis-info-container .chassis-info-block .info-item.plate-info .content-item .plate-item span:first-child, .form-page-root.chassis-form-root .chassis-info-container .chassis-info-block .info-item span:first-child {

        width: 70px

    }



    .form-page-root.chassis-form-root .form-container {

        padding: 0 24px

    }



    .form-page-root.chassis-form-root .detail-btn {

        width: 73% !important

    }



    .form-page-root.chassis-form-root .slider-container .slider-block .slider-item .text-item span {

        font-size: 11px

    }



    .form-page-root.chassis-form-root .recaptcha-wrapper {

        -webkit-transform: scale(.82);

        transform: scale(.82)

    }



    .form-page-root.chassis-form-root .input-search-block .input-item input {

        padding: 15px 17px 15px 50px

    }



    .form-page-root.chassis-form-root .input-search-block .input-item button {

        display: none

    }



    .form-page-root.chassis-form-root .input-search-block .detail-btn {

        display: block

    }



    .banner-root.detail-banner {

        height: 100vh

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item {

        padding: 0;

        align-items: flex-start;

        justify-content: center

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item {

        text-align: center;

        padding: 14vh 0 0

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item p {

        font-size: 16px;

        margin: 3vh 0 2vh

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item .sub-text {

        font-size: 14px;

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        padding: 0 15px

    }



    .banner-root.detail-banner .banner-container .banner-block .content-item .top-head-item .btn-item {

        margin: 0 auto;

        width: 225px;

        height: 47px

    }



    .prelansman-root .banner-root .scroll-btn {

        bottom: 1vh !important

    }



    .prelansman-root.new-model .banner-root.civic-banner .banner-wrapper .banner-block .content-item .top-head-item .city-logo-item svg {

        margin: 0 0 26px

    }



    .prelansman-root.new-model .banner-root.civic-banner .scroll-btn .mouse-wheel:after {

        border-top: 15px solid #e31f2e;

        border-bottom: 15px solid #e31f2e

    }



    .prelansman-root.new-model .banner-root.civic-banner .scroll-btn p {

        color: #e31f2e

    }



    .prelansman-root .double-text-img-root .content-wrapper {

        padding: 0

    }



    .prelansman-root .double-text-img-root .content-wrapper .content-block .text-item {

        padding: 0 5px

    }



    .prelansman-root .double-text-img-root .content-wrapper .content-block .img-item {

        width: 100%

    }



    .prelansman-root .double-text-img-root .content-wrapper .content-block:last-child .img-item img {

        object-fit: cover

    }



    .road-sync-banner-root .banner-container .logo-item {

        top: 23%

    }



    .road-sync-banner-root .banner-container .info-tab-container {

        margin: -46px auto 0

    }



    .road-sync-banner-root .banner-container .info-tab-container .info-tab-block {

        padding: 13px 0

    }



    .road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item svg {

        width: 22px;

        height: 23px

    }



    .road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item p {

        font-size: 9px

    }



    .installation-root .head-item h1 {

        font-size: 24px;

        max-width: 200px;

        margin: 0 auto

    }



    .installation-root .installation-wrapper {

        padding: 0 0 63px

    }



    .installation-root .installation-wrapper .installation-container {

        padding: 0 5vw

    }



    .installation-root .installation-wrapper .installation-container .top-block .slider-block .text-item p {

        font-size: 14px;

        line-height: 25px

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item {

        margin: 25px auto 0

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item h5 {

        font-size: 18px

    }



    .installation-root .installation-wrapper .installation-container .bottom-block .text-item p {

        font-size: 13px;

        line-height: 23px

    }



    .road-sync-double-text {

        padding: 86px 0 40px !important

    }



    .road-sync-double-text .content-wrapper .content-container .text-bloxk .text-item {

        padding: 0

    }



    .suitable-models-root .suitable-models-container .head-block h2 {

        font-size: 21px;

        line-height: 27px;

        margin: 0 0 10px

    }



    .suitable-models-root .suitable-models-container .head-block p {

        max-width: 80%;

        font-size: 13px;

        line-height: 23px

    }



    .suitable-models-root .suitable-models-container .double-img-block .img-block .text-item {

        margin: 0 0 30px

    }



    .suitable-models-root .suitable-models-container .double-img-block .img-block .text-item p {

        margin: 10px 0;

        font-size: 20px;

        line-height: 25px

    }



    .suitable-models-root .suitable-models-container .text-block {

        text-align: left

    }



    .suitable-models-root .suitable-models-container .text-block p {

        max-width: 88%

    }



    .sync-text-area-root {

        padding: 50px 0 80px

    }



    .sync-text-area-root .sync-text-area-container {

        padding: 0 25px

    }



    .sync-text-area-root .sync-text-area-container .icon-item svg {

        width: 41px;

        height: 75px

    }



    .sync-text-area-root .sync-text-area-container .text-item {

        margin: 25px 0 0

    }



    .sync-text-area-root .sync-text-area-container .text-item h2 {

        font-size: 21px;

        line-height: 27px

    }



    .sync-text-area-root .sync-text-area-container .text-item p {

        font-size: 13px;

        line-height: 23px

    }


    .img-slider-root.info-slider-root .slider-container .title-block h2 {

        font-size: 24px;

        line-height: 31px

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p {

        font-size: 24px;

        line-height: 31px;

        max-width: 100%

    }



    .img-slider-root.info-slider-root .slider-container .slider-block .slider-item .text-item p + p {

        font-size: 13px;

        line-height: 23px

    }



    .hrc-sm-root .hrc-logo-item img {

        max-width: 60px;

        height: 21px

    }



    .hrc-sm-root .hrc-sm-wrapper {

        padding: 10px 25px

    }



    .hrc-sm-root .hrc-sm-text-block .hrc-text-item {

        max-width: 100%

    }



    .hrc-sm-root .hrc-sm-text-block p {

        line-height: 16px;

        font-size: 9px

    }



    .hrc-sm-root .hrc-sm-link-block {

        padding: 15px 0

    }



    .hrc-sm-root .hrc-icon-item i:before {

        font-size: 15px

    }



    .hrc-sm-root .hrc-icon-item:before {

        top: -6px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-item {

        margin: 40px 0 0

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block p {

        font-size: 16px;

        line-height: 30px

    }



    .cycle-tech-spec-root.cl-250 .cycle-props-block .properties-count {

        font-size: 56px;

        line-height: 30px

    }

}



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

    .numbers-slider-root .slider-nav-block .arr-item span {

        font-size: 10px

    }



    .numbers-slider-root .slider-nav-block .arr-item i:before {

        font-size: 40px

    }



    .faq-root .faq-container .faq-block .faq-item .faq-img-block .faq-img-item {

        width: 154px;

        height: 47px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .error-container {

        left: 0;

        z-index: 99

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block {

        height: 250px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block .img-item {

        width: 100%;

        height: 100%

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-first-step-block .oap-map-block .oap-map-item {

        height: 250px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item {

        padding: 18px 18px 12px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button {

        margin: 0 8px 12px 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button:nth-child(3n) {

        margin: 0 0 12px

    }



    .banner-root.formula-one-today-banner {

        height: calc(80vh - 70px)

    }



    .banner-root.formula-one-today-banner .scroll-btn {

        display: none

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-head-item span {

        font-size: 13px

    }



    .packet-root .packet-container .slider-container .slider-block .slider-item .share-item .social-share-block .sm-btn.mobil-icon {

        display: block

    }



    .select-color-root.new-select-color-root .select-color-container .select-color-block img {

        min-height: 400px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn.mobil-icon, .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item .social-share-block .sm-btn .social-item.mobil-icon, .share-item .social-share-block .sm-btn.mobil-icon {

        display: block

    }



    .contact-page-root .contact-root {

        padding: 11vh 0 0

    }



    .form-page-root .form-container .form-block .input-block .input-item input::-webkit-input-placeholder {

        font-size: 16px

    }



    .form-page-root .form-container .form-block .input-block .input-item input::placeholder {

        font-size: 16px

    }



    .form-page-root .form-container .form-block .input-block .input-item .err-item {

        right: 5px

    }



    .form-page-root .form-container .detail-btn {

        width: 50%;

        height: 50px

    }



    .form-block .input-block .input-item input {

        font-size: 17px

    }



    .form-block .input-block .input-item input::-webkit-input-placeholder {

        font-size: 11px !important

    }



    .form-block .input-block .input-item input::placeholder {

        font-size: 11px !important

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block {

        overflow: hidden

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item {

        width: 76.6%;

        overflow: visible

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block {

        height: 100%

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item {

        height: 100%;

        position: relative;

        margin: 0 20px 0 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item {

        margin: 20px 0 60px

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container .slider-block .slider-item .text-item .share-item {

        position: absolute;

        bottom: 0;

        left: 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .double-content-item .slider-container:last-child .slider-block .slider-item {

        margin: 0

    }



    .top-content-block .cycle-security-page-root .right-content-block .double-content-block .nav-block {

        margin: 4em 0 8em

    }



    .top-content-block .faq-page-root .faq-root .faq-block .faq-item {

        padding: 0

    }



    .top-content-block .page-common-root.compare-page-root .filter-wrapper .filter-container {

        justify-content: center

    }



    .test-drive-root .checkbox-container .recaptcha-wrapper {

        margin: 0 0 20px

    }



    .test-drive-root .send-code-block .verify-container .input-block .input-item {

        width: 45px;

        height: 45px

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li a {

        font-size: 9px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block {

        padding: 10em 25px 12em

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .motto-text {

        font-size: 14px;

        line-height: 20px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        font-size: 41px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item {

        top: 35%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .link-item {

        height: 40vh

    }



    .lb-root .gallery-block .arr-btn-item {

        left: 25%

    }



    .lb-root .gallery-block .arr-btn-item.next-btn {

        left: auto;

        right: 25%

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .head-item {

        margin: 0 0 45px

    }



    .price-list-root .price-list-wrapper .model-list-root .content-container .head-item h2 {

        letter-spacing: 4px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-container .table-block {

        padding: 6em 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head {

        padding: 0 0 20px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 h2 {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item span {

        font-size: 12px !important

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item .head-icon-item:before {

        top: 0;

        right: 8px;

        width: 2px;

        height: 12px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item .head-icon-item:after {

        width: 12px;

        height: 2px;

        top: 5px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .name-item.price-list-name-item p, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item .type-block span, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span, .price-list-root .price-list-wrapper .table-price-root .table-block .td-item span.resp-head {

        font-size: 12px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-head .th-item.t-1 h2 {

        font-size: 16px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item .name-item span, .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 span {

        font-size: 14px

    }



    .price-list-root .price-list-wrapper .table-price-root.cycle-price .table-price-block .table-container .table-block .td-item.t-2 span.resp-head {

        font-size: 11px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head {

        padding: 0 30px 20px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head .th-item.t-1 {

        min-width: 100%;

        justify-content: space-between

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head .th-item .down-btn.price-list-btn {

        left: 0;

        -webkit-transform: none;

        transform: none

    }



    .price-list-root .price-list-wrapper .widget-content-root .widget-container.full-widget-block .widget-block .text-item p {

        font-size: 20px;

        line-height: 30px;

        width: 95%;

        margin: 15px auto 0

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 50px

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 170px;

        max-width: 160px;

        min-width: 160px

    }



    .model-list-root .content-container .model-list-block .list-item p {

        font-size: 14px

    }



    .swiper-content-root .content-container .tab-block h2 {

        font-size: 18px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        padding: 0

    }



    .swiper-content-root.campaigns-swiper .content-container .tab-block h2 {

        font-size: 16px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        height: 175px

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        font-size: 14px

    }



    .swiper-content-root.campaigns-page-root .content-container .tab-block h2 {

        font-size: 16px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        height: 175px

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-wrapper .swiper-block-wrapper .swiper-block .swiper-item .info-block p.desc {

        font-size: 14px

    }



    .double-content-root .content-container .content-block .img-block, .double-content-root.y-4 .content-container .content-block .img-block {

        height: 200px

    }



    .news-root .last-news-block {

        padding: 0 30px

    }



    .news-root .last-news-block .text-block .btn-block {

        display: block

    }



    .news-root .last-news-block .text-block .btn-block .detail-btn {

        margin: 0 auto 20px

    }



    .news-root .news-list-container .news-list-block .news-item {

        margin: 0 0 30px 10px

    }



    .news-root .news-list-container .news-list-block .news-item:nth-child(4n+1) {

        margin: 0 0 30px

    }



    .news-root .news-list-container .news-list-block .news-item .img-item {

        height: 120px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item {

        padding: 7px

    }



    .news-root .news-list-container .news-list-block .news-item .text-item h3 {

        font-size: 12px

    }



    .news-root.news-widget {

        padding: 55px 0 60px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item {

        padding: 0

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item {

        padding: 8px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .text-item h3 {

        font-size: 10px

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item .img-item {

        height: 100px

    }



    .compare-root .head-item p {

        font-size: 18px

    }



    .compare-root .compare-wrapper .top-block .head-text span {

        font-size: 14px

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item {

        margin: 0 0 9px

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item p {

        font-size: 11px

    }



    .compare-root .compare-wrapper .top-block .compare-item .text-item span {

        font-size: 13px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .tab-item {

        padding: 0 0 0 25px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item .plus-btn {

        width: 40px;

        height: 40px

    }



    .compare-root .compare-table-root .compare-table-block .tab-head-item p {

        margin: 0 0 0 10px;

        font-size: 12px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block {

        padding: 0 10px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block:nth-child(2n+2) .table-item, .compare-root .compare-table-root .compare-table-block .table-container .table-block:nth-child(2n+2):nth-child(4n+2) .table-item {

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item {

        justify-content: center;

        align-items: center;

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item {

        text-align: center;

        padding: 0;

        width: 32%

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item .td-item:last-child {

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item p {

        font-size: 8px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .table-item span {

        font-size: 10px

    }



    .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item, .compare-root .compare-table-root .compare-table-block .table-container .table-block .td-item.t-1 {

        padding: 0

    }



    .compare-root .compare-table-root .compare-table-block.version .table-container .table-block .table-item {

        padding: 20px 0 !important

    }



    .compare-root .compare-table-root .compare-table-block.version .table-container .table-block .table-item .td-item {

        width: 45%

    }



    .compare-root .compare-table-root .compare-table-block.sticky .tab-head-item .tab-item {

        padding: 0 0 0 7vw

    }



    .react-select__control {

        padding: 0 0 0 2px !important

    }



    .react-select__control, .react-select__placeholder {

        font-size: 10px !important

    }



    .react-select__input input {

        font-size: 17px !important

    }



    .hardware-root .head-block h2 {

        font-size: 16px;

        line-height: 28px

    }



    .hardware-root .hardware-container .wheel-block ul li {

        width: 48%;

        margin: 0 4% 15px 0

    }



    .hardware-root .hardware-container .wheel-block ul li:nth-child(2n) {

        margin: 0 0 15px

    }



    .hardware-root .hardware-container .hardware-content .content-item {

        width: 300px

    }



    .hardware-root .hardware-container .hardware-content .img-item {

        height: 180px

    }



    .hardware-root .hardware-container .hardware-content .text-block {

        padding: 15px

    }



    .hardware-root .hardware-container .hardware-content .text-block h4 {

        font-size: 13px;

        line-height: 22px

    }



    .hardware-root .hardware-container .hardware-content .text-block p {

        line-height: 20px;

        font-size: 11px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li {

        width: 48%;

        margin: 0 4% 15px 0

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block ul li:nth-child(2n) {

        margin: 0 0 15px

    }



    .select-color-root {

        height: 490px

    }



    .select-color-root.new-select-color-root .text-item h2 {

        font-size: 22px;

        line-height: 25px

    }



    .react-select__value-container {

        height: 100%

    }



    .react-select__single-value {

        white-space: pre-wrap !important;

        line-height: 14px !important

    }



    .search-root .search-wrapper .search-input-container {

        padding: 0 5vw

    }



    .search-root .search-wrapper .search-input {

        padding: 35px 0 0

    }



    .search-root .search-wrapper .search-result-container .search-result-block {

        padding: 3.5vh 30px 4vh

    }



    .search-root .search-wrapper .search-result-container .result-block .head-item {

        margin: 0 0 6vh

    }



    .search-root .search-wrapper .search-result-container .result-block .more-btn {

        top: 77%

    }



    .model-select-root .model-select-container .image-block .text-item p {

        font-size: 17px;

        line-height: 27px

    }



    .model-select-root .model-select-container .image-block .btn-item {

        bottom: 40px;

        height: 50px

    }



    .model-select-root .model-select-container .image-block .btn-item span {

        font-size: 11px

    }



    .react-select__menu .react-select__option, .react-select__single-value {

        font-size: 17px !important

    }



    .react-select__input-container input {

        font-size: 17px !important;

        min-width: 180px !important

    }



    .css-gjsw8s:after {

        min-width: 265px !important

    }



    .css-1w4xxw9-Input:after {

        min-width: 180px !important

    }



    .input-item textarea {

        font-size: 16px !important

    }



    .rectangle {

        width: 80% !important

    }



    .rectangle.desktop {

        display: none

    }



    .rectangle.mobile {

        display: block

    }

}



@media only screen and (max-width: 430px) and (max-height: 700px) {

    .number-plate-root.selected .number-plate-wrapper .sticker-container {

        padding: 0;

        top: 8%

    }



    .number-plate-root .number-plate-wrapper {

        min-height: 650px

    }



    .number-plate-root .number-plate-wrapper .sticker-container {

        padding: 24px 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block p {

        font-size: 12px

    }



    .number-plate-root .number-plate-wrapper .number-plate-container .number-plate-menu-block {

        padding: 0 24px

    }

}



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

    .banner-root.formula-one-today-banner {

        height: calc(76vh - 70px)

    }



    .banner-root.formula-one-today-banner .scroll-btn {

        display: none

    }



    .banner-root.new-cycle-banner {

        min-height: 600px

    }



    .banner-root.new-cycle-banner .banner-container .banner-block {

        min-height: auto

    }



    .banner-root.new-cycle-banner .icon-item {

        max-width: 150px

    }



    .banner-root.new-cycle-banner .content-block h2 {

        font-size: 32px

    }



    .banner-root.new-cycle-banner .content-block h2 span {

        margin: 0 0 0 40px

    }



    .banner-root.new-cycle-banner .content-block .text-item p {

        font-size: 14px;

        line-height: 26px

    }



    .suitable-models-root .suitable-models-container .text-block p {

        max-width: 100%

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item {

        left: -8px

    }



    .installation-root .installation-wrapper .installation-container .img-slider-root.info-slider-root .slider-container .arr-item.right-arr {

        left: auto;

        right: -15px

    }



    .cycle-engine-wrapper .engine-btn-block {

        width: 265px;

        height: 55px

    }



    .lb-root .gallery-block .img-block .img-item.video iframe {

        height: 26%

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item.bg-content {

        padding: 25px 25px 0

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block h3 {

        font-size: 22px;

        line-height: 28px

    }



    .banner-slider-root.full-view-slider-root .banner-container .banner-block .banner-item .content-item .text-block p {

        font-size: 12px;

        line-height: 20px

    }



    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 336px

    }

}



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

    .select-color-root.new-select-color-root .select-color-container .select-color-block img {

        min-height: 330px

    }

}



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

    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block {

        height: 540px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success {

        padding: 44px 20px;

        height: 500px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .message, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .message {

        margin: 20px 0 0;

        font-size: 28px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error img, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success img {

        width: 138px;

        height: 138px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error p, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success p {

        font-size: 12px;

        padding: 0 24px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .btn-block .back-btn, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.error .btn-block .detail-btn, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .btn-block .back-btn, .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.success .btn-block .detail-btn {

        width: 120px

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item {

        top: 66.1%;

        left: 49.4%

    }



    .number-plate-root.selected .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .img-block .sticker-item svg {

        max-width: 33.5px

    }



    .number-plate-root .number-plate-wrapper {

        min-height: 600px

    }



    .number-plate-root .number-plate-wrapper .icon-block {

        top: 65px;

        right: 0

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item img {

        width: 16px

    }



    .number-plate-root .number-plate-wrapper .icon-block .icon-item.preview img {

        width: 21px

    }



    .number-plate-root .number-plate-wrapper .img-container, .number-plate-root .number-plate-wrapper .sticker-container {

        min-width: 300px

    }



    .number-plate-root .number-plate-wrapper .img-container .sticker-icon svg {

        width: 174px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block {

        max-width: 300px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.first .color-select-block {

        padding: 4vh 0 11vh

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .color-select-block {

        padding: 2vh 0 4vh

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block {

        margin: 0 0 6px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .borderline-item {

        height: 40px;

        width: 154px;

        margin: 8px 20px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third .select-text-block .input-block .select-block .css-5v5vi7-container {

        width: 72px;

        margin: 8px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item {

        width: 175px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item label {

        margin: 0 0 8px;

        font-size: 7px !important;

        line-height: 10px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .input-item input {

        padding: 8px;

        max-height: 40px;

        max-width: 50px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block {

        margin: 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block label {

        font-size: 7px !important

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-5v5vi7-container {

        height: 40px;

        width: 190px;

        margin: 14px 0 0

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .select-text-block .input-block .select-block .css-5v5vi7-container .react-select__control {

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .back-btn {

        width: 120px;

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .back-btn span {

        font-size: 7.913px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .detail-btn {

        width: 120px;

        height: 40px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .detail-btn span {

        font-size: 7.913px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.first:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.fourt:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.second:after, .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block.third:after {

        display: none

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item {

        margin: 0 4px 0 0;

        width: 28px;

        height: 28px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block .color-block .color-item .color {

        width: 24px;

        height: 24px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .color-select-block p {

        font-size: 10px;

        font-style: normal

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block p {

        line-height: normal;

        font-size: 12px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-select-block .err-txt {

        font-size: 6px !important;

        bottom: -19px !important

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item svg {

        width: 20px;

        height: 20px

    }



    .number-plate-root .number-plate-wrapper .sticker-container .number-plate-container .number-plate-menu-block .number-plate-menu-item span {

        font-size: 7.5px;

        margin: 0;

        padding: 10px 5px 0

    }



    .numbers-slider-root .slider-nav-block .count-item {

        margin: 0 8px

    }



    .numbers-slider-root .slider-nav-block .arr-item span {

        font-size: 8px

    }



    .faq-root .faq-container .faq-block .faq-item .faq-img-block .faq-img-item {

        width: 130px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label span {

        font-size: 15px;

        width: 76%;

        line-height: 22px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-third-step-block .oap-checkbox-block .oap-radio-button .oap-radio-item label p {

        font-size: 12px;

        line-height: 14px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item {

        padding: 12px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button {

        margin: 0 8px 12px 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button:nth-child(3n) {

        margin: 0 0 12px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item, .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio], .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-right-sub-block .oap-fourth-step-block .oap-calender-block .oap-calender-item .oap-radio-block .oap-radio-button .oap-radio-item input[type=radio] ~ .radio-label {

        width: 80px

    }



    .teams-content-root .teams-content-wrapper .content-wrapper .content-container .content-block .head-item h3 {

        font-size: 20px;

        position: relative;

        z-index: 2

    }



    .price-list-root .price-list-wrapper .widget-content-root .head-item {

        padding: 0 45px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item.t-1 a {

        font-size: 15px

    }



    .price-list-root .price-list-wrapper .table-price-root .table-head .th-item .down-btn.price-list-btn span {

        font-size: 8px

    }



    .header-root .header-container .header-block .top-block .fix-menu ul {

        width: 80%

    }



    .header-root .header-container .header-block .top-block .fix-menu ul li {

        margin: 0 0 0 5px

    }



    .header-root .header-container .header-block .top-block .fix-menu .resp-menu-block {

        margin: -20px 0 0

    }



    .header-root .header-container .header-block .top-block .fix-menu .resp-menu-block .resp-menu-item {

        width: 50px;

        height: 50px

    }



    .header-root.open-menu .header-container .header-block .top-block .search-block.opened {

        top: 15px;

        right: 15px

    }



    .search-root .search-wrapper .search-result-container .result-block .more-btn {

        bottom: 5%;

        top: auto

    }



    .search-root .search-wrapper .search-result-container .result-block .more-btn .icon-plus {

        margin: 0 10px 0 0

    }



    .search-root .search-wrapper .search-input textarea {

        font-size: 15px

    }



    .footer-root .footer-container .bottom-block .rights-block p {

        font-size: 8px

    }



    .model-list-root .content-container .head-item {

        margin: 0 0 40px

    }



    .model-list-root .content-container .model-list-block {

        max-width: 290px

    }



    .model-list-root .content-container .model-list-block .list-item {

        height: 150px;

        max-width: 140px;

        min-width: 140px

    }



    .model-list-root .content-container .model-list-block .list-item p {

        font-size: 12px

    }



    .filter-wrapper .detail-btn {

        width: 100%

    }



    .top-content-block .campaign-pricing-root .campaign-pricing-block {

        padding: 50px 15px 20px

    }



    .select-color-root .select-color-container .select-color-block .bottom-container .bottom-block .share-item {

        top: -80%

    }



    .hardware-root .hardware-container .hardware-content .text-block .text-item {

        max-height: 200px

    }



    .cycle-list-root .content-container .cycle-list-block .list-item {

        height: 155px;

        margin: 0 0 10px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul li {

        padding: 7px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul li p {

        font-size: 11px;

        margin: 0 0 5px

    }



    .accesories-root .accesories-packet-container .accesories-packet-block .wheel-block .tab-slider-block.mobil .tab-slider-item ul li span {

        font-size: 10px

    }



    .accesories-root.hrv-accessories .accesories-container .top-block h3 {

        font-size: 13px;

        padding: 10px 15px

    }



    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper .swiper-block, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper .swiper-block {

        margin: 0 15px 0 0

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper {

        padding: 0 0 0 5%

    }



    .swiper-content-root.campaigns-page-root .content-container .swiper-container .swiper-block-wrapper {

        padding: 35px 16px 0

    }



    .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .swiper-block-wrapper {

        padding: 47px 15px 0

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item {

        margin: 0 0 30px;

        width: 47%

    }



    .news-root.news-widget .news-list-container .news-list-block .news-item:nth-child(odd) {

        margin: 0 5px 30px 0

    }



    .lb-root.hardware-lb .lb-block.t-2 {

        height: 88%

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block {

        margin: 5px 0 10px

    }



    .lb-root.hardware-lb .lb-block.t-2 .head-block h3 {

        font-size: 1.6em

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block {

        height: 74%;

        margin: 0 0 8px

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block p {

        font-size: 1.3em

    }



    .lb-root.hardware-lb .lb-block.t-2 .text-block.t-2 {

        margin: 0 0 10px

    }



    .lb-root.hardware-lb .lb-block.t-2 .detail-btn {

        height: 45px;

        width: 70%;

        bottom: 2%

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item {

        padding: 30px 14px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i {

        margin: 0 10px 0 0

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item i:before {

        font-size: 24px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .icon-item p {

        font-size: 13px

    }



    .inclusive-root .inclusive-container .menu-block .menu-item .text-block .text-corner {

        right: 14px

    }



    .youtube-frame-container .youtube-frame-block .youtube-frame-item {

        width: 250px

    }



    .lb-root .credit-root .mobile-price-sticky .content-block .text-item p + span {

        font-size: 16px

    }



    .lb-root .credit-root .mobile-price-sticky .btn-item {

        padding: 13px

    }



    .lb-root .credit-root .mobile-price-sticky .percent-item .percent-sign {

        margin: 0 2px 0 7px

    }



    .recaptcha-wrapper div > div > div, .recaptcha-wrapper div > div > div > div > iframe {

        width: 100% !important

    }



    .sync-more-detail-root {

        padding: 120px 0 110px

    }



    .sync-more-detail-root h2 {

        font-size: 20px;

        line-height: 28px

    }



    .sync-more-detail-root .btn-item {

        padding: 21px 35px

    }



    .sub-banner-root.model-info .head-text h1 {

        font-size: 18px

    }

}



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

    .numbers-slider-root.typer-slider .numbers-slider-container .slider-block .slider-item .text-item {

        height: 400px

    }

}



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

    .cycle-hardware-root .menu-block.mobile .tab-block .dropdown-menu .tab-item p {

        padding: 0 16px

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block {

        margin: 15px 0 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item {

        margin: 0

    }



    .opa-appointment-big-root .oap-appointment-root .oap-appointment-wrapper .oap-appointment-container .oap-right-block .oap-main-bottom-block .oap-btn-block .oap-btn-item:first-child {

        margin: 0 5px 0 0

    }



    .result-thanks-root .result-thanks-block .result-thanks-item p {

        font-size: 25px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .head-block {

        display: block

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .head-block h1, .result-thanks-root .result-thanks-block .result-thanks-item .head-block h2 {

        font-size: 27px

    }



    .result-thanks-root .result-thanks-block .result-thanks-item .text-container .text-block .text-item p {

        font-size: 25px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video {

        width: 48.7%

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .bottom-block .bottom-item .left-block p {

        font-size: 7px

    }



    .survey-video-root .survey-video-wrapper .survey-video-container .survey-video-block .survey-video-item .survey-video .video-head-item span {

        font-size: 11px

    }



    .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item .second-title-item, .banner-root.landing-banner .banner-container .banner-block .content-item .text-block .text-item h4 {

        line-height: 45px;

        font-size: 38px

    }



    .banner-root.cycle-sport-banner .banner-wrapper .banner-container .banner-block .content-item .text-block .text-item .open-block span {

        margin: 0 0 5px

    }



    .banner-root.cycle-sport-banner .banner-wrapper .banner-container .banner-block .content-item .text-block .text-item .open-block h4 {

        font-size: 24px;

        line-height: 22px

    }



    .banner-root.landing-banner.cycle-sport-banner .banner-container .banner-block .content-item .text-block .text-item .text-btn {

        margin: 0

    }



    .social-media-root .sm-container .sm-block .sm-detail-block .text-block .text-item .head-item {

        flex-direction: column

    }



    .home-header-root .home-header-container {

        margin: 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

        height: 32vh

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .link-item {

        height: 36vh

    }



    .home-banner-root .start-button-container .start-button-block .text-item p {

        letter-spacing: 1px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 15px 0 0

    }



    .cycle-list-root .content-container {

        padding: 0 5px;

        width: 300px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-price-container .table-head {

        padding: 0 20px 25px

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block {

        padding: 25px 20px !important

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .td-item .name-item {

        padding: 0 7vw 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item {

        padding: 0 20px 0 0

    }



    .price-list-root .price-list-wrapper .table-price-root.oto-price .table-block .table-inside-block .td-item .name-item span {

        font-size: 11px !important

    }



    .contact-page-root .contact-root {

        padding: 12vh 0 0

    }



    .road-sync-banner-root .banner-container .info-tab-container .info-tab-block .info-item p {

        font-size: 8px

    }

}



@media only screen and (min-width: 375px) and (max-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

    .home-header-root {

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block {

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        width: 50px;

        right: -74px;

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item i:before {

        font-size: 18px

    }



    .home-header-root .home-header-container .home-header-block .search-root {

        height: 100vh

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 4vw 8vw 0 5vw

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block {

        width: 60px;

        min-width: 60px;

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block .pulse-ring {

        width: 60px;

        height: 60px

    }



    .home-banner-root .start-button-container {

        height: auto

    }



    .home-banner-root .start-button-container .start-button-block .start-button-item {

        margin: 66px 0 0

    }



    .home-banner-root .start-button-container .start-button-block .text-item {

        margin: 40px 0 0

    }



    .home-banner-root .start-button-container .start-button-block .border-item, .home-banner-root .start-button-container .start-button-block:after, .home-banner-root .start-button-container .start-button-block:before {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 0;

        padding: 0 25px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        display: none

    }

}



@media only screen and (min-width: 414px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    .home-header-root {

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block {

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        width: 50px;

        right: -74px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item i:before {

        font-size: 18px

    }



    .home-header-root .home-header-container .home-header-block .search-root {

        height: 100vh

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 4vw 8vw 0 5vw

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input textarea {

        padding: 30px 20px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block {

        width: 60px;

        min-width: 60px;

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block .pulse-ring {

        width: 60px;

        height: 60px

    }



    .home-banner-root .start-button-container .start-button-block .text-item {

        margin: 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block {

        height: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item {

        margin: 60px 0 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block {

        height: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-item {

        margin: 40px 0 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

        height: 0

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 0;

        padding: 0 25px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        display: none

    }

}



@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    .home-header-root {

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block {

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item {

        width: 50px;

        right: -30%;

        top: 0

    }



    .home-header-root .home-header-container .home-header-block .home-header-item .search-block .header-search-icon-item i:before {

        font-size: 18px

    }



    .home-header-root .home-header-container .home-header-block .search-root {

        height: 100vh

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input-container {

        padding: 4vw 8vw 0 5vw

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input textarea {

        padding: 30px 20px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block {

        width: 60px;

        min-width: 60px;

        height: 60px

    }



    .home-header-root .home-header-container .home-header-block .search-root .search-wrapper .search-input .voice-block .pulse-ring {

        width: 60px;

        height: 60px

    }



    .home-banner-root .start-button-container .start-button-block .text-item {

        margin: 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block {

        height: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item {

        margin: 60px 0 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block {

        height: 50%

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .right-block .right-item {

        margin: 40px 0 0

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .link-item {

        height: 0

    }



    .home-footer-root .home-footer-container .bottom-block {

        margin: 0;

        padding: 0 25px

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .sub-menu-block ul {

        display: none

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        margin: 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block p {

        color: #999;

        font-size: 10px

    }



    .home-footer-root .home-footer-container .bottom-block .social-block {

        display: none

    }

}



@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

    .home-header-root {

        height: 40px

    }



    .home-banner-root .choose-root .choose-wrapper .choose-container .left-block .left-item {

        margin: 40px 0 0

    }

}



@media only screen and (min-width: 375px) and (max-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    .lb-root .gallery-block .arr-btn-item {

        bottom: 13vh

    }

}



@media only screen and (max-height: 800px) and (max-width: 1920px) {

    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .img-item, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-item .img-item {

        max-height: 450px

    }

}



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

    .color-model-root.hrv-model .color-model-sequence {

        height: 1350px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 900px

    }

}



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

    .color-model-root.hrv-model .color-model-sequence {

        height: 1250px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 800px

    }

}



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

    .color-model-root.hrv-model .color-model-sequence {

        height: 1150px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 750px

    }

}



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

    .color-model-root.hrv-model .color-model-sequence {

        height: 1050px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 650px

    }

}



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

    .color-model-root.hrv-model .color-model-sequence {

        height: 940px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 588.5px

    }



    .hrv-page-root .steady-design-root .img-container img {

        width: 1920px

    }

}



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

    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 520px

    }

}



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

    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .img-item .lazyload-wrapper img {

        max-width: 100%

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

        top: 46px;

        right: -58px;

        max-width: 510px

    }



    .hrv-page-root .steady-design-root .img-container img {

        margin: 0 -130px 0 0

    }



    .hrv-page-root .steady-design-root .qr-container {

        left: 10%

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 820px

    }



    .img-slider-root.zr-v-accessory .pack-desc {

        max-width: 881px

    }



    .img-slider-root.zr-v-accessory .slider-container {

        max-width: 881px;

        height: 774px

    }



    .img-slider-root.zr-v-accessory .slider-item .img-item {

        height: 480px

    }



    .img-slider-root.zr-v-accessory .arr-item {

        top: 30%

    }



    .img-slider-root.typer-other-accessory.none-desc .slider-container {

        height: 646px

    }



    .img-slider-root.typer-other-accessory.none-desc .arr-item {

        top: 31%

    }



    .inex-features-container .inex-features-block .inex-features-item p {

        margin: 16px 0

    }

}



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

    .sensing-root.typer-sensing .lane-block .lane-item.t-1 {

        height: 420px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-block {

        margin: 0

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 516px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item p {

        font-size: 18px

    }

}



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

    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 550px

    }

}



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

    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .img-item .lazyload-wrapper img {

        max-width: 100%

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

        right: 48px;

        max-width: 450px

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item h3 {

        font-size: 35px

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item p {

        font-size: 18px

    }



    .breadcrumb-root {

        top: 100px

    }



    .sub-menu-root {

        top: 130px

    }



    .detail-banner-root {

        padding: 100px 0 0

    }



    .img-slider-root .slider-container {

        height: 650px;

        max-width: 1260px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 1260px

    }



    .img-slider-root .arr-item {

        left: -106px;

        width: 100px;

        height: 100px

    }



    .img-slider-root .arr-item.right-arr {

        right: -106px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 1148px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 550px;

        margin: 0 25px

    }



    .img-slider-root.oto-slider .slider-item:first-child {

        margin: 0 25px 0 0

    }



    .img-slider-root.oto-slider .slider-item .text-item {

        width: 87%

    }



    .img-slider-root.oto-slider .arr-item {

        left: -102px !important;

        top: 145px !important

    }



    .img-slider-root.oto-slider .arr-item.right-arr {

        left: auto !important;

        right: -102px !important

    }



    .img-slider-root.cycle-slider .slider-container {

        max-width: none !important

    }



    .img-slider-root.cycle-slider .slider-item:first-child {

        margin: 0 8px 0 0 !important

    }



    .threed-root {

        min-height: 640px

    }



    .pnlm-container {

        height: 640px !important

    }



    .text-link-root .content-wrapper {

        padding: 0 20px

    }



    .text-link-root .content-wrapper .content-block {

        height: auto;

        padding: 30px

    }



    .text-link-root .content-wrapper .content-block p {

        font-size: 38px;

        line-height: 50px

    }



    .city-more-root .more-container {

        padding: 0 20px

    }



    .city-more-root .more-container .more-block .img-item {

        flex: 1 1

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root {

        padding: 101px 0 0

    }



    .hrv-page-root .steady-design-root .img-container img {

        margin: 0 -230px 0 0

    }



    .hrv-page-root .steady-design-root .qr-container {

        left: 7%

    }



    .standout-features-root .feature-block {

        margin: 0 30px

    }



    .drive-mode-2-root .content-wrapper {

        padding: 0 30px

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 740px

    }



    @-webkit-keyframes secAnim {

        0% {

            right: 0

        }

        25% {

            right: -110px

        }

        50% {

            right: 0

        }

        75% {

            right: -110px

        }

        to {

            right: 0

        }

    } @keyframes secAnim {

          0% {

              right: 0

          }

          25% {

              right: -110px

          }

          50% {

              right: 0

          }

          75% {

              right: -110px

          }

          to {

              right: 0

          }

      } .model-list-root.anim .model-anim-block .model-anim-item.second .typer.hovered {

            right: -110px

        }



    .qr-area-root .qr-block .qr-item {

        width: 200px

    }



    .qr-area-root .qr-block p {

        font-size: 30px;

        line-height: 40px

    }

}



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

    .color-model-root.jazz-features .text-item.dimensions span {

        display: block

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 32px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 522px

    }

}



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

    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 595px

    }

}



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

    .breadcrumb-root {

        top: 90px

    }



    .sub-menu-root {

        top: 120px

    }



    .detail-banner-root {

        padding: 90px 0 0

    }



    .detail-banner-root, .detail-banner-root.city-banner {

        height: calc(100vh + 220px)

    }



    .detail-banner-root.civic-model .top-main-info-root .btn-block span {

        font-size: 12px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item + .info-item {

        margin: 0 0 0 45px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 14px !important

    }



    .detail-banner-root .content-item, .detail-banner-root.new-jazz .content-item {

        top: 125px

    }



    .top-main-info-root .content-wrapper {

        padding: 0 32px

    }



    .top-main-info-root .top-info-container {

        padding: 23px 20px 20px

    }



    .top-main-info-root .info-link-container {

        height: 70px

    }



    .text-video-root .text-block {

        width: 60%

    }



    .triple-img-root .content-wrapper {

        padding: 0 30px

    }



    .triple-img-root .text-block {

        padding: 0 10vw

    }



    .triple-img-root .triple-img-block .content-item p {

        font-size: 30px

    }



    .triple-img-root .triple-img-block .content-item p + p {

        font-size: 14px

    }



    .color-model-root .content-wrapper {

        width: 70%

    }



    .img-text-slide-root .content-wrapper {

        padding: 0 30px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .text-block {

        padding: 100px 42px 120px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item h3 {

        font-size: 28px;

        line-height: 35px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item p {

        font-size: 15px;

        line-height: 22px

    }



    .img-text-slide-root.hrv-version .bottom-nav-block {

        padding: 0 42px 61px

    }



    .img-text-slide-root.new-jazz .content-wrapper {

        padding: 0

    }



    .version-content-root.civic-version .version-wrapper .feature-container .tabs-block p {

        font-size: 16px

    }



    .technology-area-root .logos-container {

        padding: 0 25px 0 50px;

        margin: 40px 0 0

    }



    .technology-area-root .logos-container .text-item h3 {

        font-size: 30px

    }



    .technology-area-root .logos-container .logos-block .logo-item {

        width: 290px;

        height: 110px;

        margin: 0 15px 15px

    }



    .technology-area-root .logos-container .logos-block .logo-item:first-child {

        margin: 0 0 0 15px

    }



    .technology-area-root .logos-container .logos-block .logo-item.last-logo {

        margin: 0 50px 0 0

    }



    .sensing-root .content-wrapper {

        padding: 0 30px

    }



    .sensing-root .lane-block .lane-item {

        height: 400px

    }



    .sensing-root .lane-block .t-2 h3 {

        font-size: 52px;

        line-height: 61px

    }



    .img-slider-root .slider-container {

        height: 600px;

        max-width: 1147px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 1147px

    }



    .img-slider-root.fun-pack .img-item {

        max-height: 480px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        max-width: 930px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .img-item {

        max-height: 480px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .text-item {

        margin: 26px 0 0

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .arr-item {

        top: 28%

    }



    .sensing-root {

        padding: 50px 0

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 h3, .sensing-root.typer-sensing .lane-block .lane-item.t-1 h3 {

        font-size: 24px;

        line-height: 32px

    }



    .sensing-root.new-jazz .lane-block h3 {

        max-width: 356px

    }



    .sensing-root.new-jazz .lane-block .lane-item {

        height: 350px

    }



    .sensing-root.new-jazz .lane-block .t-1 h3 {

        font-size: 32px;

        line-height: 45px;

        left: 33px;

        bottom: 40px

    }



    .sensing-root.new-jazz .lane-block .t-2 h3 {

        right: 40px;

        top: 35px;

        left: 33px;

        bottom: 40px

    }



    .sensing-root.new-jazz .lane-block .t-3 .text-item {

        padding: 32px

    }



    .sensing-root.new-jazz .lane-block .t-3 h3 {

        font-size: 28px;

        max-width: 100%

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item {

        padding: 0 20px 0 32px

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item h3 {

        font-size: 36px;

        line-height: 46px

    }



    .sensing-root.new-jazz .lane-triple-block .text-video-item .text-item {

        padding: 36px 30px 24px 32px

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block .text-item {

        padding: 30px;

        height: 58%

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block h3 {

        font-size: 24px;

        line-height: 34px

    }



    .sensing-root .lane-block h3 {

        max-width: 356px

    }



    .sensing-root .lane-block .lane-item {

        height: 350px

    }



    .sensing-root .lane-block .t-1 h3 {

        font-size: 32px;

        line-height: 45px;

        left: 33px;

        bottom: 40px

    }



    .sensing-root .lane-block .t-2 h3 {

        right: 40px;

        top: 35px;

        font-size: 42px;

        line-height: 54px

    }



    .sensing-root .lane-block .t-3 .text-item {

        padding: 32px

    }



    .sensing-root .lane-block .t-3 h3 {

        font-size: 32px

    }



    .sensing-root .lane-triple-block .sign-item {

        padding: 0 20px 0 32px

    }



    .sensing-root .lane-triple-block .sign-item h3 {

        font-size: 36px;

        line-height: 46px

    }



    .sensing-root .lane-triple-block .text-video-item .text-item {

        padding: 36px 30px 24px 32px

    }



    .sensing-root .lane-triple-block .text-img-block .text-item {

        padding: 30px;

        height: 58%

    }



    .sensing-root .lane-triple-block .text-img-block h3 {

        font-size: 24px;

        line-height: 34px

    }



    .triple-tab-root {

        background: #eef4fb;

        padding: 60px 0 0

    }



    .triple-tab-root .text-block {

        padding: 0 15vw

    }



    .triple-tab-root .text-block h2 {

        font-size: 28px

    }



    .triple-tab-root .triple-tab-block .tab-block ul {

        white-space: nowrap

    }



    .triple-tab-root .triple-tab-block .tab-block li {

        font-size: 18px;

        margin: 0 15px

    }



    .triple-tab-root .triple-tab-block .tab-block li.middle-text {

        margin: 0 30px 0 15px

    }



    .triple-tab-root .triple-tab-block .tab-text-item {

        padding: 0 15vw

    }



    .triple-video-root {

        height: 600px

    }



    .drive-mode-root {

        height: 850px

    }



    .drive-mode-root .content-block {

        padding: 60px 3vw

    }



    .text-img-banner {

        height: 580px

    }



    .text-img-banner.city-bg {

        height: auto !important;

        padding: 96px 0 0

    }



    .triple-tab-root .video-block {

        height: 430px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block {

        padding: 0 0 0 25px

    }



    .technology-area-root .img-item {

        min-height: 350px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root {

        padding: 91px 0 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-container {

        height: 390px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-container {

        min-width: 375px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item span {

        font-size: 17px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item img {

        width: 193px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item h3 {

        font-size: 20px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item p {

        font-size: 13px

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-container {

        height: auto

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-content-block .logo-item span {

        font-size: 23px

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-content-block .logo-item img {

        width: 100%

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 680px

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item {

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        top: 50%;

        left: 20px

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1 {

        font-size: 40px;

        line-height: 50px;

        margin: 0 0 20px

    }



    .logR-content-wrapper .logR-content-item p {

        font-size: 13px;

        line-height: 24px

    }



    .logR-info-wrapper .logR-info-text-item p {

        font-size: 18px;

        margin: 0

    }



    .model-discover-root .model-discover-text-block {

        width: 80%;

        padding: 20px 6.2vw

    }



    .model-discover-root .model-discover-text-block h2 {

        font-size: 30px;

        line-height: 36px

    }



    .model-discover-root .model-discover-text-block .detail-btn span, .model-discover-root .model-discover-text-block p {

        font-size: 18px;

        line-height: 30px

    }



    .model-discover-root .model-discover-text-block .detail-btn.zrv {

        height: 56px

    }



    .logR-discover-wrapper .logR-discover-text-block {

        width: 80%;

        padding: 20px 40px 20px 4vw

    }



    .logR-discover-wrapper .logR-discover-text-block h2 {

        font-size: 30px;

        line-height: 36px

    }



    .logR-discover-wrapper .logR-discover-text-block p {

        font-size: 18px;

        line-height: 30px

    }



    .logR-discover-wrapper .logR-discover-text-block .detail-btn {

        width: 330px

    }



    .logR-discover-wrapper .logR-discover-text-block .detail-btn span {

        font-size: 18px;

        line-height: 30px

    }

}



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

    .engineering-root {

        padding: 70px 50px 0

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 1008px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 480px

    }



    .img-slider-root.oto-slider .arr-item {

        top: 120px !important

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item {

        padding: 0 0 0 70px

    }

}



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

    .breadcrumb-root {

        top: 80px

    }



    .sub-menu-root {

        top: 110px

    }



    .sub-menu-root .content-wrapper {

        justify-content: normal

    }



    .detail-banner-root {

        padding: 80px 0 0

    }



    .color-model-sequence .model-block .liner-block {

        width: 100%

    }



    .color-model-sequence .model-block .liner-block svg:first-child {

        width: 100%;

        height: auto

    }



    .img-slider-root .slider-container {

        max-width: 1100px

    }



    .img-slider-root .arr-item {

        left: -60px

    }



    .img-slider-root .arr-item.right-arr {

        right: -60px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 1100px

    }



    .version-content-root {

        padding: 90px 0 60px

    }



    .version-content-root .version-wrapper {

        padding: 0 30px

    }



    .version-content-root .version-wrapper .top-block h2 {

        font-size: 28px;

        line-height: 36px

    }



    .version-content-root .version-wrapper .top-block .img-item img {

        max-width: 520px

    }



    .version-content-root .feature-block ul li {

        width: 33%

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item {

        width: 531px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block .col-sub-block .col-item {

        margin: 0 2px 0 0

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block .col-sub-block .col-item:last-child {

        width: 178px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar svg {

        width: 499px

    }



    .triple-img-root .triple-img-block .content-item {

        min-height: 300px

    }



    .triple-img-root .triple-img-block .content-item p {

        font-size: 30px

    }



    .triple-img-root .triple-img-block .content-item p + p {

        font-size: 14px

    }



    .accesories-root.model-accesories .head-block h2 {

        font-size: 50px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area {

        width: 95%

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block {

        padding: 0 0 0 35px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block {

        width: 380px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block .qr-img {

        min-width: 120px;

        width: 120px;

        height: 120px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block p {

        font-size: 15px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .phone {

        top: 120px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .phone img {

        width: 200px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .right-block .anim-item .car {

        width: 400px

    }



    .model-design-root .model-design-container .model-design-block .text-block h5 {

        font-size: 24px

    }



    .model-design-root .model-design-container .model-design-block .text-block p {

        font-size: 14px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root {

        padding: 81px 0 0

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 650px

    }



    .drive-mode-2-root {

        min-height: 890px

    }

}



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

    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 15px

    }

}



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

    .qr-area-root .qr-block {

        top: 15%;

        right: 6%

    }



    .model-discover-root .model-discover-text-block .detail-btn.zrv {

        height: 46px

    }



    .model-discover-root .model-discover-text-block .detail-btn.zrv span {

        font-size: 10px

    }



    .engineering-root {

        padding: 70px 30px 0

    }



    .engineering-root.jazz .engineering-container h2 {

        width: 80%

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 500px

    }



    .engineering-root .engineering-container h2 {

        width: 100%

    }



    .engineering-root .engineering-container .engineering-block {

        grid-template-columns:auto auto;

        grid-gap: 20px

    }



    .top-main-info-root .info-block .info-item {

        font-size: 11px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 14px;

        word-break: break-word;

        overflow-wrap: break-word;

        white-space: normal

    }



    .top-main-info-root .info-block .info-item + .info-item {

        margin: 0 0 0 50px

    }



    .technology-area-root .logos-container {

        padding: 0 10px 0 25px

    }



    .technology-area-root .logos-container .text-item {

        max-width: 360px

    }



    .technology-area-root .logos-container .text-item h3 {

        font-size: 28px

    }



    .technology-area-root .logos-container .text-item p {

        font-size: 14px

    }



    .technology-area-root .logos-container .logos-block .logo-item {

        width: 220px;

        height: 100px;

        padding: 0 0 0 15px;

        margin: 0 10px 10px

    }



    .technology-area-root .logos-container .logos-block .logo-item:first-child, .technology-area-root .logos-container .logos-block .logo-item p {

        margin: 0 0 0 10px

    }



    .technology-area-root .logos-container .logos-block .last-logo {

        margin: 0 45px 0 0

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 13px !important

    }



    .img-slider-root .slider-container {

        max-width: 930px;

        height: 550px

    }



    .img-slider-root .arr-item {

        left: -40px

    }



    .img-slider-root .arr-item.right-arr {

        right: -40px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 930px

    }



    .img-slider-root.fun-pack .slider-container .slider-item .img-item {

        max-height: 480px;

        height: 100%

    }



    .img-slider-root.zr-v-accessory .slider-container {

        max-width: 881px;

        height: 900px

    }



    .img-slider-root.zr-v-accessory .pack-desc {

        max-width: 930px

    }



    .img-slider-root.typer-other-accessory .slider-container {

        height: 970px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item {

        height: 480px

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item p + p {

        font-size: 18px;

        line-height: 28px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .slider-container {

        height: 774px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory.none-desc .slider-container {

        height: 646px

    }



    .img-slider-root.typer-other-accessory.none-desc .arr-item {

        top: 33%

    }



    .img-slider-root.convience-pack .slider-container, .img-slider-root.fun-pack .slider-container {

        height: 800px

    }



    .img-slider-root.convience-pack .slider-item .text-item p + p, .img-slider-root.fun-pack .slider-item .text-item p + p {

        font-size: 16px

    }



    .double-text-img-root .content-block .text-item h2 {

        font-size: 24px

    }



    .double-text-img-root.double-video-root .content-block {

        height: auto

    }



    .double-text-img-root.double-video-root .video-item {

        flex: 1 1

    }



    .triple-video-root {

        height: 510px

    }



    .drive-mode-root {

        height: 750px

    }



    .drive-mode-root .content-block {

        padding: 48px 30px

    }



    .text-img-banner {

        height: 480px

    }



    .text-img-banner.civic-model-img {

        min-height: auto

    }



    .text-img-banner.civic-model-img .content-block, .text-img-banner.civic-model-img .content-wrapper {

        height: 100%

    }



    .text-img-banner.civic-model-img .content-block .img-item {

        width: 100%;

        height: 100%

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

        top: 30px;

        max-width: 550px

    }



    .triple-tab-root .video-block {

        min-height: 350px

    }



    .prelansman-root .double-text-img-root .content-block:last-child .img-item img {

        object-fit: contain

    }



    .prelansman-root.civic .call-you-anim-root .call-back-form-root .head-item {

        padding: 0 20px

    }



    .city-more-root .more-container .more-block .img-item {

        flex: 1 1

    }



    .triple-img-root .content-wrapper .content-container .logo-anim-block .logo-anim {

        top: 40px;

        width: 64px;

        height: 64px

    }



    .hrv-page-root .steady-design-root .img-container img {

        margin: 0 -280px 0 0

    }



    .hrv-page-root .steady-design-root .qr-container {

        left: 4%

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 {

        font-size: 36px;

        line-height: 51px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 span {

        line-height: 45px

    }



    .version-content-root.hrv-version .tabs-block p {

        font-size: 20px;

        line-height: 26px

    }



    .version-content-root.hrv-version .tabs-block p + p {

        margin: 0 0 0 90px

    }



    .version-content-root.hrv-version .feature-container {

        justify-content: center

    }



    .version-content-root.hrv-version .feature-content-block {

        width: auto;

        margin: 0

    }



    .version-content-root.hrv-version .feature-block ul {

        flex-direction: column

    }



    .version-content-root.hrv-version .feature-block ul li, .version-content-root.hrv-version .feature-block ul li p {

        width: auto

    }



    .version-content-root.hrv-version .btn-block {

        flex-direction: column

    }



    .version-content-root.hrv-version .btn-block .btn-item:first-child {

        margin: 0 0 20px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 412px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item p {

        font-size: 14px

    }



    .inex-features-container h3 {

        font-size: 28px;

        margin: 0 0 40px

    }



    .inex-features-container .inex-features-block .inex-features-item span {

        font-size: 20px;

        line-height: 28px

    }

}



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

    .img-slider-root.oto-slider {

        margin: 140px 0 40px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 848px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 400px

    }



    .img-slider-root.oto-slider .arr-item {

        top: 102px !important

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 600px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 10px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 11px !important

    }



    .hrv-page-root .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 12px !important

    }



    .hrv-page-root .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 14px !important

    }



    .top-main-info-root .content-wrapper.logR-wrapper {

        padding: 0 30px

    }



    .top-main-info-root .content-wrapper.logR-wrapper .info-link-container .link-item {

        margin: 0 20px

    }



    .top-main-info-root .content-wrapper.logR-wrapper .info-link-container .link-item span {

        font-size: 13px

    }

}



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

    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 11px

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 13px

    }



    .banner-slider-root.zrv {

        height: 590px !important

    }

}



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

    .hrv-page-root .steady-design-root .qr-container {

        left: 10%

    }



    .hrv-page-root .steady-design-root .qr-block {

        flex-direction: column

    }



    .hrv-page-root .steady-design-root .title-item h2 {

        font-size: 27px;

        line-height: 33px

    }



    .hrv-page-root .steady-design-root .qr-block {

        width: -moz-fit-content;

        width: -webkit-fit-content;

        width: fit-content

    }



    .hrv-page-root .steady-design-root .qr-text {

        margin: 20px 0 0;

        text-align: center

    }



    .hrv-page-root .steady-design-root .qr-text p {

        margin: 0

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item {

        padding: 0 0 0 50px

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

        top: 30px;

        max-width: 600px

    }

}


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

    .top-main-info-root .content-wrapper {

        padding: 0 20px

    }



    .top-main-info-root .top-info-container {

        padding: 18px 15px 15px

    }



    .top-main-info-root .info-link-container {

        height: 53px

    }



    .top-main-info-root .info-link-container .link-item span {

        font-size: 12px;

        margin: 0 0 0 6px

    }



    .top-main-info-root .info-block .info-item {

        font-size: 10px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 13px !important

    }



    .top-main-info-root .info-block .info-item + .info-item {

        margin: 0 0 0 35px

    }



    .top-main-info-root .btn-block span {

        font-size: 12px

    }



    .text-widget-block .top-block {

        padding: 0 5px 0 0

    }



    .text-widget-block .top-block h2 {

        font-size: 38px;

        line-height: 50px;

        max-width: 410px

    }



    .text-widget-block .text-block p {

        font-size: 15px;

        width: 47%

    }



    .color-model-sequence {

        height: 640px

    }



    .prelansman-root .call-back-form-root .head-item p {

        width: 90%

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-container {

        height: 329px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-container {

        min-width: 300px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item span {

        font-size: 14px;

        line-height: 15px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item img {

        width: auto

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item h3 {

        font-size: 16px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item p {

        font-size: 11px

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-container {

        height: auto

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-content-block .logo-item span {

        font-size: 23px

    }



    .sensing-root.typer-sensing .lane-block .lane-item {

        height: 100%

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-1 h3 {

        font-size: 20px;

        line-height: 24px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 .text-item {

        padding: 20px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 h3 {

        font-size: 20px;

        line-height: 24px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 p {

        font-size: 15px;

        line-height: 22px

    }



    .sensing-root.new-jazz .lane-block h3 {

        max-width: 356px

    }



    .sensing-root.new-jazz .lane-block .lane-item {

        height: 350px

    }



    .sensing-root.new-jazz .lane-block .t-1 h3 {

        font-size: 30px;

        line-height: 40px;

        left: 33px;

        bottom: 55px

    }



    .sensing-root.new-jazz .lane-block .t-2 h3 {

        right: inherit;

        top: inherit;

        font-size: 30px;

        line-height: 40px;

        bottom: 55px

    }



    .sensing-root.new-jazz .lane-block .t-3 .text-item {

        padding: 32px

    }



    .sensing-root.new-jazz .lane-block .t-3 h3 {

        font-size: 30px;

        line-height: 40px

    }



    .sensing-root.new-jazz .lane-block .t-3 p {

        margin: 10px 0 0;

        font-size: 16px;

        line-height: 20px

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item {

        padding: 0 20px 0 32px

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item h3 {

        font-size: 36px;

        line-height: 46px

    }



    .sensing-root.new-jazz .lane-triple-block .text-video-item .text-item {

        padding: 36px 30px 24px 32px

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block .text-item {

        padding: 30px;

        height: 58%

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block h3 {

        font-size: 24px;

        line-height: 34px

    }



    .sensing-root .lane-block h3 {

        max-width: 356px

    }



    .sensing-root .lane-block .lane-item {

        height: 350px

    }



    .sensing-root .lane-block .t-1 h3 {

        font-size: 32px;

        line-height: 45px;

        left: 33px;

        bottom: 40px

    }



    .sensing-root .lane-block .t-2 h3 {

        right: 40px;

        top: 35px;

        font-size: 42px;

        line-height: 54px

    }



    .sensing-root .lane-block .t-3 .text-item {

        padding: 32px

    }



    .sensing-root .lane-block .t-3 h3 {

        font-size: 30px;

        line-height: 40px

    }



    .sensing-root .lane-block .t-3 p {

        margin: 10px 0 0

    }



    .sensing-root .lane-triple-block .sign-item {

        padding: 0 20px 0 32px

    }



    .sensing-root .lane-triple-block .sign-item h3 {

        font-size: 36px;

        line-height: 46px

    }



    .sensing-root .lane-triple-block .text-video-item .text-item {

        padding: 36px 30px 24px 32px

    }



    .sensing-root .lane-triple-block .text-img-block .text-item {

        padding: 30px;

        height: 58%

    }



    .sensing-root .lane-triple-block .text-img-block h3 {

        font-size: 24px;

        line-height: 34px

    }



    .detail-banner-root.civic-model .top-main-info-root .btn-block span {

        font-size: 11px;

        text-align: center

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item + .info-item {

        margin: 0 0 0 25px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 11px !important

    }



    .version-content-root.civic-version .version-wrapper .top-block .img-item {

        max-width: 380px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .text-block h5 {

        font-size: 20px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block {

        width: 200px;

        flex-direction: column;

        height: auto;

        padding: 16px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block p {

        text-align: center;

        font-size: 12px;

        margin: 0

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 550px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 370px

    }

}



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

    .qr-area-root .qr-block p {

        font-size: 22px;

        line-height: 34px

    }



    .qr-area-root .qr-block .qr-item {

        width: 140px

    }



    .text-img-banner.black-bg.new-jazz {

        height: auto

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item {

        padding: 24px 16px;

        position: inherit;

        top: 0;

        right: 0;

        max-width: inherit

    }



    .text-img-banner.black-bg.new-jazz .content-wrapper.safe-area .content-block .text-item h3 {

        margin: 0 0 20px

    }



    .img-slider-root.oto-slider {

        margin: 120px 0 40px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 764px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 360px;

        margin: 0 22px

    }



    .img-slider-root.oto-slider .slider-item:first-child {

        margin: 0 22px 0 0

    }



    .img-slider-root.oto-slider .arr-item {

        top: 90px !important;

        width: 88px;

        height: 88px;

        left: -88px !important

    }



    .img-slider-root.oto-slider .arr-item.right-arr {

        left: auto !important;

        right: -88px !important

    }



    .hrv-page-root .steady-design-root .title-item h2 {

        font-size: 18px;

        line-height: 23px

    }



    .hrv-page-root .steady-design-root .qr-text p {

        margin: 0;

        font-size: 12px;

        line-height: 16px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 {

        font-size: 36px;

        line-height: 51px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 span {

        line-height: 45px

    }



    .version-content-root.hrv-version .tabs-block p {

        font-size: 20px;

        line-height: 26px

    }



    .version-content-root.hrv-version .feature-container {

        justify-content: center

    }



    .version-content-root.hrv-version .feature-content-block {

        width: auto;

        margin: 0

    }



    .version-content-root.hrv-version .feature-block ul {

        flex-direction: column

    }



    .version-content-root.hrv-version .feature-block ul li, .version-content-root.hrv-version .feature-block ul li p {

        width: auto

    }



    .version-content-root.hrv-version .btn-block {

        flex-direction: column

    }



    .version-content-root.hrv-version .btn-block .btn-item:first-child {

        margin: 0 0 20px

    }



    .inex-features-container.info .inex-features-block {

        flex-wrap: wrap

    }



    .inex-features-container.info .inex-features-block .inex-features-item {

        margin: 0 30px

    }

}



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

    .img-text-slide-root.new-jazz .top-block p {

        max-width: 75%;

        margin: 19px 0 24px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item {

        width: 478px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block .col-item span {

        font-size: 11px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar svg {

        width: 445px

    }



    .top-main-info-root .content-wrapper {

        padding: 0 10px

    }



    .top-main-info-root .top-info-container {

        padding: 15px 10px 12px

    }



    .top-main-info-root .info-link-container {

        height: 50px

    }



    .top-main-info-root .info-block .info-item {

        font-size: 10px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 13px !important

    }



    .top-main-info-root .info-block .info-item + .info-item {

        margin: 0 0 0 25px

    }



    .top-main-info-root .btn-block {

        margin: 0 0 0 10px

    }



    .text-video-root .text-block {

        width: 84%

    }



    .text-video-root .text-block h2 {

        font-size: 40px

    }



    .triple-img-root {

        padding: 50px 0 10px

    }



    .triple-img-root.life-area {

        padding: 20px 0 10px

    }



    .triple-img-root .text-block {

        padding: 0 5vw

    }



    .triple-img-root .text-block p {

        font-size: 16px

    }



    .triple-img-root .triple-img-block .content-item {

        min-height: 200px

    }



    .triple-img-root .triple-img-block .content-item .icon-item {

        width: 75px;

        height: 75px

    }



    .triple-img-root .triple-img-block .content-item .text-item {

        bottom: 15px

    }



    .triple-img-root .triple-img-block .content-item svg {

        width: 60px;

        height: 60px

    }



    .triple-img-root .triple-img-block .content-item p {

        font-size: 20px

    }



    .triple-img-root .triple-img-block .content-item p + p {

        font-size: 12px

    }



    .text-widget-block, .text-widget-block.new-jazz {

        margin: 48px 0 0

    }



    .text-widget-block .content-block {

        border-radius: 0;

        padding: 48px 30px

    }



    .text-widget-block .top-block {

        flex-direction: column-reverse;

        align-items: flex-start

    }



    .text-widget-block .top-block svg {

        width: 230px

    }



    .text-widget-block .top-block h2 {

        font-size: 30px;

        line-height: 45px;

        margin: 25px 0 0

    }



    .text-widget-block .text-block {

        display: block

    }



    .text-widget-block .text-block .more-btn {

        cursor: pointer;

        padding: 16px 20px 10px;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        display: flex;

        border-radius: 79px;

        border: 1px solid #fff

    }



    .text-widget-block .text-block .more-btn span {

        color: #f0f0f0;

        font-size: 14px;

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .text-widget-block .text-block p {

        font-size: 14px;

        width: 100%;

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .color-model-sequence {

        height: 595px

    }



    .img-slider-root .slider-container {

        max-width: 800px;

        height: 480px

    }



    .img-slider-root .slider-item .text-item p {

        font-size: 33px

    }



    .img-slider-root .arr-item {

        left: -30px

    }



    .img-slider-root .arr-item.right-arr {

        right: -30px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 800px

    }



    .img-slider-root.zr-v-accessory .pack-desc, .img-slider-root.zr-v-accessory .slider-container {

        max-width: 780px

    }



    .img-slider-root.zr-v-accessory.none-desc .slider-container {

        height: 646px

    }



    .img-slider-root.zr-v-accessory.none-desc .arr-item {

        top: 38%

    }



    .img-slider-root.typer-other-accessory .slider-container {

        height: 870px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item {

        height: 480px

    }



    .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container {

        height: 750px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        max-width: 800px;

        height: 750px

    }



    .img-text-slide-root .slider-block {

        height: 430px

    }



    .img-text-slide-root .slider-block .slide-item .text-block {

        flex: 1.3 1;

        padding: 30px

    }



    .img-text-slide-root .bottom-nav-block {

        width: 40%

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .text-block {

        padding: 80px 36px 120px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item h3 {

        font-size: 25px;

        line-height: 33px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item p {

        font-size: 14px;

        line-height: 21px

    }



    .img-text-slide-root.hrv-version .bottom-nav-block {

        padding: 0 36px 61px

    }



    .sensing-root.typer-sensing .text-block {

        display: flex

    }



    .sensing-root.typer-sensing .text-block h2 {

        text-align: center

    }



    .sensing-root.new-jazz .lane-block .lane-item {

        height: 270px

    }



    .sensing-root.new-jazz .lane-block .t-1 h3, .sensing-root.new-jazz .lane-block .t-2 h3 {

        font-size: 24px;

        line-height: 34px;

        bottom: 24px

    }



    .sensing-root.new-jazz .lane-block .t-3 .text-item {

        padding: 24px

    }



    .sensing-root.new-jazz .lane-block .t-3 h3 {

        font-size: 24px;

        line-height: 32px

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item {

        padding: 0 20px 0 24px

    }



    .sensing-root.new-jazz .lane-triple-block .sign-item h3 {

        font-size: 24px;

        line-height: 34px

    }



    .sensing-root.new-jazz .lane-triple-block .text-video-item .text-item {

        padding: 30px 30px 24px 24px

    }



    .sensing-root.new-jazz .lane-triple-block .text-video-item h3 {

        font-size: 26px;

        line-height: 36px

    }



    .sensing-root.new-jazz .lane-triple-block .text-video-item .replay-btn {

        top: 39px;

        right: 32px

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block .text-item {

        padding: 20px 25px 5px;

        height: 60%

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block h3 {

        font-size: 21px;

        line-height: 32px

    }



    .sensing-root .text-block {

        display: block

    }



    .sensing-root .text-block p {

        width: 90%

    }



    .sensing-root .lane-block .lane-item {

        height: 296px

    }



    .sensing-root .lane-block .t-1 h3 {

        font-size: 24px;

        line-height: 34px;

        bottom: 35px

    }



    .sensing-root .lane-block .t-2 h3 {

        font-size: 34px;

        line-height: 44px

    }



    .sensing-root .lane-block .t-3 .text-item {

        padding: 24px

    }



    .sensing-root .lane-block .t-3 h3 {

        font-size: 24px;

        line-height: 32px

    }



    .sensing-root .lane-triple-block .sign-item {

        padding: 0 20px 0 24px

    }



    .sensing-root .lane-triple-block .sign-item h3 {

        font-size: 24px;

        line-height: 34px

    }



    .sensing-root .lane-triple-block .text-video-item .text-item {

        padding: 30px 30px 24px 24px

    }



    .sensing-root .lane-triple-block .text-video-item h3 {

        font-size: 26px;

        line-height: 36px

    }



    .sensing-root .lane-triple-block .text-video-item .replay-btn {

        top: 39px;

        right: 32px

    }



    .sensing-root .lane-triple-block .text-img-block .text-item {

        padding: 20px 25px 5px;

        height: 60%

    }



    .sensing-root .lane-triple-block .text-img-block h3 {

        font-size: 21px;

        line-height: 32px

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-3 .img-item picture {

        display: flex

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-3 .text-item {

        bottom: 30px;

        left: 30px;

        padding: 0 !important

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-3 .text-item h3 {

        font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif;

        font-size: 18px;

        line-height: 25px;

        letter-spacing: .4px

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-1 .sensing-text-item p {

        display: none

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-1 .img-item picture {

        display: flex;

        height: 100%

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-1 h3 {

        font-size: 18px;

        line-height: 25px;

        font-family: "SharpGroteskSmBold25-Regular", arial, helvetica, sans-serif;

        letter-spacing: .4px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 .text-item {

        padding: 20px 8px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 h3 {

        font-size: 15px;

        line-height: 20px

    }



    .sensing-root.model-sensing .lane-block .lane-item.t-3 p {

        margin: 5px 0 0;

        font-size: 13px

    }



    .technology-area-root .logos-container {

        padding: 0 10px

    }



    .technology-area-root .logos-container .text-item {

        max-width: 360px

    }



    .technology-area-root .logos-container .text-item h3 {

        font-size: 24px

    }



    .technology-area-root .logos-container .logos-block .logo-item {

        width: 198px;

        height: 95px;

        padding: 0 0 0 10px;

        margin: 0 5px 5px

    }



    .technology-area-root .logos-container .logos-block .logo-item img {

        width: 60px;

        height: 60px

    }



    .technology-area-root .logos-container .logos-block .logo-item:first-child {

        margin: 0 0 0 5px

    }



    .technology-area-root .logos-container .logos-block .logo-item p {

        margin: 0 0 0 6px

    }



    .technology-area-root .logos-container .logos-block .logo-item.last-logo {

        margin: 0 5px 0 0

    }



    .technology-area-root .logos-container .logos-block .last-logo {

        margin: 0

    }



    .triple-tab-root .text-block {

        padding: 0 30px;

        text-align: left

    }



    .triple-tab-root .text-block h2 {

        font-size: 24px

    }



    .triple-tab-root .text-block p {

        font-size: 13px

    }



    .triple-tab-root .triple-tab-block {

        padding: 40px 0

    }



    .triple-tab-root .triple-tab-block .tab-block {

        overflow-x: auto;

        overflow-y: hidden;

        display: flex;

        height: 30px;

        padding: 0 16px

    }



    .triple-tab-root .triple-tab-block .tab-block li {

        font-size: 14px;

        padding: 0 0 5px

    }



    .triple-tab-root .triple-tab-block .tab-block li.middle-text {

        margin: 0 15px

    }



    .triple-tab-root .triple-tab-block .tab-text-item {

        padding: 0 30px;

        text-align: left

    }



    .triple-tab-root .triple-tab-block .tab-text-item p {

        font-size: 13px;

        margin: 18px 0 0

    }



    .lb-root .lb-block.lb-table-block {

        padding: 0

    }



    .lb-root .lb-block .table-feature-root {

        width: 100%;

        height: 100vh;

        border-radius: 0

    }



    .lb-root .lb-block .table-feature-root .table-container {

        border-radius: 0;

        padding: 0 0 70px

    }



    .lb-root .lb-block .table-feature-root .table-container .table-block {

        padding: 30px 10px 20px 20px

    }



    .lb-root .lb-block .table-feature-root .table-container p {

        font-size: 13px

    }



    .triple-video-root {

        height: 480px

    }



    .triple-video-root .list-block {

        width: 43%

    }



    .triple-video-root .list-item {

        padding: 25px 0 0 20px;

        height: 120px

    }



    .triple-video-root .list-item p {

        font-size: 16px;

        line-height: 20px

    }



    .triple-video-root .list-item span {

        font-size: 13px;

        line-height: 17px

    }



    .text-img-banner {

        min-height: 300px

    }



    .text-img-banner.city-bg {

        min-height: inherit;

        padding: 96px 0

    }



    .technology-area-root .img-item {

        min-height: 300px

    }



    .version-content-root .version-wrapper .top-block .img-item {

        top: -20px

    }



    .version-content-root .version-wrapper .top-block .img-item img {

        max-width: 400px

    }



    .version-content-root.hrv-version .img-item img {

        width: 500px

    }



    .color-model-sequence .model-block .img-item img {

        width: 600px;

        height: 100%

    }



    .drive-mode-2-root {

        min-height: 780px

    }



    .logR-content-wrapper {

        padding: 0 20px

    }



    .logR-content-wrapper .logR-content-item:nth-child(2n) .logR-content-text-item {

        margin: 0 0 0 20px

    }



    .logR-content-wrapper .logR-content-item p {

        margin: 0 10px 0 0

    }



    .logR-info-wrapper .logR-info-container {

        padding: 50px 20px

    }



    .logR-info-wrapper .logR-info-text-item p {

        font-size: 16px;

        line-height: 30px

    }



    .model-list-block .model-list-list {

        margin: 5px 5px 0 0 !important

    }



    .model-list-block.bottom {

        width: 54%;

        align-items: flex-start !important

    }



    .model-anim-block {

        flex-direction: column

    }



    .model-anim-block .model-anim-item.second {

        left: 0

    }



    .model-anim-block .model-anim-item.first > .model-list-list, .model-anim-block .model-anim-item.second > .model-list-list {

        -webkit-animation: none;

        animation: none;

        -webkit-animation-name: none;

        animation-name: none

    }



    .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

        right: -185px;

        -webkit-animation: respAnim .5s ease-in-out both !important;

        animation: respAnim .5s ease-in-out both !important

    }



    .model-list-root.anim .model-anim-block .model-anim-item.first > .model-list-list, .model-list-root.anim .model-anim-block .model-anim-item.second > .model-list-list {

        -webkit-animation: none;

        animation: none;

        -webkit-animation-name: none;

        animation-name: none

    }

}



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

    .top-main-info-root .info-block .info-item span {

        font-size: 10px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 11px !important

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 500px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 644px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 300px

    }



    .img-slider-root.oto-slider .arr-item {

        top: 72px !important

    }



    .hrv-page-root .steady-design-root .img-container img {

        width: 1750px

    }



    .hrv-page-root .steady-design-root .qr-container {

        left: 6%

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 8px !important

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 9px !important

    }



    .logR-discover-wrapper .logR-discover-container {

        display: block;

        min-height: inherit

    }



    .logR-discover-wrapper .logR-discover-text-block {

        width: 100%

    }



    .logR-discover-wrapper .logR-discover-text-block h2 {

        font-size: 22px;

        line-height: 30px;

        margin: 38px 0 20px

    }



    .logR-discover-wrapper .logR-discover-text-block p {

        font-size: 14px;

        line-height: 24px;

        margin: 0

    }



    .logR-discover-wrapper .logR-discover-text-block .detail-btn {

        margin: 50px 0;

        height: 56px

    }



    .logR-discover-wrapper .logR-discover-img-item {

        height: 341px

    }



    .logR-discover-wrapper .logR-discover-img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .model-discover-root.zrv .model-discover-text-block {

        text-align: center

    }



    .model-discover-root.zrv .model-discover-container .model-discover-text-block h2 {

        max-width: 100%

    }



    .model-discover-root .model-discover-container {

        flex-direction: column-reverse;

        min-height: inherit;

        margin: 64px 0 0

    }



    .model-discover-root .model-discover-container.reverse {

        flex-direction: column-reverse

    }



    .model-discover-root .model-discover-container.reverse .model-discover-text-block {

        padding: 20px 30px

    }



    .model-discover-root .model-discover-container.zrv-accessory {

        margin: 0
    }



    .model-discover-root .model-discover-text-block {

        width: 100%;

        padding: 20px 30px

    }



    .model-discover-root .model-discover-text-block h2 {

        font-size: 22px;

        line-height: 30px;

        margin: 38px 0 20px

    }



    .model-discover-root .model-discover-text-block p {

        font-size: 14px;

        line-height: 24px;

        margin: 0

    }



    .model-discover-root .model-discover-text-block .detail-btn {

        margin: 50px auto

    }



    .model-discover-root .model-discover-img-item {

        padding: 0 30px

    }



    .model-discover-root .model-discover-img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }

}



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

    .detail-banner-root.civic-model .top-main-info-root .btn-block span {

        font-size: 10px;

        text-align: center

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item + .info-item {

        margin: 0 0 0 25px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .phone {

        -webkit-transform: translate(-35em);

        transform: translate(-35em)

    }



    .sensing-root.new-jazz .lane-block .t-3 h3 {

        font-size: 22px;

        line-height: 32px

    }



    .sensing-root.new-jazz .lane-block .t-3 p {

        font-size: 13px;

        line-height: 20px

    }



    .sensing-root .lane-block .t-3 h3 {

        font-size: 22px;

        line-height: 32px

    }



    .sensing-root .lane-block .t-3 p {

        font-size: 13px;

        line-height: 20px

    }



    .img-slider-root.convience-pack .slider-item .img-item, .img-slider-root.fun-pack .slider-item .img-item {

        max-height: 390px;

        height: 100%

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 26px

    }

}



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

    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 9px

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 10px !important

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-block h3 {

        font-size: 26px

    }

}



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

    .anim-hidden-div {

        display: none !important

    }



    .inex-features-container .inex-features-block .inex-features-item {

        display: none;

        padding: 0 20px

    }



    .inex-features-container .inex-features-block .inex-features-item.active {

        display: block;

        max-width: 100%

    }



    .inex-features-container {

        top: 30px

    }



    .inex-features-container.info h3 {

        margin: 0 0 75px

    }



    .inex-features-container h3 {

        font-size: 20px;

        line-height: 30px;

        margin: 0 0 30px

    }



    .inex-features-container .inex-features-item span {

        font-size: 18px !important

    }



    .inex-features-container .dot-item {

        display: none

    }



    .inex-features-container.info {

        height: 100%

    }



    .inex-features-container.info .nav-block {

        display: flex;

        bottom: 65px

    }



    .inex-features-container.info .btn-item {

        position: absolute;

        top: 220px;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .inex-features-container.info .inex-features-block {

        width: 100%;

        white-space: nowrap;

        display: block

    }



    .inex-features-container.info .inex-features-block .inex-features-item {

        margin: 0;

        height: 600px;

        white-space: normal;

        width: 100%;

        max-width: 100%;

        display: inline-block;

        position: relative;

        bottom: 50px

    }



    .qr-area-root .qr-block {

        right: 4%

    }



    .qr-area-root .qr-block .qr-item {

        width: 120px

    }



    .img-text-slide-root.new-jazz .content-wrapper {

        padding: 0;

        overflow: hidden

    }



    .img-text-slide-root.new-jazz .top-block {

        margin: 0 0 24px

    }



    .img-text-slide-root.new-jazz .top-block h3 {

        font-size: 25px;

        line-height: 36px

    }



    .img-text-slide-root.new-jazz .model-list-block {

        height: 100%;

        position: relative;

        width: 100%;

        white-space: nowrap;

        display: block;

        transition: all .5s cubic-bezier(.65, .05, .36, 1);

        padding: 0

    }



    .img-text-slide-root.new-jazz .model-list-block .model-list {

        vertical-align: top;

        white-space: normal;

        width: 100%;

        max-width: 100%;

        display: inline-block;

        margin: 0;

        height: 179px

    }



    .img-text-slide-root.new-jazz .model-list-block .model-list p {

        position: absolute;

        width: 100%;

        bottom: -58px;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .img-text-slide-root.new-jazz .model-list-block .model-list img {

        width: 100%;

        height: 100%;

        object-fit: contain

    }



    .img-text-slide-root.new-jazz .nav-block {

        margin: 87px 0 0;

        display: flex

    }



    .breadcrumb-root {

        display: none

    }



    .sub-menu-root {

        top: 77px;

        background: transparent

    }



    .sub-menu-root:before {

        background-color: rgba(0, 0, 0, .3)

    }



    .detail-banner-root {

        height: auto;

        padding: 0

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn {

        bottom: -10px

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel:after {

        border-top: 16px solid #e31f2e

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn p {

        color: #e31f2e

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block img {

        margin: 0

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item img {

        width: 200px !important

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

        font-size: 22px !important

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item.typeR-accessory .banner-desc-text {

        display: none

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item .icon-item img {

        height: 29px

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block.hrv-banner-block .content-item .icon-item img {

        height: 49px

    }



    .detail-banner-root.civic-model .top-main-info-root .info-block .info-item p {

        white-space: normal

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item + .info-item {

        margin: 0

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 12px !important

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 14px !important

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn {

        bottom: -40px

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn .mouse-wheel:after {

        border-top: 16px solid #e31f2e !important

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn p {

        color: #e31f2e !important

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item .icon-item {

        margin: 13px 0 9px

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item .head-name {

        font-size: 14px !important

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item p {

        line-height: 22px !important

    }



    .detail-banner-root.city-banner {

        height: 100vh !important

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item .icon-item img {

        max-width: 200px;

        object-fit: contain;

        margin: 0

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item p {

        font-size: 22px

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item h1 {

        font-size: 25px

    }



    .detail-banner-root.city-banner .top-main-info-root {

        position: inherit

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 11px

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 11px !important

    }



    .detail-banner-root.model-banner {

        height: auto !important

    }



    .detail-banner-root.accord-banner .banner-wrapper .banner-block .content-item .icon-item img {

        height: 17px

    }



    .detail-banner-root.city-banner .banner-wrapper .scroll-btn, .detail-banner-root.model-banner .banner-wrapper .scroll-btn {

        display: block

    }



    .detail-banner-root.new-jazz .banner-wrapper .scroll-btn {

        display: none

    }



    .detail-banner-root .video-mobile {

        display: block

    }



    .detail-banner-root .video-desktop {

        display: none

    }



    .detail-banner-root .content-item, .detail-banner-root.new-jazz .content-item {

        top: 136px

    }



    .detail-banner-root .content-item svg {

        width: 140px;

        height: 80px

    }



    .detail-banner-root .content-item h1, .detail-banner-root .content-item p {

        font-size: 20px

    }



    .top-main-info-root {

        position: static

    }



    .top-main-info-root .content-wrapper {

        padding: 0

    }



    .top-main-info-root .top-info-container {

        flex-direction: column;

        justify-content: center;

        box-shadow: none;

        border-radius: 0

    }



    .top-main-info-root .info-block {

        margin: 0 0 15px;

        width: 100%;

        text-align: center;

        justify-content: space-between

    }



    .top-main-info-root .info-block .info-item span {

        font-size: 12px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 13px !important

    }



    .top-main-info-root .info-block .info-item + .info-item {

        margin: 0

    }



    .top-main-info-root .info-link-container {

        width: 100%;

        box-shadow: none;

        border-radius: 0

    }



    .text-video-root {

        background: none;

        margin: 0

    }



    .text-video-root .btn-block {

        margin: 60px 0 0

    }



    .text-video-root.model-video .text-block {

        min-height: 100%

    }



    .text-video-root.model-video .text-block .img-item {

        height: 158px;

        width: 351px;

        margin: 0 auto

    }



    .text-video-root.model-video .text-block .img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .text-video-root .jazz-right-img {

        display: none

    }



    .text-video-root .text-block {

        width: 90% !important;

        padding: 50px 0 0

    }



    .text-video-root .text-block h2 {

        font-size: 36px

    }



    .text-video-root.city-text {

        margin: 170px 0 0

    }



    .text-video-root.city-text .text-block {

        width: 90%

    }



    .text-video-root.city-text .text-block h2 {

        line-height: 45px

    }



    .sensing-root {

        padding: 48px 0

    }



    .sensing-root.new-jazz {

        background: #000

    }



    .sensing-root.new-jazz .content-wrapper {

        padding: 0 20px

    }



    .sensing-root.new-jazz .text-block {

        display: block

    }



    .sensing-root.new-jazz .text-block .title {

        display: none

    }



    .sensing-root.new-jazz .text-block p {

        font-size: 18px;

        text-align: left;

        width: 100%;

        margin: 10px 0 0

    }



    .sensing-root.new-jazz .lane-block {

        display: block

    }



    .sensing-root.new-jazz .lane-block .lane-item {

        margin: 0 0 8px;

        border-radius: 8px

    }



    .sensing-root.new-jazz .lane-block .lane-item.t-3 {

        height: 100%

    }



    .sensing-root.new-jazz .lane-block .lane-item.t-3 .sensing-video {

        min-height: 210px

    }



    .sensing-root.new-jazz .lane-block h3 {

        max-width: 258px

    }



    .sensing-root.new-jazz .lane-block .replay-btn {

        top: auto;

        left: auto;

        bottom: 20px;

        right: 20px

    }



    .sensing-root.new-jazz .lane-block .t-1 h3 {

        color: #000;

        left: 16px;

        bottom: 16px;

        line-height: 36px;

        font-size: 22px

    }



    .sensing-root.new-jazz .lane-block .t-2 h3 {

        right: 32px;

        top: 18px;

        line-height: 36px;

        font-size: 22px;

        text-align: right;

        left: inherit

    }



    .sensing-root.new-jazz .lane-block .t-3 {

        flex-direction: column

    }



    .sensing-root.new-jazz .lane-block .t-3 .text-item {

        padding: 24px;

        background: transparent

    }



    .sensing-root.new-jazz .lane-block .t-3 h3 {

        line-height: 36px;

        font-size: 22px

    }



    .sensing-root.new-jazz .lane-block .t-3 .right-item .replay-btn {

        right: 20px

    }



    .sensing-root.new-jazz .lane-triple-block {

        flex-wrap: wrap;

        height: auto;

        grid-gap: 8px;

        gap: 8px

    }



    .sensing-root.new-jazz .lane-triple-block .double-block {

        width: 100%;

        margin: 0 0 8px

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .sign-item {

        flex-direction: column;

        align-items: flex-start;

        height: 300px;

        padding: 20px 20px 10px 24px;

        margin: 0 0 8px

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .sign-item .img-block {

        width: 100%

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .sign-item img {

        margin: 0 10px

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .text-video-item {

        height: auto

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .text-video-item h3 {

        max-width: 90%

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .text-video-item .replay-btn {

        top: 20px;

        right: 20px

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .double-sign {

        display: flex;

        flex-direction: row-reverse

    }



    .sensing-root.new-jazz .lane-triple-block .double-block .double-sign figure:first-child {

        margin: 0

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block {

        width: 100%;

        height: auto

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block figure {

        height: 300px

    }



    .sensing-root.new-jazz .lane-triple-block .text-img-block figure img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .sensing-root .content-wrapper {

        padding: 0 20px

    }



    .sensing-root .text-block {

        display: block

    }



    .sensing-root .text-block p {

        width: 100%;

        margin: 10px 0 0

    }



    .sensing-root .lane-block {

        display: block

    }



    .sensing-root .lane-block .lane-item {

        height: auto;

        margin: 0 0 8px;

        border-radius: 8px

    }



    .sensing-root .lane-block .lane-item.t-3 .sensing-video {

        min-height: 210px

    }



    .sensing-root .lane-block h3 {

        max-width: 258px

    }



    .sensing-root .lane-block .replay-btn {

        top: auto;

        left: auto;

        bottom: 20px;

        right: 20px

    }



    .sensing-root .lane-block .t-1 {

        height: 300px

    }



    .sensing-root .lane-block .t-1 h3 {

        left: 16px;

        bottom: 16px;

        line-height: 36px;

        font-size: 22px

    }



    .sensing-root .lane-block .t-2 {

        height: 300px

    }



    .sensing-root .lane-block .t-2 h3 {

        right: 18px;

        top: 18px;

        line-height: 36px;

        font-size: 22px

    }



    .sensing-root .lane-block .t-3 {

        flex-direction: column

    }



    .sensing-root .lane-block .t-3 .text-item {

        padding: 24px

    }



    .sensing-root .lane-block .t-3 h3 {

        line-height: 36px;

        font-size: 22px

    }



    .sensing-root .lane-block .t-3 .right-item .replay-btn {

        right: 20px

    }



    .sensing-root .lane-triple-block {

        flex-wrap: wrap;

        height: auto;

        grid-gap: 8px;

        gap: 8px

    }



    .sensing-root .lane-triple-block .double-block {

        width: 100%;

        margin: 0 0 8px

    }



    .sensing-root .lane-triple-block .double-block .sign-item {

        flex-direction: column;

        align-items: flex-start;

        height: 300px;

        padding: 20px 20px 10px 24px;

        margin: 0 0 8px

    }



    .sensing-root .lane-triple-block .double-block .sign-item .img-block {

        width: 100%

    }



    .sensing-root .lane-triple-block .double-block .sign-item img {

        margin: 0 10px

    }



    .sensing-root .lane-triple-block .double-block .text-video-item {

        height: auto

    }



    .sensing-root .lane-triple-block .double-block .text-video-item h3 {

        max-width: 90%

    }



    .sensing-root .lane-triple-block .double-block .text-video-item .replay-btn {

        top: 20px;

        right: 20px

    }



    .sensing-root .lane-triple-block .double-block .double-sign {

        display: flex;

        flex-direction: row-reverse

    }



    .sensing-root .lane-triple-block .double-block .double-sign figure:first-child {

        margin: 0

    }



    .sensing-root .lane-triple-block .text-img-block {

        width: 100%;

        height: auto

    }



    .sensing-root .lane-triple-block .text-img-block figure {

        height: 300px

    }



    .sensing-root .lane-triple-block .text-img-block figure img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .t-1 .img-item {

        min-height: inherit

    }



    .sensing-root.model-sensing.typer-sensing h2 {

        font-size: 22px;

        margin: 40px 0

    }



    .sensing-root.model-sensing.typer-sensing .text-block {

        text-align: center

    }



    .sensing-root.model-sensing.typer-sensing .text-block p {

        text-align: center !important;

        width: 100%;

        font-size: 15px

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .lane-item {

        margin: 0 0 40px !important;

        border-radius: 25px;

        background: none

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .lane-item:first-child {

        margin: 0

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .lane-item .sensing-text-item {

        position: absolute !important;

        bottom: 20px !important;

        left: 20px !important;

        padding: 0 !important

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .lane-item.t-3 {

        margin: 0

    }



    .sensing-root.model-sensing.typer-sensing .lane-block .lane-item.t-3 .text-item {

        position: absolute;

        bottom: 20px;

        left: 20px

    }



    .sensing-root.model-sensing .content-wrapper .text-block p {

        text-align: left

    }



    .sensing-root.model-sensing .lane-block .t-1 {

        height: 100% !important;

        background: #1b212c

    }



    .sensing-root.model-sensing .lane-block .t-1 .img-item {

        min-height: 242px

    }



    .sensing-root.model-sensing .lane-block .t-1 .sensing-text-item {

        padding: 15px;

        position: relative !important;

        bottom: 0 !important;

        left: 0 !important

    }



    .sensing-root.model-sensing .lane-block .t-1 .sensing-text-item h3 {

        min-width: 100%

    }



    .sensing-root.model-sensing .lane-block .t-1 .sensing-text-item p {

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .sensing-root.model-sensing .lane-item.t-3 .sensing-img {

        min-height: 205px

    }



    .sensing-root.model-sensing .lane-item.bottom {

        flex-direction: column !important

    }



    .sensing-root.civic-model {

        background-color: #111

    }



    .sensing-root.civic-model .lane-block .lane-item.t-3 {

        flex-direction: column-reverse !important

    }



    .sensing-root.civic-model .lane-block .lane-item.t-3 img {

        max-width: 100%

    }



    .sensing-root.civic-model .lane-block .lane-item.t-3 h3 {

        font-size: 18px;

        width: 82%

    }



    .color-model-sequence {

        height: 540px

    }



    .color-model-sequence .model-block .img-item {

        width: 80%

    }



    .color-model-sequence .model-block .img-item img {

        width: 85%;

        height: 100%;

        margin: 0 auto

    }



    .img-slider-root .slider-container {

        max-width: 540px;

        height: 350px

    }



    .img-slider-root .slider-item .text-item p {

        font-size: 24px

    }



    .img-slider-root .arr-item {

        left: -30px

    }



    .img-slider-root .arr-item.right-arr {

        right: -30px

    }



    .img-slider-root.zr-v-accessory .slider-head-block h2 {

        font-size: 28px;

        line-height: 38px

    }



    .img-slider-root.zr-v-accessory .pack-desc, .img-slider-root.zr-v-accessory .slider-container {

        max-width: 540px

    }



    .img-slider-root.fun-pack .slider-container {

        max-width: 540px;

        height: 650px

    }



    .img-slider-root.fun-pack .slider-container .slider-item .img-item {

        max-height: 330px

    }



    .img-slider-root.oto-slider {

        margin: 60px 0 42px

    }



    .img-slider-root.oto-slider .slider-item {

        width: 100%;

        -webkit-transform-origin: top center;

        transform-origin: top center;

        margin: 30px 0 0

    }



    .img-slider-root.oto-slider .slider-item:not(.dct-item) {

        -webkit-transform: scale(.85) !important;

        transform: scale(.85) !important

    }



    .img-slider-root.oto-slider .slider-item img {

        border-radius: 8px

    }



    .img-slider-root.oto-slider .slider-item .text-item {

        width: calc(100% + 32px);

        margin: 46px 0 0 -16px !important;

        display: none !important

    }



    .img-slider-root.oto-slider .slider-item:not(.dct-item).active {

        -webkit-transform: scale(1) !important;

        transform: scale(1) !important

    }



    .img-slider-root.oto-slider .slider-item.active {

        margin: 0 !important

    }



    .img-slider-root.oto-slider .slider-item.active .text-item {

        display: block !important

    }



    .img-slider-root.oto-slider .arr-item {

        width: 72px;

        height: 72px;

        top: 401px !important;

        left: -36px !important

    }



    .img-slider-root.oto-slider .arr-item.right-arr {

        left: auto !important;

        right: -36px !important

    }



    .img-slider-root.cycle-slider .slider-item {

        width: 236px !important;

        margin: 0 10px !important

    }



    .img-slider-root.cycle-slider .slider-item .text-item {

        width: inherit;

        margin: 20px 0 0 !important;

        display: block !important

    }



    .img-slider-root.cycle-slider .dot-block {

        display: flex

    }



    .img-slider-root.typer-other-accessory {

        margin: 0

    }



    .img-slider-root.typer-other-accessory .slider-head-block {

        margin: 0 0 64px

    }



    .img-slider-root.typer-other-accessory .slider-head-block h2 {

        font-size: 30px;

        line-height: 40px

    }



    .img-slider-root.typer-other-accessory .slider-container {

        height: 750px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item {

        height: 350px

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item {

        margin: 32px 0 64px

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item p + p {

        margin: 24px 0 0;

        font-size: 14px;

        line-height: 23px

    }



    .img-slider-root.typer-other-accessory .arr-item {

        top: 24%

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory {

        margin: 60px 0 0

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .slider-container {

        height: 640px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory.none-desc .slider-container {

        height: 478px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory.none-desc .arr-item {

        top: 35%

    }



    .img-slider-root.typer-other-accessory.robust-pack {

        margin: 0

    }



    .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container {

        height: 680px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        max-width: 540px;

        height: 680px

    }



    .new-jazz-accessory-root .img-slider-root.fun-pack {

        margin: 30px 0 0

    }



    .img-text-slide-root .slider-block {

        background: #fff;

        white-space: nowrap;

        height: auto;

        overflow-x: auto;

        overflow-y: hidden;

        border-radius: 8px;

        padding: 0 10px

    }



    .img-text-slide-root .slider-block .slide-item {

        position: static;

        opacity: 1;

        visibility: visible;

        display: inline-block;

        width: 315px;

        background: #fff;

        margin: 0 20px 0 0;

        white-space: normal;

        vertical-align: text-top

    }



    .img-text-slide-root .slider-block .slide-item .img-item {

        height: 266px

    }



    .img-text-slide-root .slider-block .slide-item .img-item img {

        border-radius: 8px

    }



    .img-text-slide-root .slider-block .slide-item .text-block {

        padding: 30px 10px 0 0

    }



    .img-text-slide-root .bottom-nav-block {

        display: none

    }



    .img-text-slide-root.black-bg .slider-block, .img-text-slide-root.black-bg .slider-block .slide-item {

        background-color: #111

    }



    .img-text-slide-root.black-bg .slider-block .slide-item .text-block h3, .img-text-slide-root.black-bg .slider-block .slide-item .text-block p {
        color: #fff

    }



    .img-text-slide-root.model-lifeArea .content-wrapper .slider-block, .img-text-slide-root.model-lifeArea .content-wrapper .slider-block .slide-item {

        background: none

    }



    .img-text-slide-root.model-lifeArea .content-wrapper .slider-block .slide-item .text-block h3, .img-text-slide-root.model-lifeArea .content-wrapper .slider-block .slide-item .text-block p {

        color: #fff

    }



    .img-text-slide-root.city-slider .mobile-text-block {

        display: block;

        padding: 20px 30px 0

    }



    .img-text-slide-root.city-slider .mobile-text-block h3 {

        font-size: 18px;

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        color: #fff

    }



    .img-text-slide-root.city-slider .mobile-text-block p {

        font-size: 13px;

        line-height: 160%;

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        color: #fff

    }



    .img-text-slide-root.city-slider .slide-item .text-block {

        display: none !important

    }



    .img-text-slide-root.hrv-version {

        padding: 0 0 50px

    }



    .img-text-slide-root.hrv-version .content-wrapper {

        padding: 0;

        overflow: hidden

    }



    .img-text-slide-root.hrv-version .content-wrapper .content-container {

        margin: 0 25px

    }



    .img-text-slide-root.hrv-version .content-wrapper:after {

        top: auto;

        bottom: 0;

        height: calc(100% - 180px)

    }



    .img-text-slide-root.hrv-version .slider-block {

        height: auto;

        padding: 0;

        overflow: visible;

        transition: all .4s cubic-bezier(.65, .05, .36, 1)

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item {

        background-color: initial;

        width: calc(100vw - 60px);

        margin: 0 5px;

        transition: all .4s cubic-bezier(.65, .05, .36, 1)

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .img-item {

        width: 100%;

        border-radius: 8px;

        height: 360px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .text-block {

        padding: 20px 34px 58px 0;

        width: 100%;

        display: none

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item.active .text-block {

        display: block

    }



    .img-text-slide-root.hrv-version .bottom-nav-block {

        display: block;

        padding: 0 0 5px;

        right: auto;

        left: -6px

    }



    .text-img-banner .text-item {

        max-width: 100%

    }



    .text-img-banner.black-bg {

        display: none

    }



    .text-img-banner.black-bg.new-jazz {

        display: block

    }



    .text-img-banner.black-bg.new-jazz .detail-btn {

        margin: 0 auto 15px;

        width: 220px;

        height: 56px

    }



    .text-img-banner.black-bg.new-jazz .detail-btn span {

        font-size: 12px

    }



    .text-img-banner.city-bg {

        display: block !important;

        padding: 0 20px

    }



    .text-img-banner.city-bg .img-item {

        height: 260px

    }



    .text-img-banner.city-bg .img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .text-img-banner.city-bg .text-item {

        padding: 10px 0;

        position: static !important

    }



    .text-img-banner.city-bg .text-item h3 {

        font-size: 18px

    }



    .text-img-banner.city-bg .text-item p {

        margin: 0 !important;

        font-size: 13px

    }



    .text-img-banner.civic-model-img {

        display: flex;

        padding: 60px 30px 0;

        height: 100%

    }



    .text-img-banner.civic-model-img .content-wrapper {

        margin: 0

    }



    .text-img-banner.civic-model-img .content-block .img-item {

        height: 260px

    }



    .text-img-banner.civic-model-img .content-block .img-item img {

        height: 100%;

        width: 100%;

        object-fit: cover;

        border-radius: 8px

    }



    .text-img-banner.civic-model-img .text-item {

        position: static

    }



    .text-img-banner.civic-model-img .text-item h3 {

        font-size: 18px

    }



    .text-img-banner.civic-model-img .text-item p {

        font-size: 13px

    }



    .technology-area-root .logos-container {

        flex-direction: column-reverse

    }



    .technology-area-root .logos-container .text-item {

        max-width: 100%;

        text-align: left

    }



    .technology-area-root .logos-container .logos-block {

        justify-content: center;

        margin: 0 0 15px

    }



    .threed-root {

        padding: 0 20px !important

    }



    .threed-root.city-int {

        padding: 30px 20px 0 !important

    }



    .threed-root.accord-int {

        padding: 0 20px 30px !important

    }



    .threed-root .threed-container {

        padding: 20px !important;

        border-radius: 16px;

        align-items: center;

        background: #232323

    }



    .threed-root .threed-container.city-bottom .top-bg-item, .threed-root .threed-container .text-block .text-item {

        display: none

    }



    .threed-root .threed-container.city-bottom .text-block .text-item {

        top: 150px;

        left: 30px;

        width: 85%

    }



    .threed-root .threed-container.city-bottom .text-block .text-item h2 {

        font-size: 22px

    }



    .threed-root .threed-container.city-bottom .text-block .text-item p {

        font-size: 14px

    }



    .threed-root .threed-container.city-bottom .bottom-container .model-name {

        display: none

    }



    .threed-root .btn-item {

        cursor: pointer;

        display: flex;

        justify-content: center;

        align-items: center;

        width: 267px;

        height: 66px;

        background-color: #e31f2e;

        border: 1px solid #e31f2e;

        border-radius: 50px;

        transition: all .2s;

        margin: 0 0 24px

    }



    .threed-root .btn-item a {

        display: flex;

        align-items: center;

        justify-content: space-between

    }



    .threed-root .btn-item a p {

        margin: 0 0 0 10px

    }



    .threed-root .btn-item a, .threed-root .btn-item span {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 11px;

        color: #fff;

        letter-spacing: 2px

    }



    .threed-root .btn-item:hover {

        box-shadow: 0 10px 20px rgba(227, 31, 46, .350743)

    }



    .threed-root .btn-item.model-compare {

        width: 360px

    }



    .threed-root .bottom-container .bottom-block {

        display: none

    }



    .threed-root .bottom-container {

        position: static

    }



    .threed-root .bottom-container .model-name {

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        top: 20px

    }



    .threed-root .bottom-container .model-name .model-item {

        margin: 0 20px

    }



    .threed-root .bottom-container .icon-item {

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        bottom: 20px;

        padding: 0;

        text-align: center

    }



    .threed-root .bottom-container .icon-item p {

        display: block

    }



    .threed-root {

        min-height: auto

    }



    .threed-root .text-item {

        top: 20px;

        left: 20px

    }



    .threed-root .text-item h2 {

        font-size: 20px;

        line-height: 28px

    }



    .threed-root .text-item p {

        font-size: 12px;

        line-height: 20px;

        margin: 5px 0 0

    }



    .threed-root.detail-int .threed-container {

        display: flex;

        flex-direction: column-reverse

    }



    .threed-root.detail-int .threed-container .text-block {

        margin: inherit;

        width: 100%

    }



    .threed-root.detail-int .threed-container .text-item {

        opacity: 1 !important;

        position: relative;

        left: 0;

        padding: 0 30px;

        width: 100%;

        max-width: 100%

    }



    .threed-root.detail-int .threed-container .bottom-container .model-name .model-item svg {

        width: 115px

    }



    .threed-root.detail-int .threed-container .bottom-container .icon-item {

        bottom: 120px

    }



    .threed-root.detail-int .threed-container .top-bg-item {

        display: none

    }



    .threed-root.detail-int .threed-container .interior-mobile {

        position: relative;

        overflow: hidden;

        width: 265px;

        height: 141px;

        border-radius: 23px;

        margin: 0 auto

    }



    .threed-root.detail-int .threed-container .interior-mobile .phone-img {

        display: block;

        position: absolute;

        top: 0;

        left: -1px;

        z-index: 1

    }



    .threed-root.detail-int .threed-container .interior-mobile .phone-img img {

        max-width: none

    }



    .threed-root.detail-int .threed-container .interior-mobile .int-img {

        height: 210px !important;

        width: 262px !important;

        margin: 0 auto;

        position: absolute;

        top: 7px;

        left: -100px

    }



    .threed-root.detail-int .threed-container .interior-mobile .int-img img {

        max-width: none

    }



    .threed-root.detail-int .threed-container .interior-mobile .pnlm-container {

        display: none

    }



    .double-text-img-root .content-wrapper {

        display: flex;

        overflow-x: auto;

        overflow-y: hidden;

        white-space: nowrap

    }



    .double-text-img-root .content-container {

        padding: 0 10px

    }



    .double-text-img-root .content-block {

        flex-direction: column !important;

        height: auto;

        display: inline-flex;

        width: 315px;

        white-space: normal;

        vertical-align: top;

        margin: 0 20px 0 0;

        padding: 0 0 10px

    }



    .double-text-img-root .content-block:nth-child(2n) {

        flex-direction: column-reverse !important

    }



    .double-text-img-root .content-block:nth-child(2n) .text-item {

        padding: 0

    }



    .double-text-img-root .content-block .img-item {

        height: 260px;

        flex: inherit;

        width: 100%

    }



    .double-text-img-root .content-block .img-item img {

        width: 100%;

        border-radius: 8px

    }



    .double-text-img-root .content-block .text-block {

        margin: 25px 0 0 !important

    }



    .double-text-img-root .content-block .text-item {

        width: 100%;

        text-align: left;

        padding: 0 20px 0 0

    }



    .double-text-img-root .content-block .text-item h2 {

        font-size: 18px

    }



    .double-text-img-root .content-block .text-item p {

        font-size: 13px;

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .double-text-img-root.double-video-root .content-block:nth-child(2n) {

        margin: 0

    }



    .double-text-img-root.double-video-root .content-block:nth-child(2n) .text-item {

        padding: 0

    }



    .double-text-img-root.double-video-root .video-item video {

        border-radius: 8px

    }



    .double-text-img-root.double-video-root .replay-btn {

        bottom: 16px;

        right: 16px

    }



    .double-text-img-root.civic-model-text .content-wrapper {

        padding: 30px 20px 0

    }



    .double-text-img-root.civic-model-text .content-wrapper .content-container .content-block {

        display: flex;

        width: 100%

    }



    .double-text-img-root.civic-model-text .content-wrapper .content-container .content-block .text-item {

        text-align: center

    }



    .double-text-img-root.civic-double {

        height: 1100px

    }



    .double-text-img-root.civic-double .content-wrapper .content-container .content-block:last-child {

        position: absolute;

        display: flex

    }



    .version-content-root {

        padding: 60px 0

    }



    .version-content-root .version-wrapper .top-block {

        display: block

    }



    .version-content-root .version-wrapper .top-block h2 {

        font-size: 20px;

        line-height: 32px;

        max-width: 100%

    }



    .version-content-root .version-wrapper .top-block .img-item {

        position: static

    }



    .version-content-root .version-wrapper .top-block .img-item img {

        max-width: 100%

    }



    .version-content-root .tabs-block {

        margin: 0 0 30px

    }



    .version-content-root .tabs-block p {

        font-size: 16px;

        padding: 0 0 2px

    }



    .version-content-root .tabs-block p + p {

        margin: 0 0 0 19px

    }



    .version-content-root .feature-block ul li {

        width: 49%;

        font-size: 13px

    }



    .version-content-root .feature-block ul li p {

        width: 90%

    }



    .version-content-root.model-version .img-item {

        margin: 20px 0 !important

    }



    .version-content-root.civic-version .version-wrapper .feature-container .tabs-block p {

        font-size: 13px

    }



    .version-content-root.hrv-version {

        min-height: 844px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 {

        font-size: 30px;

        line-height: 42px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 span {

        line-height: 42px

    }



    .version-content-root.hrv-version .tabs-block {

        margin: 30px 0 12px

    }



    .version-content-root.hrv-version .tabs-block p {

        font-size: 16px;

        line-height: 20px

    }



    .version-content-root.hrv-version .tabs-block p + p {

        margin: 0 0 0 36px

    }



    .version-content-root.hrv-version .feature-wrapper:after, .version-content-root.hrv-version .feature-wrapper:before {

        display: none

    }



    .version-content-root.hrv-version .feature-container {

        flex-direction: column;

        align-items: center

    }



    .version-content-root.hrv-version .feature-content-block {

        padding: 0

    }



    .version-content-root.hrv-version .feature-block {

        margin: 6px 8px 0 30px

    }



    .version-content-root.hrv-version .feature-block ul {

        flex-direction: row

    }



    .version-content-root.hrv-version .feature-block ul li {

        width: 50%

    }



    .version-content-root.hrv-version .feature-block ul li p {

        width: 90%

    }



    .version-content-root.hrv-version .btn-block {

        align-items: center

    }



    .version-content-root.hrv-version .img-item .lazyload-wrapper {

        margin: 0 14px 0 8px;

        width: auto;

        height: auto

    }



    .version-content-root.hrv-version .img-item img {

        width: 100%

    }



    .version-content-root.new-jazz {

        padding: 48px 0 0;

        min-height: auto

    }



    .triple-video-root {

        height: 420px

    }



    .triple-video-root .list-item {

        padding: 20px 0 0 15px;

        height: 100px

    }



    .triple-video-root .list-item p {

        font-size: 15px;

        line-height: 19px

    }



    .triple-video-root .list-item span {

        font-size: 12px;

        line-height: 16px

    }



    .technology-area-root .img-item {

        min-height: auto;

        height: 100%

    }



    .triple-tab-root .video-block {

        height: 350px;

        min-height: auto

    }



    .triple-tab-root .video-block video {

        height: 100%;

        object-fit: cover

    }



    .text-link-root .content-wrapper .content-block {

        flex-direction: column

    }



    .text-link-root .content-wrapper .content-block p {

        font-size: 24px;

        line-height: 36px;

        margin: 0 0 10px

    }



    .text-link-root .content-wrapper .content-block .btn-item {

        width: 240px;

        min-width: 240px;

        height: 60px

    }



    .prelansman-root .city-logo-item p {

        left: 0 !important

    }



    .prelansman-root .double-text-img-root .content-wrapper {

        display: block;

        white-space: inherit;

        padding: 0

    }



    .prelansman-root .double-text-img-root .content-block {

        display: flex;

        width: 100%

    }



    .prelansman-root .double-text-img-root .content-block:last-child .img-item img {

        object-fit: contain

    }



    .prelansman-root .double-text-img-root .content-block .text-block {

        padding: 0 15px

    }



    .prelansman-root .double-text-img-root .content-block .text-item {

        text-align: center

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root {

        background-color: initial

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .scroll-btn {

        border-radius: 50px 50px 0 0;

        margin: 0 auto;

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center;

        position: relative

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .scroll-btn p {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 11px;

        color: #e31f2e;

        line-height: 14px;

        letter-spacing: 4px;

        margin: 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .scroll-btn .mouse-wheel {

        height: 25px;

        width: 3px;

        overflow: hidden;

        top: 18px;

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin-right: auto;

        margin-left: auto

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .scroll-btn .mouse-wheel:after {

        content: "";

        height: 30px;

        width: 4px;

        display: flex;

        border-top: 16px solid #e31f2e;

        border-radius: 16px;

        -webkit-animation: mouse-anim .4s linear infinite;

        -moz-animation: mouse-anim .6s linear infinite

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-wrapper {

        padding: 50px 0 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-container {

        height: auto;

        flex-direction: column

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-container {

        min-width: auto;

        justify-content: center

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item {

        align-items: center

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .logo-item span {

        margin: 0 0 15px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item {

        text-align: center;

        margin: 14px 0 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item h3 {

        margin-right: -.59em

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .text-item p {

        margin: 22px 0 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-content-block .detail-btn {

        margin: 24px auto 0;

        width: 225px

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-img-block {

        justify-content: center;

        margin: 23px 0 0

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root {

        background-color: #f8f8f8

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-wrapper {

        padding: 78px 0 0

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-img-block {

        margin: 28px 0 0

    }



    .city-more-root {

        padding: 20px 0 10px

    }



    .city-more-root .more-container .text-block h2 {

        font-size: 24px;

        line-height: 30px

    }



    .city-more-root .more-container .text-block p {

        font-size: 16px

    }



    .city-more-root .more-container .more-block {

        display: block;

        height: auto;

        border-radius: 8px

    }



    .city-more-root .more-container .more-block.top .img-item + .img-item {

        display: none

    }



    .city-more-root .more-container .more-block.top .img-item:first-child img {

        object-fit: contain

    }



    .city-more-root .more-container .more-block .text-item {

        padding: 24px

    }



    .city-more-root .more-container .more-block .text-item h5 {

        left: 0;

        font-size: 18px

    }



    .city-more-root .more-container .more-block .text-item p {

        display: block;

        position: relative

    }



    .city-more-root .more-container .more-block .img-item {

        flex: 1 1;

        height: 178px

    }



    .city-more-root .more-container .more-block .img-item img {

        object-fit: cover

    }



    .city-more-root .more-container .more-block.bottom .text-item h5 {

        margin: 0;

        line-height: 26px

    }



    .city-more-root .more-container .more-block.bottom .img-item img {

        object-fit: cover

    }



    .model-design-root.model-design {

        padding: 0 0 48px;

        height: 385px

    }



    .model-design-root.typeR {

        height: 555px;

        padding: 50px 0 0

    }



    .model-design-root.typeR .mobile-head-block .text-block {

        display: block

    }



    .model-design-root.typeR .mobile-head-block .btn-item {

        display: flex

    }



    .model-design-root.typeR .model-design-container .model-design-block {

        max-height: 300px

    }



    .model-design-root.typeR .model-design-container .model-design-block .qr-text-area .mobile-phone-img {

        height: 220px;

        width: 310px

    }



    .model-design-root.typeR .model-design-container .model-design-block .qr-text-area .mobile-phone-img img {

        width: 100%;

        height: 100%

    }



    .model-design-root.typeR .model-design-container .model-design-block .qr-text-area .left-block .btn-item {

        display: none;

        margin: 0 0 20px

    }



    .model-design-root.typeR .model-design-container .model-design-block .qr-text-area .left-block .btn-item p {

        margin: 0 0 0 10px

    }



    .model-design-root .model-design-container {

        height: 100%;

        padding: 0 20px;

        border-radius: 16px

    }



    .model-design-root .model-design-container .model-design-block {

        height: 100%

    }



    .model-design-root .model-design-container .model-design-block .img-item {

        height: 100%;

        border-radius: 16px

    }



    .model-design-root .model-design-container .model-design-block .img-item img {

        border-radius: 16px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        height: 100%;

        justify-content: flex-end;

        padding: 0

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .qr-block {

        display: none

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .btn-item {

        display: flex;

        margin: 0 0 20px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .btn-item p {

        margin: 0 0 0 10px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .mobile-car {

        display: block

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .phone, .model-design-root .model-design-container .model-design-block .qr-text-area .right-block {

        display: none

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .mobile-img {

        width: auto;

        height: auto

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .mobile-phone-img {

        height: 218px;

        width: 314px

    }



    .model-design-root .model-design-container .model-design-block .text-block {

        display: none

    }



    .model-design-root.qr-design-widget {

        padding: 48px 0;

        height: 433px

    }



    .model-design-root.qr-design-widget .model-design-container .model-design-block .qr-text-area .left-block .mobile-car {

        width: 100%

    }



    .model-performance-root {

        padding: 58px 0 50px !important

    }



    .model-performance-root .performance-wrapper .text-block {

        padding: 0 20px;

        text-align: start;

        margin: 0 0 20px

    }



    .model-performance-root .performance-wrapper .text-block h1 {

        font-size: 24px

    }



    .model-performance-root .performance-wrapper .text-block p {

        font-size: 14px;

        margin: 0

    }



    .model-performance-root .performance-container {

        display: flex;

        overflow-x: auto;

        overflow-y: hidden;

        white-space: nowrap

    }



    .model-performance-root .performance-container .performance-block .performance-item {

        flex-direction: column !important;

        height: auto;

        display: inline-flex;

        width: 315px;

        white-space: normal;

        vertical-align: top;

        margin: 0 20px 0 0

    }



    .model-performance-root .performance-container .performance-block .performance-item:first-child {

        margin: 0 20px

    }



    .model-performance-root .performance-container .performance-block .performance-item .text-item h3 {

        font-size: 20px

    }



    .model-performance-root .performance-container .performance-block .performance-item .text-item p {

        font-size: 13px !important;

        font-family: "SharpGroteskLight25-Regular", arial, helvetica, sans-serif !important;

        font-weight: 400 !important;

        line-height: 24px

    }



    .model-performance-root.civic-performance {

        padding: 30px 30px 20px !important

    }



    .model-performance-root.civic-performance .text-block {

        padding: 0 !important

    }



    .model-performance-root.civic-performance .text-block p {

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 13px !important

    }



    .triple-img-root.model-tech {

        padding: 0 0 30px

    }



    .triple-img-root.civic-model {

        padding: 0

    }



    .triple-img-root.civic-model .logos-container {

        padding: 0 !important

    }



    .triple-img-root.civic-model .logos-container .text-item {

        text-align: left

    }



    .triple-img-root.civic-model .logos-container .text-item h3 {

        font-size: 18px;

        line-height: 25.2px

    }



    .triple-img-root.civic-model .logos-container .text-item p {

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .triple-img-root.civic-model .text-block {

        padding: 0;

        margin: 0 0 20px

    }



    .triple-img-root.civic-model .content-wrapper {

        padding: 0 30px

    }



    .triple-img-root.civic-model .content-wrapper .content-container .img-item {

        display: block !important

    }



    .triple-img-root.civic-model .content-wrapper .content-container .img-item img {

        height: 260px;

        display: block !important;

        object-fit: cover;

        border-radius: 8px

    }



    .triple-img-root.civic-model .content-wrapper .content-container .img-item .text-item {

        position: relative;

        left: auto;

        bottom: auto

    }



    .triple-img-root.civic-model .content-wrapper .content-container .img-item .text-item h5 {

        font-size: 18px;

        color: #000

    }



    .triple-img-root.civic-model .content-wrapper .content-container .img-item .text-item p {

        font-size: 13px;

        color: #000;

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .triple-img-root.civic-model .logo-item {

        background: #eaeaea !important

    }



    .triple-img-root.civic-model .logo-item p {

        color: #000 !important

    }



    .triple-img-root.civic-model .performance-img {

        height: 280px

    }



    .triple-img-root.civic-model .performance-img img {

        object-fit: cover

    }



    .triple-img-root.civic-security {

        padding: 0 !important

    }



    .triple-img-root.model-triple, .triple-img-root.remote {

        padding: 0 0 20px

    }



    .triple-img-root.remote .img-item img {

        display: block !important

    }



    .triple-img-root.remote .img-item .text-item {

        position: relative !important;

        bottom: 0 !important;

        left: 0 !important

    }



    .triple-img-root.remote .img-item .text-item h5, .triple-img-root.remote .img-item .text-item p {

        color: #000 !important

    }



    .triple-img-root.remote .img-item .text-item h5 {

        margin: 15px 0 0;

        font-size: 24px !important;

        line-height: 30px !important

    }



    .triple-img-root.remote .img-item .text-item p {

        font-size: 13px !important;

        font-family: "SharpGroteskLight25-Regular", arial, helvetica, sans-serif !important;

        font-weight: 400 !important

    }



    .triple-img-root.remote .content-wrapper {

        padding: 0 30px !important

    }



    .triple-img-root.technology-area-root .logo-anim-block {

        display: none

    }



    .color-model-root.color-option .text-item h2 {

        font-size: 34px

    }



    .color-model-root.color-option .color-model-sequence {

        height: 400px !important

    }



    .color-model-root.color-option .color-model-sequence .img-item {

        -webkit-transform: translate(-50%, 10%) !important;

        transform: translate(-50%, 10%) !important

    }



    .color-model-root.accord-model-design, .color-model-root.civic-model-design {

        margin: 0 0 50px !important

    }



    .color-model-root.accord-model-design .content-wrapper .color-model-sequence, .color-model-root.civic-model-design .content-wrapper .color-model-sequence, .color-model-root.model-design .content-wrapper .color-model-sequence {

        height: 400px

    }



    .color-model-root.hrv-model .model-block .img-item {

        width: auto

    }



    .color-model-root.hrv-model .color-set-block {

        margin: 20px 0 0

    }



    .color-model-root.jazz_features {

        padding: 30px 0 0

    }



    .color-model-root.jazz_features.zrv .bg-item {

        top: 0

    }



    .color-model-root.jazz_features.zrv .text-item:first-child {

        margin: 0

    }



    .color-model-root.jazz_features.zrv .text-item.dimensions p {

        justify-content: center

    }



    .color-model-root.jazz_features .text-item {

        margin: 0 auto 30px

    }



    .color-model-root.jazz_features .text-item.dimensions {

        display: block;

        margin: 0 auto 68px

    }



    .color-model-root.jazz_features .text-item.dimensions p {

        margin: 20px auto

    }



    .accesories-root.civic-accesories .accesories-container {

        padding: 0

    }



    .civic-page-root .sub-menu-root {

        top: 60px

    }



    .civic-page-root .sub-menu-root.sticky {

        top: 0

    }



    .hrv-page-root .sub-menu-root {

        top: 60px

    }



    .hrv-page-root .sub-menu-root.sticky {

        top: 0

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .head-name {

        line-height: 14.98px !important;

        margin: 0 0 20px !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .icon-item {

        margin: 0 !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .bottom-name {

        margin: 14px 0 0 !important;

        line-height: 30px !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item img {

        margin: 0 !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .scroll-btn p {

        color: #fff !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .scroll-btn .mouse-wheel:after {

        border-top-color: #fff !important

    }



    .hrv-page-root .text-video-root .text-block {

        padding: 70px 0 29px

    }



    .hrv-page-root .text-video-root .text-block .img-item, .hrv-page-root .text-video-root .text-block .img-item img {

        width: auto;

        height: auto

    }



    .hrv-page-root .steady-design-root .img-container {

        background: hsla(0, 0%, 97.3%, .9725490196);

        height: 640px

    }



    .hrv-page-root .steady-design-root .img-container img {

        width: 100%;

        margin: 0;

        max-width: 600px

    }



    .hrv-page-root .steady-design-root .qr-container {

        display: none

    }



    .hrv-page-root .steady-design-root .mobile-btn-item {

        display: flex;

        justify-content: center;

        width: 100%;

        left: 0;

        top: 11%;

        position: absolute

    }



    .hrv-page-root .steady-design-root .mobile-btn-item .detail-btn {

        height: 45px;

        width: auto;

        padding: 0 20px;

        margin: 0

    }



    .hrv-page-root .steady-design-root .mobile-btn-item .detail-btn span {

        font-size: 11.5px;

        letter-spacing: normal

    }



    .model-page-root .sub-menu-root {

        top: 60px

    }



    .model-page-root .sub-menu-root.sticky {

        top: 0

    }



    .standout-features-root .standout-features-wrapper {

        padding: 60px 0 0

    }



    .standout-features-root .head-text-block {

        margin: 0 30px 20px;

        text-align: left

    }



    .standout-features-root .head-text-block .head-title-item h2 {

        font-size: 44px;

        line-height: 60px

    }



    .standout-features-root .head-text-block .head-desc-item p {

        font-size: 14px;

        line-height: 22px

    }



    .standout-features-root .feature-block {

        flex-direction: column

    }



    .standout-features-root .feature-item {

        width: 100%;

        margin: 0 0 43px

    }



    .standout-features-root .feature-item .img-block {

        height: 300px

    }



    .drive-mode-2-root {

        padding: 10px 0 0;

        min-height: 710px

    }



    .drive-mode-2-root .content-wrapper {

        padding: 0

    }



    .drive-mode-2-root .title-item {

        padding: 0 30px;

        margin: 0 0 23px

    }



    .drive-mode-2-root .title-item h1, .drive-mode-2-root .title-item h2 {

        font-size: 41px;

        line-height: 54px

    }



    .drive-mode-2-root .drive-mode-container {

        position: relative

    }



    .drive-mode-2-root .drive-mode-block {

        overflow: auto

    }



    .drive-mode-2-root .drive-mode-block .change-bar-block {

        padding: 0 0 6px;

        margin: 0 30px;

        width: 644px;

        position: static

    }



    .drive-mode-2-root .drive-mode-block .change-bar-block:after {

        top: auto;

        bottom: 0;

        left: 30px;

        height: 1px;

        background-color: rgba(0, 0, 0, .1882352941);

        width: 100%;

        max-width: calc(100vw - 60px)

    }



    .drive-mode-2-root .drive-mode-block .progress-item {

        margin: 0 30px 0 0;

        flex: none

    }



    .drive-mode-2-root .drive-mode-block .progress-item .progress-bar, .drive-mode-2-root .drive-mode-block .progress-item .progress-point {

        display: none

    }



    .drive-mode-2-root .drive-mode-block .progress-item .progress-label {

        font-size: 14px

    }



    .drive-mode-2-root .drive-mode-block .last-progress-point {

        display: none

    }



    .drive-mode-2-root .video-container {

        margin: 0 0 21px;

        padding: 0 30px;

        overflow: hidden;

        width: 100%

    }



    .drive-mode-2-root .video-container video {

        width: 150%;

        margin: 0 50px 0 0

    }



    .drive-mode-2-root .description-container {

        padding: 0 30px;

        flex-direction: column;

        align-items: flex-start;

        min-height: auto

    }



    .drive-mode-2-root .description-container .logo-item {

        margin: 0 0 20px

    }



    .drive-mode-2-root .description-container .text-item {

        flex: none

    }



    .drive-mode-2-root .description-container .text-item p {

        font-size: 14px;

        line-height: 21px

    }



    .drive-mode-2-root .logo-item img {

        height: 22px

    }



    .three-sixty-look-root {

        padding: 60px 0

    }



    .three-sixty-look-root.typer-version .three-sixty-look-wrapper .head-title-item {

        padding: 0 20px

    }



    .three-sixty-look-root .head-title-item {

        margin: 0 20px

    }



    .three-sixty-look-root h2 {

        font-size: 41px;

        line-height: 54px

    }



    .three-sixty-look-root .tabs-container {

        padding: 0 0 9px;

        margin: 21px auto 30px;

        max-width: 333.34px

    }



    .three-sixty-look-root .tabs-container.first-tab:after {

        width: 141.67px

    }



    @-webkit-keyframes active-tab-1 {

        0% {

            left: 141.39px;

            width: 131.67px

        }

        to {

            left: 0;

            width: 141.67px

        }

    } @keyframes active-tab-1 {

          0% {

              left: 141.39px;

              width: 131.67px

          }

          to {

              left: 0;

              width: 141.67px

          }

      } .three-sixty-look-root .tabs-container.second-tab:after {

            left: 201.67px;

            width: 131.67px

        }



    @-webkit-keyframes active-tab-2 {

        0% {

            left: 0;

            width: 141.67px

        }

        to {

            left: 141.39px;

            width: 131.67px

        }

    } @keyframes active-tab-2 {

          0% {

              left: 0;

              width: 141.67px

          }

          to {

              left: 141.39px;

              width: 131.67px

          }

      } .three-sixty-look-root .tabs-container span {

            font-size: 19px;

            line-height: 24px

        }



    .three-sixty-look-root.typer-version .tabs-container {

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        padding: 0 !important

    }



    .engineering-root.new-engineering-root .engineering-container {

        padding: 0 0 40px

    }



    .engineering-root.jazz .engineering-container {

        padding: 0

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 550px

    }



    .engineering-root .engineering-container {

        padding: 0

    }



    .typeR-logR-root .detail-banner-root.model-banner {

        height: calc(100vh + 100px) !important

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item {

        left: 0;

        padding: 0 20px

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1 {

        font-size: 25px;

        line-height: 32px

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

        font-size: 14px !important;

        line-height: 24px

    }



    .logR-content-wrapper {

        margin: 30px 0

    }



    .logR-content-wrapper .logR-text-block {

        width: 100%;

        margin: 0;

        padding: 20px 0

    }



    .logR-content-wrapper .logR-content-item {

        display: block;

        margin: 0

    }



    .logR-content-wrapper .logR-content-item .logR-img-item {

        width: 100%;

        height: 300px

    }



    .logR-content-wrapper .logR-content-item .logR-img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .logR-content-wrapper .logR-content-item:nth-child(2n) .logR-content-text-item {

        margin: 0

    }



    .logR-content-wrapper.typer-interior-accessory {

        padding: 0;

        margin: 0 auto 64px

    }



    .logR-content-wrapper.typer-interior-accessory .head-title-block h2 {

        margin: 64px 0;

        font-size: 30px;

        line-height: 40px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item {

        margin: 64px 0 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item h3 {

        font-size: 26px;

        line-height: 36px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item:first-child {

        margin: 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item p {

        margin: 0 0 48px;

        font-size: 14px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item .logR-img-item {

        width: 100%;

        border-radius: 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-text-item {

        width: 100%;

        text-align: center

    }



    .logR-content-wrapper.typer-interior-accessory .logR-text-block {

        padding: 0 20px

    }



    .model-list-block .model-list-list {

        margin: 5px 5px 0 0 !important

    }



    .model-list-block.bottom {

        width: 60%;

        align-items: flex-start !important

    }



    .logR-info-wrapper .logR-info-container {

        padding: 70px 20px

    }



    .logR-info-wrapper .logR-info-text-item p {

        font-size: 14px;

        line-height: 24px

    }



    .top-main-info-root.logR-main-info-root {

        display: none

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 235px

    }

}



@-webkit-keyframes respAnim {

    0% {

        right: 0

    }

    to {

        right: -185px

    }

}



@keyframes respAnim {

    0% {

        right: 0

    }

    to {

        right: -185px

    }

}



@-webkit-keyframes secondRespAnim {

    0% {

        right: 0

    }

    to {

        right: -165px

    }

}



@keyframes secondRespAnim {

    0% {

        right: 0

    }

    to {

        right: -165px

    }

}



@-webkit-keyframes mobileAnim {

    0% {

        right: 0

    }

    to {

        right: -145px

    }

}



@keyframes mobileAnim {

    0% {

        right: 0

    }

    to {

        right: -145px

    }

}



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

    .swiper-content-root.desing .content-container .swiper-container .swiper-block-wrapper, .swiper-content-root.techno .content-container .swiper-container .swiper-block-wrapper {

        height: -moz-fit-content;

        height: -webkit-fit-content;

        height: fit-content

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 550px

    }



    .img-slider-root.oto-slider.info-slider-root {

        padding: 0 !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .scroll-btn {

        bottom: -76px

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 450px

    }



    .color-model-root.hrv-model .model-block .img-item {

        min-height: 200px

    }



    .engineering-root {

        padding: 30px 0 0

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 570px

    }



    .engineering-root .engineering-container h2 {

        font-size: 20px;

        line-height: 33px;

        padding: 0 10px

    }



    .engineering-root .engineering-container .description {

        font-size: 16px;

        line-height: 27px;

        width: 100%;

        padding: 30px 10px

    }



    .engineering-root .engineering-container .engineering-block {

        margin: 0;

        padding: 0 20px

    }



    .engineering-root .engineering-container .engineering-block .engineering-item p {

        margin: 36px 0 0;

        font-size: 20px

    }



    .inex-features-container .inex-features-block {

        cursor: pointer;

        margin: 0 0 20px;

        display: flex;

        align-items: center;

        justify-content: center

    }



    .inex-features-container .inex-features-block .inex-features-item span {

        font-family: "SharpGroteskSmBold25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 600;

        font-size: 22px;

        color: #fff

    }



    .inex-features-container .inex-features-block .inex-features-item p {

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 16px;

        color: #fff

    }



    .inex-features-container .inex-features-block .inex-features-item.active .dot-item {

        background-color: #fff

    }



    .inex-features-container .inex-features-block .inex-features-item .dot-item {

        margin: 0 auto;

        width: 10px;

        height: 10px;

        border-radius: 50%

    }



    .inex-features-container .inex-features-block .inex-features-item .dot-item.active {

        background-color: #fff

    }

}



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

    .top-main-info-root .info-block .info-item span {

        font-size: 10px

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 12px !important

    }



    .prelansman-root.hrv-prelansman-root .header-root .header-container .logo-item {

        display: none

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root {

        padding: 0

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-wrapper {

        padding: 50px 0 0

    }



    .hrv-page-root .steady-design-root .mobile-btn-item {

        top: 80px

    }



    .sub-menu-root.accessory-sub-menu {

        top: 110px

    }



    .sub-menu-root.accessory-sub-menu.sticky {

        top: 0

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 590px

    }

}



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

    .img-slider-root.oto-slider.info-slider-root {

        padding: 0 !important

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 420px

    }



    .img-slider-root.oto-slider .arr-item {

        top: 296px !important

    }



    .img-slider-root.oto-slider .slider-item {

        margin: 12px 0 0 !important

    }



    .img-slider-root.cycle-slider .slider-item {

        margin: 0 10px !important

    }



    .drive-mode-2-root .drive-mode-block:after {

        pointer-events: none;

        content: "";

        display: block;

        position: absolute;

        bottom: -5px;

        width: 87px;

        height: 35px;

        right: 0;

        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 139.09%)

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 410px

    }

}



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

    .qr-area-root .mask-img {

        width: 100%

    }



    .qr-area-root .qr-block {

        width: 100%;

        top: 0;

        left: 0;

        right: auto;

        display: flex;

        flex-direction: column;

        align-items: center;

        padding: 50px 20px

    }



    .qr-area-root .qr-block .btn-item {

        display: flex

    }



    .qr-area-root .qr-block .title-item {

        margin: 0 0 20px;

        text-align: center

    }



    .qr-area-root .qr-block .qr-item {

        display: none

    }



    .only-image-root .scroll-btn {

        bottom: 10px

    }



    .banner-slider-root.zrv {

        height: auto !important

    }



    .engineering-root.jazz {

        background: linear-gradient(180deg, #3c6caf, rgba(168, 187, 201, .9))

    }



    .engineering-root.jazz img {

        top: -87px

    }



    .engineering-root.jazz .engineering-container h2 {

        width: 100%

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        max-width: 100%;

        height: 500px

    }



    .detail-banner-root .banner-wrapper {

        min-height: 500px

    }



    .detail-banner-root.jazz-banner .banner-wrapper {

        min-height: 250px

    }



    .detail-banner-root.new-jazz .banner-wrapper .banner-block .content-item {

        top: 160px

    }



    .detail-banner-root.new-jazz .banner-wrapper .banner-block .content-item p {

        font-size: 15px !important;

        line-height: 24px !important

    }



    .detail-banner-root.new-jazz .banner-wrapper .banner-block .content-item img {

        width: 195px !important;

        height: 67px !important

    }



    .detail-banner-root.new-jazz.zrv .banner-wrapper .banner-block .content-item img {

        width: 318px !important;

        height: auto !important

    }



    .detail-banner-root .content-item {

        top: 160px

    }



    .detail-banner-root .content-item h1, .detail-banner-root .content-item p {

        font-size: 18px

    }



    .detail-banner-root.city-banner {

        height: auto !important

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item img {

        height: 24px;

        width: 144px

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item img path {

        fill: #fff

    }



    .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item h1, .detail-banner-root.city-banner .banner-wrapper .banner-block .content-item p {

        color: #fff;

        font-size: 19px

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item span {

        font-size: 12px

    }



    .detail-banner-root.city-banner .top-main-info-root .content-wrapper .top-info-container .info-block .info-item p {

        font-size: 13px !important

    }



    .detail-banner-root.accord-banner .banner-wrapper .banner-block .content-item .bottom-name {

        font-size: 15px !important

    }



    .detail-banner-root.model-banner .banner-block .content-item p {

        line-height: 30px !important;

        font-size: 15px !important;

        margin: 0 0 0 40px !important

    }



    .detail-banner-root.model-banner .banner-block .content-item .head-name {

        display: block !important;

        font-size: 20px !important;

        right: 35px

    }



    .detail-banner-root.model-banner .banner-block .content-item img {

        margin: 0 !important

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn p {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 11px;

        color: #fff;

        padding: 0 30px 0 0;

        line-height: 14px;

        letter-spacing: 4px

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel {

        height: 25px;

        width: 3px;

        overflow: hidden;

        position: absolute;

        top: 30px;

        left: 46%

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn .mouse-wheel:after {

        content: "";

        height: 30px;

        width: 4px;

        display: flex;

        border-top: 16px solid #fff;

        border-radius: 16px;

        -webkit-animation: mouse-anim .4s linear infinite;

        -moz-animation: mouse-anim .6s linear infinite

    }



    .detail-banner-root.model-banner .banner-wrapper .scroll-btn.survey-btn {

        display: none

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block img {

        object-position: center;

        display: block

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block video {

        display: none

    }



    .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1, .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

        font-size: 36px;

        line-height: 45px;

        color: #fff !important;

        font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif !important

    }



    .detail-banner-root.model-banner.new-jazz.zrv-accessory .banner-wrapper .scroll-btn {

        bottom: 40px

    }



    .detail-banner-root.model-banner.new-jazz .banner-wrapper .scroll-btn {

        display: flex;

        bottom: 129px

    }



    .detail-banner-root.model-banner.new-jazz .banner-wrapper .scroll-btn p {

        padding: 0

    }



    .detail-banner-root.model-banner .top-main-info-root {

        bottom: 0

    }



    .detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name {

        font-family: "SharpGroteskBookburo", Arial, Helvetica, sans-serif !important

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item p {

        font-size: 15px !important

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn p {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 11px;

        color: #fff;

        padding: 0 30px 0 0;

        line-height: 14px;

        letter-spacing: 4px

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn .mouse-wheel {

        height: 25px;

        width: 3px;

        overflow: hidden;

        position: absolute;

        top: 30px;

        left: 46%

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn .mouse-wheel:after {

        content: "";

        height: 30px;

        width: 4px;

        display: flex;

        border-top: 16px solid #fff;

        border-radius: 16px;

        -webkit-animation: mouse-anim .4s linear infinite;

        -moz-animation: mouse-anim .6s linear infinite

    }



    .detail-banner-root.civic-model .banner-wrapper .scroll-btn.survey-btn {

        display: none

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block img {

        object-position: center;

        display: block

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block video {

        display: none

    }



    .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item h1, .detail-banner-root.civic-model .banner-wrapper .banner-block .content-item p {

        font-size: 36px;

        line-height: 45px;

        color: #fff !important;

        font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif !important

    }



    .detail-banner-root.civic-model .top-main-info-root {

        bottom: 0

    }



    .detail-banner-root.typeR-model .top-main-info-root {

        position: absolute;

        bottom: -80px !important

    }



    .detail-banner-root.typeR-model .banner-wrapper.logR-wrapper .banner-block .content-item {

        top: 50% !important;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%)

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item {

        top: 194px !important

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .icon-block {

        align-items: baseline

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .icon-block .icon-item {

        position: relative;

        top: 3px;

        width: auto

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item .icon-block .head-name {

        font-size: 16px !important;

        bottom: 0

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory {

        padding: 0 32px

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .head-name {

        font-size: 22px !important;

        line-height: 37px !important;

        right: 0 !important

    }



    .detail-banner-root.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-item {

        width: 206px;

        height: 40px

    }



    .detail-banner-root.typeR-accessory .banner-wrapper .scroll-btn {

        bottom: 50px

    }



    .sub-menu-root {

        top: 75px;

        position: absolute

    }



    .sub-menu-root.sticky {

        position: fixed

    }



    .sub-menu-root ul li {

        width: 120px

    }



    .sub-menu-root ul li:nth-child(2) {

        width: 170px

    }



    .sub-menu-root ul li:hover {

        color: #888

    }



    .top-main-info-root .btn-block.online {

        margin: 10px 0 0;

        display: block

    }



    .top-main-info-root .top-info-container {

        padding: 30px 0

    }



    .top-main-info-root .info-block {

        flex-direction: column;

        justify-content: center;

        align-items: center

    }



    .top-main-info-root .info-block .info-item p {

        font-size: 13px !important;

        margin: 7px 0 0

    }



    .top-main-info-root .info-block .info-item span {

        font-size: 12px

    }



    .top-main-info-root .info-block .info-item + .info-item {

        margin: 15px 0 0

    }



    .top-main-info-root .info-link-container {

        height: auto;

        flex-wrap: wrap;

        padding: 10px

    }



    .top-main-info-root .info-link-container .link-item {

        width: 33%;

        margin: 5px 0 !important;

        padding: 9px 5px;

        flex-direction: column;

        text-align: center

    }



    .top-main-info-root .info-link-container .link-item span {

        font-size: 11px;

        margin: 6px 0 0

    }



    .drive-mode-root .content-wrapper .content-container .content-block .text-block {

        display: none

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block {

        display: flex;

        flex-direction: column-reverse;

        height: 100%;

        justify-content: space-between;

        align-items: center

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .text-item {

        margin: 0

    }



    .text-video-root .text-block h2 {

        font-size: 20px

    }



    .text-video-root .text-block p {

        font-size: 14px

    }



    .text-video-root .text-block img {

        max-width: 100%

    }



    .text-video-root.city-text {

        margin: 0

    }



    .text-video-root .btn-block {

        display: none

    }



    .triple-img-root .content-wrapper {

        padding: 0 15px

    }



    .triple-img-root .content-wrapper .content-container.city-content .triple-img-block {

        margin: 20px 0 0

    }



    .triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item {

        padding: 0

    }



    .triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .triple-img-root .content-wrapper .content-container.city-content .triple-img-block .content-item + .content-item, .triple-img-root .img-item .banner-img {

        display: none

    }



    .triple-img-root .text-block {

        padding: 0 15px;

        text-align: left

    }



    .triple-img-root .text-block h2 {

        font-size: 24px

    }



    .triple-img-root .text-block p {

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400;

        font-size: 14px

    }



    .triple-img-root .triple-img-block {

        grid-gap: 0;

        gap: 0

    }



    .triple-img-root .triple-img-block .content-item {

        height: 150px;

        min-height: 150px;

        width: 48%;

        background: #000;

        padding: 0 10px;

        border-radius: 16px;

        margin: 5px

    }



    .triple-img-root .triple-img-block .content-item + .content-item {

        margin: 5px

    }



    .triple-img-root .triple-img-block .content-item .icon-item {

        background: none;

        margin: 0

    }



    .triple-img-root .triple-img-block .content-item img {

        display: none

    }



    .triple-img-root .triple-img-block .content-item .text-item {

        flex-direction: column;

        justify-content: center;

        text-align: center;

        bottom: 26px

    }



    .triple-img-root .triple-img-block .content-item svg {

        width: auto;

        height: auto

    }



    .triple-img-root .triple-img-block .content-item p {

        font-size: 12px;

        font-family: "SharpGroteskBookburo", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .triple-img-root .triple-img-block .content-item p + p {

        font-size: 12px

    }



    .triple-img-root.triple-city-img-root .content-wrapper .content-container .triple-img-block .content-item img {

        display: block

    }



    .triple-img-root.civic-img-text {

        padding: 15px 0

    }



    .triple-img-root.civic-model .text-block p {

        font-size: 13px

    }



    .sensing-root .text-block svg {

        width: 215px

    }



    .sensing-root .lane-block {

        grid-gap: inherit;

        gap: inherit

    }



    .sensing-root .lane-block .t-1, .sensing-root .lane-block .t-2 {

        height: 180px

    }



    .sensing-root .lane-block .t-3 .right-item, .sensing-root .lane-block .t-3 .right-item video {

        border-radius: 0 0 8px 8px

    }



    .sensing-root .lane-triple-block .double-block .sign-item {

        height: 180px;

        border-radius: 8px

    }



    .sensing-root .lane-triple-block .double-block .sign-item img {

        width: 72px

    }



    .sensing-root .lane-triple-block .double-block .text-video-item, .sensing-root .lane-triple-block .text-img-block {

        border-radius: 8px

    }



    .sensing-root .lane-triple-block .text-img-block .text-item {

        overflow: initial;

        padding: 20px 24px

    }



    .sensing-root .lane-triple-block .text-img-block h3 {

        font-size: 18px;

        line-height: 25px

    }



    .sensing-root .lane-triple-block .text-img-block p {

        font-size: 13px;

        line-height: 21px

    }



    .sensing-root .lane-triple-block .text-img-block figure {

        height: 180px

    }



    .sensing-root .lane-triple-block .text-video-item .right-item {

        height: 168px

    }



    .sensing-root.jazz-sensing .lane-block .t-1 {

        height: 300px

    }



    .sensing-root.jazz-sensing .lane-block .t-1 .sensing-video {

        width: 100%;

        height: 100%

    }



    .sensing-root.jazz-sensing .lane-block .t-2 {

        height: 300px

    }



    .sensing-root.jazz-sensing .lane-block .t-2 .sensing-img {

        width: 100%;

        height: 100%

    }



    .sensing-root.model-sensing .lane-item.t-3 .sensing-img {

        height: 242px !important

    }



    .sensing-root.typer-sensing {

        padding: 172px 0 40px

    }



    .sensing-root.typer-sensing .lane-item.t-3 .sensing-img {

        height: 100% !important;

        min-height: 100%

    }



    .sensing-root.typer-sensing .lane-item.t-3 .sensing-img picture {

        display: flex

    }



    .sensing-root.typer-sensing .text-block svg {

        width: 245px;

        height: 66px

    }



    .color-model-root {
        text-align: left;

        padding: 20px 0 0

    }



    .color-model-root .content-wrapper {

        width: 90%

    }



    .color-model-root .text-item {

        padding: 0 15px

    }



    .color-model-root .text-item h2 {

        font-size: 24px !important

    }



    .color-model-root .text-item p {

        font-size: 13px

    }



    .color-model-root.city-model .content-wrapper .color-model-sequence .tab-block {

        justify-content: center

    }



    .color-model-root.city-model .content-wrapper .color-model-sequence .tab-block .tab-item {

        width: 200px;

        height: 250px !important

    }



    .color-model-root.model-design {

        margin: 0

    }



    .color-model-root.model-design .color-model-sequence {

        height: 320px !important

    }



    .color-model-root.jazz_features {

        padding: 20px 0 0

    }



    .color-model-root.jazz_features .color-model-sequence .model-block .img-item {

        bottom: 110px

    }



    .color-model-root.jazz_features .content-wrapper {

        width: 100%

    }



    .color-model-root.jazz_features .content-wrapper .text-item {

        text-align: center;

        padding: 0 25px

    }



    .color-model-root.jazz_features .content-wrapper .text-item h2, .color-model-root.jazz_features .content-wrapper .text-item p {

        color: #000

    }



    .color-model-root.jazz_features .content-wrapper .text-item h2 {

        font-size: 35px;

        line-height: 50px

    }



    .color-model-root.jazz_features .content-wrapper .text-item p {

        font-size: 15px;

        line-height: 24px

    }



    .color-model-sequence {

        height: 486px;

        text-align: center

    }



    .color-model-sequence .tab-block .tab-item svg {

        width: 100px;

        margin: 25px 0 0

    }



    .color-model-sequence .model-block .img-item {

        bottom: 138px

    }



    .color-model-sequence .color-set-block .color-item {

        width: 40px;

        height: 40px;

        margin: 0 8px

    }



    .color-model-sequence .color-set-block .color-item.active {

        width: 56px;

        height: 56px

    }



    .img-slider-root {

        padding: 0 0 35px;

        margin: 8px 0 0

    }



    .img-slider-root.model-detail-info {

        padding: 0 0 45px

    }



    .img-slider-root.civic-info .slider-container .arr-item:hover, .img-slider-root.civic-info .slider-container .arr-item:hover:after {

        background: #000

    }



    .img-slider-root.civic-info .slider-container .arr-item:hover svg path, .img-slider-root.civic-info .slider-container .arr-item svg path {

        stroke: #fff

    }



    .img-slider-root .slider-container {

        max-width: 310px;

        height: 310px

    }



    .img-slider-root .arr-item {

        top: auto;

        -webkit-transform: inherit;

        transform: inherit;

        bottom: -35px;

        width: 72px;

        height: 72px

    }



    .img-slider-root.oto-slider {

        margin: 46px 0

    }



    .img-slider-root.oto-slider .arr-item {

        display: flex !important

    }



    .img-slider-root.cycle-slider .arr-item {

        display: none !important

    }



    .img-slider-root.typer-other-accessory .slider-container {

        max-width: 400px;

        height: 640px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item {

        height: 250px

    }



    .img-slider-root.typer-other-accessory .arr-item {

        top: 20%

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .slider-container {

        height: 550px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .pack-desc {

        max-width: 400px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory.none-desc .slider-container {

        height: 378px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        max-width: 400px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .img-item, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-item .img-item {

        height: 259px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        height: 640px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container .nav-block {

        top: 35.5%

    }



    .img-text-slide-root {

        padding: 10px 0 30px

    }



    .img-text-slide-root.new-jazz {

        padding: 56px 0 67px

    }



    .img-text-slide-root .content-wrapper {

        padding: 0

    }



    .img-text-slide-root .slider-block {

        padding: 0 10px 0 30px

    }



    .img-text-slide-root .slider-block .slide-item {

        width: 315px

    }



    .img-text-slide-root .slider-block .slide-item .text-block p {

        font-size: 13px;

        line-height: 160%

    }



    .img-text-slide-root.civic-area {

        padding: 0

    }



    .technology-area-root .logo-anim-block {

        display: none

    }



    .technology-area-root .img-item {

        min-height: auto

    }



    .technology-area-root .logos-container .logos-block .logo-item {

        width: 48%;

        height: 157px;

        flex-direction: column;

        background: #252525;

        border-radius: 8px;

        justify-content: center;

        text-align: center;

        margin: 1px;

        padding: 0 10px

    }



    .technology-area-root .logos-container .logos-block .logo-item p {

        font-size: 12px;

        margin: 10px 0 0

    }



    .technology-area-root .logos-container .logos-block .last-logo, .technology-area-root .logos-container .logos-block .logo-item.last-logo, .technology-area-root .logos-container .logos-block .logo-item:first-child {

        margin: 1px

    }



    .technology-area-root.city-technology .content-wrapper .content-container .text-block {

        margin: 0

    }



    .technology-area-root.city-technology .content-wrapper .content-container .img-item {

        display: none

    }



    .double-text-img-root.model-double-text .content-wrapper, .double-text-img-root.model-double .content-wrapper {

        padding: 20px 20px 0

    }



    .double-text-img-root.model-double-sens .content-wrapper {

        padding: 0 0 0 20px

    }



    .double-text-img-root .content-wrapper {

        padding: 50px 0 0 20px

    }



    .double-text-img-root .content-block .text-item h2 {

        font-size: 18px

    }



    .double-text-img-root.civic-double {

        height: 1050px

    }



    .city-more-root .more-container .more-block.bottom, .city-more-root .more-container .text-block {

        margin: 0

    }



    .lb-root .lb-block .table-feature-root .car-select-container {

        display: flex;

        align-items: center;

        padding: 15px;

        background: #fff

    }



    .lb-root .lb-block .table-feature-root .car-select-container .car-select-block {

        border-radius: 8px;

        height: 86px;

        padding: 15px;

        max-width: 149px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        width: 100%

    }



    .lb-root .lb-block .table-feature-root .car-select-container .car-select-block.active {

        background: #ebebeb

    }



    .lb-root .lb-block .table-feature-root .car-select-container .car-select-block h3 {

        font-family: "SharpGroteskMedium25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 500;

        font-size: 14px;

        color: #aaa

    }



    .lb-root .lb-block .table-feature-root .car-select-container .car-select-block .img-item {

        width: 50px;

        height: 30px

    }



    .lb-root .lb-block .table-feature-root .car-select-container .car-select-block .img-item img {

        width: 100%;

        height: 100%;

        object-fit: contain

    }



    .lb-root .lb-block .table-feature-root .tab-block {

        border-bottom: 1px solid #dfdfdf

    }



    .lb-root .lb-block .table-feature-root .tab-block p {

        font-size: 14px;

        margin: 0 10px;

        padding: 0 0 27px

    }



    .lb-root .lb-block .table-feature-root .table-container {

        height: calc(100% - 164px)

    }



    .lb-root .lb-block .table-feature-root .table-container .th-head p {

        margin: 5px 0;

        font-size: 13px

    }



    .lb-root .lb-block .table-feature-root .table-container .table-block {

        background: #fff;

        padding: 0 10px 10px 20px

    }



    .lb-root .lb-block .table-feature-root .table-container .table-item {

        display: block

    }



    .lb-root .lb-block .table-feature-root .table-container .table-item.flex-item {

        display: flex;

        align-items: flex-start

    }



    .lb-root .lb-block .table-feature-root .table-container .table-item.flex-item .td-item:not(.th-head) {

        justify-content: flex-end

    }



    .lb-root .lb-block .table-feature-root .table-container .table-item p {

        font-size: 10px

    }



    .lb-root .lb-block .table-feature-root .table-container .table-item .th-head p {

        margin: 4px 0;

        font-size: 10px

    }



    .lb-root .lb-block .table-feature-root .table-container .td-item .none:after {

        left: 72%

    }



    .lb-root .lb-block .table-feature-root .table-container .td-item.td-left p {

        margin: 0

    }



    .lb-root .lb-block .table-feature-root .table-container .td-item svg {

        width: 18px

    }



    .threed-root {

        padding: 0 0 60px

    }



    .threed-root.model-int {

        padding: 0

    }



    .threed-root .bottom-container .icon-item {

        bottom: 80px

    }



    .triple-video-root {

        height: 575px;

        margin: 0 0 36px

    }



    .triple-video-root .list-block {

        display: flex;

        justify-content: center;

        align-items: flex-end;

        width: 100%;

        height: 100%

    }



    .triple-video-root .list-item {

        position: static;

        width: 48px;

        opacity: 1;

        padding: 0;

        margin: 0 10px

    }



    .triple-video-root .list-item .list-bg {

        display: none

    }



    .triple-video-root .list-item .text-item {

        display: none;

        position: absolute;

        text-align: center;

        left: 50%;

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

        margin: 0;

        bottom: 135px;

        width: 90%

    }



    .triple-video-root .list-item .text-item p {

        font-size: 20px;

        line-height: 26px

    }



    .triple-video-root .list-item .text-item span {

        font-size: 14px

    }



    .triple-video-root .list-item.active {

        background: transparent

    }



    .triple-video-root .list-item.active .text-item {

        display: block

    }



    .triple-video-root .desktop-video {

        display: none

    }



    .triple-video-root .mobile-video {

        display: block

    }



    .text-link-root .content-wrapper .content-block p {

        font-size: 18px;

        line-height: 24px

    }



    .text-link-root .content-wrapper .content-block .btn-item {

        width: 240px;

        min-width: 240px;

        height: 60px

    }



    .text-link-root .content-wrapper .content-block .btn-item span {

        font-size: 15px

    }



    .prelansman-root .banner-root .content-item .city-logo-item {

        margin: 0 0 40px

    }



    .prelansman-root .banner-root .content-item .head-name {

        display: none !important

    }



    .prelansman-root .banner-root .content-item p {

        color: #fff !important;

        font-size: 18px !important

    }



    .prelansman-root .banner-root .content-item .sub-text {

        font-size: 14px !important

    }



    .prelansman-root .banner-root .scroll-btn {

        bottom: -3vh

    }



    .prelansman-root .city-logo-item svg {

        width: 250px !important

    }



    .prelansman-root .city-logo-item p {

        font-size: 18px !important

    }



    .prelansman-root.hrv-prelansman-root .simple-banner-root .banner-img-block picture {

        width: 100%

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root {

        padding: 32px 0 17px

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root p {

        margin: 20px 0 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .head-item {

        margin: 0 auto 32px

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container {

        padding: 0;

        width: 83%

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block {

        padding: 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .input-block {

        margin: 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .input-block .input-item {

        margin: 24px 0 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .input-block + .input-block {

        margin: 2em 0 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .input-item {

        width: 100%;

        margin: 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .input-item .err-item {

        bottom: 16px

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .checkbox-block {

        margin: 48px auto 0

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .checkbox-block label span {

        font-size: 11px

    }



    .prelansman-root.hrv-prelansman-root .call-back-form-root .content-container .form-block .detail-btn {

        margin: 32px auto 15px

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-img-block {

        margin: 0

    }



    .prelansman-root.hrv-prelansman-form-root .simple-banner-root .banner-content-block .logo-item span {

        font-size: 14px;

        line-height: 15px

    }



    .prelansman-root.hrv-prelansman-form-root .call-back-form-root {

        padding: 0 0 17px

    }



    .prelansman-root.hrv-prelansman-form-root .call-back-form-root h2 {

        font-size: 23px

    }



    .model-design-root.city-design {

        margin: 0 0 64px

    }



    .model-design-root.city-design .tab-block {

        margin: 20px auto 15px !important

    }



    .model-page-root .version-content-root {

        padding: 30px 0

    }



    .model-page-root .faq-root {

        padding: 3em 0 1em

    }



    .model-page-root .youtube-frame-container .head-item {

        margin: 2em 0

    }



    .model-page-root .youtube-frame-container .youtube-frame-block {

        padding: 0 0 0 30px

    }



    .color-model-sequence .model-block .img-item img {

        width: 95%

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .bottom-name {

        margin: 14px 0 0 !important;

        font-size: 16px !important;

        line-height: 22px !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .scroll-btn {

        bottom: -68px

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container {

        padding: 40px 0

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container .info-block {

        margin: 0 0 35px

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container .info-block .info-item {

        margin: 30px 0 0 !important

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container .info-block .info-item:first-child {

        margin: 0 !important

    }



    .hrv-page-root .text-video-root .text-block {

        padding: 80px 0 60px

    }



    .hrv-page-root .text-video-root .text-block h2 {

        line-height: 33.6px;

        font-size: 24px

    }



    .hrv-page-root .text-video-root .text-block p {

        margin: 22px 0 48px;

        line-height: 17.6px;

        font-size: 11px

    }



    .hrv-page-root .text-video-root .text-block .img-item {

        max-width: none

    }



    .hrv-page-root .text-video-root .img-item {

        min-height: 117px

    }



    .version-content-root.hrv-version .version-wrapper .top-block {

        margin: 0 30px

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 {

        font-size: 24px;

        line-height: 34px;

        font-family: "SharpGroteskLight25-Regular", Verdana, arial, helvetica, sans-serif;

        font-weight: 400

    }



    .version-content-root.hrv-version .version-wrapper .top-block h2 span {

        line-height: 34px

    }



    .version-content-root.hrv-version .tabs-block {

        justify-content: flex-start;

        margin: 30px 30px 12px

    }



    .version-content-root.new-jazz {

        padding: 70px 0 30px

    }



    .drive-mode-2-root {

        min-height: 600px

    }



    .engineering-root {

        padding: 53px 0 0;

        background: linear-gradient(180deg, rgba(7, 7, 7, .84), hsla(0, 0%, 55.7%, 0))

    }



    .engineering-root.new-engineering-root {

        background: linear-gradient(180deg, #eaeaea, #fdfdfd)

    }



    .engineering-root.new-engineering-root .engineering-container {

        padding: 0

    }



    .engineering-root.new-engineering-root .engineering-container .engineering-block .engineering-item {

        height: 360px

    }



    .engineering-root.new-engineering-root .engineering-container .engineering-block .engineering-item p {

        font-size: 16px;

        line-height: 24px;

        padding: 0 30px

    }



    .engineering-root .bg-img {

        top: -234px

    }



    .engineering-root .engineering-container {

        overflow: hidden

    }



    .engineering-root .engineering-container h2 {

        padding: 0 26px

    }



    .engineering-root .engineering-container .description {

        font-size: 15px;

        line-height: 24px;

        padding: 37px 26px 30px

    }



    .engineering-root .engineering-container .nav-block {

        display: flex;

        margin: 0;

        position: relative;

        bottom: 40px

    }



    .engineering-root .engineering-container .nav-block span {

        background-color: #2e3136;

        min-width: 15px;

        width: 15px;

        height: 15px;

        border: none

    }



    .engineering-root .engineering-container .nav-block span.active {

        background-color: #ab1925

    }



    .engineering-root .engineering-container .engineering-block {

        height: 100%;

        position: relative;

        width: 100%;

        white-space: nowrap;

        display: block;

        transition: all .5s cubic-bezier(.65, .05, .36, 1);

        padding: 0

    }



    .engineering-root .engineering-container .engineering-block .engineering-item {

        margin: 0 20px 0 0;

        vertical-align: top;

        white-space: normal;

        padding: 50px 0 0;

        width: 100%;

        max-width: 100%;

        display: inline-block;

        height: 468px;

        -webkit-filter: none;

        filter: none;

        background: none;

        box-shadow: none

    }



    .engineering-root .engineering-container .engineering-block .engineering-item p {

        margin: 36px 0 0;

        font-size: 20px;

        width: 100%;

        padding: 0 20px

    }



    .sensing-root.typer-sensing .lane-block .lane-item.t-3 {

        height: 100% !important

    }



    .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

        right: -165px;

        -webkit-animation: secondRespAnim .5s ease-in-out both !important;

        animation: secondRespAnim .5s ease-in-out both !important

    }



    .model-page-root {

        position: relative

    }



    .model-discover-root .model-discover-text-block .detail-btn.jazz-btn {

        width: 220px;

        height: 56px

    }



    .model-discover-root .model-discover-text-block .detail-btn.jazz-btn span {

        font-size: 12px

    }



    .model-discover-root .model-discover-text-block .detail-btn.zrv {

        width: 200px;

        height: 55px

    }



    .model-discover-root .model-discover-text-block .detail-btn span {

        font-size: 16px

    }

}



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

    .hrv-page-root .steady-design-root .img-container {

        background: hsla(0, 0%, 97.3%, .9725490196)

    }



    .hrv-page-root .steady-design-root .img-container img {

        width: 100%;

        margin: 0;

        height: 100%;

        object-fit: contain;

        max-width: 600px

    }



    .hrv-page-root .steady-design-root .mobile-btn-item {

        display: flex;

        justify-content: center;

        width: 100%;

        left: 0;

        top: 11%

    }



    .standout-features-root .head-text-block {

        margin: 0 30px 20px;

        text-align: left

    }



    .standout-features-root .head-text-block .head-title-item h2 {

        font-size: 24px;

        line-height: 34px

    }



    .standout-features-root .head-text-block .head-desc-item p {

        font-size: 11px;

        line-height: 18px

    }



    .standout-features-root .img-block {

        margin: 0 0 20px;

        height: 250px !important

    }



    .standout-features-root .img-block .play-btn svg {

        width: 60px;

        height: 60px

    }



    .standout-features-root .icon-item {

        display: none

    }



    .standout-features-root .text-item h3 {

        font-size: 18px;

        line-height: 25px

    }



    .standout-features-root .text-item p {

        display: none

    }



    .three-sixty-look-root h2 {

        font-size: 24px !important;

        line-height: 33.6px

    }



    .three-sixty-look-root .tabs-container {

        padding: 0 0 9px;

        margin: 21px auto 30px;

        max-width: 238.42px

    }



    .three-sixty-look-root .tabs-container:after {

        height: 3px

    }



    .three-sixty-look-root .tabs-container.first-tab:after {

        width: 104.39px

    }



    @-webkit-keyframes active-tab-1 {

        0% {

            left: 141.39px;

            width: 97.03px

        }

        to {

            left: 0;

            width: 104.39px

        }

    } @keyframes active-tab-1 {

          0% {

              left: 141.39px;

              width: 97.03px

          }

          to {

              left: 0;

              width: 104.39px

          }

      } .three-sixty-look-root .tabs-container.second-tab:after {

            left: 141.39px;

            width: 97.03px

        }



    @-webkit-keyframes active-tab-2 {

        0% {

            left: 0;

            width: 104.39px

        }

        to {

            left: 141.39px;

            width: 97.03px

        }

    } @keyframes active-tab-2 {

          0% {

              left: 0;

              width: 104.39px

          }

          to {

              left: 141.39px;

              width: 97.03px

          }

      } .three-sixty-look-root .tabs-container span {

            font-size: 14px;

            line-height: 18px
        }



    .version-content-root.hrv-version {

        padding: 17px 0 0;

        min-height: 780px

    }



    .version-content-root.new-jazz {

        padding: 70px 0 30px;

        min-height: auto

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 380px

    }



    .model-list-block.bottom {

        width: 100%

    }

}



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

    .logR-content-wrapper.typer-interior-accessory {

        padding: 0

    }



    .logR-content-wrapper.typer-interior-accessory .head-title-block h2 {

        margin: 36px 0 28px;

        font-size: 22px;

        line-height: 49px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item {

        margin: 50px 0 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item h3 {

        font-size: 18px;

        line-height: 25px;

        margin: 0 0 24px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item:first-child {

        margin: 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item p {

        margin: 0 0 48px

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-item .logR-img-item {

        width: 100%;

        border-radius: 0

    }



    .logR-content-wrapper.typer-interior-accessory .logR-content-text-item {

        width: 100%;

        text-align: center

    }



    .logR-content-wrapper.typer-interior-accessory .logR-text-block {

        padding: 0 20px

    }



    .img-slider-root.oto-slider .slider-container {

        max-width: 360px

    }



    .img-slider-root.oto-slider .slider-item {

        margin: 12px 0 0 !important

    }



    .img-slider-root.oto-slider .slider-item .text-item p:first-child {

        font-size: 24px !important;

        line-height: 33.6px !important

    }



    .img-slider-root.oto-slider .arr-item {

        top: 250px !important

    }



    .img-slider-root.cycle-slider .slider-item {

        margin: 0 10px !important

    }



    .version-content-root.hrv-version {

        min-height: 700px

    }



    .version-content-root.hrv-version .tabs-block p {

        font-size: 12px;

        line-height: 15px

    }



    .version-content-root.hrv-version .tabs-block p + p {

        margin: 0 0 0 24px

    }



    .version-content-root.hrv-version .feature-block ul li {

        margin: 0 0 18px

    }



    .version-content-root.hrv-version .feature-block ul li p {

        font-size: 12px;

        line-height: 20px

    }



    .version-content-root.hrv-version .feature-block ul li p:before {

        margin: 8px 10px 0 0

    }



    .version-content-root.hrv-version .img-item {

        width: 100%

    }



    .version-content-root.hrv-version .btn-block {

        margin: 12px 0 0

    }



    .version-content-root.new-jazz {

        min-height: auto

    }



    .standout-features-root .img-block {

        height: 180px !important

    }



    .standout-features-root .head-text-block .head-title-item {

        max-width: 300px;

        margin: 0 auto 20px

    }



    .img-text-slide-root.hrv-version .content-wrapper:after {

        height: calc(100% - 140px)

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .img-item {

        height: 280px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item h3 {

        font-size: 18px;

        line-height: 25.2px

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item p {

        font-size: 11px;

        line-height: 17.6px

    }



    .img-text-slide-root.hrv-version .bottom-nav-block .slide-num-item {

        padding: 0 7px 0 0

    }



    .img-text-slide-root.hrv-version .bottom-nav-block .slide-num-item .slide-num {

        font-size: 13px

    }



    .drive-mode-2-root .title-item h1, .drive-mode-2-root .title-item h2 {

        font-size: 24px;

        line-height: 33.6px

    }



    .drive-mode-2-root .drive-mode-block .change-bar-block {

        width: 525px

    }



    .drive-mode-2-root .drive-mode-block .progress-item .progress-label {

        font-size: 11px

    }



    .drive-mode-2-root .video-container {

        margin: 12px 0 29px

    }



    .drive-mode-2-root .video-container video {

        margin: 0 30px 0 0

    }



    .drive-mode-2-root .description-container .text-item p {

        font-size: 11px;

        line-height: 17.6px

    }



    .hrv-page-root .steady-design-root .img-container {

        height: 580px

    }



    .detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-block, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-block {

        align-items: center;

        flex-direction: column

    }



    .detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-block .head-name, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .icon-block .head-name {

        text-align: center;

        margin: 0 0 6px 29px !important

    }



    .detail-banner-root.model-banner.jazz-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name, .detail-banner-root.model-banner.typeR-model .banner-wrapper .banner-block .content-item.typeR-accessory .bottom-name {

        margin: 13px 0 0 !important

    }

}



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

    .model-discover-root .model-discover-container.zrv .model-discover-text-block {

        margin: 0 0 34px

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn {

        width: 238px;

        margin: 22px 0 0;

        background-color: #bc0000

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn span {

        font-size: 18px

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn.zrv {

        width: 200px;

        background-color: #e31f2e

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn.zrv span {

        font-size: 10px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .text-item h2 {

        font-size: 18px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .text-item p {

        font-size: 13px;

        width: 90%

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item {

        width: 380px;

        height: 162px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block {

        height: 162px;

        width: 85px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-1 {

        flex: 1 1

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-2 {

        flex: 4.3 1

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-2 .col-item {

        width: auto

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-2 .col-sub-block .col-item {

        width: 34%

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-2 .col-sub-block .col-item:first-child {

        width: 35.5%

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block .col-item {

        text-align: center

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block .col-item span {

        font-size: 12px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar {

        top: 52px;

        left: 2px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar svg {

        width: 375px

    }



    .color-model-root.hrv-model .color-model-sequence .color-set-block .color-item {

        width: 30px;

        height: 30px;

        margin: 0 8px

    }



    .color-model-root.hrv-model .color-model-sequence .color-set-block .color-item.active {

        width: 45px;

        height: 45px

    }



    .color-model-root.hrv-model .click-and-drag-block .click-and-drag-item {

        width: 110px;

        height: 110px

    }



    .color-model-root.hrv-model .click-and-drag-block span {

        font-size: 12px

    }



    .color-model-root.hrv-model .click-and-drag-block span:after, .color-model-root.hrv-model .click-and-drag-block span:before {

        border-width: 0 2px 2px 0;

        padding: 2px

    }



    .color-model-root.hrv-model .click-and-drag-block span:before {

        left: -2px

    }



    .color-model-root.hrv-model .click-and-drag-block span:after {

        right: -2px

    }



    .color-model-root.hrv-model .model-block .img-item {

        min-height: 120px

    }



    .color-model-root.hrv-model .model-block:hover .click-and-drag-block span:before {

        left: -4px

    }



    .color-model-root.hrv-model .model-block:hover .click-and-drag-block span:after {

        right: -4px

    }



    .drive-mode-2-root {

        min-height: 495px

    }



    .img-slider-root.typer-other-accessory .slider-head-block {

        margin: 0 0 30px

    }



    .img-slider-root.typer-other-accessory .slider-head-block h2 {

        font-size: 22px;

        line-height: 49px

    }



    .img-slider-root.typer-other-accessory .slider-container {

        max-width: 500px;

        width: 100%;

        height: 570px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item {

        height: 176px

    }



    .img-slider-root.typer-other-accessory .slider-item .img-item img {

        border-radius: 0

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item {

        width: 100%;

        margin: 30px 0 0;

        padding: 0 20px

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item p {

        font-size: 18px;

        line-height: 25px;

        text-align: center

    }



    .img-slider-root.typer-other-accessory .slider-item .text-item p + p {

        margin: 25px 0 0;

        font-size: 14px;

        line-height: 23px

    }



    .img-slider-root.typer-other-accessory .arr-item {

        display: none;

        top: 25%;

        left: 15px

    }



    .img-slider-root.typer-other-accessory .arr-item.right-arr {

        right: 15px;

        left: unset

    }



    .img-slider-root.typer-other-accessory .nav-block {

        display: inline-flex;

        top: 26.5%

    }



    .img-slider-root.typer-other-accessory .nav-block span {

        width: 15px;

        height: 15px;

        min-width: 15px;

        background: #fff;

        border: none

    }



    .img-slider-root.typer-other-accessory .nav-block span.active {

        background: #868686

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .slider-container {

        height: 580px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .slider-head-block {

        margin: 0 0 20px

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory .pack-desc {

        max-width: 100%

    }



    .img-slider-root.typer-other-accessory.zr-v-accessory.none-desc .slider-container {

        height: 339px

    }



    .img-slider-root.typer-other-accessory.light-pack .slider-container {

        height: 500px

    }



    .img-slider-root.aero-pack .slider-head-block, .img-slider-root.extra-pack .slider-head-block {

        margin: 30px 0

    }



    .img-slider-root.zr-v-accessory .slider-head-block h2 {

        font-size: 19px;

        line-height: 30px

    }



    .img-slider-root.zr-v-accessory .slider-item .img-item {

        height: 259px;

        padding: 0 20px

    }



    .img-slider-root.zr-v-accessory .nav-block {

        top: 40%

    }



    .img-slider-root.zr-v-accessory.light-pack .nav-block {

        top: 46%

    }



    .img-slider-root.zr-v-accessory .pack-desc {

        padding: 0 20px;

        margin: 0 0 30px

    }



    .img-slider-root.zr-v-accessory .pack-desc p {

        font-size: 14px;

        line-height: 23px

    }



    .img-slider-root.zr-v-accessory.none-desc .nav-block {

        top: 69%

    }



    .img-slider-root.robust-pack {

        padding: 40px 0 20px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-head-block, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-head-block {

        margin: 0 0 10px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-head-block h2, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-head-block h2 {

        font-size: 25px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .text-item p + p, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-item .text-item p + p {

        margin: 10px 0 0

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .img-item, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-item .img-item {

        padding: 0 20px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container {

        height: 590px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container .nav-block, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container .nav-block {

        top: 37.5%

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container .nav-block span.active, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container .nav-block span.active {

        background-color: #bc0000

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        max-width: 500px;

        height: 540px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container .nav-block {

        top: 40.5%

    }



    .logR-content-wrapper.typer-interior-accessory {

        margin: 0 auto 50px

    }



    .inex-features-container h3 {

        margin: 0 0 21px

    }



    .inex-features-container .inex-features-block {

        margin: 0 0 24px

    }



    .inex-features-container .inex-features-block .inex-features-item span {

        font-size: 20px;

        line-height: 28px

    }



    .inex-features-container .inex-features-block .inex-features-item p {

        margin: 14px 0 0;

        font-size: 14px;

        line-height: 21px

    }



    .inex-features-container .btn-item {

        width: 200px;

        height: 56px;

        font-size: 18px

    }



    .inex-features-container.info h3 {

        margin: 0 0 96px

    }



    .inex-features-container.info .inex-features-block {

        margin: 0

    }



    .inex-features-container.info .inex-features-block .inex-features-item span {

        font-size: 15px !important;

        line-height: 15px

    }



    .inex-features-container.info .inex-features-block .inex-features-item p {

        margin: 34px 0 0

    }

}



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

    .hrv-page-root .steady-design-root .img-container {

        height: 470px

    }

}



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

    .img-slider-root.oto-slider .slider-container {

        max-width: calc(100vw - 88px)

    }



    .img-slider-root.oto-slider .slider-item img {

        height: 311px;

        object-fit: cover

    }



    .img-slider-root.oto-slider .arr-item {

        top: 275px !important

    }



    .img-slider-root.cycle-slider .slider-item img {

        height: 236px

    }



    .prelansman-root.hrv-prelansman-form-root .call-back-form-root h2 {

        font-size: 16px

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 280px

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item h1 {

        font-size: 20px;

        margin: 0

    }



    .typeR-logR-root .detail-banner-root.model-banner .banner-wrapper .banner-block .content-item p {

        font-size: 13px !important

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 280px

    }



    .engineering-root.new-engineering-root {

        padding: 18px 0 0

    }



    .engineering-root.new-engineering-root .engineering-container .engineering-block .engineering-item p {

        margin: 24px 0 0

    }

}



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

    .detail-banner-root {

        min-height: 900px

    }



    .detail-banner-root.typeR-accessory {

        min-height: 630px

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item:nth-child(2) p {

        width: 59%;

        margin: 4px auto

    }



    .detail-banner-root.civic-model .top-main-info-root .content-wrapper .top-info-container .info-block .info-item + .info-item {

        margin: 15px 0 0

    }



    .detail-banner-root.zrv-accessory {

        min-height: 100%;

        height: calc(100vh - 70px) !important

    }



    .detail-banner-root.model-banner.new-jazz.zrv-accessory .banner-wrapper .scroll-btn {

        bottom: 20px

    }



    .color-model-sequence .model-block .img-item {

        width: 98%

    }



    .version-content-root .version-wrapper {

        padding: 0 20px

    }



    .version-content-root .version-wrapper .top-block h2 {

        font-size: 18px;

        line-height: 30px

    }



    .version-content-root .version-wrapper .top-block .img-item {

        min-height: 210px

    }



    .version-content-root .tabs-block p + p {

        margin: 0 0 0 16px

    }



    .version-content-root .feature-block ul li {

        margin: 0 0 25px

    }



    .version-content-root .feature-block ul li p {

        width: 95%;

        font-size: 12px;

        line-height: 20px

    }



    .version-content-root.hrv-version {

        min-height: 655px

    }



    .version-content-root.hrv-version .img-item picture {

        width: 100%

    }



    .version-content-root.new-jazz {

        min-height: auto

    }



    .text-widget-block .top-block {

        margin: 0 0 20px

    }



    .text-widget-block .top-block h2 {

        margin: 20px 0 0;

        font-size: 24px;

        line-height: 36px

    }



    .text-widget-block .text-block p {

        line-height: 22px

    }



    .double-text-img-root.civic-model-text .content-wrapper .content-container .content-block .text-item {

        text-align: left

    }



    .threed-root .top-bg-item {

        display: block

    }



    .threed-root {

        min-height: auto !important

    }



    .triple-tab-root .video-block {

        height: 260px

    }



    .color-model-root.color-option .color-model-sequence {

        height: 320px !important

    }



    .color-model-root.color-option .color-model-sequence .model-block .img-item {

        width: 90%

    }



    .color-model-root.city-model .color-model-sequence {

        height: 350px

    }



    .color-model-root.city-model .color-model-sequence .model-block .img-item {

        bottom: 80px

    }



    .text-img-banner.city-bg .content-wrapper .content-block .img-item img {

        width: 100%;

        height: 100%;

        object-fit: cover

    }



    .text-img-banner.civic-model-img .content-wrapper .content-block .img-item img {

        width: 100%

    }



    .sensing-root {

        padding: 50px 0 30px

    }



    .sensing-root .text-block {

        margin: 0 0 30px

    }



    .sensing-root .lane-block .lane-item.t-2, .sensing-root .lane-block .lane-item.t-3 {

        height: 296px

    }



    .sensing-root.jazz-sensing .lane-block .lane-item.t-3 {

        height: auto

    }



    .sensing-root.jazz-sensing .lane-block .lane-item.t-3 .sensing-video {

        min-height: auto;

        height: 180px

    }



    .sensing-root.jazz-sensing .lane-block .lane-item.t-1, .sensing-root.jazz-sensing .lane-block .lane-item.t-2 {

        height: 180px

    }



    .sensing-root.model-sensing {

        padding: 50px 0 30px

    }



    .sensing-root.typer-sensing {

        padding: 172px 0 30px

    }



    .sensing-root.typer-sensing .text-block {

        margin: 0 0 50px

    }



    .text-video-root.model-video .text-block .img-item {

        height: 120px;

        width: 300px

    }



    .youtube-frame-container.jazz-youtube-area {

        margin: 15px auto 50px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .mobile-phone-img {

        height: 220px;

        width: 310px

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item {

        top: 170px

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .banner-block .content-item .icon-item img {

        width: 136px !important;

        height: 33px !important

    }



    .hrv-page-root .detail-banner-root .banner-wrapper .scroll-btn {

        bottom: -68px

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container .info-block .info-item p {

        display: flex;

        justify-content: center;

        width: auto !important

    }



    .hrv-page-root .detail-banner-root .top-main-info-root .top-info-container .btn-block span {

        width: calc(100vw - 60px);

        justify-content: center

    }



    .hrv-page-root .text-video-root .text-block .img-item {

        width: auto;

        height: auto

    }



    .prelansman-root.hrv-prelansman-root .react-select__single-value {

        line-height: 18px !important

    }



    .img-text-slide-root.hrv-version .content-wrapper:after {

        height: calc(100% - 100px)

    }



    .img-text-slide-root.hrv-version .slider-block .slide-item .img-item {

        height: 200px

    }



    .img-text-slide-root.new-jazz .top-block p {

        max-width: 70%

    }



    .img-text-slide-root.new-jazz .model-list-block .model-list a {

        width: 355px;

        margin: 0 auto;

        display: block

    }



    .drive-mode-2-root .video-container {

        margin: 24px 0 33px

    }



    .drive-mode-2-root .video-container video {

        margin: 0 20px 0 0

    }



    .img-slider-root.oto-slider .slider-item:first-child .text-item p:first-child br {

        display: block

    }



    .model-discover-root .model-discover-text-block {

        width: 100%;

        padding: 20px

    }



    .model-discover-root .model-discover-text-block h2 {

        font-size: 22px;

        line-height: 30px;

        margin: 10px 0 20px

    }



    .model-discover-root .model-discover-text-block p {

        font-size: 14px;

        line-height: 24px;

        margin: 0

    }



    .model-discover-root .model-discover-text-block .detail-btn {

        margin: 30px auto 10px;

        width: 80%

    }



    .model-discover-root .model-discover-img-item {

        padding: 0 20px

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block h2 {

        max-width: 87%

    }



    .model-discover-root .model-discover-container.reverse .model-discover-text-block {

        padding: 20px

    }

}



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

    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item {

        width: 343px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block.t-2 .col-sub-block .col-item:nth-child(2) {

        width: 35%

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar {

        left: 1px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar svg {

        width: 340px

    }



    .color-model-root.hrv-model .color-model-sequence {

        height: 260px

    }



    .drive-mode-2-root {

        min-height: 480px

    }



    .version-content-root .version-wrapper .top-block h2 {

        font-size: 16px;

        line-height: 26px

    }



    .version-content-root .tabs-block p {

        font-size: 12px

    }



    .version-content-root .tabs-block p + p {

        margin: 0 0 0 14px

    }



    .version-content-root .feature-block ul li {

        margin: 0 0 20px

    }



    .version-content-root .feature-block ul li p {

        font-size: 12px

    }



    .version-content-root.hrv-version .version-wrapper .top-block {

        margin: 0 8px 0 18px

    }



    .version-content-root.hrv-version .tabs-block {

        margin: 30px 8px 12px 18px

    }



    .version-content-root.hrv-version .tabs-block p + p {

        margin: 0 0 0 14px

    }



    .version-content-root.hrv-version .feature-block {

        margin: 6px 8px 0 18px

    }



    .img-slider-root.typer-other-accessory .slider-container {

        height: 620px

    }



    .img-slider-root.typer-other-accessory .arr-item {

        top: 23.5%;

        left: 15px

    }



    .img-slider-root.typer-other-accessory .arr-item.right-arr {

        right: 15px;

        left: unset

    }



    .img-slider-root.typer-other-accessory .nav-block {

        top: 24.5%

    }



    .img-slider-root.zr-v-accessory .nav-block {

        top: 36%

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container .nav-block, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container .nav-block {

        top: 27.5%

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-item .img-item, .new-jazz-accessory-root .img-slider-root.fun-pack .slider-item .img-item {

        height: 210px

    }



    .new-jazz-accessory-root .img-slider-root.fun-pack .slider-container {

        height: 650px

    }



    .new-jazz-accessory-root .img-slider-root.convience-pack .slider-container {

        height: 670px

    }



    .engineering-root.jazz .engineering-container .engineering-block .engineering-item {

        height: 570px

    }



    .numbers-slider-root.new-jazz .numbers-slider-container .slider-block .slider-item .text-item {

        height: 360px

    }



    .img-text-slide-root.new-jazz .model-list-block .model-list a {

        width: 300px

    }

}



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

    .color-model-root.color-option .text-item h2 {

        font-size: 20px !important

    }



    .color-model-root.color-option .color-model-sequence {

        height: 300px !important

    }



    .color-model-root.hrv-model .color-model-sequence .color-set-block .color-item {

        width: 24px;

        height: 24px

    }



    .color-model-root.hrv-model .color-model-sequence .color-set-block .color-item.active {

        width: 38px;

        height: 38px

    }



    .version-content-root.hrv-version {

        min-height: 644px

    }



    .version-content-root.new-jazz {

        min-height: auto

    }



    .logR-discover-wrapper .logR-discover-text-block .detail-btn {

        width: 275px

    }



    .logR-discover-wrapper .logR-discover-text-block .detail-btn span {

        font-size: 14px

    }

}



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

    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn {

        width: 220px

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block .detail-btn span {

        font-size: 14px

    }



    .model-discover-root .model-discover-container.zrv .model-discover-text-block h2 {

        max-width: 100%

    }



    .img-slider-root .slider-container {

        max-width: 260px;

        height: 230px

    }



    .img-slider-root .arr-item {

        bottom: -30px;

        width: 60px;

        height: 60px;

        left: -15px

    }



    .img-slider-root .arr-item.right-arr {

        right: -15px

    }



    .double-text-img-root .content-block {

        width: 250px

    }



    .double-text-img-root .content-block .img-item {

        height: 220px

    }



    .img-text-slide-root .slider-block .slide-item {

        width: 240px

    }



    .img-text-slide-root .slider-block .slide-item .img-item {

        height: 220px

    }



    .version-content-root .version-wrapper .top-block h2 {

        font-size: 16px;

        line-height: 26px

    }



    .version-content-root .tabs-block p {

        font-size: 12px

    }



    .version-content-root .tabs-block p + p {

        margin: 0 0 0 14px

    }



    .version-content-root .feature-block ul li {

        margin: 0 0 20px

    }



    .version-content-root .feature-block ul li p {

        font-size: 12px

    }



    .version-content-root.hrv-version {

        min-height: 635px

    }



    .version-content-root.new-jazz {

        min-height: auto

    }



    .threed-root.detail-int .threed-container {

        padding: 20px 10px !important

    }



    .threed-root.detail-int .threed-container .interior-mobile {

        width: 265px;

        height: 141px

    }



    .threed-root.detail-int .threed-container .interior-mobile .pnlm-container {

        height: 114px !important;

        width: 228px !important;

        left: 6px

    }



    .threed-root.detail-int .threed-container .btn-item svg {

        width: 45px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .btn-item {

        width: 250px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .btn-item svg {

        width: 35px

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .left-block .mobile-car {

        width: 100%

    }



    .model-design-root .model-design-container .model-design-block .qr-text-area .mobile-phone-img {

        height: 215px;

        width: 300px

    }



    .model-design-root.model-design {

        height: 365px

    }



    .model-design-root.model-design.qr-design-widget {

        height: 413px

    }



    .model-design-root.typeR {

        height: 555px

    }



    .standout-features-root .feature-item {

        margin: 0 0 24px

    }



    .standout-features-root .img-block {

        margin: 0 0 12px

    }



    .drive-mode-2-root {

        min-height: 495px

    }



    .model-list-root.anim .model-anim-block .model-anim-item.second .typer {

        right: -145px;

        -webkit-animation: mobileAnim .5s ease-in-out both !important;

        animation: mobileAnim .5s ease-in-out both !important

    }

}



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

    .model-discover-root .model-discover-text-block .detail-btn span {

        font-size: 12px

    }

}



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

    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item {

        width: 297px;

        height: 140px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .column-container .col-block {

        height: 140px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar {

        top: 45px

    }



    .drive-mode-root .content-wrapper .content-container .content-block .drive-mode-block .content-item .charge-bar svg {

        width: 293px

    }



    .model-design-root.model-design {

        height: 350px

    }



    .model-design-root.typeR {

        height: 515px

    }

}



@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .img-item {

        max-width: 870px

    }



    .swiper-content-root .content-container .swiper-container .swiper-block-wrapper .swiper-block .swiper-item .info-block {

        margin: 0 0 0 35px

    }



    .gallery-root .gallery-wrapper .head-block, .newsletter-root .newsletter-container .form-root .btn-block, .swiper-content-root.campaigns-swiper .content-container .swiper-wrapper .nav-block {

        display: block

    }



    .header-root .header-container .header-block .top-block .right-block {

        margin-left: auto

    }



    .gallery-root .gallery-wrapper .head-block .select-block .react-select__single-value {

        padding: 5px 0 0

    }



    .home-footer-root .home-footer-container .bottom-block .rights-block {

        top: 0

    }



    .cookies-container .cookies-block .button-item span {

        max-height: 13px

    }



    .home-banner-root .start-button-container .start-button-block.beforeStart {

        flex-direction: row

    }



    .home-banner-root .start-button-container .start-button-block.beforeStart .text-item p {

        display: none

    }



    .home-banner-root video {

        height: auto

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item .icon-left-arr {

        left: 4px

    }



    .technology-root .double-select-block .right-block .slider-component-root .slider-wrapper .arr-btn-item.next-btn {

        right: auto

    }

}



.typeR-exterior-accessory-root {

    position: relative;

    padding: 192px 0 0;

    background: #171717

}



.typeR-exterior-accessory-container {

    position: relative

}



.typeR-exterior-accessory-container .accessory-bg {

    position: absolute;

    top: 44px;

    left: 0;

    width: 100%

}



.typeR-exterior-accessory-container .head-text-block {

    text-align: center;

    padding: 0 64px

}



.typeR-exterior-accessory-container .head-text-block .bottom-text {

    font-weight: 500;

    font-size: 40px;

    margin: 20px 0 0;

    color: #fff;

    font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif

}



.typeR-exterior-accessory-container .accessory-pack-block {

    display: flex;

    justify-content: space-between;

    margin: 136px 0 0

}



.typeR-exterior-accessory-container .accessory-pack-block .text-item {

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 35%;

    padding: 78px 0 64px 11vw

}



.typeR-exterior-accessory-container .accessory-pack-block .text-item h2 {

    font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 49px;

    color: #fff

}



.typeR-exterior-accessory-container .accessory-pack-block .text-item p {

    font-family: "SharpGroteskBookburo", arial, helvetica, sans-serif;

    font-weight: 300;

    font-size: 20px;

    line-height: 36px;

    color: #fff;

    margin: 48px 0 0

}



.typeR-exterior-accessory-container .accessory-pack-block .img-item {

    width: 64%;

    display: flex;

    align-items: flex-end

}



.typeR-exterior-accessory-container .accessory-pack-block .img-item picture {

    display: flex;

    width: 100%

}



.typeR-exterior-accessory-container .accessory-pack-block .img-item picture img {

    width: 100%

}



/*# sourceMappingURL=main.67c8b6bd.chunk.css.map */