@charset "UTF-8";
.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-after-label, .twentytwenty-before-label {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
    position: absolute;
    background: rgba(255, 255, 255, .2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

.nFooter {
    background: #141414;
    padding-top: 37px;
    padding-bottom: 50px;
    color: rgba(255, 255, 255, .5);
    overflow: hidden
}

.nFooter a {
    color: inherit
}

.nFooter-logo {
    width: 204px
}

.nFooter-logo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px;
    padding: 55px 0 52px
}

.nFooter-logo-row > div {
    padding: 0 15px
}

.nFooter-logo img {
    display: block;
    width: 100%
}

.nFooter-contact {
    width: 220px;
    margin-top: 4px
}

.nFooter-contact__phone {
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: .6px;
    color: #fff
}

.nFooter-contact__small-text {
    font-size: 11.2px;
    line-height: 14px;
    letter-spacing: .3px;
    margin-top: 7px
}

.nFooter-contact__small-text:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    opacity: .5;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
    background: url(/img/attention-icon.svg) no-repeat center
}

.nFooter-contact__question {
    margin-top: 10px
}

.nFooter-contact__question > a {
    display: inline-block;
    font-size: 15px;
    letter-spacing: .6px;
    line-height: 36px;
    position: relative
}

.nFooter-contact__question > a:after {
    content: '';
    background: repeat-x;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpi8PDw+A8EDCAMEGAAMC4H0hFxYpoAAAAASUVORK5CYII=);
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.nFooter-contact__question > a:hover:after {
    display: none
}

.nFooter-soc {
    list-style: none;
    padding: 0;
    margin: 30px -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.nFooter-soc li {
    padding: 0 5px
}

.nFooter-soc [class*=svg-icon-] {
    display: block;
    opacity: .35;
    background: no-repeat center;
    width: 30px;
    height: 30px
}

.nFooter-soc [class*=svg-icon-]:hover {
    opacity: 1
}

.nFooter-soc .svg-icon-ok {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="18" viewBox="0 0 11 18"> <defs> <path id="a" d="M14.518 18.678c-1.395-.145-2.653-.489-3.731-1.33-.134-.106-.272-.207-.393-.324-.471-.453-.52-.971-.146-1.506.319-.457.855-.58 1.412-.317.107.05.21.115.309.183 2.007 1.378 4.764 1.417 6.78.061.2-.153.413-.278.66-.341.482-.124.93.053 1.188.474.295.48.29.95-.072 1.323-.558.571-1.228.985-1.973 1.275-.704.272-1.474.41-2.238.501.116.125.17.187.242.259 1.036 1.042 2.077 2.078 3.11 3.123.352.356.425.797.232 1.212-.212.452-.687.75-1.151.718-.295-.02-.525-.167-.73-.373-.782-.787-1.578-1.56-2.345-2.361-.223-.234-.33-.19-.526.013-.788.81-1.587 1.608-2.392 2.4-.36.356-.79.42-1.21.217-.445-.215-.729-.67-.706-1.126.014-.31.166-.546.379-.758 1.025-1.024 2.048-2.05 3.071-3.076.069-.068.131-.14.23-.247zm.85-3.567c-2.489-.008-4.53-2.072-4.516-4.566A4.562 4.562 0 0 1 15.422 6c2.52.006 4.541 2.067 4.53 4.615-.013 2.488-2.069 4.504-4.584 4.496zm2.263-4.56a2.219 2.219 0 0 0-2.226-2.224 2.221 2.221 0 0 0-2.231 2.251 2.219 2.219 0 0 0 2.242 2.208 2.215 2.215 0 0 0 2.215-2.234z"/> </defs> <g fill="none" fill-rule="evenodd" transform="translate(-10 -6)"> <path d="M0 0h30v30H0z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <use fill="#fff" xlink:href="#a"/> <g fill="#FFF" mask="url(#b)"> <path d="M0 0h30v30H0z"/> </g> </g> </svg>')
}

.nFooter-soc .svg-icon-instagram {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14"> <defs> <path id="a" d="M19.183 8.182h-8.366a2.638 2.638 0 0 0-2.635 2.635v8.366a2.638 2.638 0 0 0 2.635 2.635h8.366a2.638 2.638 0 0 0 2.635-2.635v-8.366a2.638 2.638 0 0 0-2.635-2.635zm.756 1.572l.301-.002v2.312l-2.304.007-.008-2.311 2.01-.006zM13.054 13.6c.436-.604 1.145-1 1.946-1 .801 0 1.51.396 1.946 1 .285.395.454.877.454 1.4 0 1.323-1.076 2.4-2.4 2.4a2.403 2.403 0 0 1-2.4-2.4c0-.523.17-1.005.454-1.4zm7.436 5.583c0 .72-.586 1.307-1.307 1.307h-8.366c-.72 0-1.307-.586-1.307-1.307V13.6h2.037a3.702 3.702 0 0 0-.275 1.4A3.733 3.733 0 0 0 15 18.729 3.733 3.733 0 0 0 18.729 15c0-.495-.1-.967-.275-1.4h2.036v5.583z"/> </defs> <g fill="none" fill-rule="evenodd" transform="translate(-8 -8)"> <path d="M0 0h30v30H0z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <use fill="#FFF" xlink:href="#a"/> <g fill="#FFF" mask="url(#b)"> <path d="M0 0h30v30H0z"/> </g> </g> </svg>')
}

.nFooter-soc .svg-icon-vkontakte {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="11" viewBox="0 0 18 11"> <defs> <path id="a" d="M15.495 20.408s.308-.034.465-.2c.144-.152.14-.44.14-.44s-.02-1.34.615-1.539c.625-.195 1.428 1.297 2.28 1.871.643.434 1.132.339 1.132.339l2.277-.031s1.19-.072.626-.991c-.047-.076-.33-.68-1.692-1.923-1.429-1.3-1.237-1.09.482-3.34 1.047-1.37 1.466-2.206 1.335-2.563-.124-.342-.895-.251-.895-.251l-2.562.015s-.19-.025-.331.057c-.138.081-.227.27-.227.27s-.405 1.06-.946 1.962c-1.142 1.902-1.598 2.003-1.784 1.885-.435-.276-.326-1.107-.326-1.697 0-1.844.285-2.612-.555-2.81-.278-.067-.483-.11-1.196-.118-.915-.009-1.688.003-2.127.214-.292.14-.517.452-.38.47.17.022.554.102.757.373.263.352.253 1.139.253 1.139s.151 2.17-.352 2.44c-.345.184-.819-.193-1.837-1.919-.521-.884-.914-1.86-.914-1.86s-.076-.183-.212-.282a1.06 1.06 0 0 0-.394-.155l-2.435.016s-.366.01-.5.166c-.12.138-.01.425-.01.425s1.907 4.38 4.067 6.586c1.98 2.023 4.227 1.89 4.227 1.89h1.019z"/> </defs> <g fill="none" fill-rule="evenodd" transform="translate(-6 -10)"> <path d="M0 0h30v30H0z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <use fill="#FFF" xlink:href="#a"/> <g fill="#FFF" mask="url(#b)"> <path d="M0 0h30v30H0z"/> </g> </g> </svg>')
}

.nFooter-soc .svg-icon-youtube {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="18" viewBox="0 0 16 18"> <defs> <path id="a" d="M10.858 19.103l.012-2.763.516-.005.516-.006-.006-.426-.007-.426-1.49-.006-1.489-.006v.864l.504.006.504.005.006 2.74c.003 1.506.01 2.752.016 2.768.008.022.113.028.459.023l.448-.006.011-2.762zm8.594-.195c-.021-.055.008-.693.036-.786.065-.217.204-.323.423-.323.181 0 .297.07.374.228.05.1.054.143.062.513l.007.403h-.445c-.382 0-.446-.004-.457-.035zm.83 2.976c.437-.123.738-.421.852-.843.019-.072.041-.277.049-.455l.012-.324h-.84l-.01.29c-.012.33-.046.443-.165.549-.128.112-.362.12-.514.017-.181-.123-.226-.33-.217-1.004l.007-.477.869-.006.869-.006-.011-.71c-.015-.793-.03-.913-.163-1.194-.253-.533-.954-.802-1.536-.59-.44.161-.699.45-.803.899-.037.158-.04.3-.04 1.46 0 1.421.004 1.479.149 1.77.258.518.905.789 1.493.624zm-3.44-.81a.306.306 0 0 0 .116-.165c.035-.103.038-.234.033-1.454-.005-1.27-.007-1.346-.048-1.429-.106-.213-.37-.233-.613-.047l-.08.06v2.9l.08.06c.179.138.376.166.512.076zm.526.819c.132-.038.291-.196.363-.357.138-.308.139-.315.139-2.047 0-1.421-.004-1.597-.04-1.75-.113-.492-.361-.707-.779-.676-.234.018-.418.112-.638.325a1.524 1.524 0 0 1-.192.17c-.008 0-.016-.472-.016-1.047v-1.045h-.816v6.41h.816v-.216c0-.143.008-.216.025-.216.013 0 .105.076.204.17.317.298.592.38.934.279zm-4.341-.021c.163-.06.354-.194.516-.358a.655.655 0 0 1 .164-.138c.021 0 .029.062.029.25v.25h.815V17.125h-.815v3.665l-.176.175c-.14.14-.198.182-.284.205-.146.041-.238.013-.298-.09-.046-.077-.047-.113-.053-2.017l-.006-1.938h-.815v2.058c0 2.241.003 2.29.128 2.506.137.236.457.31.795.183zm.346 1.982c-.53-.01-1.156-.024-1.393-.032-1.59-.058-2.681-.119-2.9-.163a1.608 1.608 0 0 1-.859-.523c-.323-.398-.495-.88-.579-1.624-.193-1.727-.19-3.743.012-5.41.089-.73.308-1.258.677-1.626.21-.21.412-.328.681-.397.584-.15 5.15-.27 7.929-.207 1.605.035 3.339.11 3.8.163.595.068 1.014.377 1.304.965.219.443.288.788.377 1.852.07.843.087 1.368.074 2.34-.015 1.164-.088 2.19-.199 2.765-.117.608-.392 1.127-.748 1.408-.275.217-.568.314-1.029.34-.137.008-.31.019-.385.025-.265.02-1.688.078-2.47.1-1.159.032-3.188.044-4.292.024zm-1.431-10.558c-.02-.032-.016-1.902.003-2.167.026-.34-.032-.607-.274-1.29a32.46 32.46 0 0 1-.316-.954c-.687-2.192-.651-2.063-.585-2.064.452-.004 1.01-.001 1.017.006.004.004.151.539.327 1.189l.325 1.202c.004.01.107-.368.229-.841.256-.994.4-1.542.406-1.547.011-.011.138-.013.555-.011l.462.003-.01.074c-.009.06-.324 1.12-.653 2.199l-.204.682c-.076.256-.168.56-.205.676l-.066.211v1.317c0 1.234-.003 1.317-.04 1.327-.083.023-.956.012-.971-.012zm5.96.079c-.227-.03-.36-.118-.451-.3-.115-.227-.115-.226-.115-2.491V8.47h.919l.01 1.949c.01 2.116.007 2.067.133 2.099.116.028.245-.034.404-.197l.154-.157.006-1.847.005-1.847.46-.007.458-.005v4.839l-.062.013c-.075.015-.771.014-.827-.002-.034-.01-.04-.04-.04-.23v-.22l-.13.128c-.3.293-.624.43-.923.389zm-2.312-.924c.157-.12.158-.13.166-1.49.007-1.058.004-1.237-.028-1.381-.043-.195-.119-.287-.267-.328-.19-.05-.366.058-.427.268-.046.161-.046 2.56.001 2.72.036.122.15.254.234.273a.427.427 0 0 0 .321-.062zm-.36.923c-.411-.05-.789-.292-.97-.624-.186-.337-.203-.513-.192-1.999.009-1.15.012-1.222.057-1.387.108-.392.318-.66.644-.822a1.322 1.322 0 0 1 1.35.082c.268.173.43.426.518.8.038.166.042.294.042 1.455 0 1.413-.006 1.495-.15 1.8a1.286 1.286 0 0 1-.78.647 1.73 1.73 0 0 1-.52.048z"/> </defs> <g fill="none" fill-rule="evenodd" transform="translate(-7 -6)"> <path d="M0 0h30v30H0z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <use fill="#FFF" xlink:href="#a"/> <g fill="#FFF" mask="url(#b)"> <path d="M0 0h30v30H0z"/> </g> </g> </svg>')
}

.nFooter-soc .svg-icon-facebook {
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="16" viewBox="0 0 9 16"> <defs> <path id="a" d="M15.896 23.864h-3.325v-7.842h-1.662V13.32h1.662v-1.623c0-2.204.938-3.515 3.604-3.515h2.219v2.703h-1.387c-1.038 0-1.107.377-1.107 1.082l-.004 1.353h2.513l-.294 2.702h-2.22v7.842h.001z"/> </defs> <g fill="none" fill-rule="evenodd" transform="translate(-10 -8)"> <path d="M0 0h30v30H0z"/> <mask id="b" fill="#fff"> <use xlink:href="#a"/> </mask> <use fill="#FFF" xlink:href="#a"/> <g fill="#FFF" mask="url(#b)"> <path d="M0 0h30v30H0z"/> </g> </g> </svg>')
}

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

.nFooter-bottom-wrap {
    padding-top: 15px
}

.nFooter-app {
    white-space: nowrap;
    margin: 0 30px 0 13px
}

.nFooter-app__market, .nFooter-app__store {
    display: inline-block;
    width: 200px;
    background: no-repeat 0 50%;
    opacity: .5
}

.nFooter-copyright {
    font-size: 11px;
    line-height: 1.63;
    letter-spacing: .3px;
    max-width: 460px
}

.nFooter-copyright a {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.nFooter-copyright a:hover {
    border-bottom: 0
}

.nFooter-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .3px;
    color: rgba(255, 255, 255, .3);
    margin: 0 -15px
}

.nFooter-menu ul {
    padding: 0 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.nFooter-menu li > * {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 16px;
    cursor: pointer
}

.nFooter-menu li > .active {
    color: rgba(255, 255, 255, .8);
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.nFooter-menu li > a:hover {
    color: rgba(255, 255, 255, .8);
    cursor: pointer
}

li.nFooter-menu__head > * {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.24;
    letter-spacing: .5px;
    color: rgba(255, 255, 255, .5);
    border: 0;
    padding-top: 0;
    padding-bottom: 15px
}

.ios-device .nFooter .nFooter-app__market, .ios.mobile .nFooter .nFooter-app__market, .ios.tablet .nFooter .nFooter-app__market {
    display: none
}

.android.mobile .nFooter .nFooter-app__store, .android.tablet .nFooter .nFooter-app__store {
    display: none
}

@media (max-width: 991.98px) {
    .nFooter-menu {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

    .nFooter-menu ul {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        margin-bottom: 50px
    }

    .nFooter-bottom-wrap {
        padding-top: 0
    }
}

@media (max-width: 768px) {
    .nFooter-menu ul {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .nFooter-logo-row > div {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .nFooter-bottom {
        display: block;
        margin-top: 21px
    }

    .nFooter-bottom-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .nFooter-bottom-wrap > div {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .nFooter-soc {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .nFooter-copyright {
        margin-top: 25px
    }

    .nFooter-soc {
        margin-top: 40px;
        position: relative;
        top: 68px
    }

    .nFooter-app {
        position: relative
    }

    .nFooter-app > a {
        display: block;
        margin: auto
    }

    .nFooter-menu ul {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 5px
    }

    .nFooter-menu ul.-open {
        margin-bottom: 30px
    }

    .nFooter-menu .nFooter-menu__head {
        display: block !important;
        position: relative;
        cursor: pointer;
        color: #fff
    }

    .nFooter-menu .nFooter-menu__head:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 6px;
        width: 6px;
        height: 6px;
        border-left: 2px solid rgba(255, 255, 255, .5);
        border-top: 2px solid rgba(255, 255, 255, .5);
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .nFooter-menu .-open li {
        display: block
    }

    .nFooter-menu .-open .nFooter-menu__head > * {
        padding-bottom: 0
    }

    .nFooter-menu .-open .nFooter-menu__head:after {
        border-color: #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .nFooter-menu li {
        display: none
    }

    .nFooter .nBreadcrumbs {
        display: none
    }

    .nFooter-logo {
        margin-bottom: 35px
    }

    .nFooter-logo-row {
        display: block;
        padding: 0 0 28px
    }

    .nFooter-bottom-wrap {
        display: block
    }
}

.accessories {
    padding-top: 42px
}

.accessories .models .model-name {
    display: inline-block;
    margin-right: 50px;
    color: #000;
    font-weight: 400;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 77px;
    opacity: .3
}

.accessories .models .model-name.selected {
    opacity: 1
}

.accessories .details {
    position: relative;
    min-height: 500px;
    background-color: #f8f8f8;
    padding-top: 60px
}

.accessories .details-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.accessories .details .title {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 36px;
    letter-spacing: .8px;
    line-height: 1.3
}

.accessories .details .title-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%
}

.accessories .details .subtitle {
    font-weight: 300;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 1.27;
    opacity: .5
}

.accessories .details .model-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.accessories .details .model-image img {
    width: 100%
}

.accessories .sections {
    width: 100%;
    padding-bottom: 40px
}

.accessories .section {
    display: inline-block;
    width: 140px;
    margin-right: 40px;
    padding: 0 20px 20px;
    text-align: center;
    border: solid 1px transparent;
    vertical-align: top
}

.accessories .section:hover {
    border: solid 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer
}

.accessories .section span {
    display: inline-block;
    line-height: 1.2
}

.accessories-popup.travel {
    background-color: #fff
}

.accessories-popup .content {
    width: 100%;
    height: 100%;
    background: #fff
}

.accessories-popup .popupGlobal.accessories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh
}

.accessories-popup .popupGlobalContainer.accessories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
}

.accessories-popup .description {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.accessories-popup .section-title {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: .8px
}

.accessories-popup .section-description {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    opacity: .5
}

.accessories-popup .equipment {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 30px;
    overflow: auto
}

.accessories-popup .equipment-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.accessories-popup .equipment-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-height: 140px;
    margin-right: 30px;
    -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

.accessories-popup .equipment-image img {
    width: 140px
}

.accessories-popup .equipment-title {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px
}

.accessories-popup .equipment-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    opacity: .5
}

.accessories-popup .summary {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 16px
}

.accessories-popup .summary-inner-container {
    max-width: 1000px;
    margin: 0 auto
}

.accessories-popup .summary .title {
    display: inline-block;
    margin-right: 20px;
    letter-spacing: .4px;
    line-height: 80px;
    opacity: .5;
    vertical-align: top
}

.accessories-popup .summary .new-price {
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 80px;
    vertical-align: top
}

.accessories-popup .summary .old-price {
    display: inline-block;
    margin-top: 4px;
    line-height: 80px;
    letter-spacing: .4px;
    text-decoration: line-through;
    opacity: .3;
    vertical-align: top
}

.accessories-popup .summary .action-button {
    float: right;
    color: #2962ff;
    padding: 3px 10px 6px;
    border: 1px solid #2962ff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .6px;
    margin-top: 30px;
    -webkit-transition: background-color .2s, color .2s;
    -o-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s
}

.accessories-popup .summary .action-button:hover {
    background-color: #2962ff;
    color: #fff
}

.accessories-popup .summary .action-button:active {
    background-color: #4e75ff
}

@media screen and (max-width: 1024px) {
    .accessories .details-description {
        display: block
    }

    .accessories .details .title {
        font-size: 32px
    }

    .accessories .details .subtitle {
        font-size: 18px
    }

    .accessories .sections {
        text-align: center
    }

    .accessories .section {
        margin-right: 20px
    }

    .accessories-popup .summary {
        padding: 0 20px
    }

    .accessories-popup .popupGlobalContainer.accessories {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .accessories-popup .description {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0 10%
    }

    .accessories-popup .equipment {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0 10%
    }
}

@media screen and (max-width: 767px) {
    .accessories .models {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .accessories .models .model-name {
        line-height: 40px
    }

    .accessories .details .title {
        font-size: 24px
    }

    .accessories .details .subtitle {
        font-size: 18px
    }

    .accessories-popup .popupGlobalContainer.accessories {
        padding-top: 40px;
        overflow: auto
    }

    .accessories-popup .section-title {
        font-size: 24px
    }

    .accessories-popup .section-description {
        font-size: 12px
    }

    .accessories-popup .equipment {
        margin-top: 30px;
        overflow: visible
    }

    .accessories-popup .equipment-image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-height: 120px;
        margin-right: 20px
    }

    .accessories-popup .equipment-description {
        font-size: 12px
    }

    .accessories-popup .summary-inner-container {
        text-align: center
    }

    .accessories-popup .summary .title {
        line-height: 60px
    }

    .accessories-popup .summary .new-price {
        line-height: 60px
    }

    .accessories-popup .summary .old-price {
        line-height: 60px
    }

    .accessories-popup .summary .action-button {
        display: inline-block;
        float: none;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.popupFeatureModel {
    max-width: 1000px;
    min-width: 0;
    margin: 0 auto
}

.popupFeatureModel:before {
    content: '';
    position: absolute;
    left: -3000px;
    right: -3000px;
    top: 0;
    bottom: 0;
    background: #fff
}

.popupFeatureModel .flexslider {
    background: #000;
    position: relative;
    padding-top: 56.2%
}

.popupFeatureModel .flexslider .flex-viewport {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.popupFeatureModel .flexslider .slides {
    height: 100%
}

.popupFeatureModel button.mfp-close:after, .popupFeatureModel button.mfp-close:before {
    background-color: #fff
}

.popupFeatureModelContainer {
    padding: 0 40px
}

.popupFeatureModel .sliderItem:before {
    display: none
}

.popupFeatureModel-close-wrap {
    position: fixed;
    z-index: 10;
    top: 60px;
    left: 0;
    right: 0;
    height: 0
}

.popupFeatureModel-close-wrap .container {
    max-width: 880px
}

.popupFeatureModel-close-wrap .mfp-close {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: 12px;
    float: right;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: 0;
    background: rgba(0, 0, 0, .3);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.popupFeatureModel-close-wrap .mfp-close:after, .popupFeatureModel-close-wrap .mfp-close:before {
    top: 9px
}

.popupFeatureModel-direction-wrap {
    position: absolute;
    height: 0;
    top: 0;
    left: 0;
    right: 0
}

.popupFeatureModel-direction-wrap .container {
    position: relative
}

.popupFeatureModel-direction-wrap .flex-direction-nav {
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    overflow: visible
}

.popupFeatureModel-direction-wrap .flex-direction-nav li {
    position: absolute;
    left: auto;
    right: auto;
    bottom: auto;
    top: 240px;
    margin-top: -14px;
    width: 42px;
    height: 42px;
    overflow: hidden;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.popupFeatureModel-direction-wrap .flex-direction-nav li a {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    margin: 0
}

.popupFeatureModel-direction-wrap .flex-direction-nav li.flex-nav-prev {
    left: 12px
}

.popupFeatureModel-direction-wrap .flex-direction-nav li.flex-nav-prev a {
    float: left
}

.popupFeatureModel-direction-wrap .flex-direction-nav li.flex-nav-next {
    right: 12px
}

.popupFeatureModel-direction-wrap .flex-direction-nav li.flex-nav-next a {
    float: right
}

.popupFeatureModel .flex-control-thumbs {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center
}

.popupFeatureModel .flex-control-thumbs li {
    display: inline-block;
    margin: 0 8px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer
}

.popupFeatureModel .flex-control-thumbs li:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 14px;
    background: #fff;
    opacity: .5
}

.popupFeatureModel .flex-control-thumbs li.flex-active:after {
    opacity: 1
}

.popupGlobal-flexslider-sync {
    margin: 0 -20px
}

.popup-featured-model-slider-text {
    margin: 30px 0 0;
    padding: 0 20px 30px
}

.popup-featured-model-slider-text:after {
    content: '';
    display: block;
    clear: both
}

.pst-title {
    font-family: Roboto;
    margin-right: 40%;
    font-weight: 300;
    font-size: 31px;
    line-height: 1.2;
    letter-spacing: .8px;
    margin-bottom: 25px
}

.pst-desc {
    float: left;
    width: 65%;
    margin-right: 5%
}

.pst-desc-title {
    font-weight: 300;
    font-size: 31px;
    letter-spacing: .8px;
    margin-bottom: 20px
}

.pst-desc-text {
    opacity: .7 !important
}

.pst-desc-text, .pst-desc-text * {
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    letter-spacing: .3px !important;
    color: #000 !important
}

.pst-pict {
    float: right;
    width: 30%
}

.pst-pict-img {
    height: 200px;
    background: no-repeat center #f2f2f2;
    -webkit-background-size: contain;
    background-size: contain
}

.pst-pict-img__src {
    width: 100%;
    display: block;
    margin-bottom: 5px
}

.pst-pict-text {
    font-weight: 300;
    opacity: .5;
    font-size: 14px;
    line-height: 1.31;
    letter-spacing: .4px;
    margin-top: 6px;
    margin-bottom: 10px
}

.flexslider .flex-direction-nav a {
    opacity: 1
}

.securityPopup .sliderItem {
    -webkit-background-size: 75% 75%;
    background-size: 75%
}

.securityPopup .pst-desc {
    width: 100%
}

.sliderItem {
    overflow: hidden !important;
    width: 100%;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%
}

.sliderItem video {
    -o-object-fit: cover;
    object-fit: cover;
    background: #000
}

.sliderItem:-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none
}

.sliderItem:-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none
}

.sliderItem:-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.sliderItem:before {
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), color-stop(87%, rgba(0, 0, 0, .7)), to(black));
    background: -webkit-linear-gradient(top, transparent 0, transparent 75%, rgba(0, 0, 0, .7) 87%, #000 100%);
    background: -o-linear-gradient(top, transparent 0, transparent 75%, rgba(0, 0, 0, .7) 87%, #000 100%);
    background: linear-gradient(to bottom, transparent 0, transparent 75%, rgba(0, 0, 0, .7) 87%, #000 100%);
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.sliderItemText {
    color: #fff;
    position: absolute;
    z-index: 15;
    text-align: left;
    top: 50px;
    left: 0;
    right: 0
}

.sliderItemText p {
    font-size: 36px;
    line-height: 50px;
    margin: 0;
    font-weight: 300
}

.sliderItemText span {
    opacity: .3;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .8px
}

@media (min-width: 1200px) {
    .popupFeatureModel-close-wrap .mfp-close {
        right: -145px
    }
}

@media (max-width: 1024px) {
    .popupFeatureModel .flex-control-thumbs {
        bottom: 30px
    }

    .popupFeatureModel-direction-wrap .flex-direction-nav li {
        top: 205px
    }
}

@media (max-width: 768px) {
    .popupFeatureModel-close-wrap {
        top: 0
    }

    .popupFeatureModel .flex-control-thumbs {
        bottom: 30px
    }

    .popupFeatureModel-direction-wrap .flex-direction-nav li {
        top: 155px
    }

    .pst-desc {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .pst-pict {
        margin-top: 30px;
        float: none;
        width: 70%
    }
}

@media (max-width: 576px) {
    .popupFeatureModel .sliderItemText {
        top: 20px
    }

    .popupFeatureModel .sliderItemText span {
        font-size: 14px
    }

    .popupFeatureModel .sliderItemText p {
        font-size: 22px;
        line-height: 20px
    }

    .pst-title {
        font-size: 28px
    }

    .pst-pict {
        width: 100%
    }
}

.nSelect2 {
    width: 100%;
    border: solid 1px rgba(0, 0, 0, .2);
    height: 44px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nSelect2 select {
    padding-left: 15px;
    color: #a1a1a1;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.nSelect2 select:active, .nSelect2 select:focus {
    outline: 0
}

.nSelect2 .select2-selection__rendered, .nSelect2-container .select2-results__option {
    font-size: 20px !important
}

.nSelect2-container .select2-results__option {
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: rgba(0, 0, 0, .08)
}

.nSelect2-container .select2-results__option:last-child {
    border-bottom: 0
}

.nSelect2-container .select2-results__option[aria-disabled=true] {
    color: rgba(153, 153, 153, .3);
    display: none
}

.nSelect2-container .select2-dropdown {
    -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    border: 0
}

.nSelect2-container .select2-dropdown.select2-dropdown--above {
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .09)
}

.nSelect2-container .select2-search--dropdown {
    padding-right: 20px;
    padding-left: 20px
}

.nSelect2 .select2-container .select2-selection--single {
    height: 43px
}

.nSelect2 .select2-container {
    max-width: 100%;
    min-width: 100%
}

@media (max-width: 768px) {
    .nSelect2 .select2-selection__rendered, .nSelect2-container .select2-results__option {
        font-size: 16px !important
    }
}

.orientation-landscape .select2-search__field {
    display: none
}

.dealer-card-detail {
    padding: 0 0 25px
}

.de-bord-box {
    padding: 14px 0 8px;
    position: relative
}

.de-bord-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 62px;
    right: 0;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.de-bord-box._full-bord:before {
    left: 0
}

.de-title + .de-bord-box {
    padding-top: 20px
}

.de-pict {
    display: block;
    min-height: 47px;
    overflow: hidden
}

.de-pict span {
    display: block;
    height: 192px;
    background: center no-repeat rgba(0, 0, 0, .01);
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.de-pict img {
    display: block;
    min-height: 192px;
    min-width: 100%
}

.de-title {
    padding: 20px 25px 20px 25px;
    font-size: 22px;
    letter-spacing: .5px;
    font-weight: 300;
    background-color: #fafafa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.de-title-name {
    color: #000
}

.de-title-name a {
    color: inherit
}

.de-title-site {
    display: none;
    width: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.27;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .5);
    margin: 0 0 0 20px
}

.de-title-site * {
    color: inherit
}

.de-title-site :before {
    content: '';
    display: block;
    background: url(/img/web-ico.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 0 auto 3px
}

.de-title.dealer-best {
    position: relative;
    padding-left: 64px
}

.de-title.dealer-best::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 25px;
    width: 22px;
    height: 22px;
    background: url(/img/star.svg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover
}

.de-title.dealer-standard .de-title-name {
    position: relative;
    display: inline-block;
    padding: 5px 30px 5px 10px;
    background: #2962ff;
    color: #fff
}

.de-title.dealer-standard .de-title-name::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-right: 10px solid #fafafa;
    border-bottom: 35px solid transparent
}

.de-title.dealer-standard.dealer-best::before {
    top: 25px
}

.de-address, .de-link, .de-phone, .de-test-drive-item, .de-test-drive-title, .de-text, .de-time {
    position: relative;
    color: rgba(0, 0, 0, .5);
    padding: 0 0 12px 62px;
    margin-right: 25px;
    line-height: 1.3
}

.de-test-drive-title {
    color: #000
}

.de-test-drive-item span {
    white-space: nowrap
}

.de-test-drive-item span:not(:last-child):after {
    content: ','
}

.de-link, .de-phone, .de-test-drive-item, .de-test-drive-title, .de-time {
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.de-phone a {
    color: inherit;
    padding: 0 0 1px 0
}

.de-phone a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.de-link a, .de-text a {
    color: #2962ff
}

.de-link a:hover, .de-text a:hover {
    border-bottom: 1px solid rgba(41, 98, 255, .3)
}

.de-text {
    color: #000
}

.de-soc-link {
    padding: 10px 20px 10px 57px;
    margin-bottom: 8px;
    position: relative
}

.de-soc-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 62px;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.de-soc-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 62px;
    right: 0;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.de-soc-link > * {
    display: inline-block;
    margin: 0 5px;
    position: relative
}

.de-soc-link > :before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}

.de-ico-address:before {
    content: '\e801'
}

.de-ico-time:before {
    content: '\e802'
}

.de-ico-phone:before {
    content: '\e81b'
}

.de-ico-mail:before {
    content: '\e800'
}

.de-ico-address:before, .de-ico-mail:before, .de-ico-phone:before, .de-ico-time:before {
    position: absolute;
    top: 0;
    left: 31px;
    font-family: fontello;
    color: rgba(0, 0, 0, .4);
    font-size: 14px
}

.popupCompareEq {
    position: relative
}

.popupCompareEq .pce-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .7)
}

.popupCompareEq .pce-loader:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    background: url(/img/loading.gif);
    opacity: .3
}

.popupCompareEq .pce-box .accordion {
    margin-left: -25px;
    margin-right: -25px
}

.-hide-same.popupCompareEq .-hide-if-same--by-checked {
    display: none
}

.-load.popupCompareEq .pce-loader {
    display: block
}

.-load.popupCompareEq .popupGlobalContainer {
    z-index: 1050
}

.pce-error-msg, .pce-not-same-msg, .pce-please-select-modelsEq-msg {
    font-size: 20px;
    opacity: .5
}

.pce-grid:after {
    content: '';
    display: block;
    clear: both
}

.pce-grid-c1 {
    float: left;
    width: 50%
}

.pce-grid-c1 .color-slider_compare {
    padding-right: 10px
}

.pce-grid-c2 {
    float: right;
    width: 50%
}

.pce-grid-c2 .color-slider_compare {
    padding-left: 10px
}

.pce-pif-price {
    margin-right: 10px
}

.pce-box, .pce-header, .pce-select-eq, .pce-wrap {
    padding-left: 18px;
    padding-right: 18px
}

.pce-box .color-price-disclaimer, .pce-header .color-price-disclaimer, .pce-select-eq .color-price-disclaimer, .pce-wrap .color-price-disclaimer {
    margin-top: 15px
}

.pce-box {
    margin: 35px 0
}

.pce-header-title {
    font-size: 26px;
    line-height: 31px;
    color: #000;
    font-weight: 300;
    margin-bottom: 10px
}

.pce-header-text {
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, .5);
    font-weight: 300;
    margin-bottom: 30px
}

.pce-select-eq {
    position: relative;
    padding-bottom: 20px
}

.pce-select-eq:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.pce-select-eq .controlAreaWrap {
    max-width: 300px;
    height: 44px;
    border-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.pce-select-eq .select2-container {
    max-width: 100%;
    min-width: 100%
}

.pce-select-eq .select2-container .select2-selection--single {
    height: 43px
}

.pce-select-eq .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 25px
}

.pce-select-eq .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: auto;
    margin-left: 0
}

.pce-select2-container .select2-results__option {
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: rgba(0, 0, 0, .08)
}

.pce-select2-container .select2-results__option[aria-disabled=true] {
    color: rgba(153, 153, 153, .3);
    display: none
}

.pce-select2-container .select2-results__option:last-child {
    border-bottom: 0
}

.pce-select2-container .select2-dropdown {
    -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    border: 0
}

.pce-select2-container .select2-dropdown.select2-dropdown--above {
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .09)
}

.pce-select2-container .select2-search--dropdown {
    padding-right: 20px;
    padding-left: 20px
}

.pce-select-eq .select2-selection__rendered, .pce-select2-container .select2-results__option {
    font-size: 20px !important
}

.pce-mark-box {
    margin: 5px 0 20px
}

.pce-price-in-foot {
    position: fixed;
    z-index: 40;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-weight: 300;
    font-size: 22px;
    letter-spacing: .5px;
    padding: 20px 0
}

.pce-price-in-foot .pce-pif-btn {
    margin-left: 0;
    position: relative;
    top: -3px
}

.pce-pif-price-eq2-diff {
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 400;
    margin-right: 20px;
    color: #2962ff
}

.pce-box-for-load {
    padding-bottom: 120px
}

.pce .color-price-disclaimer {
    margin-top: 15px
}

.color-price-disclaimer {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    opacity: .5
}

.color-price-disclaimer__item {
    position: relative;
    padding-left: 10px
}

.color-price-disclaimer__item::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0
}

.item-line__price, .item-line__year {
    font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 19px
}

span.pce-pif-price-text {
    display: inline-block;
    margin: 0 10px 10px -20px;
    font-size: 19px
}

span.pce-pif-price-text:empty {
    margin-bottom: 0
}

@media screen and (max-width: 1270px) {
    span.pce-pif-price-text {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) {
    span.pce-pif-price-text {
        font-size: 16px
    }
}

.popupModelTotalFootnoteDisclaimer {
    font-size: 12px
}

@media screen and (max-width: 1270px) {
    [class^=pce-pif-price] {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .pce-price-in-foot .pce-pif-btn {
        top: 5px;
        margin-left: 0
    }

    .pce-price-in-foot .item-line {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1024px) {
    .pce-price-in-foot {
        position: relative;
        width: 100%;
        padding-bottom: 0
    }

    .pce-box-for-load {
        padding-bottom: 0
    }
}

@media (max-width: 768px) {
    .pce-select-eq .controlAreaWrap {
        max-width: 100%
    }

    .pce-select-eq .pce-grid-c1 .controlAreaWrap {
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .pce-select-eq .pce-grid-c2 .controlAreaWrap {
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .pce-select-eq .select2-selection__rendered, .pce-select2-container .select2-results__option {
        font-size: 16px !important
    }

    .pce-header-title {
        text-align: center
    }

    .pce-header-text {
        text-align: center
    }

    .pce-price-in-foot {
        text-align: center;
        font-size: 16px;
        font-weight: 400
    }

    .pce-price-in-foot .pce-pif-btn {
        margin-left: 0;
        position: static;
        display: block;
        margin-top: 10px
    }

    .pce-grid-c1 .equipment-list li > span {
        display: block;
        width: 200%;
        margin-right: -100%;
        text-align: center;
        background: #fff
    }

    .pce-grid-c2 .equipment-list li > span {
        display: block;
        width: 200%;
        margin-left: -100%;
        text-align: center;
        background: #fff
    }

    .pce-grid .pce-grid-c2 {
        padding-right: 0
    }

    .pce-pif-price-eq1 span, .pce-pif-price-eq2 span {
        font-size: 16px
    }

    .popupCompareEq .pce-mark-box {
        text-align: center
    }

    .popupCompareEq .accordion .equipment-list li > div {
        padding-left: 60px;
        padding-right: 60px
    }

    .popupCompareEq .equipment-list {
        text-align: center
    }

    .popupCompareEq .equipment-list li > div {
        position: relative;
        padding-top: 7px
    }

    .popupCompareEq .equipment-list li > div > p {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }
}

@media (max-width: 300px) {
    .pce-select-eq .select2-selection__arrow {
        display: none
    }
}

@media (min-width: 768px) {
    .pce-box, .pce-header, .pce-select-eq, .pce-wrap {
        padding-left: 80px;
        padding-right: 80px
    }

    .pce-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 60px
    }

    .pce-header-text, .pce-header-title {
        margin-bottom: 0
    }

    .pce-header-title {
        font-size: 31px;
        line-height: 37px
    }

    .pce-header-text {
        margin-left: 30px;
        font-size: 20px;
        line-height: 30px
    }

    .pce-box_compare {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .pce-box, .pce-header, .pce-select-eq, .pce-wrap {
        padding-left: 18px;
        padding-right: 18px
    }

    .pce-box_compare {
        padding-left: 0;
        padding-right: 0
    }
}

.oti-tabs__title {
    position: relative;
    top: -15px;
    margin-top: -30px;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .5)
}

.oti-head {
    margin-top: 20px
}

.oti-head h1 {
    font-family: Roboto;
    font-size: 36px;
    line-height: 1.27;
    font-weight: 300;
    letter-spacing: .8px
}

.oti-head h1 small {
    display: block;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .5)
}

.oti-select {
    width: 220px;
    margin-top: 30px
}

.oti-list {
    margin-bottom: 40px
}

.oti-list__title {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #000;
    margin: 40px 0 25px
}

.oti-list__title:first-child {
    margin-top: 0
}

.oti-card-row {
    margin: 13px 0 0
}

.oti-card-row:first-child {
    margin-top: 0
}

.oti-card-row:after {
    content: '';
    display: block;
    clear: both
}

.oti-card-row-left {
    float: left;
    width: 45%
}

.oti-card-row-right {
    float: right;
    width: 45%;
    text-align: right
}

.oti-card-eq span {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    text-align: left;
    color: rgba(0, 0, 0, .5)
}

.oti-card-eq span:first-child {
    margin-top: 0
}

.oti-card-price {
    font-size: 23px;
    font-weight: 300;
    letter-spacing: .5px;
    text-align: right;
    color: #000
}

.oti-tab {
    display: none
}

.oti-tab .inlineModelYearSelector {
    padding-left: 0
}

.oti-tab.-show {
    display: block
}

.oti-car-card__pict {
    display: block;
    width: 210px;
    height: 130px;
    background: no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain
}

.oti-car-card__head {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #000;
    margin: 0 0 15px 0;
    display: block
}

.oti-car-card__link {
    display: block;
    margin: 3px 0
}

.oti-car-card__link a {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5)
}

.oti-car-card__link a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width: 576px) {
    .oti-head h1 {
        font-size: 26px
    }

    .oti-head h1 small {
        font-size: 17px
    }

    .oti-select {
        width: 100%
    }
}

.mc-cols-right .oti-tabs {
    margin-top: 20px
}

.js_modal {
    cursor: pointer
}

.image-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    background: rgba(0, 0, 0, .9)
}

.image-modal img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 100vh
}

.close {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family: Georgia, 'Times New Roman';
    position: absolute;
    top: 5%;
    right: 10%;
    cursor: pointer
}

.top-menu-line {
    background: rgba(0, 0, 0, .8);
    position: relative;
    width: 100%;
    z-index: 20;
    height: 44px
}

.tml-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
    position: relative
}

.tml-logo {
    width: 95px;
    min-width: 95px;
    position: relative;
    z-index: 1;
    margin-right: 26px;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.tml-logo img {
    width: 100%;
    vertical-align: middle
}

.tml-nav {
    display: none
}

.tml-nav-nav-list > li > a {
    white-space: nowrap
}

.tml-nav-nav-list__toggle {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: -12px;
    text-align: center;
    cursor: pointer
}

.tml-nav-nav-list__toggle:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #8d8c92;
    border-bottom: 1px solid #8d8c92;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    top: -5px
}

.tml-button {
    position: relative;
    z-index: 1;
    width: 24px;
    margin-left: auto;
    font-size: 0;
    cursor: pointer;
    padding-top: 1px;
    height: 32px;
    line-height: 32px;
    padding-right: 50px;
    right: -18px
}

.tml-button span {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 20px;
    width: 18px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.tml-button span:after, .tml-button span:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.tml-button span:before {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.tml-button span:after {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.tml-phone {
    display: none
}

.tml-phone a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    cursor: pointer
}

.top-menu-line.active .tml-nav-list__toggle:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 1px
}

@media only screen and (min-width: 769px) {
    .tml-logo {
        width: 140px;
        min-width: 140px
    }

    .tml-nav {
        display: block;
        position: relative;
        top: -1px
    }

    .tml-nav-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .tml-nav-list > li {
        position: relative;
        z-index: 1;
        padding: 0 16px 10px;
        margin-bottom: -10px
    }

    .tml-nav-list > li:hover .tml-nav-list__sup {
        display: inline-block
    }

    .tml-nav-list > li:last-child {
        margin-right: 0
    }

    .tml-nav-list > li a {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 1px;
        color: #6f6f6f;
        position: relative;
        top: 2px;
        display: block;
        max-width: 150px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .tml-nav-list > li a.-act {
        color: #fff
    }

    .tml-nav-list > li a:hover {
        color: #7b7b7b
    }

    .tml-nav-list__sup {
        display: none;
        position: absolute;
        width: 150px;
        padding: 20px 0 30px 0;
        left: 50%;
        top: 25px;
        margin-left: -webkit-calc(-150px / 2);
        margin-left: calc(-150px / 2);
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #fff;
        -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09)
    }

    .tml-nav-list__sup li {
        text-align: center;
        margin-bottom: 7px
    }

    .tml-nav-list__sup li:last-child {
        margin-bottom: 0
    }

    .tml-nav-list__sup li a {
        display: inline-block;
        color: #6f6f6f;
        font-size: 15px;
        line-height: 18px
    }

    .tml-nav-list__sup li a:hover {
        color: rgba(0, 0, 0, .5)
    }

    .tml-button {
        width: auto;
        color: #fff;
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 956px) {
    .tml-nav-list > li:nth-child(4) ~ li {
        display: none
    }
}

@media only screen and (max-width: 1100px) {
    .tml-nav-list > li:nth-child(5) ~ li {
        display: none
    }
}

.menu-in-popup {
    background: #fff;
    padding-bottom: 40px;
    line-height: 1.4
}

.mip-header {
    overflow: hidden;
    background: #f8f8f8
}

.mip-header-top {
    overflow: hidden;
    height: 27px;
    margin-top: 40px;
    margin-bottom: 50px
}

.mip-header-top-l {
    float: left;
    width: 50%
}

.mip-header-top-r {
    float: right;
    width: 50%;
    position: relative;
    min-height: 100%
}

.mip-header-top-r .mfp-close {
    right: 2px;
    top: 0;
    margin: 0 !important;
    left: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.mip-logo {
    cursor: pointer
}

.mip-models {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mip-models a {
    cursor: pointer;
    width: 20%;
    padding-right: 30px;
    margin-bottom: 20px;
    color: #000;
    text-decoration: none
}

.mip-models div, .mip-models img {
    background: #ececec;
    max-width: 150px;
    max-height: 80px
}

.mip-models div {
    min-height: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.mip-models img {
    display: block;
    width: 100%
}

.mip-models span {
    display: block;
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: .5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mip-menu {
    font-size: 16px;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .6);
    margin-top: 30px;
    padding: 0 20px
}

.mip-menu > ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mip-menu > ul > li {
    padding-right: 50px;
    min-width: 25%
}

.mip-menu a {
    color: inherit;
    text-decoration: none
}

.mip-menu a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.mip-menu li {
    list-style: none;
    padding: 2px 0
}

.mip-menu li li {
    line-height: 1.2;
    padding: 4px 0
}

.mip-menu li > span {
    display: block;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: .6px;
    margin: 35px 0 0 0;
    color: #000
}

.mip-menu li > span + ul {
    margin-top: 20px
}

.mip-menu li.-act {
    color: #000
}

.mip-menu__model-list {
    display: none
}

@media (max-width: 1024px) {
    .mip-menu > ul > li {
        min-width: 50%
    }

    .mip-models a {
        width: 25%
    }

    .mip-models span {
        font-size: 17px
    }
}

@media (max-width: 768px) {
    .mip-models a {
        width: 33.3333%
    }
}

@media (max-width: 576px) {
    .mip-header {
        background: 0 0
    }

    .mip-header-top {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mip-models {
        display: none
    }

    .mip-menu li {
        padding: 7px 0
    }

    .mip-menu li li {
        padding: 9px 0
    }

    .mip-menu > ul > li {
        min-width: 100%
    }

    .mip-menu > ul > li span + ul {
        display: none;
        margin-bottom: 20px
    }

    .mip-menu > ul > li.-open span + ul {
        display: block
    }

    .mip-menu > ul > li.-open span {
        color: #000
    }

    .mip-menu > ul > li span {
        cursor: pointer;
        color: rgba(0, 0, 0, .6);
        margin: 0 0 10px
    }

    .mip-menu__model-list {
        display: block
    }
}

@media (min-width: 1280.02px) {
    .mip-menu > ul > li {
        width: 25%
    }
}

.second-menu-line {
    position: relative;
    z-index: 15;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1), 0 -1px 0 0 rgba(0, 0, 0, .02), 0 -1px 0 0 rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1), 0 -1px 0 0 rgba(0, 0, 0, .02), 0 -1px 0 0 rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.second-menu-line.-open .sml-inner {
    overflow: visible;
    max-height: 500px;
    padding-bottom: 10px
}

.second-menu-line.-open .sml-menu li {
    opacity: 1
}

.second-menu-line.-open .sml__toggle:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 1px
}

.sml-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 35px;
    overflow: hidden;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
    max-height: 44px;
    position: relative
}

.sml-title {
    font-size: 23px;
    line-height: 29px;
    color: #000;
    margin-right: 15px
}

.sml-menu {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 10px
}

.sml-menu li {
    padding-right: 20px;
    opacity: 0;
    -webkit-transition: all linear .55s;
    -o-transition: all linear .55s;
    transition: all linear .55s;
    white-space: nowrap
}

.sml-menu li:first-child {
    opacity: 1
}

.sml-menu li a, .sml-menu span {
    color: #8d8c92;
    font-size: 15px;
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: color ease-in-out .4s;
    -o-transition: color ease-in-out .4s;
    transition: color ease-in-out .4s;
    text-decoration: none
}

.sml-menu .active > a, .sml-menu span.-act, .sml-menu span.-act-on-click {
    color: #000;
    cursor: default
}

.sml__toggle {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: -3px;
    text-align: center;
    cursor: pointer
}

.sml__toggle:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #8d8c92;
    border-bottom: 1px solid #8d8c92;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.sml__toggle._main-toggle {
    position: absolute;
    top: 6px;
    right: -4px;
    display: none
}

.sml-btn {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 40px;
    display: none
}

.sml-btn > * {
    white-space: nowrap
}

.sml-btn > .btn-default {
    margin-left: 20px
}

.sml-btn > .btn-default:first-child {
    margin-left: 0
}

.sml__toggle {
    display: none
}

.sml__toggle._main-toggle {
    display: inline-block
}

.sml-right {
    position: relative;
    margin-left: auto
}

.-expand .sml-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.-expand .sml-menu li {
    display: block;
    opacity: 1;
    margin-right: 10px
}

.-expand .sml-title {
    max-width: 250px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.-expand .sml__toggle {
    display: none
}

@media (min-width: 768.02px) {
    .sml-title {
        font-family: 'Open Sans';
        font-weight: 400;
        letter-spacing: .6px;
        line-height: 31px;
        margin-right: 30px
    }

    .sml-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sml-menu {
        position: relative;
        top: 3px;
        width: 150px;
        padding-top: 0
    }

    .sml-menu li {
        padding-top: 1px
    }

    .sml-menu li:first-child {
        opacity: 1
    }

    .sml-menu li a, .sml-menu span {
        letter-spacing: .7px;
        color: #898989
    }

    .sml-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        padding-top: 0
    }

    .sml-btn > * {
        letter-spacing: 1px;
        line-height: 28px;
        vertical-align: middle;
        position: relative;
        padding: 0 8px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    .sml__toggle {
        display: inline-block
    }

    .sml__toggle._main-toggle {
        display: none
    }
}

@media (max-width: 768px) {
    .sml-right {
        position: absolute;
        top: 0;
        right: 0
    }
}

.view360 {
    padding-top: 60px;
    background-color: #f8f8f8 !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 0 !important
}

.view360:after {
    content: 'Автомобили на изображениях могут отличаться от представленных на российском рынке';
    position: absolute;
    z-index: 100;
    bottom: 15px;
    right: 15px;
    color: #bfbfbf;
    font-size: 12px;
    line-height: 1.5;
    width: 216px;
    text-align: right
}

.view360Wrap {
    position: relative;
    z-index: 1
}

.view360Wrap:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -60px;
    left: -30px;
    bottom: -30px;
    right: -30px;
    background: #f8f8f8
}

.view360Title {
    font-size: 31px;
    letter-spacing: 1px;
    line-height: 37px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 10
}

.view360Carousel {
    min-width: 100%;
    min-height: 200px;
    background-color: #f8f8f8;
    margin-bottom: 40px;
    position: relative;
    z-index: 10
}

.view360Carousel__view-control {
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
    position: absolute;
    z-index: 50;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    letter-spacing: .4px;
    opacity: 1
}

.view360Carousel__view-control-next, .view360Carousel__view-control-prev {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: left;
    cursor: pointer;
    padding: 0 5px
}

.view360Carousel__view-control-next:after, .view360Carousel__view-control-prev:after {
    position: relative;
    top: -2px;
    vertical-align: middle;
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.view360Carousel__view-control-prev {
    text-align: right
}

.view360Carousel__view-control-next:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.view360CarouselItem {
    width: 100%;
    min-height: 150px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.view360CarouselItem.active {
    z-index: 5;
    display: block;
    position: relative;
    opacity: 1
}

.view360CarouselItem img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto
}

.view360Carousel__inner {
    height: 350px;
    position: relative;
    z-index: 20
}

.view360Carousel__inner:before {
    content: '';
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: -28%;
    height: 320px;
    border: 4px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotateX(73deg);
    transform: rotateX(73deg);
    z-index: -1
}

.view360Carousel__inner .view360CarouselItem {
    height: 320px;
    opacity: 0;
    -webkit-transition: opacity .6s linear .6s;
    -o-transition: opacity .6s linear .6s;
    transition: opacity .6s linear .6s
}

.view360Carousel__inner .view360CarouselItem > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    z-index: 50;
    background: no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    display: none
}

.view360Carousel__inner .view360CarouselItem > div.-act {
    display: block;
    z-index: 100
}

.view360Carousel__inner .view360CarouselItem.active {
    opacity: 1
}

.view360.-mode-not-view360 .view360Carousel__inner .view360CarouselItem, .view360Carousel__inner .view360CarouselItem.active {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.view360.-loaded .view360ColorLine:after {
    content: '';
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: default
}

.view360.-loaded .view360__progress {
    opacity: 1
}

.view360.-loaded .view360Carousel__view-control {
    opacity: .3
}

.view360.-mode-not-view360 .view360Carousel__view-control {
    opacity: 0
}

.view360__progress {
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 550;
    background: rgba(0, 0, 0, .1);
    opacity: 0
}

.view360__progress span {
    display: block;
    background: #8d7e65;
    height: 100%;
    width: 0
}

.view360__progress span > img {
    display: block;
    width: 100%;
    height: 100%
}

.view360Color {
    padding-bottom: 30px;
    position: relative;
    z-index: 10
}

.view360ColorLine {
    -webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 28px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px
}

.view360ColorLine div {
    width: 100%;
    height: 20px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background-color: #f8f8f8
}

.view360ColorLine div img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

.view360ColorLine .active .view360ColorItem__tick {
    display: block
}

.view360ColorItem__tick {
    display: none;
    position: absolute;
    top: 9px;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.view360ColorName {
    text-align: center
}

.view360ColorName span {
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    color: #000
}

.view360ColorName p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: rgba(0, 0, 0, .5)
}

@media (max-width: 991.98px) {
    .view360Carousel__inner {
        top: 30px;
        height: 250px
    }

    .view360Carousel__inner:before {
        display: none
    }

    .view360Carousel__inner .view360CarouselItem, .view360Carousel__inner .view360CarouselItem > div {
        height: 250px
    }

    .view360Carousel__view-control {
        bottom: 75px
    }
}

@media (max-width: 767.98px) {
    .view360Carousel__inner {
        top: 0
    }

    .view360Carousel__inner-control {
        bottom: 75px
    }

    .modelViewBtn {
        padding-top: 65px
    }

    .view360:after {
        left: 50%;
        bottom: 90px;
        margin-left: -109px;
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .view360Title {
        position: relative;
        z-index: 5
    }

    .view360Carousel {
        margin-top: -65px
    }

    .view360Carousel__inner {
        top: 30px
    }

    .view360Carousel__view-control {
        bottom: 75px
    }
}

@media (min-width: 768px) {
    .view360Title {
        text-align: left;
        width: 50%;
        padding-right: 50px;
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 65px
    }

    .view360Color {
        padding-bottom: 50px
    }

    .view360ColorName {
        text-align: left
    }

    .view360ColorName p, .view360ColorName span {
        display: inline-block;
        vertical-align: bottom
    }

    .view360ColorName span {
        font-size: 22px;
        margin-right: 10px;
        line-height: 26px
    }

    .view360ColorName p {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 992px) {
    .view360Carousel {
        margin-bottom: 0
    }

    .view360Color {
        position: absolute;
        bottom: 90px;
        left: 10px;
        padding-bottom: 0
    }

    .view360ColorName {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .view360ColorLine {
        display: inline-block
    }

    .view360ColorLine:after {
        content: '';
        display: block;
        clear: both
    }

    .view360ColorLine div {
        width: 24px;
        height: 24px;
        float: left
    }

    .view360ColorItem__tick {
        top: 13px
    }
}

@media (min-width: 992px) {
    .view360Carousel {
        min-width: 432px;
        min-height: 400px
    }

    .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -100px;
        position: absolute
    }

    .view360Carousel__inner .view360CarouselItem, .view360Carousel__inner .view360CarouselItem > div, .view360Carousel__inner:before {
        height: 380px
    }

    .view360Carousel__inner:before {
        bottom: 0
    }

    .nModel-xv .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -55px;
        position: absolute
    }

    .nModel-xv .view360Carousel__inner .view360CarouselItem, .nModel-xv .view360Carousel__inner .view360CarouselItem > div, .nModel-xv .view360Carousel__inner:before {
        height: 525px
    }

    .nModel-xv .view360Carousel__inner:before {
        bottom: -89px
    }

    .nModel-forester .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -164px;
        position: absolute
    }

    .nModel-forester .view360Carousel__inner .view360CarouselItem, .nModel-forester .view360Carousel__inner .view360CarouselItem > div, .nModel-forester .view360Carousel__inner:before {
        height: 400px
    }

    .nModel-forester .view360Carousel__inner:before {
        bottom: 48px
    }

    .nModel-legacy .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -201px;
        position: absolute
    }

    .nModel-legacy .view360Carousel__inner .view360CarouselItem, .nModel-legacy .view360Carousel__inner .view360CarouselItem > div, .nModel-legacy .view360Carousel__inner:before {
        height: 300px
    }

    .nModel-legacy .view360Carousel__inner:before {
        bottom: 132px
    }

    .nModel-outback .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -201px;
        position: absolute
    }

    .nModel-outback .view360Carousel__inner .view360CarouselItem, .nModel-outback .view360Carousel__inner .view360CarouselItem > div, .nModel-outback .view360Carousel__inner:before {
        height: 300px
    }

    .nModel-outback .view360Carousel__inner:before {
        bottom: 132px
    }

    .nModel-wrx .view360Carousel__inner {
        height: 540px;
        width: 100%;
        right: -200px;
        bottom: -50px;
        position: absolute
    }

    .nModel-wrx .view360Carousel__inner .view360CarouselItem, .nModel-wrx .view360Carousel__inner .view360CarouselItem > div, .nModel-wrx .view360Carousel__inner:before {
        height: 600px
    }

    .nModel-wrx .view360Carousel__inner:before {
        bottom: -120px
    }
}

.nModel-gallery {
    width: 100%;
    height: 70vh;
    min-height: 700px;
    color: rgba(255, 255, 255, .5);
    background: no-repeat center #141414;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.nModel-gallery .model-icons {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%
}

.nModel-gallery .model-icons .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nModel-gallery .model-icons .japan-build, .nModel-gallery .model-icons .model-awards {
    position: relative;
    top: 0;
    width: auto;
    max-width: 40%
}

.nModel-gallery .model-icons .japan-build__img-wrapper {
    width: 100%
}

.nModel-gallery .japan-build, .nModel-gallery .model-awards {
    width: 30%
}

.nModel-gallery .japan-build__img-wrapper, .nModel-gallery .model-awards__img-wrapper {
    display: block;
    width: 100%
}

.nModel-gallery .japan-build__img, .nModel-gallery .model-awards__img {
    display: block !important;
    -o-object-fit: initial;
    object-fit: initial;
    max-width: 100%;
    height: auto
}

.nModel-gallery .model-awards {
    text-align: right
}

.nModel-gallery .model-awards__img-wrapper {
    max-width: 253px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    background-color: rgba(0, 0, 0, .01);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.nModel-gallery .model-awards__img-wrapper:hover {
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.nModel-gallery.cars-gallery {
    height: 90vh
}

.nModel-gallery [name=gallery] {
    position: absolute;
    top: -250px
}

.nModel-gallery__shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#141414), color-stop(65%, rgba(20, 20, 20, 0)));
    background-image: -webkit-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 65%);
    background-image: -o-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 65%);
    background-image: linear-gradient(to top, #141414 0, rgba(20, 20, 20, 0) 65%)
}

.nModel-gallery__shadow.wrx {
    z-index: 9;
    top: 60%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#141414), color-stop(65%, rgba(20, 20, 20, 0)));
    background-image: -webkit-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 65%);
    background-image: -o-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 65%);
    background-image: linear-gradient(to top, #141414 0, rgba(20, 20, 20, 0) 65%)
}

.nModel-gallery__shadow_wrx {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#141414), color-stop(25%, rgba(20, 20, 20, 0)));
    background-image: -webkit-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 25%);
    background-image: -o-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 25%);
    background-image: linear-gradient(to top, #141414 0, rgba(20, 20, 20, 0) 25%)
}

.nModel-gallery_new .nModel-gallery__shadow {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#202020), color-stop(65%, rgba(32, 32, 32, 0)));
    background-image: -webkit-linear-gradient(bottom, #202020 0, rgba(32, 32, 32, 0) 65%);
    background-image: -o-linear-gradient(bottom, #202020 0, rgba(32, 32, 32, 0) 65%);
    background-image: linear-gradient(to top, #202020 0, rgba(32, 32, 32, 0) 65%)
}

.nModel-gallery_new .nModel-gallery__inner {
    bottom: 45px
}

.nModel-gallery_new .nModel-gallery__disclaimer {
    bottom: 40px
}

@media screen and (min-width: 1024px) and (max-height: 750px) {
    .nModel-gallery_new .nModel-gallery__disclaimer.nModel-gallery__disclaimer_wrx {
        bottom: 140px
    }
}

.nModel-gallery__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.nModel-gallery__inner .-relative {
    height: 163px
}

.nModel-gallery__disclaimer {
    position: absolute;
    bottom: 25px;
    left: 50%;
    max-width: 1280px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    color: #bfbfbf;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 80px;
    opacity: .3
}

.nModel-gallery__disclaimer_wrx {
    left: auto;
    right: 25px;
    text-align: right;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding: 0
}

@media screen and (max-width: 1023px) {
    .nModel-gallery__disclaimer {
        padding: 0 40px
    }

    .nModel-gallery__disclaimer_wrx {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .nModel-gallery__disclaimer {
        bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .nModel-gallery__disclaimer {
        padding: 0 20px
    }

    .nModel-gallery__disclaimer_wrx {
        right: 0;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .nModel-gallery__disclaimer {
        bottom: 0
    }

    .nModel-gallery__disclaimer_wrx {
        bottom: 0;
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .nModel-gallery__disclaimer {
        bottom: -90px
    }

    .nModel-gallery__disclaimer_wrx {
        bottom: 0
    }
}

@media screen and (max-width: 400px) {
    .nModel-gallery__disclaimer {
        bottom: -100px
    }

    .nModel-gallery__disclaimer_wrx {
        bottom: 0
    }
}

.nModel-gallery__name {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: .8px;
    color: #fff;
    height: 40px;
    line-height: 36px;
    max-width: 50%;
    overflow: hidden
}

.nModel-gallery__slogan {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.27;
    letter-spacing: .5px;
    color: #fff;
    margin-top: 14px;
    height: 54px;
    max-width: 50%;
    overflow: hidden
}

.nModel-gallery-nav {
    position: absolute;
    right: 0;
    top: -6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nModel-gallery-nav > span {
    display: block;
    width: 155px;
    height: 123px;
    margin-left: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .6px;
    color: rgba(255, 255, 255, .5)
}

.nModel-gallery-nav > span > span {
    display: block;
    background: url(/img/empty-bg.png) #141414;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

.nModel-gallery-nav > span > span:hover:after {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    content: '';
    background: rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.nModel-gallery-nav > span > span:hover:before {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    content: '';
    background: no-repeat center;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='rgb(255,255,255)' d='M20,14 L20,2 C20,0.9 19.1,0 18,0 L6,0 C4.9,0 4,0.9 4,2 L4,14 C4,15.1 4.9,16 6,16 L18,16 C19.1,16 20,15.1 20,14 L20,14 Z M9,10 L11.03,12.71 L14,9 L18,14 L6,14 L9,10 L9,10 Z M0,4 L0,18 C0,19.1 0.9,20 2,20 L16,20 L16,18 L2,18 L2,4 L0,4 L0,4 Z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20
}

.nModel-gallery-nav > span > span > span {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 5px
}

.nModel-gallery__mfp-zoom {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.nModel-gallery__mfp-zoom.mfp-bg {
    background-color: rgba(20, 20, 20, .9)
}

.nModel-gallery__mfp-zoom .mfp-content {
    height: 100%;
    min-height: 100%;
    background: #222;
    min-width: 100%
}

.nModel-gallery__mfp-zoom .mfp-container, .nModel-gallery__mfp-zoom.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.nModel-gallery__mfp-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.nModel-gallery__mfp-zoom.mfp-ready.mfp-bg {
    opacity: 1
}

.nModel-gallery__mfp-zoom .mfp-figure {
    min-height: 100%;
    text-align: center;
    height: 100vh;
    overflow: hidden
}

.nModel-gallery__mfp-zoom .mfp-figure img {
    display: inline-block;
    width: auto !important;
    max-height: none !important;
    max-width: 100%;
    padding: 0;
    vertical-align: middle;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nModel-gallery__mfp-zoom.mfp-removing .mfp-container, .nModel-gallery__mfp-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.nModel-gallery__mfp-zoom .mfp-figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nModel-gallery__mfp-zoom .mfp-figure .mfp-close {
    display: none !important
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #141414), color-stop(25%, rgba(20, 20, 20, 0)));
    background: -webkit-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 25%);
    background: -o-linear-gradient(bottom, #141414 0, rgba(20, 20, 20, 0) 25%);
    background: linear-gradient(to top, #141414 0, rgba(20, 20, 20, 0) 25%)
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow::before {
    content: "Автомобили на изображениях могут отличаться от представленных на российском рынке";
    position: absolute;
    right: 25px;
    bottom: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bfbfbf;
    font-size: 12px;
    line-height: 1.5;
    opacity: .3
}

@media screen and (max-width: 420px) {
    .nModel-gallery__mfp-zoom .mfp-figure-arrow::before {
        width: 216px;
        text-align: right
    }
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow-left, .nModel-gallery__mfp-zoom .mfp-figure-arrow-right {
    border: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow-left:after, .nModel-gallery__mfp-zoom .mfp-figure-arrow-right:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 17px;
    left: 17px
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow-left {
    left: 30px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nModel-gallery__mfp-zoom .mfp-figure-arrow-right {
    right: 30px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.nModel-gallery__mfp-zoom button.mfp-arrow:after, .nModel-gallery__mfp-zoom button.mfp-arrow:before, .nModel-gallery__mfp-zoom button.mfp-close:after, .nModel-gallery__mfp-zoom button.mfp-close:before {
    background-color: #fff
}

.nModel-gallery__mfp-zoom .mfp-arrow {
    display: none
}

.nModel-gallery__mfp-zoom .mfp-animated-image {
    display: none
}

.nModel-gallery__mfp-zoom .mfp-close {
    display: none
}

.nModel-gallery__mfp-close {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 40px;
    height: 40px;
    background-color: #000;
    cursor: pointer
}

.nModel-gallery__mfp-close:after, .nModel-gallery__mfp-close:before {
    position: absolute;
    top: 19px;
    left: 8px;
    content: '';
    width: 24px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nModel-gallery__mfp-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nModel-gallery .japan-build {
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%
}

.nModel-gallery .japan-build__img-wrapper {
    width: 40%
}

.nModel-gallery .japan-build__img {
    display: block !important;
    -o-object-fit: initial;
    object-fit: initial
}

.nContainer {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1270px;
    padding: 0 80px
}

.nModel-forester .nModel-gallery-nav__exterior > span {
    background-position: center;
    background-image: url(/img/forester-exterior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-forester .nModel-gallery-nav__interior > span {
    background-position: center;
    background-image: url(/img/forester-interior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-outback .nModel-gallery-nav__exterior > span {
    background-position: center;
    background-image: url(/img/outback-exterior.jpg);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-outback .nModel-gallery-nav__interior > span {
    background-position: center;
    background-image: url(/img/outback-interior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-xv .nModel-gallery-nav__exterior > span {
    background-position: center;
    background-image: url(/img/xv-exterior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-xv .nModel-gallery-nav__interior > span {
    background-position: center;
    background-image: url(/img/xv-interior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-legacy .nModel-gallery-nav__exterior > span {
    background-position: center;
    background-image: url(/img/legacy-exterior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-legacy .nModel-gallery-nav__interior > span {
    background-position: center;
    background-image: url(/img/legacy-interior.png);
    -webkit-background-size: cover;
    background-size: cover
}

.nModel-feature {
    background: #141414;
    color: #fff;
    padding: 94px 0 0
}

.nModel-feature a {
    color: inherit
}

.nModel-feature .nMf-head-menu > * {
    margin-right: 25px;
    color: rgba(255, 255, 255, .5);
    white-space: nowrap
}

.nModel-feature .nMf-head-menu > .-act {
    color: #fff;
    position: relative
}

.nMf-char {
    position: relative
}

.nMf-char * {
    position: relative;
    z-index: 10
}

.nMf-char:before {
    content: '';
    position: absolute;
    z-index: 0;
    background: rgba(255, 255, 255, .05);
    top: -25px;
    bottom: -15px;
    left: -30px;
    right: -30px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.nMf-head {
    margin-bottom: 31px;
    padding-top: 10px
}

.nMf-head-row:after, .nMf-head:after {
    content: '';
    clear: both;
    display: block
}

.nMf-head-row {
    margin: 22px 0 15px;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.nMf-head-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 27px;
    letter-spacing: .6px;
    font-weight: 300
}

.nMf-head-menu {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .6px;
    font-weight: 300
}

.nMf-head-menu__caption {
    font-size: 16px;
    letter-spacing: .8px;
    color: rgba(255, 255, 255, .5);
    position: relative;
    top: -5px
}

.nMf-head-left {
    float: left;
    padding: 14px 0
}

.nMf-head-right {
    float: right;
    padding: 14px 0 14px 20px;
    text-align: right
}

.nMf-head-right .modelViewBtn-compare {
    vertical-align: middle;
    line-height: 32px;
    position: relative;
    z-index: 10;
    font-size: 15px;
    letter-spacing: .6px
}

.nMf-head-right .modelViewBtn-compare:after {
    width: 6px;
    height: 6px;
    margin-left: 5px
}

.nMf-head-right .modelViewBtn-compare:before {
    margin-right: 13px
}

.nMf-head-menu > .-act:after {
    content: '';
    position: absolute;
    height: 2px;
    background: #fff;
    left: 0;
    right: 0;
    bottom: -19px
}

.nMf-bottom {
    margin-top: 15px;
    padding: 15px 0 15px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: none
}

.nMf-list {
    margin: 0 -15px
}

.nMf-item {
    padding: 15px 15px;
    width: 33%
}

.nMf-list-row-1 .nMf-item-value {
    font-size: 74px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 1.7px;
    color: #fff;
    margin-bottom: 4px
}

.nMf-list-row-1 .nMf-item-value > span {
    font-size: 16px;
    line-height: 1;
    letter-spacing: .4px;
    color: #fff;
    margin-left: 6px;
    position: relative;
    top: -1px
}

.nMf-list-row-1 .nMf-item-text {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: .4px;
    color: rgba(255, 255, 255, .5)
}

.nMf-svg-clearance {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCI+IDxwYXRoIGZpbGw9IndoaXRlIiBpZD0iYSIgZD0iTTUwLjQ0IDQwLjEzMmMxLjEzMSAwIDIuMDUtLjkyIDIuMDUtMi4wNVYyOC4wNWMwLTEuMTMtLjkxOS0yLjA1LTIuMDUtMi4wNWgtMy45MjljLTEuMTMgMC0yLjA1LjkyLTIuMDUgMi4wNXY0LjA1M2gtNi4zMTdhMy41MzkgMy41MzkgMCAwIDAtMy4zOTgtMi41NyAzLjUzOSAzLjUzOSAwIDAgMC0zLjQgMi41N0gyNS4wM1YyOC4wNWMwLTEuMTMtLjkyLTIuMDUtMi4wNS0yLjA1aC0zLjkzYy0xLjEzIDAtMi4wNS45Mi0yLjA1IDIuMDV2MTAuMDMyYzAgMS4xMy45MiAyLjA1IDIuMDUgMi4wNWgzLjkzYzEuMTMgMCAyLjA1LS45MiAyLjA1LTIuMDVWMzQuMDNoNi4zMTdhMy41NDYgMy41NDYgMCAwIDAgMi40MzUgMi40MzVoMS45MjdhMy41NDYgMy41NDYgMCAwIDAgMi40MzUtMi40MzVoNi4zMTd2NC4wNTJjMCAuNDc1LjQ2NyAxLjYzMSAyLjA1IDIuMDUuNjIuMTY0IDEuOTMuMTY0IDMuOTMgMHptLTI3LjMzOC0yLjA1YS4xMjMuMTIzIDAgMCAxLS4xMjIuMTIzaC0zLjkzYS4xMjMuMTIzIDAgMCAxLS4xMjMtLjEyM1YyOC4wNWMwLS4wNjguMDU1LS4xMjMuMTIzLS4xMjNoMy45M2MuMDY3IDAgLjEyMi4wNTUuMTIyLjEyM3YxMC4wMzJ6bTExLjY0My0zLjQxYy0uODg1IDAtMS42MDUtLjcyLTEuNjA1LTEuNjA2IDAtLjg4NS43Mi0xLjYwNiAxLjYwNS0xLjYwNi44ODYgMCAxLjYwNi43MiAxLjYwNiAxLjYwNiAwIC44ODYtLjcyIDEuNjA2LTEuNjA2IDEuNjA2em0xMS42NDMtNi42MjJjMC0uMDY4LjA1NS0uMTIzLjEyMy0uMTIzaDMuOTNjLjA2NyAwIC4xMjIuMDU1LjEyMi4xMjN2MTAuMDMyYS4xMjMuMTIzIDAgMCAxLS4xMjIuMTIzaC0zLjkzYS4xMjMuMTIzIDAgMCAxLS4xMjMtLjEyM1YyOC4wNXpNMTEgNDNoNDd2MkgxMXYtMnoiLz48L3N2Zz4=);
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    top: 4px;
    left: 13px
}

.nMf-svg-speed {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCI+PHBhdGggZmlsbD0id2hpdGUiIGlkPSJhIiBkPSJNNTAgMjUuMDM3YzAtNi44My0yLjc1NC0xMy4wMjgtNy4yMDktMTcuNTQ0YTEuMjQ0IDEuMjQ0IDAgMCAwLS4xMTMtLjEzNCAxLjIyMiAxLjIyMiAwIDAgMC0uMTM0LS4xMTRDMzguMDI4IDIuNzkxIDMxLjgzLjAzNyAyNSAuMDM3UzExLjk3MiAyLjc5MSA3LjQ1NiA3LjI0NWExLjI2IDEuMjYgMCAwIDAtLjEzNC4xMTRjLS4wNDIuMDQyLS4wNzkuMDg3LS4xMTQuMTM0QzIuNzU0IDEyLjAwOSAwIDE4LjIwNyAwIDI1LjAzN2MwIDYuNjc3IDIuNiAxMi45NTQgNy4zMiAxNy42NzZsLjAwMi4wMDJoLjAwMmMwIC4wMDIuMDAxLjAwMi4wMDIuMDAzYTEuMjI1IDEuMjI1IDAgMCAwIDEuNzM5IDBsLjA1Ny0uMDY0IDMuNzg5LTMuNzlhMS4yMyAxLjIzIDAgMCAwLTEuNzM5LTEuNzM4bC0yLjk1NiAyLjk1NmEyMi4zNTEgMjIuMzUxIDAgMCAxLTUuNzIzLTEzLjgxNWg0LjE4MWExLjIzIDEuMjMgMCAxIDAgMC0yLjQ2SDIuNDkzQTIyLjQ1MSAyMi40NTEgMCAwIDEgOC4yMjMgMTBsMi45NSAyLjk0OGExLjIyNiAxLjIyNiAwIDAgMCAxLjczOCAwIDEuMjMgMS4yMyAwIDAgMCAwLTEuNzM5TDkuOTYyIDguMjZBMjIuNDUgMjIuNDUgMCAwIDEgMjMuNzcgMi41M3Y0LjE4MWExLjIzIDEuMjMgMCAxIDAgMi40NiAwVjIuNTNhMjIuNDUgMjIuNDUgMCAwIDEgMTMuODA4IDUuNzNsLTIuOTUgMi45NWExLjIzIDEuMjMgMCAwIDAgMS43NCAxLjczOEw0MS43NzYgMTBhMjIuNDUgMjIuNDUgMCAwIDEgNS43MyAxMy44MDhoLTQuMThhMS4yMyAxLjIzIDAgMSAwIDAgMi40NTloNC4xODFhMjIuMzUxIDIyLjM1MSAwIDAgMS01LjcyMyAxMy44MTZsLTIuOTU2LTIuOTU3YTEuMjMgMS4yMyAwIDAgMC0xLjc0IDEuNzM5bDMuODUgMy44NWExLjIyNiAxLjIyNiAwIDAgMCAxLjc0IDBDNDcuNCAzNy45OTMgNTAgMzEuNzE1IDUwIDI1LjAzN3ptLTE5LjM1MS0xNC4xYTEuMjMgMS4yMyAwIDAgMC0xLjU5OS42ODRsLTMuNTUzIDguODdhNC41NTkgNC41NTkgMCAwIDAtNC41NzcgMi40NzJjLS44MjEgMS42MTItLjYxIDMuNTQuNTYzIDUuMTU0LjEyLjE2NS4yNy4zMTYuNDM3LjQzNy45NTQuNjkzIDIuMDE5IDEuMDYgMy4wOCAxLjA2IDEuNzMgMCAzLjI5NC0uOTYgNC4wOC0yLjUwMi44MjEtMS42MTMuNjExLTMuNTQtLjU2Mi01LjE1NGEyLjAwMSAyLjAwMSAwIDAgMC0uNDM4LS40MzggNi4wMyA2LjAzIDAgMCAwLS4yNzMtLjE4NGwzLjUyNi04LjhhMS4yMyAxLjIzIDAgMCAwLS42ODQtMS41OTl6bS0zLjc2IDE1LjA1OUEyLjExIDIuMTEgMCAwIDEgMjUgMjcuMTU0Yy0uNTI1IDAtMS4wNTQtLjE4My0xLjU3Mi0uNTQ1LS41OS0uODQ4LS43MDYtMS43NjYtLjMxNi0yLjUzMUEyLjExIDIuMTEgMCAwIDEgMjUgMjIuOTJjLjI1NiAwIC41MTIuMDQ0Ljc2Ny4xM2wuMDI1LjAxMWMuMDI3LjAxLjA1NC4wMi4wOC4wMjguMjM1LjA5LjQ2OC4yMTQuNy4zNzYuNTkuODQ3LjcwNiAxLjc2Ni4zMTcgMi41M3oiLz48L3N2Zz4=);
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    top: 13px;
    left: 33px
}

.nMf-list-row-2 .nMf-item-value {
    font-size: 37px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .9px;
    margin-bottom: -2px
}

.nMf-list-row-2 .nMf-item-value > span {
    font-size: 16px;
    letter-spacing: .4px;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px
}

.nMf-list-row-2 .nMf-item-text {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: .4px;
    color: rgba(255, 255, 255, .5)
}

.nMf-list-row-2 ._inv3 {
    position: relative;
    top: -3px
}

.nMf-list-row-2, .nMf-list-row-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nMf-list-show-more {
    margin: 20px 0;
    font-size: 15px;
    letter-spacing: .6px
}

.nMf-list-show-more:before {
    display: inline-block;
    min-width: 15px;
    text-align: center;
    content: '+';
    font-weight: 700;
    font-size: 19px;
    margin-right: 8px
}

.nMf-list-show-more:hover a > span {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.nMf-list-show-more.-act:before {
    content: '-'
}

.nMf-btn {
    margin: 57px 0 35px;
    position: relative;
    z-index: 20
}

.nMf-btn:after {
    content: '';
    display: block;
    clear: both
}

.nMf-btn > * {
    float: left;
    z-index: 50;
    position: relative
}

.nMf-btn > * + * {
    z-index: 49
}

.nMf-btn > * + * + * {
    z-index: 48
}

.nMf-btn > * + * + * + * {
    z-index: 47
}

.nMf-btn > * + * + * + * + * {
    z-index: 46
}

.nMf-btn > * + * + * + * + * + * {
    z-index: 45
}

.nMf-btn .select-link .sl-links {
    min-width: 80%;
    margin-top: 35px
}

.nMf-btn .select-link .sl-links a {
    color: rgba(0, 0, 0, .5)
}

.nMf-btn .select-link .sl-links a:hover {
    border-bottom-color: rgba(0, 0, 0, .2)
}

.nMf-btn-doc-download, .nMf-btn-simple {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    cursor: pointer;
    line-height: 1.1;
    letter-spacing: .6px;
    white-space: nowrap;
    padding: 43px 100px 20px 51px;
    position: relative;
    min-height: 96px
}

.nMf-btn-simple {
    float: right;
    padding-left: 0;
    padding-right: 0
}

.nMf-btn-simple:after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 5px;
    vertical-align: middle
}

.nMf-btn-doc-download.nMf-btn-doc-download-two-line {
    padding-top: 34px
}

.nMf-btn-doc-download:hover, .nMf-btn-simple:hover {
    border-color: #fff
}

.nMf-btn-doc-download:before {
    position: absolute;
    top: 20px;
    left: 0;
    content: '';
    display: inline-block;
    width: 42px;
    height: 62px;
    background: url(/img/file-pdf-icon-white.png) no-repeat center;
    -webkit-background-size: 42px auto;
    background-size: 42px auto;
    vertical-align: middle
}

.nMf-tabs {
    position: relative
}

.nMf-tab {
    display: none
}

.nMf-tab.-show {
    display: block
}

.nMf-list-more.nMf-list-more {
    display: none
}

._inv-3 .nMf-item-value, .nMf-list-row-3 .nMf-item-value {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: .4px;
    color: rgba(255, 255, 255, .5)
}

._inv-3 .nMf-item-text, .nMf-list-row-3 .nMf-item-text {
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: .4px;
    color: #fff
}

.nModel-advantage {
    background: #141414;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nMa-slide {
    width: 100%;
    height: 700px;
    position: relative;
    background: #141414;
    overflow: hidden
}

.nMa-slide__menu {
    position: absolute;
    z-index: 30;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50px
}

.nMa-slide__menu span {
    display: inline-block;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: .6px;
    color: rgba(255, 255, 255, .5);
    padding: 10px 0;
    margin-right: 50px;
    cursor: pointer
}

.nMa-slide__menu .-act {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: .8px;
    color: #fff
}

.nMa-slide__inner > div {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.nMa-slide__inner > div:after {
    content: '';
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 700px;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), color-stop(60%, rgba(0, 0, 0, .2)), to(#141414));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .2) 60%, #141414 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .2) 60%, #141414 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .2) 60%, #141414 100%)
}

.nMa-slide__inner > div > img {
    display: block;
    width: 100vw;
    min-width: 1400px;
    position: relative;
    z-index: 10
}

.nMa-slide__inner > div > span {
    z-index: 20;
    position: absolute;
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0 13px 35px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 13px 35px 0 rgba(0, 0, 0, .5);
    border: solid 4px #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin-left: -16px;
    margin-top: -16px
}

.nMa-slide__inner > div > span.-act:after {
    opacity: 1
}

.nMa-slide__inner > div > span:hover {
    z-index: 35
}

.nMa-slide__inner > div > span:hover > span {
    opacity: 1;
    visibility: visible
}

.nMa-slide__inner > div > span:after {
    opacity: 0;
    content: '';
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, .5), 0 13px 35px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, .5), 0 13px 35px 0 rgba(0, 0, 0, .5);
    top: 4px;
    left: 4px
}

.nMa-slide__inner > div > span > span {
    position: absolute;
    line-height: 1.4;
    top: 37px;
    left: 0;
    color: #000;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 250px;
    margin-left: -112px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .15s, visibility .15s;
    -o-transition: opacity .15s, visibility .15s;
    transition: opacity .15s, visibility .15s;
    word-break: break-word
}

.nMa-slide__inner > div > span > span:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nMa-slide-detail {
    padding: 30px 0 0
}

.nMa-slide-detail a {
    color: #fff
}

.nMa-slide-detail a.-arw:after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 5px;
    vertical-align: middle
}

.nMa-slide-detail > div {
    display: none;
    padding-bottom: 30px;
    position: relative
}

.nMa-slide-detail > div.-open {
    display: block
}

.nMa-slide__inner {
    display: none
}

.nMa-slide__inner.-open {
    display: block
}

.nMa-detail {
    font-size: 16px;
    letter-spacing: .4px;
    color: rgba(255, 255, 255, .5);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nMa-detail-inner {
    min-height: 287px;
    max-width: 540px;
    padding-right: 40px
}

.nMa-detail__pict {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 287px;
    -ms-flex: 0 0 287px;
    flex: 0 0 287px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 287px;
    height: 287px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.nMa-detail__text {
    padding-top: 30px
}

.nMa-detail__text, .nMa-detail__text p {
    line-height: 1.63
}

.nMa-detail__text p {
    margin: 0;
    padding: 0
}

.nMa-detail__text p + p {
    margin-top: 30px
}

.nMa-detail__text p.-inside {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.nMa-detail__head {
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px;
    color: #fff
}

.nMa-detail.withMargin {
    margin: 30px 0
}

.nMa-detail__three-col .nMa-detail-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 100%
}

.nMa-detail__three-col .nMa-detail-inner > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 31%;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    padding-right: 2%
}

.nMa-detail__three-col .nMa-detail__head {
    font-size: 21px
}

.nMa-detail__pict-in-col {
    display: block;
    width: 180px;
    height: 180px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 30px 0
}

.nMa-slide-detail-nav {
    padding-top: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 17px;
    line-height: 1.53;
    letter-spacing: .4px;
    color: #fff
}

.nMa-slide-detail-nav__next, .nMa-slide-detail-nav__prev {
    cursor: pointer
}

.nMa-slide-detail-nav__next:after, .nMa-slide-detail-nav__prev:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 17px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.nMa-slide-detail-nav__next {
    margin-left: 50px
}

.nMa-slide-detail-nav__next:after {
    margin-right: 0;
    margin-left: 17px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nModel-forester .nMa-slide-detail__e1 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__e1.png)
}

.nModel-forester .nMa-slide-detail__e2 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__e2.png)
}

.nModel-forester .nMa-slide-detail__e3 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__e3.png)
}

.nModel-forester .nMa-slide-detail__e4 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__e4.png)
}

.nModel-forester .nMa-slide-detail__e5 .nMa-detail__pict {
    display: block;
    background-image: url(/img/advantage/forester/nMa-slide-detail__e5.png);
    -webkit-border-radius: 0;
    border-radius: 0;
    width: -webkit-calc(100% - 800px);
    width: calc(100% - 800px);
    min-width: 380px;
    -webkit-background-size: contain;
    background-size: contain
}

.nModel-forester .nMa-slide-detail__i1 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i1.png)
}

.nModel-forester .nMa-slide-detail__i2 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i2.png)
}

.nModel-forester .nMa-slide-detail__i4 .nMa-detail__pict {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i4.png)
}

.nModel-forester .nMa-slide-detail__i6 .nMa-detail__pict {
    display: block;
    background-image: url(/img/advantage/forester/nMa-slide-detail__i6.png);
    -webkit-border-radius: 0;
    border-radius: 0;
    width: -webkit-calc(100% - 800px);
    width: calc(100% - 800px);
    min-width: 380px
}

.nModel-forester .nMa-slide-detail__i7 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i3.png)
}

.nModel-forester .i3_pict-in-col-1 {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i3-pict-col-1.png)
}

.nModel-forester .i3_pict-in-col-2 {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i3-pict-col-2.png)
}

.nModel-forester .i3_pict-in-col-3 {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i3-pict-col-3.png)
}

.nModel-forester .i5_pict-in-col-1 {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i5-pict-col-1.png)
}

.nModel-forester .i5_pict-in-col-2 {
    background-image: url(/img/advantage/forester/nMa-slide-detail__i5-pict-col-2.png)
}

.nModel-forester .nMa-slide-detail__i3 .nMa-detail__three-col .nMa-detail-inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nModel-forester .nMa-slide-dot-e1 {
    top: 31%;
    left: 33%
}

.nModel-forester .nMa-slide-dot-e2 {
    top: 38%;
    left: 35%
}

.nModel-forester .nMa-slide-dot-e3 {
    top: 60%;
    left: 34%
}

.nModel-forester .nMa-slide-dot-e4 {
    top: 43%;
    left: 43%
}

.nModel-forester .nMa-slide-dot-e5 {
    top: 64%;
    left: 51%
}

.nModel-forester .nMa-slide-dot-i1 {
    top: 60%;
    left: 36%
}

.nModel-forester .nMa-slide-dot-i2 {
    top: 56%;
    left: 74%
}

.nModel-forester .nMa-slide-dot-i3 {
    top: 39%;
    left: 74%
}

.nModel-forester .nMa-slide-dot-i4 {
    top: 59%;
    left: 79%
}

.nModel-forester .nMa-slide-dot-i5 {
    top: 40%;
    left: 80%
}

.nModel-forester .nMa-slide-dot-i6 {
    top: 30%;
    left: 87%
}

.nModel-forester .nMa-slide-dot-i7 {
    top: 42%;
    left: 55%
}

.nModel-outback .nMa-slide-detail__e1 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__e1.png)
}

.nModel-outback .nMa-slide-detail__e2 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__e2.png)
}

.nModel-outback .nMa-slide-detail__e3 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__e3.png)
}

.nModel-outback .nMa-slide-detail__e4 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__e4.png)
}

.nModel-outback .nMa-slide-detail__e5 .nMa-detail__pict {
    display: block;
    background-image: url(/img/advantage/outback/nMa-slide-detail__e5.png);
    -webkit-border-radius: 0;
    border-radius: 0;
    width: -webkit-calc(100% - 800px);
    width: calc(100% - 800px);
    min-width: 380px;
    -webkit-background-size: contain;
    background-size: contain
}

.nModel-outback .nMa-slide-detail__i1 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i1.png)
}

.nModel-outback .nMa-slide-detail__i2 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i2.png)
}

.nModel-outback .nMa-slide-detail__i3 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i3.png)
}

.nModel-outback .nMa-slide-detail__i4 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i4.png)
}

.nModel-outback .nMa-slide-detail__i6 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i6.png)
}

.nModel-outback .nMa-slide-detail__i7 .nMa-detail__pict {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i7.png)
}

.nModel-outback .i5_pict-in-col-1 {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i5-pict-col-1.png)
}

.nModel-outback .i5_pict-in-col-2 {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i5-pict-col-2.png)
}

.nModel-outback .i5_pict-in-col-3 {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i5-pict-col-3.png)
}

.nModel-outback .i5_pict-in-col-1 {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i5-pict-col-1.png)
}

.nModel-outback .i5_pict-in-col-2 {
    background-image: url(/img/advantage/outback/nMa-slide-detail__i5-pict-col-2.png)
}

.nModel-outback .nMa-slide-detail__i5 .nMa-detail__three-col .nMa-detail-inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nModel-outback .nMa-slide-dot-e1 {
    top: 54.3%;
    left: 33.8%
}

.nModel-outback .nMa-slide-dot-e2 {
    top: 54%;
    left: 37.8%
}

.nModel-outback .nMa-slide-dot-e3 {
    top: 57.5%;
    left: 46.5%
}

.nModel-outback .nMa-slide-dot-e4 {
    top: 42%;
    left: 49.8%
}

.nModel-outback .nMa-slide-dot-e5 {
    top: 72.5%;
    left: 57.1%
}

.nModel-outback .nMa-slide-dot-i1 {
    top: 20.7%;
    left: 12%
}

.nModel-outback .nMa-slide-dot-i2 {
    top: 66%;
    left: 26%
}

.nModel-outback .nMa-slide-dot-i3 {
    top: 37.5%;
    left: 44%
}

.nModel-outback .nMa-slide-dot-i4 {
    top: 60%;
    left: 47.5%
}

.nModel-outback .nMa-slide-dot-i5 {
    top: 37%;
    left: 68%
}

.nModel-outback .nMa-slide-dot-i6 {
    top: 44%;
    left: 74%
}

.nModel-outback .nMa-slide-dot-i7 {
    top: 35.5%;
    left: 75.6%
}

.nModel-xv .nMa-slide-detail__e1 .nMa-detail__pict {
    background-image: url(/img/advantage/xv/nMa-slide-detail__e1.png)
}

.nModel-xv .nMa-slide-detail__e2 .nMa-detail__pict {
    background-image: url(/img/advantage/xv/nMa-slide-detail__e2.png)
}

.nModel-xv .nMa-slide-detail__e3 .nMa-detail__pict {
    background-image: url(/img/advantage/xv/nMa-slide-detail__e3.png);
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: -webkit-calc(100% - 800px);
    width: calc(100% - 800px);
    min-width: 380px;
    -webkit-background-size: contain;
    background-size: contain
}

.nModel-xv .nMa-slide-detail__e4 .nMa-detail__pict {
    background-image: url(/img/advantage/xv/nMa-slide-detail__e4.png)
}

.nModel-xv .nMa-slide-detail__i3 .nMa-detail__pict._p1 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i3_p1.png)
}

.nModel-xv .nMa-slide-detail__i3 .nMa-detail__pict._p2 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i3_p2.png)
}

.nModel-xv .nMa-slide-detail__i2 .nMa-detail__three-col .nMa-detail-inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nModel-xv .nMa-slide-dot-e1 {
    top: 40.3%;
    left: 33.8%
}

.nModel-xv .nMa-slide-dot-e2 {
    top: 31%;
    left: 40.8%
}

.nModel-xv .nMa-slide-dot-e3 {
    top: 68.5%;
    left: 42.5%
}

.nModel-xv .nMa-slide-dot-e4 {
    top: 49%;
    left: 54.8%
}

.nModel-xv .nMa-slide-dot-i1 {
    top: 25.7%;
    left: 49%
}

.nModel-xv .nMa-slide-dot-i2 {
    top: 26%;
    left: 70%
}

.nModel-xv .nMa-slide-dot-i3 {
    top: 29.5%;
    left: 80%
}

.nModel-xv .i1_pict-in-col-1 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i1-pict-col-1.png)
}

.nModel-xv .i1_pict-in-col-2 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i1-pict-col-2.png)
}

.nModel-xv .i2_pict-in-col-1 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i2-pict-col-1.png)
}

.nModel-xv .i2_pict-in-col-2 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i2-pict-col-2.png)
}

.nModel-xv .i2_pict-in-col-3 {
    background-image: url(/img/advantage/xv/nMa-slide-detail__i2-pict-col-3.png)
}

.nModel-legacy .nMa-slide-detail__e1 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__e1.png)
}

.nModel-legacy .nMa-slide-detail__e2 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__e2.png)
}

.nModel-legacy .nMa-slide-detail__i1 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i1.png)
}

.nModel-legacy .nMa-slide-detail__i2 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i2.png)
}

.nModel-legacy .nMa-slide-detail__i3 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i3.png)
}

.nModel-legacy .nMa-slide-detail__i4 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i4.png)
}

.nModel-legacy .nMa-slide-detail__i6 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i6.png)
}

.nModel-legacy .nMa-slide-detail__i7 .nMa-detail__pict {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i7.png)
}

.nModel-legacy .nMa-slide-detail__i2 .nMa-detail__three-col .nMa-detail-inner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nModel-legacy .i5_pict-in-col-1 {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i5-pict-col-1.png)
}

.nModel-legacy .i5_pict-in-col-2 {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i5-pict-col-2.png)
}

.nModel-legacy .i5_pict-in-col-3 {
    background-image: url(/img/advantage/legacy/nMa-slide-detail__i5-pict-col-3.png)
}

.nModel-legacy .nMa-slide-dot-e1 {
    top: 42%;
    left: 50.8%
}

.nModel-legacy .nMa-slide-dot-e2 {
    top: 59%;
    left: 50.8%
}

.nModel-legacy .nMa-slide-dot-i1 {
    top: 57.7%;
    left: 31%
}

.nModel-legacy .nMa-slide-dot-i2 {
    top: 72%;
    left: 33%
}

.nModel-legacy .nMa-slide-dot-i3 {
    top: 32.5%;
    left: 44%
}

.nModel-legacy .nMa-slide-dot-i4 {
    top: 58.5%;
    left: 49%
}

.nModel-legacy .nMa-slide-dot-i5 {
    top: 39.5%;
    left: 70%
}

.nModel-legacy .nMa-slide-dot-i6 {
    top: 35.5%;
    left: 75%
}

.nModel-legacy .nMa-slide-dot-i7 {
    top: 43.5%;
    left: 76%
}

.nModel #modelFeature {
    position: relative;
    z-index: 10;
    margin-bottom: 30px
}

.nModel .nModel-advantage {
    position: relative;
    z-index: 5
}

.nModel .model-feature-block {
    padding-bottom: 1px
}

.nModel .tech-list {
    padding-top: 31px;
    background: #141414
}

.nModel .modelView, .nModel .view360 {
    background: #141414
}

.nModel .bar-slider, .nModel .bar-slider .slick-list:after, .nModel .bar-slider .slick-list:before {
    background: #141414
}

.nModel + .mainFooter {
    background: #141414
}

.nModel + .mainFooter .mainFooterTabControl:before {
    background-color: #141414
}

.nModel .bs-head {
    margin: 0 0 35px;
    display: block !important
}

.nModel .bs-head-title {
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px
}

.nModel .bs-head-title .-xs {
    display: none
}

.nModel .bs-head-link {
    font-size: 15px;
    letter-spacing: .6px;
    position: relative;
    top: 11px
}

.nModel .bs-head-link:after {
    width: 4px;
    height: 4px
}

.nModel .bs-item {
    position: relative
}

.nModel .bs-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 178px;
    z-index: 0;
    background-image: url(/img/empty-bg-big.png)
}

.nModel .bs-item-pict {
    background-color: transparent;
    position: relative;
    z-index: 10
}

.nModel .bs-item > span {
    font-size: 21px;
    font-weight: 300;
    line-height: 1.24;
    letter-spacing: .5px;
    margin-top: -2px
}

.nModel .bs-item > span + div {
    font-size: 17px;
    line-height: 1.53;
    letter-spacing: .4px;
    margin-top: 5px;
    color: rgba(255, 255, 255, .5)
}

.nModel .bar-slider {
    padding-bottom: 60px;
    padding-top: 60px
}

.nModel .bar-slider .slick-arrow.slick-disabled {
    opacity: .3
}

.nModel .bar-slider-container {
    padding-bottom: 0 !important
}

.nModel .bar-slider-container:after {
    display: none
}

@media (max-width: 1024px) {
    .nModel .bar-slider {
        padding-bottom: 30px;
        padding-top: 30px
    }

    .nModel .bs-list {
        margin: 0 -5px
    }

    .nModel .bs-item {
        padding: 0 5px
    }

    .nModel .bs-item > span {
        font-size: 17px;
        font-weight: 300;
        margin-top: 12px
    }

    .nModel .bs-item > span + div {
        font-size: 16px;
        line-height: 1.63;
        margin-top: 5px
    }

    .nModel .bs-head-link {
        display: none
    }

    .nModel .bs-head-title .-lg {
        display: none
    }

    .nModel .bs-head-title .-xs {
        display: inline-block
    }
}

@media (max-width: 991.98px) {
    .nModel-outback .nMa-slide-detail__e5 .nMa-detail__pict {
        top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        margin-bottom: 15px
    }

    .nModel-outback .nMa-slide-detail__e5 .nMa-detail-inner {
        min-width: 100%
    }

    .nModel-outback .nMa-slide-detail__e5 .nMa-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .nModel-forester .nMa-slide-detail__e5 .nMa-detail__pict, .nModel-forester .nMa-slide-detail__i6 .nMa-detail__pict {
        top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        margin-bottom: 15px
    }

    .nModel-forester .nMa-slide-detail__e5 .nMa-detail-inner, .nModel-forester .nMa-slide-detail__i6 .nMa-detail-inner {
        min-width: 100%
    }

    .nModel-forester .nMa-slide-detail__e5 .nMa-detail, .nModel-forester .nMa-slide-detail__i6 .nMa-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .nModel-xv .nMa-slide-detail__e3 .nMa-detail__pict {
        top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        margin-bottom: 15px
    }

    .nModel-xv .nMa-slide-detail__e3 .nMa-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .nMa-detail-inner {
        max-width: 730px;
        min-height: 190px
    }

    .nMa-detail__two-col .nMa-detail-inner {
        max-width: 730px
    }

    .nMa-detail__two-col .nMa-detail__text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .nMa-detail__pict {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 190px;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        width: 190px;
        height: 190px;
        position: relative;
        top: -30px
    }

    .nMa-detail__three-col .nMa-detail-inner > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 47%;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%
    }

    .nMa-slide-detail-nav {
        padding-top: 30px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .nMa-slide-detail-nav__prev {
        margin-right: auto;
        padding: 10px 5px 10px 0
    }

    .nMa-slide-detail-nav__next {
        margin-left: auto;
        padding: 10px 0 10px 5px
    }

    .nMa-slide__menu {
        padding-bottom: 15px
    }

    .nModel-feature {
        padding-top: 49px
    }

    .nMf-list-row-2, .nMf-list-row-3 {
        display: block;
        width: 50%
    }

    .nMf-list-row-23 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .nMf-item {
        width: 100%
    }

    .nModel-gallery {
        min-height: 600px
    }

    .nModel-gallery__inner .-relative {
        height: 138px
    }

    .nModel-gallery-nav {
        top: 27px
    }

    .nModel-gallery-nav > span {
        width: 100px;
        height: 76px
    }

    .nModel-gallery-nav > span > span > span {
        display: none
    }
}

@media (max-width: 767.98px) {
    .nMa-slide {
        height: 430px
    }

    .nMa-slide__inner > div > img {
        min-width: 860px
    }

    .nMa-slide__inner > div:after {
        height: 430px;
        margin-top: -215px
    }

    .nMa-slide__inner > div > span:hover > span {
        display: none
    }

    .nModel .mfb-btn {
        margin-top: 60px
    }

    .nMa-slide {
        height: 500px
    }

    .nMa-slide__inner {
        overflow-x: scroll
    }

    .nMa-slide__inner > div > img {
        min-width: 1000px
    }

    .nMa-slide__inner > div:after {
        height: 500px;
        margin-top: -250px
    }

    .nMa-slide__inner > div > span {
        width: 18px;
        height: 18px;
        margin-left: -9px;
        margin-top: -9px;
        border-width: 2px
    }

    .nMa-slide__inner > div > span:after {
        width: 8px;
        height: 8px;
        top: 3px;
        left: 3px
    }

    .nMf-bottom {
        display: block
    }

    .nMf-head-right {
        display: none
    }

    .nMf-head-left {
        float: none;
        width: auto
    }

    .nMf-head-right {
        float: none;
        width: auto;
        text-align: left;
        margin-top: 25px;
        padding: 0
    }

    .nMf-btn {
        margin-top: 30px;
        margin-bottom: 0
    }

    .nMf-btn.nMf-btn .nMf-btn-doc-download, .nMf-btn.nMf-btn .nMf-btn-simple, .nMf-btn.nMf-btn .nMf-btn-test-drive {
        float: none;
        width: 100%;
        margin-top: -10px
    }

    .nMf-btn-simple.__t-right {
        text-align: left;
        padding-left: 0
    }

    .nModel-forester .nModel-gallery {
        background-position: 21% 50%
    }

    .-nModel-outback .nModel-gallery {
        background-position: 21% 50%
    }

    .-nModel-xv .nModel-gallery {
        background-position: 21% 50%
    }

    .-nModel-legacy .nModel-gallery {
        background-position: 21% 50%
    }
}

@media (max-width: 575.98px) {
    .nMa-slide-detail {
        padding-top: 0
    }

    .nMa-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .nMa-detail__pict {
        top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        width: 120px;
        height: 120px
    }

    .nMa-detail__three-col .nMa-detail-inner > div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .nMa-detail-inner > div:first-child .nMa-detail__pict-in-col {
        display: block
    }

    .nMa-slide__menu {
        padding-bottom: 35px;
        white-space: nowrap
    }

    .nMa-slide__menu span {
        font-size: 17px;
        margin-right: 10px
    }

    .nMa-slide__menu span.-act {
        font-size: 28px
    }

    .nModel-feature {
        padding-top: 30px
    }

    .nMf-list-row-2, .nMf-list-row-3 {
        width: 100%
    }

    .nMf-list-row-23 {
        display: block
    }

    .nMf-item {
        width: 100%
    }
}

@media (max-width: 575.98px) and (max-width: 379px) {
    .nMf-head-menu {
        font-size: 25px
    }
}

@media (max-width: 575.98px) and (max-width: 368px) {
    .nMf-head-menu {
        font-size: 24px
    }
}

@media (max-width: 575.98px) and (max-width: 358px) {
    .nMf-head-menu {
        font-size: 23px
    }
}

@media (max-width: 575.98px) and (max-width: 347px) {
    .nMf-head-menu {
        font-size: 22px
    }
}

@media (max-width: 575.98px) and (max-width: 336px) {
    .nMf-head-menu {
        font-size: 21px
    }
}

@media (max-width: 575.98px) and (max-width: 326px) {
    .nMf-head-menu {
        font-size: 20px
    }
}

@media (max-width: 575.98px) {
    .nMf-head-menu__caption {
        display: block
    }

    .nMf-head-title {
        margin-bottom: -22px
    }

    .nModel-gallery__mfp-zoom .mfp-content {
        min-width: 100%
    }

    .nContainer {
        padding: 0 20px
    }

    .nModel-gallery {
        height: 430px;
        min-height: 430px;
        margin-bottom: 101px
    }

    .nModel-gallery_no_inner {
        margin-bottom: 0
    }

    .nModel-gallery_new .nModel-gallery__shadow {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #202020), color-stop(21%, #202020), color-stop(50%, rgba(32, 32, 32, 0)));
        background-image: -webkit-linear-gradient(bottom, #202020 0, #202020 21%, rgba(32, 32, 32, 0) 50%);
        background-image: -o-linear-gradient(bottom, #202020 0, #202020 21%, rgba(32, 32, 32, 0) 50%);
        background-image: linear-gradient(to top, #202020 0, #202020 21%, rgba(32, 32, 32, 0) 50%)
    }

    .nModel-gallery_new .nModel-gallery__inner {
        bottom: 25px
    }

    .nModel-gallery_new .nModel-gallery__disclaimer {
        bottom: 30px
    }

    .nModel-gallery.wrx {
        margin-bottom: 0
    }

    .nModel-gallery__shadow {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #141414), color-stop(48%, rgba(20, 20, 20, 0)));
        background-image: -webkit-linear-gradient(bottom, #141414 30%, rgba(20, 20, 20, 0) 48%);
        background-image: -o-linear-gradient(bottom, #141414 30%, rgba(20, 20, 20, 0) 48%);
        background-image: linear-gradient(to top, #141414 30%, rgba(20, 20, 20, 0) 48%)
    }

    .nModel-gallery__name {
        font-size: 26px;
        font-weight: 300;
        letter-spacing: .6px;
        max-width: 100%
    }

    .nModel-gallery__slogan {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: .4px;
        max-width: 100%;
        margin-top: 0
    }

    .nModel-gallery-nav {
        top: 80px;
        left: 0;
        right: auto
    }

    .nModel-gallery-nav > span {
        margin-left: 0;
        margin-right: 30px
    }

    .nModel-gallery-nav > span > span > span {
        display: block;
        margin-top: 10px
    }

    .cars-gallery .flex-viewport {
        padding-bottom: 100px
    }

    .cars-gallery.wrx .flex-viewport {
        padding-bottom: 0
    }

    _new.cars-gallery .flex-viewport {
        padding-bottom: 150px
    }
}

@media (max-width: 500px) {
    .nModel-outback .nMa-slide-detail__e5 .nMa-detail__pict {
        min-width: 300px;
        width: 100%
    }

    .nModel-forester .nMa-slide-detail__i6 .nMa-detail__pict {
        min-width: 300px;
        width: 100%
    }

    .nModel-forester .nMa-slide-detail__e5 .nMa-detail__pict {
        min-width: 300px;
        width: 100%
    }

    .nMa-detail__two-col .nMa-detail__text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (max-width: 400px) {
    .nMa-slide__menu span {
        font-size: 16px
    }

    .nMa-slide__menu span.-act {
        font-size: 22px
    }
}

@media (max-width: 420px) and (min-height: 700px) {
    .nModel-gallery_new.cars-gallery .flex-viewport {
        padding-bottom: 185px
    }

    .nModel-gallery_new .nModel-gallery__shadow {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #202020), color-stop(29%, #202020), color-stop(51%, rgba(32, 32, 32, 0)));
        background-image: -webkit-linear-gradient(bottom, #202020 0, #202020 29%, rgba(32, 32, 32, 0) 51%);
        background-image: -o-linear-gradient(bottom, #202020 0, #202020 29%, rgba(32, 32, 32, 0) 51%);
        background-image: linear-gradient(to top, #202020 0, #202020 29%, rgba(32, 32, 32, 0) 51%)
    }
}

@media (max-width: 360px) and (max-height: 600px) {
    .nModel-gallery_new .nModel-gallery__shadow {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #202020), color-stop(27%, #202020), color-stop(50%, rgba(32, 32, 32, 0)));
        background-image: -webkit-linear-gradient(bottom, #202020 0, #202020 27%, rgba(32, 32, 32, 0) 50%);
        background-image: -o-linear-gradient(bottom, #202020 0, #202020 27%, rgba(32, 32, 32, 0) 50%);
        background-image: linear-gradient(to top, #202020 0, #202020 27%, rgba(32, 32, 32, 0) 50%)
    }
}

@media (min-width: 992px) {
    .nModel-gallery__mfp-zoom .mfp-content {
        min-width: 80vw
    }
}

@media (min-width: 768px) {
    .nMa-slide__inner {
        position: absolute;
        width: 5000px;
        height: 2500px;
        line-height: 2500px;
        top: 50%;
        left: 50%;
        margin-top: -1250px;
        margin-left: -2500px;
        text-align: center
    }
}

@media screen and (max-width: 400px) {
    main.nModel-wrx .nMf-head-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    main.nModel-wrx .nMf-head-menu a:nth-child(2) {
        display: inline-block;
        margin-bottom: 30px
    }
}

.topDealerLine {
    background-color: #191919;
    position: relative;
    z-index: 200;
    height: 44px;
    line-height: 28px
}

.topDealerLineWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

.topDealerLineTitle {
    font-size: 13px;
    color: #fff
}

.topDealerLineTel a {
    color: #fff
}

.topDealerLineTel span {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #8b8b8b
}

.topDealerLineTel span + span {
    margin-left: 10px
}

.topDealerLineBtn {
    display: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff
}

.topDealerLineBtn:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 10px;
    vertical-align: middle
}

@media (min-width: 768.02px) {
    .topDealerLine {
        display: block
    }

    .topDealerLineWrap {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .topDealerLineTel {
        font-size: 16px;
        display: block
    }

    .topDealerLineTel span {
        display: block
    }

    .topDealerLineTel span + span {
        margin-left: 0
    }

    .topDealerLineTitle {
        font-size: 16px;
        width: 180px;
        display: block
    }

    .topDealerLineBtn {
        display: block
    }
}

@media (min-width: 1024.02px) {
    .topDealerLine {
        display: block
    }

    .topDealerLineWrap {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .topDealerLineTel span {
        display: inline-block
    }

    .topDealerLineTel span + span {
        margin-left: 10px
    }

    .topDealerLineTitle {
        width: auto
    }
}

.dealer-card {
    padding: 0 15px 30px 45px;
    margin: 20px 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    width: 33.33%
}

.dc-title {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    position: relative
}

.dc-title:before {
    position: absolute;
    font-family: fontello;
    color: #000;
    opacity: .5;
    content: '\e801';
    font-size: 16px;
    left: -28px;
    top: 2px
}

.dc-time {
    opacity: .5;
    line-height: 1.31;
    letter-spacing: .4px;
    margin-bottom: 10px;
    position: relative
}

.dc-time:before {
    position: absolute;
    font-family: fontello;
    color: #000;
    opacity: .5;
    content: '\e802';
    font-size: 16px;
    left: -28px;
    top: 2px
}

.dc-phone {
    position: relative
}

.dc-phone:before {
    position: absolute;
    font-family: fontello;
    color: #000;
    opacity: .3;
    content: '\e81b';
    font-size: 16px;
    left: -26px;
    top: 1px
}

.dc-links, .dc-phone {
    margin-bottom: 10px
}

.dc-links li, .dc-phone li {
    margin-bottom: 5px
}

.dc-text {
    font-size: 13px;
    margin-bottom: 10px
}

.dc-block {
    margin-bottom: 10px
}

@media (max-width: 1024px) {
    .dealer-card {
        width: 50%
    }
}

@media (max-width: 768px) {
    .dealer-card {
        width: 100%;
        border: 0
    }
}

.offer-over-time {
    overflow: hidden
}

.offer-over-time a {
    color: #2962ff
}

.offer-over-time a:hover {
    border-bottom: 1px solid rgba(41, 98, 255, .5)
}

.offer-over-time .oo-has-gray-link a {
    color: rgba(0, 0, 0, .5)
}

.offer-over-time .oo-has-gray-link a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.offer-over-time .-max-width_652 {
    max-width: 652px
}

.offer-over-time .-max-width_800 {
    max-width: 800px
}

.offer-over-time .-max-width_978 {
    max-width: 978px
}

.offer-over-time .-mar-top-30 {
    margin-top: 30px
}

.offer-over-time .select2-container {
    max-width: 100%
}

.offer-over-time select {
    height: auto
}

.offer-over-time sup, .oo-foot-note {
    display: none !important
}

.oo-search-dealer {
    overflow: hidden
}

.oo-search-dealer-text {
    font-size: 16px;
    line-height: 1.42;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    margin-top: 30px
}

.oo-left-box {
    max-width: 650px
}

.oo-h1 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.4;
    letter-spacing: .8px;
    margin: 30px 0;
    margin-top: 20px
}

.oo-sub-title {
    opacity: 1;
    color: #676767;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: .5px;
    margin: 30px 0
}

.oo-h2 {
    font-weight: 300;
    font-size: 27px;
    line-height: 1.33;
    letter-spacing: .6px;
    margin: 5px 0
}

.oo-h2-bord {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-weight: 300;
    font-size: 27px;
    line-height: 1.33;
    letter-spacing: .6px;
    margin: 5px 0
}

.oo-text-two-col {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -60px
}

.oo-text-two-col > * {
    width: 50%;
    padding: 0 60px
}

.oo-text, .oo-text p {
    color: rgba(0, 0, 0, .5);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.41;
    letter-spacing: .4px
}

.oo-text p {
    margin: 26px 0
}

.oo-text b {
    font-weight: 500
}

.oo-box-60 {
    margin: 60px 0
}

.oo-box-30 {
    margin: 30px 0
}

.oo-foot-note {
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    opacity: .5;
    font-weight: 400;
    font-size: 13px;
    line-height: 2;
    letter-spacing: .3px
}

.oo-foot-note ol {
    list-style: decimal
}

.oo-foot-note ol ol {
    padding-left: 30px
}

.oo-number {
    margin: 20px 0 0;
    padding: 0 60px;
    width: 50%
}

.oo-number-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .4px;
    margin: 10px 0
}

.oo-number-title > span {
    font-weight: 300;
    font-size: 23px;
    letter-spacing: .5px
}

.oo-number-list {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -60px
}

.oo-number-text {
    opacity: .5;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.41;
    letter-spacing: .4px;
    margin: 10px 0
}

.oo-option {
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.oo-option:first-child {
    border: 0
}

.oo-option-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .5px
}

.oo-option-sub {
    margin: 20px 0
}

.oo-option-sub-title {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    max-width: 650px;
    margin-top: 21px
}

.oo-option-sub-title p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5)
}

.oo-option-foot {
    font-size: 16px;
    letter-spacing: .4px;
    line-height: 1.41;
    color: rgba(0, 0, 0, .5);
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: -10px
}

.oo-option-foot b {
    font-weight: 500
}

.oo-option-foot > div {
    max-width: 652px
}

.oo-option-item {
    margin: 6px 0;
    padding: 0 20px;
    font-size: 17px;
    font-weight: 300;
    position: relative
}

.oo-option-item > * {
    position: relative;
    z-index: 0
}

.oo-option-item:hover {
    z-index: 10
}

.oo-option-item .e-tooltip {
    z-index: 5
}

.oo-option-item-gray {
    display: block;
    opacity: .5;
    font-size: 16px
}

.oo-option-sub-cols {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.oo-option-sub-cols > .oo-sub-item, .oo-option-sub-cols > div {
    width: 50%
}

.oo-option-sub-cols > div > .oo-sub-item {
    margin-top: 16px
}

.oo-dealers-list {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.oo-two-cols {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -60px
}

.oo-two-col {
    width: 50%;
    padding: 0 60px
}

.oo-search-dealer .oo-h2-bord {
    margin-bottom: 20px
}

.oo-search-dealer-phone {
    margin-bottom: 5px
}

.oo-search-dealer-link {
    font-size: 14px
}

.oo-search-dealer-select-box {
    margin-bottom: 20px
}

.oo-cursive {
    opacity: .5;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: .3px
}

.oo-faults-head {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.oo-faults-head .oo-h2-bord {
    border-bottom: 0;
    margin-bottom: -23px
}

.oo-text p.oo-faults-head-list {
    line-height: 1.8;
    margin-top: 0
}

.oo-tip {
    display: inline-block;
    width: 24px;
    height: 14px;
    border-left: 3px solid #007aff;
    border-bottom: 3px solid #007aff;
    -webkit-transform: rotate(-53deg);
    -ms-transform: rotate(-53deg);
    transform: rotate(-53deg)
}

.oo-table {
    width: 100%
}

.oo-table-box {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -1000px;
    padding: 0 1000px;
    min-width: 100%
}

.oo-table > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.oo-table > * > :first-child {
    min-width: 300px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 34%;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%
}

.oo-table > * > :first-child + * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18%;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    min-width: 128px
}

.oo-table > * > :first-child + * + * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    min-width: 180px
}

.oo-table > * > :first-child + * + * + * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    min-width: 195px
}

.oo-table-faults > * > * {
    position: relative
}

.oo-table-faults > :nth-child(even) > :first-child:before, .oo-table-faults > :nth-child(even) > :last-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 1000px;
    background-color: rgba(231, 231, 231, .3)
}

.oo-table-faults > :nth-child(even) > :last-child:after {
    left: 100%;
    right: auto
}

.oo-table-faults > :nth-child(even) > * {
    background-color: rgba(231, 231, 231, .3)
}

.oo-table-faults .oo-table-row-head {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.95;
    letter-spacing: .5px;
    color: #000
}

.oo-table-faults > * > * > * {
    text-align: center;
    padding: 20px 20px;
    vertical-align: middle;
    min-height: 62px;
    height: 100%
}

.oo-table-faults > * > :first-child ~ * > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.oo-table-faults > * > :first-child > * {
    text-align: left;
    padding-left: 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: .4px;
    position: relative
}

.oo-table-faults > * > :first-child > * > span {
    display: block;
    font-size: 16px;
    color: #818181
}

.oo-exceptions {
    padding: 60px 0;
    position: relative
}

.oo-exceptions:before {
    content: '';
    background: #f8f8f8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    z-index: 0
}

.oo-exceptions > * {
    position: relative;
    z-index: 10
}

.oo-ex-head {
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px;
    color: #000
}

.oo-ex-list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: count
}

.oo-ex-list li {
    margin-top: 25px;
    padding-left: 34px;
    position: relative
}

.oo-ex-list li:before {
    counter-increment: count;
    content: counter(count) ".";
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 17px;
    font-weight: 300
}

.oo-ex-list li div {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: .4px
}

.oo-ex-list li span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .4px;
    color: #818181
}

.oo-cost {
    padding: 60px 0;
    position: relative
}

.oo-cost:before {
    content: '';
    background: #f8f8f8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2000px;
    right: -2000px;
    z-index: 0
}

.oo-cost > * {
    position: relative;
    z-index: 10
}

.oo-cost-head {
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px;
    color: #000;
    margin-bottom: 20px;
    max-width: 652px
}

.oo-cost-text {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    max-width: 652px
}

.oo-cost-models {
    margin: 35px 0
}

.oo-cost-models-head {
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 6px
}

.oo-cost-models-row {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .3);
    margin: 0 -15px
}

.oo-cost-models-row a {
    display: inline-block;
    padding: 5px 15px;
    color: inherit;
    border: 0 !important
}

.oo-cost-models-row a.-act {
    color: #000
}

.oo-cost-engine {
    margin: 40px 0
}

.oo-cost-engine-head {
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 6px
}

.oo-cost-engine-row {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .3);
    margin: 0 -10px;
    line-height: 40px;
    display: none
}

.oo-cost-engine-row.-act {
    display: block
}

.oo-cost-engine-row a {
    margin: 0 10px;
    color: inherit;
    border: 0 !important
}

.oo-cost-engine-row a.-act {
    color: #000
}

.oo-cost-engine .nCheckbox {
    color: rgba(0, 0, 0, .5);
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 30px
}

.oo-cost-policy {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    padding: 15px 14px;
    opacity: .3
}

.oo-cost-policy-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 35px -14px 0
}

.oo-cost-policy.-act {
    opacity: 1
}

.oo-cost-policy___inner {
    height: 240px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #000;
    cursor: pointer;
    padding: 20px;
    overflow: hidden
}

.oo-cost-policy__name {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.95;
    letter-spacing: .5px;
    color: #000
}

.oo-cost-policy__date {
    display: block;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .5)
}

.oo-cost-policy__radio {
    display: block;
    margin-bottom: 22px
}

.oo-cost-policy__radio .nRadio {
    margin-right: 18px
}

.oo-cost-policy__res {
    display: none;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: .8px;
    color: #000;
    height: 42px;
    line-height: 42px
}

.oo-cost-policy__res-name {
    display: none;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 3px
}

.oo-links {
    margin-top: -50px
}

.oo-links__head {
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px;
    margin-bottom: 20px
}

.oo-links__text-1 {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 20px
}

.oo-links__text-2 {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px
}

.oo-links__text-3 {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5)
}

.oo-links__head-1 {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: .4px;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 2px
}

.oo-links__head-1-inner {
    max-width: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.oo-links__head-1-inner > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.oo-links__box-1 {
    margin: 13px 0 50px
}

.oo-links__box-2 {
    margin: 13px 0 60px
}

.oo-links__box-1-inner, .oo-links__box-2-inner {
    max-width: 750px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.oo-links__box-1-inner > *, .oo-links__box-2-inner > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.oo-links__box-1-inner > * > *, .oo-links__box-2-inner > * > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.oo-links__box-1-inner > * > * > span, .oo-links__box-2-inner > * > * > span {
    display: block
}

[class^=oo-h] + .oo-sub-title {
    margin-top: -30px
}

@media (max-width: 575px) {
    .oo-links__box-1-inner > *, .oo-links__box-2-inner > * {
        display: block
    }
}

@media (max-width: 768px) {
    .oo-number {
        width: 100%
    }

    .oo-text-two-col > * {
        width: 100%
    }

    .oo-option-sub-cols > .oo-sub-item, .oo-option-sub-cols > div {
        width: 100%
    }

    .oo-two-col {
        width: 100%
    }
}

@media (max-width: 972px) {
    .oo-table-box {
        overflow-x: auto;
        margin: 0 -40px;
        padding: 0 40px
    }

    .oo-table-faults > :nth-child(even) > :first-child:before, .oo-table-faults > :nth-child(even) > :last-child:after {
        width: 40px
    }
}

@media (max-width: 575px) {
    .oo-table-box {
        margin: 0 -20px;
        padding: 0 20px
    }
}

.nRadio {
    display: inline-block;
    font-size: 13px;
    line-height: 1.62;
    letter-spacing: .3px;
    color: rgba(0, 0, 0, .3);
    padding-left: 23px;
    position: relative;
    cursor: pointer
}

.nRadio i {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #c6c6c6;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.nRadio input {
    display: none
}

.nRadio input:checked + i:before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #007aff
}

.e-tooltip {
    position: relative
}

.e-tooltip:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/img/i.png) no-repeat;
    cursor: pointer
}

.e-tooltip > span {
    position: absolute;
    top: 100%;
    left: 100%;
    display: none;
    min-width: 300px;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .09);
    padding: 15px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .4px;
    color: #757575;
    z-index: 1
}

.e-tooltip:hover > span {
    display: block
}

.e-tooltip.-right {
    left: auto;
    right: 100%
}

.model-feature-slider {
    margin: 34px 0 40px
}

.mfs-banner {
    margin-bottom: 60px;
    position: relative
}

.mfs-banner-img {
    display: block;
    padding-top: 50%;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.mfs-banner-desc {
    z-index: 10;
    position: absolute;
    bottom: 25px;
    left: 30px
}

.mfs-banner-text-short-title {
    display: block;
    margin: 10px 0;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: .5px;
    opacity: .5;
    color: #fff
}

.mfs-banner-short-title {
    display: block;
    margin: 10px 0 25px;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: .5px;
    opacity: .5;
    color: #fff
}

.mfs-banner-text-title {
    display: block;
    margin: 10px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: .5px;
    opacity: .5;
    color: #fff
}

.mfs-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px -20px
}

.mfs-link {
    width: 33.33%;
    margin: 20px 0;
    padding: 0 20px
}

.mfs-link-img {
    display: block;
    width: 100%;
    padding-top: 50%;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.mfs-link-info {
    display: block;
    width: 100%;
    margin-top: 13px
}

.mfs-link-info-title {
    display: block
}

.mfs-link-info-text {
    opacity: .5;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .4px;
    display: block;
    margin-top: 4px
}

@media (max-width: 1024px) {
    .model-feature-block {
        padding-bottom: 30px
    }

    .model-feature-slider {
        margin-bottom: 0
    }

    .mfb-head {
        margin-bottom: 0
    }

    .mfb-banner {
        margin-bottom: 40px
    }

    .mfb-banner-img {
        margin-top: 20px
    }

    .mfb-links {
        height: 245px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 0
    }

    .mfb-links.slick-initialized {
        height: auto
    }

    .mfb-link {
        width: 330px;
        padding: 0 20px 0 0
    }

    .mfb-link-img {
        padding-top: 160px
    }

    .mfb-link-info {
        padding-right: 10%
    }
}

@media (max-width: 768px) {
    .mfs-banner-img {
        padding-top: 60%
    }

    .mfs-banner-text {
        font-size: 16px;
        line-height: 1.2
    }
}

.gallery-tile-images {
    margin: 1.5% -2.5%
}

.gallery-tile-images:after {
    content: '';
    clear: both;
    display: block
}

.gallery-tile-images__mfp-zoom {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.gallery-tile-images__mfp-zoom .mfp-close {
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, .3);
    top: 40px;
    right: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.gallery-tile-images__mfp-zoom .mfp-close:after, .gallery-tile-images__mfp-zoom .mfp-close:before {
    margin-top: 19px
}

.gallery-tile-images__mfp-zoom.mfp-bg {
    background: #000
}

.gallery-tile-images__mfp-zoom .mfp-content {
    height: 100%;
    min-height: 100%
}

.gallery-tile-images__mfp-zoom .mfp-container, .gallery-tile-images__mfp-zoom.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.gallery-tile-images__mfp-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.gallery-tile-images__mfp-zoom.mfp-ready.mfp-bg {
    opacity: 1
}

.gallery-tile-images__mfp-zoom .mfp-figure {
    padding: 100px 0;
    height: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery-tile-images__mfp-zoom .mfp-figure .mfp-figure {
    display: inline-block;
    width: auto !important;
    max-width: 1024px;
    padding: 0
}

.gallery-tile-images__mfp-zoom .mfp-figure .mfp-close {
    display: none !important
}

.gallery-tile-images__mfp-zoom .mfp-figure-arrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%
}

.gallery-tile-images__mfp-zoom .mfp-figure-arrow-left, .gallery-tile-images__mfp-zoom .mfp-figure-arrow-right {
    border: 0;
    padding: 0;
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.gallery-tile-images__mfp-zoom .mfp-figure-arrow-left:after, .gallery-tile-images__mfp-zoom .mfp-figure-arrow-right:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    top: 18px;
    left: 18px
}

.gallery-tile-images__mfp-zoom .mfp-figure-arrow-left {
    left: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gallery-tile-images__mfp-zoom .mfp-figure-arrow-right {
    right: 20px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.gallery-tile-images__mfp-zoom.mfp-removing .mfp-container, .gallery-tile-images__mfp-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.gallery-tile-images__mfp-zoom button.mfp-arrow:after, .gallery-tile-images__mfp-zoom button.mfp-arrow:before, .gallery-tile-images__mfp-zoom button.mfp-close:after, .gallery-tile-images__mfp-zoom button.mfp-close:before {
    background-color: #fff
}

.gallery-tile-images__mfp-zoom .mfp-arrow {
    display: none
}

.gallery-tile-images__mfp-zoom .mfp-animated-image {
    display: none
}

.ti-item {
    float: left;
    width: 28.33%;
    padding-top: 28.33%;
    margin: 2.5%;
    background: no-repeat 50% 50% rgba(0, 0, 0, .2);
    -webkit-background-size: cover;
    background-size: cover
}

a.ti-item {
    text-decoration: none !important;
    border: 0 !important
}

a.ti-item:after, a.ti-item:before {
    display: none
}

@media (max-width: 768px) {
    .gallery-tile-images {
        margin: 3% 0
    }

    .ti-item {
        width: 50%;
        margin: 0
    }
}

@media (min-width: 992.02px) {
    .gallery-tile-images__mfp-zoom .mfp-content {
        min-width: 992px
    }

    .gallery-tile-images__mfp-zoom .mfp-content {
        max-width: 992px
    }
}

@media (max-width: 1024px) {
    .gallery-tile-images__mfp-zoom .mfp-figure {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (max-width: 768px) {
    .gallery-tile-images__mfp-zoom .mfp-figure {
        padding: 100px 60px
    }
}

.warranty-overtime {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 35px 0;
    margin: 10px 0 25px
}

.warranty-overtime:after {
    content: '';
    clear: both;
    display: block
}

.wo-left {
    float: left;
    width: 265px
}

.wo-right {
    position: relative;
    top: 13px;
    left: 30px
}

.wo-head {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: .5px;
    margin: 0 0 10px 0
}

.wo-text {
    opacity: .5;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: .6px
}

.popupModelEquipmentTab__fullData, .popupModelEquipmentTab__menuEquipment {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.popupModelEquipmentTab__fullData {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.popupModelEquipmentTab__menuEquipment {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.popupModelEquipmentTab__menuEquipment > span {
    opacity: .3;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: .5px;
    color: #000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .3);
    display: inline-block;
    margin: 10px 15px;
    padding: 12px 15px;
    cursor: pointer;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.popupModelEquipmentTab__menuEquipment > span:hover {
    opacity: 1
}

.popupModelEquipmentTabControl [data-tabControl] {
    opacity: .3;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: .5px;
    color: #000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .3);
    display: inline-block;
    margin: 8px 8px;
    padding: 9px 12px;
    cursor: pointer;
    white-space: nowrap
}

.popupModelEquipmentTabControl [data-tabControl].active {
    opacity: .8
}

.popupModelEquipmentTabControl .owl-item [data-tabControl] {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.popupModelEquipmentTabControl .owl-item:last-child {
    margin-right: 0 !important
}

.show_fullData .popupModelEquipmentTab__fullData {
    opacity: 1;
    height: auto;
    overflow: visible
}

.show_fullData .popupModelEquipmentTab__menuEquipment {
    opacity: 0
}

.popupModelFooter.disableFooter .popupModelFooterPrice {
    visibility: hidden
}

.popupModelFooter.disableFooter:before {
    content: '';
    position: absolute;
    background: inherit;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    opacity: .5
}

.-not-init .bs-list {
    overflow-y: hidden;
    height: 178px
}

.bar-slider {
    position: relative;
    padding: 60px 0 0;
    overflow: hidden;
    background: #141414
}

.bar-slider .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 0;
    width: 42px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all linear .4s;
    -o-transition: all linear .4s;
    transition: all linear .4s
}

.bar-slider .slick-arrow:hover {
    opacity: 1
}

.bar-slider .slick-arrow.slick-disabled {
    opacity: .4
}

.bar-slider .slick-arrow:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}

.bar-slider .slick-arrow.slick-next {
    right: -42px
}

.bar-slider .slick-arrow.slick-prev {
    left: -42px
}

.bar-slider .slick-next:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0MnB4IiBoZWlnaHQ9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiA0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5lbGVtZW50cy9zbGlkZXIvY29udHJvbHMvUmlnaHQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iZWxlbWVudHMvc2xpZGVyL2NvbnRyb2xzL1JpZ2h0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgaWQ9IkNvbWJpbmVkLVNoYXBlIj4gICAgICAgICAgICA8cGF0aCBkPSJNMjEsNDEgQzMyLjA0NTY5NSw0MSA0MSwzMi4wNDU2OTUgNDEsMjEgQzQxLDkuOTU0MzA1IDMyLjA0NTY5NSwxIDIxLDEgQzkuOTU0MzA1LDEgMSw5Ljk1NDMwNSAxLDIxIEMxLDMyLjA0NTY5NSA5Ljk1NDMwNSw0MSAyMSw0MSBaIE0yMSw0MiBDOS40MDIwMjAyNSw0MiAwLDMyLjU5Nzk3OTcgMCwyMSBDMCw5LjQwMjAyMDI1IDkuNDAyMDIwMjUsMCAyMSwwIEMzMi41OTc5Nzk3LDAgNDIsOS40MDIwMjAyNSA0MiwyMSBDNDIsMzIuNTk3OTc5NyAzMi41OTc5Nzk3LDQyIDIxLDQyIFogTTE5LDE1IEwxNy41OSwxNi40MSBMMjIuMTcsMjEgTDE3LjU5LDI1LjU5IEwxOSwyNyBMMjUsMjEgTDE5LDE1IFoiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    -webkit-background-size: contain;
    background-size: contain
}

.bar-slider .slick-prev:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0MnB4IiBoZWlnaHQ9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiA0MiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5lbGVtZW50cy9zbGlkZXIvY29udHJvbHMvTGVmdDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJlbGVtZW50cy9zbGlkZXIvY29udHJvbHMvTGVmdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGlkPSJJY29uLTI0cHgiPiAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjEsNDEgQzMyLjA0NTY5NSw0MSA0MSwzMi4wNDU2OTUgNDEsMjEgQzQxLDkuOTU0MzA1IDMyLjA0NTY5NSwxIDIxLDEgQzkuOTU0MzA1LDEgMSw5Ljk1NDMwNSAxLDIxIEMxLDMyLjA0NTY5NSA5Ljk1NDMwNSw0MSAyMSw0MSBaIE0yMSw0MiBDOS40MDIwMjAyNSw0MiAwLDMyLjU5Nzk3OTcgMCwyMSBDMCw5LjQwMjAyMDI1IDkuNDAyMDIwMjUsMCAyMSwwIEMzMi41OTc5Nzk3LDAgNDIsOS40MDIwMjAyNSA0MiwyMSBDNDIsMzIuNTk3OTc5NyAzMi41OTc5Nzk3LDQyIDIxLDQyIFogTTI0LjQxLDI2LjA5IEwxOS44MywyMS41IEwyNC40MSwxNi45MSBMMjMsMTUuNSBMMTcsMjEuNSBMMjMsMjcuNSBMMjQuNDEsMjYuMDkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    -webkit-background-size: contain;
    background-size: contain
}

.bar-slider .slick-list:after, .bar-slider .slick-list:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15px;
    z-index: 55;
    background: #141414
}

.bar-slider .slick-list:before {
    left: 0
}

.bar-slider .slick-list:after {
    right: 0
}

.bar-slider-container {
    padding-bottom: 40px
}

.bs-list {
    margin: 0 -15px
}

.bar-slider .slick-arrow, .bs-item-pict {
    height: 178px
}

.bs-item {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.bs-item-pict {
    display: block;
    width: 100%;
    background-color: rgba(255, 255, 255, .1);
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover
}

.bs-item span {
    display: block;
    padding: 12px 30px 0 0;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .5px
}

.bs-item span + div {
    display: block;
    padding: 0 30px 12px 0;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .2px;
    color: rgba(255, 255, 255, .5);
    max-height: 48px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .bs-list {
        margin: 0
    }

    .bs-item {
        width: 322px;
        padding: 0
    }

    .bs-item span {
        font-size: 17px
    }

    .bar-slider .slick-list:after, .bar-slider .slick-list:before {
        display: none
    }
}

@media (max-width: 768px) {
    .bs-item {
        width: 300px
    }
}

.bs-head {
    color: #fff;
    margin: -10px 0 20px
}

.bs-head a {
    color: #fff
}

.bs-head a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.bs-head:after {
    content: '';
    clear: both;
    display: block
}

.bs-head-title {
    float: left;
    width: 70%;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 1.1
}

.bs-head-link {
    float: left;
    width: 30%;
    text-align: right;
    position: relative;
    top: 18px
}

.bs-head-link:after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 3px;
    vertical-align: middle
}

@media (max-width: 768px) {
    .bs-head {
        display: none
    }

    .bs-head-link, .bs-head-title {
        float: none;
        width: auto;
        text-align: left
    }
}

.tech-list {
    background: #141414;
    color: #fff;
    padding: 0 0 50px
}

.tech-list .container {
    padding-top: 10px;
    z-index: 0
}

.tech-list a {
    color: inherit
}

.tc-head {
    color: #fff;
    margin-bottom: 26px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.tc-head a {
    color: #fff
}

.tc-head a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.tc-head:after {
    content: '';
    clear: both;
    display: block
}

.tc-head-title {
    float: left;
    width: 70%;
    font-size: 27px;
    font-weight: 300;
    letter-spacing: .6px;
    line-height: 1.3
}

.tc-head-link {
    float: left;
    width: 30%;
    text-align: right;
    position: relative;
    top: 18px
}

.tc-head-link:after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 3px;
    vertical-align: middle
}

.tc-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 5px 0
}

.tc-list:after {
    content: '';
    display: block;
    clear: both
}

.tc-list__item {
    width: 50%;
    margin: 11px 0
}

.tc-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.tc-link-img {
    display: block;
    width: 140px;
    height: 100px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 30px;
    position: relative
}

.tc-link-info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 30px
}

.tc-link-info-text, .tc-link-info-title {
    display: block;
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: .4px;
    color: #fff
}

.tc-link-info-text {
    display: block;
    opacity: .5;
    margin-top: 5px
}

@media (max-width: 768px) {
    .tc-head-link, .tc-head-title {
        float: none;
        width: auto;
        text-align: left
    }
}

@media (max-width: 767.98px) {
    .tc-list__item {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .tc-link {
        display: block
    }

    .tc-link-info {
        margin-top: 15px
    }
}

.security-list .tc-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.security-list .tc-link-img {
    display: block;
    width: 140px;
    height: auto;
    background: no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: top;
    margin-right: 30px;
    position: relative
}

.security-list__body:after, .security-list__body:before {
    content: " ";
    display: table
}

.security-list__body:after {
    clear: both
}

.security-list .security-button-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    color: #fff
}

.security-list .security-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.security-list .security-button img {
    margin-right: 10px
}

.security-list .tc-link-info-text {
    width: 321px;
    height: 140px;
    line-height: 24px;
    overflow: hidden
}

.dot-slide-box {
    padding: 45px 0;
    background: #000;
    color: #fff
}

.dot-slide {
    padding: 45px 0;
    position: relative;
    z-index: 9
}

.dt-title {
    margin-bottom: 30px;
    font-size: 27px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: .6px
}

.dt-desc {
    color: #fff;
    opacity: .5
}

.dt-desc p {
    margin-bottom: 30px
}

.dt-img {
    position: relative;
    background: no-repeat center #1f1f1f;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 50%;
    overflow: hidden
}

.dt-img > .dt-img__dot {
    -webkit-transition: left .5s, top .5s;
    -o-transition: left .5s, top .5s;
    transition: left .5s, top .5s;
    position: absolute;
    width: 29px;
    height: 29px;
    -webkit-box-shadow: 0 13px 35px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 13px 35px 0 rgba(0, 0, 0, .5);
    border: solid 4px #2962ff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -14px;
    margin-left: -14px
}

.dt-img > .dt-img__dot:after {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 3px;
    left: 3px
}

.dt-img > .dt-img__dot.-act:after, .dt-img > .dt-img__dot:hover:after {
    opacity: 1
}

.dt-popup {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s, visibility .5s;
    -o-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
    color: #000
}

.dt-popup__img {
    display: block;
    margin: -30px -30px 30px;
    min-height: 55px
}

.dt-popup__img img {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: block;
    width: 100%
}

.dt-popup__close {
    position: absolute;
    z-index: 100;
    top: 41px;
    right: 41px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .9)
}

.dt-popup__close:after, .dt-popup__close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -12px;
    margin-top: -1px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.dt-popup__close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.dt-popup__title {
    display: block;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: .5px;
    margin-bottom: 20px
}

.dt-popup__text-box {
    padding: 30px 30px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.dt-popup__text-box p {
    margin-bottom: 20px
}

.-open.dot-slide {
    z-index: 10
}

.-open.dot-slide .dt-popup {
    opacity: 1;
    visibility: visible
}

@media (max-width: 768px) {
    body.dt-popup-is-open {
        overflow: hidden
    }

    body.dt-popup-is-open .mainHeader {
        display: none
    }

    body.dt-popup-is-open .mainFooter {
        display: none
    }

    .dt-popup {
        position: fixed;
        width: 100%;
        z-index: 10;
        top: 0
    }
}

.nCheckbox {
    position: relative;
    display: inline-block;
    font-size: 16px;
    letter-spacing: .4px;
    color: #000;
    padding-left: 34px;
    cursor: pointer
}

.nCheckbox__control {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(0, 0, 0, .2);
    background: 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.nCheckbox input:checked + .nCheckbox__control {
    border: 2px solid #2e67fb;
    background: url(/img/n-check.png) no-repeat center #2e67fb;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.nCheckbox input:checked + .nCheckbox__control:after {
    opacity: 1
}

.nCheckbox__label {
    opacity: .5;
    line-height: 1.2;
    display: inline-block
}

.nCheckbox__label a {
    color: #2962ff;
    border-bottom: 1px solid rgba(41, 98, 255, .4)
}

.nCheckbox__label a:hover {
    border: 0
}

.nCheckbox [type=checkbox] {
    display: none
}

._thin.nCheckbox .nCheckbox__label {
    opacity: 1;
    font-size: 15px;
    position: relative;
    top: 4px
}

._thin.nCheckbox .nCheckbox__control {
    width: 24px;
    height: 24px;
    border-width: 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

._thin.nCheckbox input + .nCheckbox__control:after {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px
}

.controlAreaError .nCheckbox__control {
    border-color: #ff5252
}

.model-feature-block {
    background: #141414;
    color: #fff;
    padding: 50px 0 0;
    overflow: hidden
}

.model-feature-block a {
    color: #fff
}

.mfb-image {
    height: 340px;
    margin: 34px 0 40px;
    background: no-repeat top left;
    -webkit-background-size: cover;
    background-size: cover
}

.mfb-char {
    position: relative
}

.mfb-char * {
    position: relative;
    z-index: 10
}

.mfb-char:before {
    content: '';
    position: absolute;
    z-index: 0;
    background: #1f1f1f;
    top: -30px;
    bottom: -30px;
    left: -30px;
    right: -30px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mfb-head {
    margin-bottom: 40px;
    padding-top: 10px
}

.mfb-head-row {
    margin: 20px 0;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.mfb-head-row:after, .mfb-head:after {
    content: '';
    clear: both;
    display: block
}

.mfb-head-title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 27px;
    letter-spacing: .6px;
    font-weight: 300
}

.mfb-head-menu {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: .6px;
    font-weight: 300
}

.mfb-head-menu__caption {
    opacity: .5;
    font-size: 16px;
    letter-spacing: .4px;
    vertical-align: middle
}

.mfb-head-menu > * {
    margin-right: 15px;
    opacity: .5;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    white-space: nowrap
}

.mfb-head-menu > .-act {
    opacity: 1;
    position: relative
}

.mfb-head-left {
    float: left;
    width: 50%
}

.mfb-head-right {
    float: right;
    width: 50%;
    padding-left: 20px;
    text-align: right
}

.mfb-head-right .modelViewBtn-compare {
    vertical-align: middle;
    line-height: 32px;
    position: relative;
    top: 2px;
    z-index: 10
}

.mfb-main {
    margin: 43px 0 28px;
    max-width: 400px
}

.mfb-main-value {
    font-size: 74px;
    line-height: 1;
    letter-spacing: 1.7px;
    font-family: 'Open Sans';
    font-weight: 300
}

.mfb-main-value-unit {
    font-size: 16px;
    line-height: 1;
    margin-left: 11px;
    font-weight: 400
}

.mfb-main-value-icon {
    display: inline-block;
    width: 50px;
    vertical-align: top;
    position: relative;
    top: 12px
}

.mfb-main-value-icon img {
    display: block;
    width: 100%;
    vertical-align: top
}

.mfb-main .mfb-item-text, .mfb-main-text {
    opacity: .75;
    letter-spacing: .2px;
    font-size: 16px;
    line-height: 20px;
    color: #6c6c6c
}

.mfb-list {
    margin: 0 -15px
}

.mfb-list:after {
    content: '';
    clear: both;
    display: block
}

.mfb-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mfb-item {
    padding: 15px 15px;
    max-width: 470px;
    width: 33.33%
}

.mfb-item-value {
    font-size: 37px;
    line-height: 1.2;
    font-family: 'Open Sans';
    font-weight: 300
}

.mfb-item-value > * {
    display: inline-block;
    margin-left: 11px
}

.mfb-item-value > :first-child {
    margin-left: 0
}

.mfb-item-value > span {
    font-size: 16px;
    line-height: 1;
    font-family: 'Open Sans'
}

.mfb-list-show-more {
    margin: 20px 0;
    font-size: 15px;
    letter-spacing: .6px
}

.mfb-list-show-more:before {
    display: inline-block;
    min-width: 15px;
    text-align: center;
    content: '+';
    font-weight: 700;
    font-size: 19px;
    margin-right: 8px
}

.mfb-list-show-more:hover a > span {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.mfb-list-show-more.-act:before {
    content: '-'
}

.mfb-btn {
    margin: 60px -1.5% 0;
    position: relative;
    z-index: 20
}

.mfb-btn:after {
    content: '';
    display: block;
    clear: both
}

.mfb-btn > * {
    width: 30.33%;
    margin: 0 1.5%;
    float: left;
    z-index: 50;
    position: relative
}

.mfb-btn > * + * {
    z-index: 49
}

.mfb-btn > * + * + * {
    z-index: 48
}

.mfb-btn > * + * + * + * {
    z-index: 47
}

.mfb-btn > * + * + * + * + * {
    z-index: 46
}

.mfb-btn > * + * + * + * + * + * {
    z-index: 45
}

.mfb-btn .select-link .sl-links {
    min-width: 80%;
    margin-top: 35px
}

.mfb-btn .select-link .sl-links a {
    color: rgba(0, 0, 0, .5)
}

.mfb-btn .select-link .sl-links a:hover {
    border-bottom-color: rgba(0, 0, 0, .2)
}

.mfb-btn .mfb-btn-simple, .mfb-btn-doc-download {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    cursor: pointer;
    line-height: 1.1;
    letter-spacing: .6px;
    white-space: nowrap;
    padding: 40px 50px 20px 55px;
    position: relative;
    min-height: 96px
}

.mfb-btn-simple {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.mfb-btn-simple.__t-right {
    text-align: right;
    padding-right: 0
}

.mfb-btn-simple:after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 5px;
    vertical-align: middle
}

.mfb-btn-doc-download.mfb-btn-doc-download-two-line {
    padding-top: 30px
}

.mfb-btn-doc-download:hover, .mfb-btn-simple:hover {
    border-color: #fff
}

.mfb-btn-doc-download:before {
    position: absolute;
    top: 20px;
    left: 0;
    content: '';
    display: inline-block;
    width: 38px;
    height: 56px;
    background: url(/img/file-pdf-icon-white.png) no-repeat center;
    -webkit-background-size: 38px auto;
    background-size: 38px auto;
    vertical-align: middle;
    margin-right: 10px
}

.mfb-btn-test-drive {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgba(255, 255, 255, .2);
    white-space: nowrap;
    font-weight: 300;
    font-size: 23px;
    letter-spacing: .6px;
    position: relative;
    padding: 32px 50px 20px 120px;
    min-height: 96px
}

.mfb-btn-test-drive:hover {
    border-color: #fff
}

.mfb-btn-test-drive span {
    padding-bottom: 1px;
    position: relative;
    top: 3px
}

.mfb-btn-test-drive:before {
    top: 29px;
    left: 40px;
    position: absolute;
    content: '';
    display: inline-block;
    width: 50px;
    height: 31px;
    background: url(/img/doubleSpeedIocn.png) no-repeat center;
    -webkit-background-size: 50px auto;
    background-size: 50px auto;
    vertical-align: middle;
    margin-right: 30px
}

.mfb-btn-test-drive:after {
    content: '';
    display: inline-block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: 9px;
    vertical-align: middle;
    position: relative;
    top: 3px
}

.color_price_button_brown_d37929 .color_price_button.mfb-btn-doc-download:before {
    background-image: url(/img/file-pdf-icon-brown.png)
}

.color_price_button_brown_d37929 .color_price_button.mfb-btn-doc-download, .color_price_button_brown_d37929 .color_price_button.mfb-btn-doc-download:active {
    color: #d37929
}

.mfb-btn-simple.__t-right {
    float: right
}

@media (max-width: 768px) {
    .mfb-btn {
        margin-top: 30px;
        margin-bottom: 0
    }

    .mfb-btn.mfb-btn .mfb-btn-doc-download, .mfb-btn.mfb-btn .mfb-btn-simple, .mfb-btn.mfb-btn .mfb-btn-test-drive {
        float: none;
        width: 100%;
        margin-top: -10px
    }

    .mfb-btn-simple.__t-right {
        text-align: left;
        padding-left: 0;
        float: none
    }

    .mfb-item {
        width: 100%
    }

    .mfb-head-menu > .-act:after {
        content: '';
        position: absolute;
        height: 2px;
        background: #fff;
        left: 0;
        right: 0;
        bottom: -19px
    }

    .mfb-head-left {
        float: none;
        width: auto
    }

    .mfb-head-right {
        float: none;
        width: auto;
        text-align: left;
        margin-top: 25px;
        padding: 0
    }
}

@media (max-width: 1024px) {
    .mfb-item {
        width: 50%
    }

    .model-feature-block {
        padding-top: 10px
    }
}

.mfb-tabs {
    position: relative
}

.mfb-tab {
    display: none
}

.mfb-tab.-show {
    display: block
}

.mfb-list-more.mfb-list-more {
    display: none
}

.notes {
    border-left: 2px solid rgba(0, 0, 0, .1);
    padding: 1px 18px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .4px
}

.notes > :first-child {
    margin-top: 0
}

.notes a {
    color: inherit;
    position: relative
}

.notes a:hover {
    border-bottom: 1px solid #000;
    padding-bottom: 2px
}

.notes a.ns-link {
    color: #2962ff
}

.notes a.ns-link:hover {
    border-bottom: 1px solid rgba(31, 98, 255, .6)
}

.ns-title {
    color: #000
}

.ns-item {
    color: #858585
}

.notes > *, .ns-item {
    margin-top: 9px;
    margin-bottom: 9px
}

.popupModelDetailsItem.__modify-this-class__tabs > .popupModelDetailsItemHeader {
    background: rgba(205, 205, 205, .12);
    border: 0;
    color: #000;
    padding: 14px 50px 10px 25px;
    margin: 0 -25px
}

.popupModelDetailsItem.__modify-this-class__tabs > .popupModelDetailsItemHeader:after {
    top: 24px;
    right: 31px
}

.popupModelDetailsItem.__modify-this-class__tabs .popupModelDetailsProductionYear {
    cursor: default
}

.popupModelDetailsItem.__modify-this-class__tabs .popupModelDetailsProductionYear:after {
    display: none
}

.popupModelDetailsItem.__modify-this-class__tabs:last-child {
    margin-bottom: 20px !important
}

.popupModelDetailsItem.__modify-this-class__tabs > .popupModelDetailsItemContent {
    padding: 30px 0
}

@media (min-width: 1024px) {
    .popupModelDetailsItem.__modify-this-class__tabs {
        margin: 0 0 1px !important;
        width: 100% !important
    }

    .popupModelEquipmentTabContent .popupModelDetails {
        display: block
    }

    .popupModelEquipmentTabContent .popupModelDetails .popupModelDetailsItem {
        width: auto;
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .popupModelTotalRow .popupModelDetails {
        width: 100%
    }

    .popupModelDetailsItem__wrap {
        width: 50%
    }
}

.modelCarSliderTab {
    position: absolute;
    z-index: 10;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 70px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.modelCarSliderTabControl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.modelCarSliderTabControl span {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-right: 30px;
    font-weight: 300;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s
}

.modelCarSliderTabControl span:last-child {
    margin-right: 0
}

.modelCarSliderTabControl span.active {
    font-size: 26px;
    color: #fff
}

@media (max-width: 420px) and (orientation: portrait) {
    .ios-firefox .modelCarSliderTab {
        bottom: 110px
    }

    .ios-firefox .nModel-gallery_new .nModel-gallery__disclaimer_wrx {
        bottom: 60px
    }
}

@media (min-width: 768px) {
    .modelCarSliderTab {
        width: 100%;
        max-width: 1280px;
        padding-left: 40px;
        padding-right: 40px;
        background: 0 0;
        bottom: 90px
    }

    .modelCarSliderTabControl {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .modelCarSliderTabControl span {
        font-size: 23px
    }

    .modelCarSliderTabControl span.active {
        font-size: 31px
    }
}

@media (min-width: 1024px) {
    .modelCarSliderTab {
        width: 100%;
        max-width: 1280px;
        padding-left: 80px;
        padding-right: 80px;
        bottom: 100px
    }

    .modelCarSliderTabControl span {
        font-size: 26px
    }

    .modelCarSliderTabControl span.active {
        font-size: 36px
    }
}

@media (min-width: 1024px) and (max-height: 750px) {
    .modelCarSliderTab {
        bottom: 160px
    }
}

.popupVin .popupTestDriveTitle {
    padding-right: 40px;
    margin-top: 23px
}

.popupVin .mfp-close {
    right: 18px
}

.popupVinRow-recapcha {
    margin-bottom: -40px
}

.popupVin-result {
    border: solid 1px rgba(0, 0, 0, .1);
    padding: 30px 24px 1px;
    font-weight: 400;
    color: #000
}

.popupVin-result a {
    color: #1f62ff
}

.popupVin-result a:hover {
    border-bottom: 1px solid rgba(31, 98, 255, .6)
}

.popupVin-result > :first-child {
    margin-top: 0
}

.popupVin-result__vin {
    font-size: 22px;
    color: #7f7f7f
}

.popupVin-result__text {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .6px;
    opacity: .5;
    margin: 20px 0
}

.popupVin-result__btn {
    margin: 20px 0 0
}

.popupVin-result__info {
    margin: 20px 0 0
}

.popupVin-result__list {
    padding: 0 0 10px;
    border-top: 1px solid #e6e6e6
}

.popupVin-result__list:first-child {
    border: 0
}

.popupVin-result__list-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: .6px;
    margin: 32px 0 10px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 16px
}

.popupVin-result__list-title + .popupVin-result__item {
    border: 0
}

.popupVin-result__item {
    padding: 13px 0 17px 30px;
    margin: 0;
    border-top: 1px solid #e6e6e6
}

.popupVin-result__item-date {
    font-size: 16px;
    line-height: .87;
    letter-spacing: .4px;
    margin: 10px 0;
    position: relative
}

.popupVin-result__item-text {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .5px;
    margin: 10px 0
}

.popupVin-result__item-type {
    margin-left: 5px
}

@media (min-width: 768px) {
    .popupVin .mfp-close {
        top: 280px
    }
}

@media (min-width: 1024px) {
    .popupVin .mfp-close {
        top: 341px
    }
}

._success .popupVin-result__item-date {
    color: #59ab00
}

._error .popupVin-result__item-date {
    color: #ff5252
}

._error .popupVin-result__item-date:before, ._success .popupVin-result__item-date:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -22px;
    width: 14px;
    height: 14px;
    background: url(/img/c.png) no-repeat
}

._error .popupVin-result__item-date:before {
    background: url(/img/i.png) no-repeat
}

.smartbanner-show {
    margin-top: 80px
}

.smartbanner-show .smartbanner {
    display: block
}

.smartbanner {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-family: Roboto, sans-serif;
    background: #f4f4f4;
    z-index: 1040;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

.smartbanner-container {
    margin: 0 auto;
    white-space: nowrap
}

.smartbanner-close {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 5px;
    font-family: arial;
    font-size: 20px;
    text-align: center;
    color: #888;
    text-decoration: none;
    border: 0;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased
}

.smartbanner-close:active, .smartbanner-close:hover {
    color: #aaa
}

.smartbanner-icon {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    margin-right: 12px;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.smartbanner-info {
    display: inline-block;
    vertical-align: middle;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: 700
}

.smartbanner-title {
    font-size: 13px;
    line-height: 18px
}

.smartbanner-button {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    color: #6a6a6a;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-button:active, .smartbanner-button:hover {
    color: #aaa
}

.smartbanner-ios {
    background: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
    background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
    background: -o-linear-gradient(top, #f4f4f4, #cdcdcd);
    background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    line-height: 80px
}

.smartbanner-ios .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

.smartbanner-ios .smartbanner-close:active, .smartbanner-ios .smartbanner-close:hover {
    color: #aaa
}

.smartbanner-ios .smartbanner-icon {
    background: rgba(0, 0, 0, .6);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.smartbanner-ios .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-ios .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700
}

.smartbanner-ios .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
    background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
    background: -o-linear-gradient(top, #efefef, #dcdcdc);
    background: linear-gradient(to bottom, #efefef, #dcdcdc);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset
}

.smartbanner-ios .smartbanner-button:active, .smartbanner-ios .smartbanner-button:hover {
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
    background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
    background: -o-linear-gradient(top, #dcdcdc, #efefef);
    background: linear-gradient(to bottom, #dcdcdc, #efefef)
}

.smartbanner-android {
    background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);
    -webkit-box-shadow: inset 0 4px 0 #88b131;
    box-shadow: inset 0 4px 0 #88b131;
    line-height: 82px
}

.smartbanner-android .smartbanner-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: 7px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .8) inset, 0 1px 1px rgba(255, 255, 255, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8) inset, 0 1px 1px rgba(255, 255, 255, .3)
}

.smartbanner-android .smartbanner-close:active, .smartbanner-android .smartbanner-close:hover {
    color: #eee
}

.smartbanner-android .smartbanner-icon {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.smartbanner-android .smartbanner-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000
}

.smartbanner-android .smartbanner-title {
    color: #fff;
    font-weight: 700
}

.smartbanner-android .smartbanner-button {
    min-width: 12%;
    color: #d1d1d1;
    padding: 0;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc
}

.smartbanner-android .smartbanner-button:active, .smartbanner-android .smartbanner-button:hover {
    background: 0 0
}

.smartbanner-android .smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 10px;
    background: #42b6c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#42b6c9), to(#39a9bb));
    background: -webkit-linear-gradient(top, #42b6c9, #39a9bb);
    background: -o-linear-gradient(top, #42b6c9, #39a9bb);
    background: linear-gradient(to bottom, #42b6c9, #39a9bb);
    text-transform: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.smartbanner-android .smartbanner-button-text:active, .smartbanner-android .smartbanner-button-text:hover {
    background: #2ac7e1
}

.smartbanner-windows {
    background: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cdcdcd));
    background: -webkit-linear-gradient(top, #f4f4f4, #cdcdcd);
    background: -o-linear-gradient(top, #f4f4f4, #cdcdcd);
    background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    line-height: 80px
}

.smartbanner-windows .smartbanner-close {
    border: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

.smartbanner-windows .smartbanner-close:active, .smartbanner-windows .smartbanner-close:hover {
    color: #aaa
}

.smartbanner-windows .smartbanner-icon {
    background: rgba(0, 0, 0, .6);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.smartbanner-windows .smartbanner-info {
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.smartbanner-windows .smartbanner-title {
    color: #4d4d4d;
    font-weight: 700
}

.smartbanner-windows .smartbanner-button {
    padding: 0 10px;
    min-width: 10%;
    color: #6a6a6a;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dcdcdc));
    background: -webkit-linear-gradient(top, #efefef, #dcdcdc);
    background: -o-linear-gradient(top, #efefef, #dcdcdc);
    background: linear-gradient(to bottom, #efefef, #dcdcdc);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset;
    box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, .6), 0 2px 0 rgba(255, 255, 255, .7) inset
}

.smartbanner-windows .smartbanner-button:active, .smartbanner-windows .smartbanner-button:hover {
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#efefef));
    background: -webkit-linear-gradient(top, #dcdcdc, #efefef);
    background: -o-linear-gradient(top, #dcdcdc, #efefef);
    background: linear-gradient(to bottom, #dcdcdc, #efefef)
}

.eTypography .typ-h1 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.33;
    letter-spacing: 1.4px;
    color: #000
}

.eTypography .typ-h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.33;
    letter-spacing: 1.3px;
    color: #000
}

.eTypography .typ-h3 {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.33;
    letter-spacing: .8px;
    color: #000
}

.eTypography .typ-h4 {
    font-weight: 300;
    font-size: 27px;
    line-height: 1.33;
    letter-spacing: .6px;
    color: #000
}

.eTypography .typ-h5 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: .5px;
    color: #000
}

.eTypography .typ-h6 {
    font-weight: 300;
    line-height: 1.33;
    font-size: 18px;
    letter-spacing: .5px;
    color: #000
}

.eTypography .typ-p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: .3px;
    color: #000
}

.eTypography .typ-p-large {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.27;
    letter-spacing: .5px;
    color: #000
}

.eTypography .typ-p-small {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.27;
    letter-spacing: .3px;
    color: #000
}

.eTypography .typ-c-black {
    color: #000
}

.eTypography .typ-c-gray {
    color: #7f7f7f
}

.eTypography .typ-c-light-rgray {
    color: #b2b2b2
}

.eTypography .typ-c-blue {
    color: #2962ff
}

.eTypography .typ-c-red {
    color: #ff5252
}

.eTypography .typ-table-wrap {
    overflow-x: auto;
    margin: 2em 0
}

.eTypography table[class*=typ-table] {
    border-collapse: collapse;
    border-spacing: 0;
    background: 0 0 !important;
    border: 0 !important
}

.eTypography table[class*=typ-table] caption, .eTypography table[class*=typ-table] tr > * {
    padding: 12px 15px;
    background: 0 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
    border-left: 1px solid rgba(0, 0, 0, .1) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.31;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .5);
    text-align: left
}

.eTypography table[class*=typ-table] thead tr > th {
    color: #000;
    font-weight: 300;
    font-size: 22px
}

.eTypography table[class*=typ-table] caption, .eTypography table[class*=typ-table] tr > :first-child {
    border-left: 0 !important;
    border-right: 1px solid rgba(0, 0, 0, .1) !important
}

.eTypography table[class*=typ-table] caption {
    font-weight: 300;
    font-size: 26px
}

.eTypography table.typ-table-bordered tbody tr:nth-child(even) > * {
    background: #f8f8f8 !important
}

.eTypography table.typ-table-bordered thead tr:last-child > * {
    border-bottom: 2px solid #000 !important
}

.eTypography table.typ-table-bordered th.typ-table-scope-col {
    background: #f8f8f8 !important
}

.eTypography table.typ-table-bordered th.typ-table-scope-col + * {
    border-left-color: #000 !important
}

.eTypography .typ-hr, .eTypography div.typ-br {
    display: block;
    height: 0;
    margin: .6em 0
}

.eTypography .typ-hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.eTypography [class*=typ-list], .eTypography ol, .eTypography ul {
    margin: 1em 0;
    padding: 0 0 0 20px;
    list-style: none
}

.eTypography [class*=typ-list] li, .eTypography ol li, .eTypography ul li {
    color: rgba(0, 0, 0, .7);
    font-weight: 300;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px
}

.eTypography [class*=typ-list] li p, .eTypography ol li p, .eTypography ul li p {
    min-height: 10px !important;
    padding: 0 !important;
    margin: 0 !important
}

.eTypography [class*=typ-list-][class*=-column] {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px
}

.eTypography [class*=typ-list-][class*=-column] > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.eTypography .typ-list__2-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.eTypography .typ-list__3-column {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.eTypography [class*=typ-list] [class*=typ-list] {
    margin-top: -3px;
    margin-bottom: -3px;
    display: inline-block;
    vertical-align: top
}

.eTypography [class*=typ-list-circle][class*=typ-list-circle] > li:before, .eTypography [class*=typ-list-square][class*=typ-list-square] > li:before, .eTypography [class*=typ-list] > li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: top;
    position: relative;
    top: 7px
}

.eTypography [class*=typ-list-square][class*=typ-list-square] > li:before {
    -webkit-border-radius: 0;
    border-radius: 0
}

.eTypography [class*=typ-list-circle][class*=typ-list-circle] > li:before {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .6);
    width: 7px;
    height: 7px
}

.eTypography [class*=typ-list-] > li:before {
    width: auto;
    height: auto;
    background: 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    top: 0
}

.eTypography [class*=typ-list-none] > li:before {
    content: '';
    display: none
}

.eTypography [class*=typ-list-hyphen] > li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 1px;
    background: rgba(0, 0, 0, .4);
    margin-right: 10px;
    top: 10px
}

.eTypography [class*=typ-list-decimal] {
    list-style: decimal inside
}

.eTypography [class*=typ-list-latin] {
    list-style: upper-alpha inside
}

.eTypography [class*=typ-list-decimal] > li:before, .eTypography [class*=typ-list-latin] > li:before {
    content: '';
    display: none
}

@media (max-width: 1024px) {
    .eTypography .typ-h1 {
        font-size: 31px
    }

    .eTypography .typ-h2 {
        font-size: 25px
    }

    .eTypography .typ-h3 {
        font-size: 24px
    }

    .eTypography .typ-h4 {
        font-size: 22px
    }

    .eTypography .typ-h5 {
        font-size: 20px
    }

    .eTypography .typ-h6 {
        font-size: 17px
    }

    .eTypography table[class*=typ-table] tr > th {
        font-size: 20px
    }

    .eTypography table[class*=typ-table] caption {
        font-size: 24px
    }
}

@media (max-width: 768px) {
    .eTypography .typ-h1 {
        font-size: 26px
    }

    .eTypography .typ-h2 {
        font-size: 24px
    }

    .eTypography .typ-h3 {
        font-size: 23px
    }

    .eTypography .typ-h4 {
        font-size: 21px
    }

    .eTypography .typ-h5 {
        font-size: 19px
    }

    .eTypography .typ-h6 {
        font-size: 16px
    }

    .eTypography table[class*=typ-table] tr > th {
        font-size: 18px
    }

    .eTypography table[class*=typ-table] caption {
        font-size: 22px
    }
}

.grt-cookie {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
    z-index: 100000;
    background: rgba(255, 255, 255, .9) !important
}

.grt-cookie.p0 {
    padding-left: 0;
    padding-right: 0
}

.grt-cookie__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin: 0 auto
}

.grt-cookie-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.grt-cookie p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 1.35;
    color: #333;
    font-weight: 400
}

.grt-cookie p a {
    color: #333;
    text-decoration: underline;
    font-size: 14px;
    margin: 0;
    padding: 0
}

.grt-cookie-button {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 18px;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 12px;
    background: #333;
    color: #fff;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-appearance: button;
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.grt-cookie-button:focus, .grt-cookie-button:hover {
    background: #333;
    color: #fff;
    opacity: .9
}

@media (max-width: 767px) {
    .grt-cookie {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px
    }

    .grt-cookie__in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .grt-cookie p, .grt-cookie p a {
        font-size: 13px
    }

    .grt-cookie-button {
        font-size: 13px;
        padding: 3px 14px;
        margin: 8px 0 0 0
    }
}

.custom-scroll_container {
    overflow: hidden !important;
    position: relative
}

.custom-scroll_inner {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    height: 100%
}

.custom-scroll_inner::-webkit-scrollbar {
    width: 0;
    height: 0
}

.custom-scroll_bar-x, .custom-scroll_bar-y {
    cursor: default;
    position: absolute;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    z-index: 1;
    background: #888;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.custom-scroll_bar-x:hover, .custom-scroll_bar-y:hover {
    opacity: .7
}

.custom-scroll_bar-x:active, .custom-scroll_bar-y:active {
    opacity: 1
}

.custom-scroll_bar-y {
    top: 0;
    right: 1px;
    width: 8px
}

.custom-scroll_bar-x {
    left: 0;
    bottom: 1px;
    height: 8px
}

.custom-scroll_hidden-x > .custom-scroll_bar-x, .custom-scroll_hidden-y > .custom-scroll_bar-y {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility step-end .3s;
    -o-transition: opacity .2s, visibility step-end .3s;
    transition: opacity .2s, visibility step-end .3s
}

.update__title_sub {
    margin-bottom: 25px
}

.update__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 0
}

.update__item:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.update__column {
    width: 50%
}

.update__column:not(:last-child) {
    padding-right: 25px
}

.update__img {
    display: inline-block;
    width: 100%;
    height: 280px;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.update__img_wrap {
    max-width: 400px
}

.update__list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 1.31;
    letter-spacing: .4px
}

.update__list li:before {
    position: absolute;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
    left: 0;
    display: block;
    content: '';
    width: 3px;
    height: 3px;
    background: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.update__description {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: 21px;
    padding-left: 25px
}

.update__link {
    display: inline-block;
    margin: 20px 0 0 25px;
    text-decoration: none;
    color: #2962ff;
    letter-spacing: .6px
}

.update__footnote {
    margin-top: 10px;
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    line-height: 16px;
    padding-left: 25px
}

@media only screen and (max-width: 767.5px) {
    .update__item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .update__column {
        width: 100%
    }

    .update__column:not(:last-child) {
        padding-right: 0
    }

    .update__img {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 520px) {
    .update__img {
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px
    }

    .update__img_wrap {
        max-width: none
    }
}

.clientSupportCompanyTitle > a, .clientSupportItemText p > a {
    margin-left: 0;
    display: block
}

.clientSupportCompanyTitle > a:hover:before, .clientSupportItemText p > a:hover:before {
    display: none
}

.popupTestDriveRow.name .controlArea {
    width: 100%
}

.popupTestDriveRow.city-and-dealer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popupTestDriveRow.city-and-dealer .controlArea:last-child {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.popupTestDriveRow.comment .controlAreaWrapTextarea {
    height: 47px
}

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

.popupGlobal.popupService {
    width: 100%;
    min-width: 1px
}

.color-slider {
    position: relative
}

.color-slider__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    font-size: 36px;
    line-height: 43px;
    font-weight: 300;
    letter-spacing: 1px
}

.color-slider__title-compare {
    margin-bottom: 10px
}

.color-slider__choose {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.color-slider__panel {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    width: 33%;
    margin-bottom: 50px
}

.color-slider__img-wrapper {
    width: 65%
}

.color-slider__img {
    display: block;
    max-width: 100%;
    height: auto
}

.color-slider__palette {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 0;
    -webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 28px rgba(0, 0, 0, .3)
}

.color-slider__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.color-slider__label {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.color-slider__arrow {
    position: absolute;
    left: 50%;
    bottom: -4px;
    display: block;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.color-slider__input:checked + .color-slider__label .color-slider__arrow {
    opacity: 1
}

.color-slider__desc {
    font-weight: 300
}

.color-slider__desc span {
    font-size: 22px;
    line-height: 26px
}

.color-slider__desc p {
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, .5)
}

.color-slider__warning {
    position: relative;
    width: 100%
}

.color-slider__warning p {
    margin-left: auto;
    margin-bottom: 15px;
    width: 216px;
    font-size: 12px;
    line-height: 1.5;
    color: #bfbfbf;
    text-align: right
}

@media screen and (max-width: 1023px) {
    .color-slider__panel {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 991.98px) {
    .color-slider__title {
        position: relative;
        margin-bottom: 30px;
        width: 100%;
        text-align: center
    }

    .color-slider__choose {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .color-slider__img-wrapper {
        margin-bottom: 15px
    }

    .color-slider__panel {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        width: 100%
    }

    .color-slider__palette {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .color-slider__label {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .color-slider__desc p {
        display: inline-block
    }

    .color-slider__desc span {
        margin-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .color-slider__title {
        font-size: 31px
    }

    .color-slider__desc {
        text-align: center
    }

    .color-slider__desc p, .color-slider__desc span {
        display: block
    }

    .color-slider__desc span {
        margin-right: 0
    }
}

@media screen and (max-width: 575px) {
    .color-slider__title {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .color-slider_compare .color-slider__palette {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: -3px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .color-slider_compare .color-slider__title-compare {
        text-align: center
    }

    .color-slider_compare .color-slider__label {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 3px;
        width: 32px;
        height: 32px;
        -webkit-box-shadow: 0 0 1px 2px #cdcdcd;
        box-shadow: 0 0 1px 2px #cdcdcd;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .color-slider_compare .color-slider__input:checked + .color-slider__label {
        -webkit-box-shadow: 0 0 1px 2px #fff, 0 0 1px 3px #202020;
        box-shadow: 0 0 1px 2px #fff, 0 0 1px 3px #202020;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .color-slider_compare .color-slider__input:checked + .color-slider__label .color-slider__arrow {
        display: none
    }
}

.video-section {
    margin-bottom: 0;
    margin-top: -68px;
    padding-top: 68px;
    padding-bottom: 90px;
    background: #202020
}

.video-section__wrapper {
    position: relative;
    height: 0;
    padding-top: 56.25%
}

.video-section__video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video-section__playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 8px solid #fff;
    height: 100px;
    width: 100px;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    opacity: .95;
    -webkit-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms;
    -webkit-appearance: none
}

.video-section__playbutton::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 50px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: -10px;
    bottom: 0;
    margin: auto
}

.video-section__playbutton:hover {
    background: 0 0;
    opacity: .6
}

.video-section .tc-head {
    margin-bottom: 60px;
    padding-bottom: 25px
}

@media screen and (max-width: 900px) {
    .video-section {
        padding-bottom: 50px
    }

    .video-section .tc-head {
        padding-bottom: 16px
    }

    .video-section .tc-head-title {
        padding-top: 25px
    }
}

@media screen and (max-width: 600px) {
    .video-section__playbutton {
        width: 70px;
        height: 70px;
        margin-top: -35px;
        margin-left: -35px;
        border-width: 6px
    }

    .video-section__playbutton::before {
        right: -7px;
        border-width: 15px 0 15px 30px
    }
}

@media screen and (max-width: 480px) {
    .video-section .tc-head {
        margin-bottom: 30px;
        padding-bottom: 10px
    }
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

@-webkit-keyframes blackline-banner-button {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    20.275% {
        -webkit-transform: translateX(89px) translateY(0);
        transform: translateX(89px) translateY(0)
    }
    29.775% {
        -webkit-transform: translateX(89px) translateY(42px);
        transform: translateX(89px) translateY(42px)
    }
    70.225% {
        -webkit-transform: translateX(-89px) translateY(42px);
        transform: translateX(-89px) translateY(42px)
    }
    79.725% {
        -webkit-transform: translateX(-89px) translateY(0);
        transform: translateX(-89px) translateY(0)
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

@keyframes blackline-banner-button {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    20.275% {
        -webkit-transform: translateX(89px) translateY(0);
        transform: translateX(89px) translateY(0)
    }
    29.775% {
        -webkit-transform: translateX(89px) translateY(42px);
        transform: translateX(89px) translateY(42px)
    }
    70.225% {
        -webkit-transform: translateX(-89px) translateY(42px);
        transform: translateX(-89px) translateY(42px)
    }
    79.725% {
        -webkit-transform: translateX(-89px) translateY(0);
        transform: translateX(-89px) translateY(0)
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

.blackline-banner {
    margin-top: -68px;
    padding-top: 68px;
    padding-bottom: 85px;
    background: #202020;
    overflow: hidden
}

.blackline-banner__wrapper {
    padding-top: 30px
}

.blackline-banner__bg-top {
    position: absolute;
    top: 115px;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 15%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #202020), color-stop(97%, rgba(32, 32, 32, 0)));
    background: -webkit-linear-gradient(top, #202020 45%, rgba(32, 32, 32, 0) 97%);
    background: -o-linear-gradient(top, #202020 45%, rgba(32, 32, 32, 0) 97%);
    background: linear-gradient(to bottom, #202020 45%, rgba(32, 32, 32, 0) 97%);
    z-index: 1
}

.blackline-banner__bg-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 15%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(32.33%, #202020), color-stop(97%, rgba(32, 32, 32, 0)));
    background: -webkit-linear-gradient(bottom, #202020 32.33%, rgba(32, 32, 32, 0) 97%);
    background: -o-linear-gradient(bottom, #202020 32.33%, rgba(32, 32, 32, 0) 97%);
    background: linear-gradient(to top, #202020 32.33%, rgba(32, 32, 32, 0) 97%)
}

.blackline-banner .tc-head {
    position: relative;
    margin-bottom: 55px;
    padding-bottom: 30px;
    z-index: 1
}

.blackline-banner .tc-head-title {
    width: 100%
}

.blackline-banner__inner {
    position: relative
}

.blackline-banner__inner::after, .blackline-banner__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25%;
    background: -webkit-gradient(linear, left top, right top, color-stop(32.33%, #202020), color-stop(97%, rgba(32, 32, 32, 0)));
    background: -webkit-linear-gradient(left, #202020 32.33%, rgba(32, 32, 32, 0) 97%);
    background: -o-linear-gradient(left, #202020 32.33%, rgba(32, 32, 32, 0) 97%);
    background: linear-gradient(90deg, #202020 32.33%, rgba(32, 32, 32, 0) 97%)
}

.blackline-banner__inner::after {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.blackline-banner__text {
    position: absolute;
    top: 2.7%;
    right: 11.5%;
    width: 100%;
    z-index: 1
}

.blackline-banner__img, .blackline-banner__slogan, .blackline-banner__title {
    display: block;
    max-width: 100%;
    height: auto
}

.blackline-banner__slogan-wrapper {
    margin-bottom: 30px;
    margin-left: auto;
    width: 15%
}

.blackline-banner__title-wrapper {
    margin-left: auto;
    width: 22%
}

.blackline-banner__button-wrapper {
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    text-align: center;
    z-index: 1
}

.blackline-banner__button {
    position: relative;
    display: inline-block;
    width: 178px;
    height: 42px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: .03em;
    color: #fff;
    background: 0 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.blackline-banner__button:hover {
    background: #3044fa;
    border-color: #3044fa;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.blackline-banner__button:hover .blackline-banner__button-point {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.blackline-banner__button-point {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-animation: blackline-banner-button 4.5s infinite alternate;
    animation: blackline-banner-button 4.5s infinite alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@media screen and (max-width: 1024px) {
    .blackline-banner__button-wrapper {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 10px
    }

    .blackline-banner .tc-head {
        padding-bottom: 20px
    }

    .blackline-banner .tc-head-title {
        font-size: 30px
    }

    .blackline-banner__inner::after, .blackline-banner__inner::before {
        width: 20%
    }

    .blackline-banner__inner::after {
        right: -1px
    }
}

@media screen and (max-width: 991.98px) {
    .blackline-banner {
        margin-top: -111px;
        padding-top: 142px
    }
}

@media screen and (max-width: 768px) {
    .blackline-banner {
        margin-top: -42px;
        padding-top: 65px;
        padding-bottom: 55px
    }

    .blackline-banner .tc-head {
        margin-bottom: 30px
    }

    .blackline-banner__inner::after, .blackline-banner__inner::before {
        width: 13%
    }

    .blackline-banner__bg-top {
        top: 75px
    }

    .blackline-banner__bg-bottom {
        padding-top: 25%
    }
}

@media screen and (max-width: 730px) {
    .blackline-banner__bg-top {
        top: 120px
    }
}

@media screen and (max-width: 480px) {
    .blackline-banner {
        overflow: hidden
    }

    .blackline-banner .tc-head {
        margin-bottom: 0
    }

    .blackline-banner__inner {
        width: 190%;
        margin-left: -45%
    }

    .blackline-banner__text {
        top: 7%
    }

    .blackline-banner__slogan-wrapper {
        width: 15%;
        margin-right: 14%;
        margin-bottom: 20px
    }

    .blackline-banner__title-wrapper {
        width: 22%;
        margin-right: 14%
    }

    .blackline-banner__button-wrapper {
        margin-top: -15px
    }
}

@media screen and (max-width: 422px) {
    .blackline-banner__bg-top {
        top: 120px
    }
}

@media screen and (max-width: 375px) {
    .blackline-banner__bg-top {
        top: 150px
    }
}

@media screen and (max-width: 320px) {
    .blackline-banner__slogan-wrapper {
        margin-bottom: 8px
    }
}

.ar-subaru {
    margin-top: 55px;
    margin-bottom: 0
}

.ar-subaru::before {
    background: #141414
}

.ar-subaru::before {
    top: -3px;
    bottom: -5px
}

.ar-subaru__in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ar-subaru__title {
    font-size: 27px;
    font-weight: 300;
    color: #fff
}

.ar-subaru__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10%;
    margin-left: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ar-subaru__item:first-child {
    margin-right: 15px
}

.ar-subaru__img {
    display: block;
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 1200px) {
    .ar-subaru__title {
        margin-bottom: 10px;
        width: 100%
    }

    .ar-subaru__list {
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .ar-subaru__title {
        margin-bottom: 0
    }

    .ar-subaru::before {
        top: -18px;
        left: -80px;
        right: -80px;
        bottom: -28px
    }
}

@media screen and (max-width: 1023px) {
    .ar-subaru::before {
        left: -40px;
        right: -40px
    }
}

@media screen and (max-width: 420px) {
    .ar-subaru {
        padding-top: 30px;
        padding-bottom: 40px
    }

    .ar-subaru::before {
        top: 0;
        bottom: 0
    }

    .ar-subaru__title {
        margin-bottom: 10px
    }

    .ar-subaru__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%
    }

    .ar-subaru__item {
        width: 100%
    }

    .ar-subaru__item:first-child {
        margin-bottom: 10px
    }
}

.android .ar-subaru__item_ios {
    display: none
}

.android .ar-subaru__item_android {
    margin: 0 0 0 -10px
}

.ios .ar-subaru__item_android, .ios-device .ar-subaru__item_android {
    display: none
}

.ios .ar-subaru__item_ios, .ios-device .ar-subaru__item_ios {
    margin: 0 0 0 -11px
}

.next-slider-btn, .prev-slider-btn {
    display: inline-block;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #a8a8a8;
    background: 0 0;
    border: none;
    border-top: 1px solid #a8a8a8;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.next-slider-btn:focus, .next-slider-btn:hover, .prev-slider-btn:focus, .prev-slider-btn:hover {
    color: #000;
    border-top-color: #000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: 0 0
}

.prev-slider-btn {
    text-align: right
}

.next-slider-btn {
    text-align: left
}

.model-section-title {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 36px;
    border-bottom: 1px solid rgba(236, 236, 236, .1)
}

.model-section-title_light {
    color: #fff
}

.model-section-title_dark {
    color: #000;
    border-bottom: 1px solid #ececec
}

.btn_showmore {
    display: inline-block;
    padding: 0 25px;
    border: 1px solid #626262;
    height: 37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    line-height: 35px;
    font-weight: 400;
    font-size: 14px;
    color: #626262;
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn_showmore:focus, .btn_showmore:hover {
    color: #fff;
    background: #3044fa;
    border-color: #3044fa
}

@media screen and (max-width: 1024px) {
    .model-section-title {
        font-size: 30px;
        padding-bottom: 15px
    }
}

@media screen and (max-width: 480px) {
    .model-section-title {
        padding-bottom: 13px
    }
}

.model-advantages {
    top: 0 !important;
    height: auto !important;
    z-index: 0 !important;
    padding-bottom: 55px;
    background: #202020
}

.model-advantages_wrx {
    position: relative;
    margin-top: 0;
    padding-top: 0
}

.model-advantages_wrx.bg-desktop {
    background: url(/img/model-pages/wrx/advantages-bg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover
}

.model-advantages_wrx.bg-tablet {
    background: url(/img/model-pages/wrx/advantages-bg_tablet.jpg) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover
}

.model-advantages_wrx.bg-mobile {
    background: url(/img/model-pages/wrx/advantages-bg_mobile.jpg) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover
}

.model-advantages_wrx::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(rgba(31, 31, 31, 0)));
    background: -webkit-linear-gradient(top, #1f1f1f 0, rgba(31, 31, 31, 0) 100%);
    background: -o-linear-gradient(top, #1f1f1f 0, rgba(31, 31, 31, 0) 100%);
    background: linear-gradient(180deg, #1f1f1f 0, rgba(31, 31, 31, 0) 100%)
}

.model-advantages_wrx::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 32, .9)
}

.model-advantages__wrx-switcher {
    position: relative
}

.model-advantages__wrx-switcher .advantages-tabs {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.model-advantages__wrx-switcher .advantages-tabs.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.model-advantages_outback {
    padding-bottom: 65px;
    background: #202020
}

.model-advantages__title {
    margin-top: 30px;
    padding-top: 45px
}

.model-advantages #advantage {
    top: -68px
}

@media screen and (max-width: 991.98px) {
    .model-advantages #advantage {
        top: -111px
    }
}

@media screen and (max-width: 768px) {
    .model-advantages #advantage {
        top: -42px
    }
}

.model-advantages_forester {
    padding-bottom: 110px
}

.advantages-tabs__head {
    margin-bottom: 40px;
    padding-top: 25px
}

.advantages-tabs__head-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advantages-tabs__head-item {
    margin-right: 25px
}

.advantages-tabs__head-item:last-child {
    margin-right: 0px
}

.advantages-tabs__btn {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #939393;
    text-decoration: none;
    outline: 0;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.advantages-tabs__btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.advantages-tabs__btn.active {
    font-weight: 500;
    color: #fff;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.advantages-tabs__btn.active::after {
    background-color: #fff;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.advantages-tabs__content-list {
    position: relative;
    width: 100%
}

.advantages-tabs__content-item {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.advantages-tabs__content-item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.advantages-slider {
    font-family: Roboto, sans-serif
}

.advantages-slider .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advantages-slider .advantages-slider__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto
}

.advantages-slider__media-wrapper {
    width: -webkit-calc((100% - 40px) * .55);
    width: calc((100% - 40px) * .55)
}

.advantages-slider__text {
    width: -webkit-calc((100% - 40px) * .45);
    width: calc((100% - 40px) * .45)
}

.advantages-slider__img, .advantages-slider__video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.advantages-slider__title {
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    border-bottom: 1px solid rgba(236, 236, 236, .1)
}

.advantages-slider__desc {
    padding-bottom: 30px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #a8a8a8
}

.advantages-slider__desc p {
    margin-bottom: 20px
}

.advantages-slider__desc p:last-child {
    margin-bottom: 0
}

.advantages-slider__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-calc((100% - 40px) * .45);
    width: calc((100% - 40px) * .45);
    margin-left: auto;
    padding-top: 25px;
    border-top: 1px solid rgba(236, 236, 236, .1)
}

.advantages-slider__btn {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: rgba(196, 196, 196, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-appearance: none;
    outline: 0;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.advantages-slider__btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #868686;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.advantages-slider__btn_prev::before {
    margin-left: -4px;
    border-top-color: transparent;
    border-right-color: transparent
}

.advantages-slider__btn_next::before {
    margin-left: -8px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.advantages-slider__btn:hover {
    background-color: rgba(196, 196, 196, .3);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.advantages-slider__counter {
    font-weight: 300;
    font-size: 16px;
    color: #a8a8a8
}

.advantages-slider__footnote {
    font-size: 11px
}

@media screen and (max-width: 1024px) {
    .model-advantages__title {
        padding-top: 15px
    }

    .advantages-slider__counter, .advantages-slider__desc {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 900px) {
    .model-advantages {
        padding-bottom: 35px
    }

    .advantages-tabs__head {
        margin-bottom: 25px
    }

    .advantages-slider .advantages-slider__item {
        display: block
    }

    .advantages-slider__media-wrapper, .advantages-slider__text {
        width: 100%
    }

    .advantages-slider__media-wrapper {
        margin-bottom: 30px
    }

    .advantages-slider__title {
        margin-bottom: 20px
    }

    .advantages-slider__desc {
        padding-bottom: 20px
    }

    .advantages-slider__controls {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 500px) {
    .model-advantages__wrx-switcher {
        margin-top: 74px;
        border-top: 1px solid rgba(236, 236, 236, .1)
    }
}

@media screen and (max-width: 480px) {
    .model-advantages {
        padding-bottom: 30px
    }

    .model-advantages_forester {
        padding-bottom: 15px
    }

    .advantages-tabs__head {
        margin-bottom: 22px;
        padding-top: 15px
    }

    .advantages-tabs__btn {
        font-size: 16px
    }

    .advantages-slider__title {
        padding-bottom: 17px;
        font-size: 20px;
        line-height: 24px
    }
}

.eyesight {
    padding-bottom: 120px;
    font-family: Roboto, sans-serif;
    background: #fff
}

.eyesight__bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 32.4%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.eyesight__bg::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-top: 10.5%;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, .01)));
    background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, .01));
    background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, .01));
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, .01));
    -webkit-background-size: cover;
    background-size: cover
}

.eyesight_xv .eyesight__bg::after {
    padding-top: 10.5%
}

.eyesight_xv .eyesight__bg.bg-desktop {
    background-image: url(/img/model-pages/xv/eyesight-bg.jpg)
}

.eyesight_xv .eyesight__bg.bg-tablet {
    background-image: url(/img/model-pages/xv/eyesight-bg_tablet.jpg)
}

.eyesight_xv .eyesight__bg.bg-mobile {
    background-image: url(/img/model-pages/xv/eyesight-bg_mobile.jpg)
}

.eyesight_legacy .eyesight__bg.bg-desktop {
    padding-top: 28.75%;
    background-image: url(/img/model-pages/legacy/eyesight/eyesight-bg.jpg)
}

.eyesight_legacy .eyesight__bg.bg-tablet {
    padding-top: 58.5%;
    background-image: url(/img/model-pages/legacy/eyesight/eyesight-bg_tablet.jpg)
}

.eyesight_legacy .eyesight__bg.bg-tablet::after {
    padding-top: 17%
}

.eyesight_legacy .eyesight__bg.bg-mobile {
    padding-top: 73.6%;
    background-image: url(/img/model-pages/legacy/eyesight/eyesight-bg_mobile.jpg)
}

.eyesight_legacy .eyesight__bg.bg-mobile::after {
    padding-top: 20%
}

.eyesight_forester .eyesight__bg.bg-desktop {
    padding-top: 28.75%;
    background-image: url(/img/model-pages/forester/eyesight-bg.jpg)
}

.eyesight_forester .eyesight__bg.bg-desktop::after {
    padding-top: 6.5%
}

.eyesight_forester .eyesight__bg.bg-tablet {
    padding-top: 61.72%;
    background-image: url(/img/model-pages/forester/eyesight-bg_tablet.jpg)
}

.eyesight_forester .eyesight__bg.bg-tablet::after {
    padding-top: 20%
}

.eyesight_forester .eyesight__bg.bg-mobile {
    padding-top: 81.1%;
    background-image: url(/img/model-pages/forester/eyesight-bg_mobile.jpg)
}

.eyesight_forester .eyesight__bg.bg-mobile::after {
    padding-top: 23%
}

.eyesight_outback .eyesight__bg.bg-desktop {
    padding-top: 28.75%;
    background-image: url(/img/model-pages/outback/eyesight-bg.jpg)
}

.eyesight_outback .eyesight__bg.bg-tablet {
    padding-top: 58.5%;
    background-image: url(/img/model-pages/outback/eyesight-bg_tablet.jpg)
}

.eyesight_outback .eyesight__bg.bg-tablet::after {
    padding-top: 17%
}

.eyesight_outback .eyesight__bg.bg-mobile {
    padding-top: 73.6%;
    background-image: url(/img/model-pages/outback/eyesight-bg_mobile.jpg)
}

.eyesight_outback .eyesight__bg.bg-mobile::after {
    padding-top: 20%
}

.eyesight__title {
    margin-bottom: 36px;
    padding-top: 50px
}

.eyesight__desc {
    margin-bottom: 70px;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.25;
    color: #626262
}

.eyesight__desc p {
    margin-bottom: 20px
}

.eyesight__desc p:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .eyesight {
        padding-bottom: 70px
    }

    .eyesight__bg {
        padding-top: 39%
    }

    .eyesight__desc {
        margin-bottom: 55px;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 768px) {
    .eyesight__bg {
        padding-top: 61.5%
    }
}

@media screen and (max-width: 480px) {
    .eyesight__bg {
        padding-top: 79.5%
    }

    .eyesight__title {
        margin-bottom: 25px;
        padding-top: 45px
    }
}

.features-view {
    background: #202020;
    padding-bottom: 60px
}

.features-view#feature {
    top: 0;
    margin-top: -68px;
    padding-top: 68px;
    height: auto;
    z-index: 1
}

.features-view .btn-default {
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important
}

.features-view__title-block {
    position: relative;
    width: 100%
}

.features-view__content-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.features-view__title {
    padding-right: 250px;
    border-bottom: 0
}

.features-view__compare {
    position: absolute;
    top: 25px;
    right: 0;
    color: #fff;
    z-index: 2
}

.features-view__links {
    width: 40%;
    margin-right: 10%
}

.features-view .mfb-btn {
    margin: auto 0 0;
    padding-top: 70px;
    width: 100%
}

.features-view .mfb-btn .features-view__links-bottom, .features-view .mfb-btn .features-view__links-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

.features-view .mfb-btn .features-view__links-top a.mfb-btn-doc-download, .features-view .mfb-btn .features-view__links-top > span.mfb-btn-doc-download {
    width: 195px
}

.features-view .mfb-btn .features-view__links-top a::before, .features-view .mfb-btn .features-view__links-top > span::before {
    width: 45px;
    height: 45px;
    background: url(/img/model-pages/pdf_icon.svg) no-repeat center center
}

.features-view .mfb-btn .features-view__links-top a span, .features-view .mfb-btn .features-view__links-top > span span {
    font-weight: 400;
    font-size: 14px
}

.features-view .mfb-btn .features-view__links-bottom a.btn-get-available {
    width: 195px;
    border-color: #fff !important;
    color: #fff !important;
    cursor: pointer
}

.features-view .mfb-btn .features-view__links-bottom a.btn-get-available:hover {
    border-color: #bdbdbd !important;
    color: #bdbdbd !important
}

.features-view .mfb-btn .features-view__links-bottom .btn-default {
    border-color: #fff !important;
    color: #fff !important
}

.features-view .mfb-btn .features-view__links-bottom .btn-default:hover {
    border-color: #bdbdbd !important;
    color: #bdbdbd !important
}

.model-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%;
    margin-right: 60%
}

.model-features.nModel-feature {
    padding: 0;
    background: 0 0
}

.model-features .nMf-head-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 20px
}

.model-features .nMf-head-menu__caption {
    line-height: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.model-features__tabs-head {
    width: 43%;
    margin-right: 0 !important
}

.model-features__tabs-head a {
    margin-left: 25px
}

.model-features__tabs-head a:first-child {
    margin-left: 0
}

.model-features__tabs-head a.-act {
    color: #fff
}

.model-features__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.model-features__item:last-child {
    margin-bottom: 0
}

.model-features__value {
    display: inline-block;
    width: 43%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase
}

.model-features__num {
    text-transform: lowercase;
    font-weight: 500;
    font-size: 28px
}

.model-features__name, .model-features__text {
    font-weight: 400;
    font-size: 14px;
    color: #a8a8a8
}

.model-features__name {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 57%
}

.model-features_wrx .model-features__tabs-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.model-features_wrx .model-features__tabs-head a {
    margin-left: 0
}

.model-features_wrx .model-features__tabs-head a:first-child {
    width: 43%;
    padding-right: 15px
}

.model-features_wrx .nMf-head-menu {
    position: relative
}

.model-features_wrx .nMf-head-menu__caption {
    position: absolute;
    top: 11px;
    right: 0;
    margin-right: 0
}

@media screen and (max-width: 1300px) {
    .model-features_wrx .model-features__tabs-head a {
        font-size: 22px
    }
}

@media screen and (max-width: 1024px) {
    .features-view__content-block {
        margin-bottom: 90px
    }

    .features-view .nMf-head-menu__caption {
        font-size: 14px
    }

    .features-view .nMf-head {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 1023px) {
    .features-view__title {
        width: 250px;
        padding-right: 0;
        line-height: 1.2
    }

    .features-view .nMf-head-menu {
        padding-bottom: 15px
    }
}

@media screen and (max-width: 991.98px) {
    .model-features {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .model-features__tabs-head, .model-features__value {
        width: 192px
    }

    .model-features_wrx .model-features__tabs-head a {
        font-size: 26px
    }

    .model-features_wrx .model-features__tabs-head a:first-child {
        width: 192px
    }

    .features-view__links {
        width: 100%;
        margin-right: 0
    }

    .features-view .mfb-btn {
        padding-top: 40px
    }

    .features-view .mfb-btn .features-view__links-top {
        margin-bottom: 15px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .features-view .mfb-btn .features-view__links-top a:first-child {
        margin-right: 25px
    }
}

@media screen and (max-width: 650px) {
    .features-view .mfb-btn {
        padding-top: 45px
    }
}

@media screen and (max-width: 600px) {
    .features-view__title {
        margin-bottom: 10px
    }

    .features-view__compare {
        position: relative;
        top: 0;
        left: 0
    }

    .features-view .nMf-head-menu {
        padding-bottom: 10px
    }

    .features-view .nMf-head {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 480px) {
    .model-features__item {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .model-features__value {
        width: auto;
        white-space: nowrap
    }

    .model-features__name {
        width: auto;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        text-align: right
    }

    .model-features .nMf-head-menu__caption {
        margin-right: 0;
        text-align: right
    }

    .model-features_wrx .model-features__tabs-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .model-features_wrx .model-features__tabs-head a:first-child {
        margin-bottom: 15px
    }

    .features-view {
        padding-bottom: 45px
    }

    .features-view .mfb-btn {
        padding-top: 35px
    }

    .features-view__content-block {
        margin-bottom: 45px
    }
}

@media screen and (max-width: 400px) {
    .features-view .mfb-btn .features-view__links-bottom {
        display: block
    }

    .features-view .mfb-btn .features-view__links-bottom > div {
        display: block !important;
        margin-bottom: 45px
    }
}

.model-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%
}

.model-view .view360 {
    overflow: visible !important;
    padding: 0 !important;
    background: 0 0 !important
}

.model-view .view360::after {
    display: none
}

.model-view .view360.-mode-not-view360 .view360Carousel__inner {
    position: relative;
    top: 0;
    right: 0;
    height: auto
}

.model-view .view360.-mode-not-view360 .view360Carousel__inner .view360CarouselItem {
    height: auto
}

.model-view .view360Wrap:before {
    display: none
}

.model-view .view360__progress {
    display: none
}

.model-view .view360Carousel {
    margin-top: 0;
    background: 0 0
}

.model-view .view360Carousel__inner .view360CarouselItem > div {
    height: 350px
}

.model-view .view360Color {
    position: relative;
    top: 0;
    left: 0
}

.model-view .view360ColorLine {
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: none;
    box-shadow: none
}

.model-view .view360ColorLine div {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: 0 0;
    margin-right: 10px;
    margin-bottom: 10px
}

.model-view .view360ColorLine div:last-child {
    margin-right: 0
}

.model-view .view360ColorLine div.active {
    -webkit-box-shadow: 0 0 1px 3px #202020, 0 0 1px 4px #fff;
    box-shadow: 0 0 1px 3px #202020, 0 0 1px 4px #fff
}

.model-view .view360ColorLine div.active .view360ColorItem__tick {
    display: none
}

.model-view .view360ColorName {
    font-family: Roboto, sans-serif
}

.model-view .view360ColorName span {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 24px;
    color: #fff
}

.model-view .view360ColorName p {
    font-weight: 300;
    font-size: 14px;
    color: #a8a8a8
}

.model-view .modelViewBtn {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 9px 17px;
    width: auto;
    height: 37px;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.model-view .modelViewBtn::after, .model-view .modelViewBtn::before {
    display: none
}

.model-view .modelViewBtn:hover {
    border-color: #bdbdbd;
    color: #bdbdbd;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.model-view .modelViewBtn br {
    display: none
}

@media screen and (max-width: 991.98px) {
    .model-view {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }

    .model-view .view360Carousel__inner .view360CarouselItem > div {
        position: relative
    }

    .model-view .view360Color {
        padding-bottom: 0
    }

    .model-view .view360ColorName span {
        width: 100%;
        margin-right: 0
    }

    .model-view .modelViewBtn {
        bottom: 75px
    }
}

@media screen and (max-width: 767px) {
    .model-view .view360ColorName {
        text-align: left
    }
}

@media screen and (max-width: 650px) {
    .model-view .modelViewBtn {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 45px
    }

    .model-view .view360Carousel__inner .view360CarouselItem > div {
        height: 300px
    }
}

@media screen and (max-width: 480px) {
    .model-view .view360Carousel__inner .view360CarouselItem > div {
        height: 230px
    }

    .model-view .view360Carousel {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .model-view .view360Carousel__inner .view360CarouselItem > div {
        height: 180px
    }
}

.subaru-tech {
    margin-top: -68px;
    padding-top: 68px;
    background: #202020;
    padding-bottom: 115px
}

.subaru-tech__title {
    margin-bottom: 62px
}

.subaru-tech__content-wrapper {
    position: relative
}

.subaru-tech__wrx-switcher .subaru-tech__content {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.subaru-tech__wrx-switcher .subaru-tech__content.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.subaru-tech__content {
    position: relative
}

.subaru-tech__controls {
    display: none
}

.subaru-tech__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: -15px -22px;
    font-family: Roboto, sans-serif
}

.subaru-tech__item {
    margin: 15px 22px;
    width: -webkit-calc((100% - 90px) / 2);
    width: calc((100% - 90px) / 2)
}

.subaru-tech__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.subaru-tech__img-wrapper {
    width: 265px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subaru-tech__img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, .06);
    box-shadow: 0 1px 11px rgba(0, 0, 0, .06);
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.subaru-tech__desc {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 25px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.subaru-tech_vertical-centered .subaru-tech__desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px
}

.subaru-tech-popup.mfp-bg {
    background: rgba(0, 0, 0, .5)
}

.subaru-tech-popup .tech-popup {
    position: relative;
    max-width: 880px;
    margin: 61px auto;
    font-family: Roboto, sans-serif;
    background: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.subaru-tech-popup .tech-popup__img, .subaru-tech-popup .tech-popup__video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.subaru-tech-popup .tech-popup__text {
    padding: 40px 55px 50px;
    max-width: 780px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.subaru-tech-popup .tech-popup__title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #000
}

.subaru-tech-popup .tech-popup__desc {
    margin-bottom: 68px
}

.subaru-tech-popup .tech-popup__desc p {
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #a8a8a8
}

.subaru-tech-popup .tech-popup__desc p:last-child {
    margin-bottom: 0
}

.subaru-tech-popup .tech-popup button.mfp-close {
    position: absolute;
    top: 21px;
    left: auto;
    right: 21px;
    margin: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #202020
}

.subaru-tech-popup .tech-popup button.mfp-close::after, .subaru-tech-popup .tech-popup button.mfp-close::before {
    margin-top: 15px;
    width: 17px;
    height: 1px;
    background: #fff
}

@media screen and (max-width: 1200px) {
    .subaru-tech__list {
        margin: -15px
    }

    .subaru-tech__item {
        margin: 15px;
        width: -webkit-calc((100% - 91px) / 3);
        width: calc((100% - 91px) / 3)
    }

    .subaru-tech__link {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .subaru-tech__img, .subaru-tech__img-wrapper {
        width: 100%
    }

    .subaru-tech__desc {
        padding-left: 0;
        padding-right: 0
    }

    .subaru-tech_vertical-centered .subaru-tech__desc {
        padding: 25px 0
    }
}

@media screen and (max-width: 900px) {
    .subaru-tech {
        padding-bottom: 15px
    }

    .subaru-tech__list {
        position: relative;
        margin: 0 -5px;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 560px;
        margin: 0 auto;
        z-index: 1
    }

    .subaru-tech__item {
        width: 275px;
        margin: 0 5px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .subaru-tech__link {
        width: 275px;
        padding: 0 5px
    }

    .subaru-tech__img-wrapper {
        width: 265px;
        height: 184px
    }

    .subaru-tech__controls {
        position: absolute;
        top: 80px;
        left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .subaru-tech__counter {
        display: none
    }

    .subaru-tech__btn {
        display: inline-block;
        position: relative;
        width: 42px;
        height: 42px;
        background-color: rgba(196, 196, 196, .1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-appearance: none;
        outline: 0;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }

    .subaru-tech__btn::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        border: 1px solid #868686;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .subaru-tech__btn_prev::before {
        margin-left: -4px;
        border-top-color: transparent;
        border-right-color: transparent
    }

    .subaru-tech__btn_next::before {
        margin-left: -8px;
        border-left-color: transparent;
        border-bottom-color: transparent
    }

    .subaru-tech__btn:hover {
        background-color: rgba(196, 196, 196, .3);
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }
}

@media screen and (max-width: 700px) {
    .subaru-tech__list {
        width: 275px
    }
}

@media screen and (max-width: 560px) {
    .subaru-tech__content-wrapper {
        margin-top: 17px;
        padding-top: 35px;
        border-top: 1px solid rgba(236, 236, 236, .1)
    }
}

@media screen and (max-width: 420px) {
    .subaru-tech {
        padding-bottom: 45px
    }

    .subaru-tech__list {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .subaru-tech__link {
        width: 100%;
        padding: 0
    }

    .subaru-tech__img, .subaru-tech__img-wrapper {
        width: 100%;
        height: auto
    }

    .subaru-tech__controls {
        position: relative;
        top: 0;
        left: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 25px;
        border-top: 1px solid rgba(236, 236, 236, .1)
    }

    .subaru-tech__counter {
        display: block;
        font-weight: 300;
        font-size: 16px;
        color: #a8a8a8
    }

    .subaru-tech-popup .tech-popup__text {
        padding-left: 40px;
        padding-right: 40px
    }
}

.model-safety {
    background: #202020;
    padding-bottom: 55px
}

.model-safety__title {
    padding-top: 80px
}

@media screen and (max-width: 900px) {
    .model-safety__title {
        padding-top: 45px
    }
}

.safety-tabs {
    font-family: Roboto, sans-serif
}

.safety-tabs__head {
    margin-bottom: 60px
}

.safety-tabs__head-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(236, 236, 236, .1)
}

.safety-tabs__head-item {
    margin-right: 70px;
    width: auto
}

.safety-tabs__head-item:last-child {
    margin-right: 0
}

.safety-tabs__btn {
    position: relative;
    display: inline-block;
    padding: 12px 0;
    height: 100%;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #939393
}

.safety-tabs__btn.active {
    color: #fff
}

.safety-tabs__btn.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
    background: #fff
}

.safety-tabs__content-item {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 25px
}

.safety-tabs__content-item.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.safety-tabs__text {
    width: -webkit-calc((100% - 38px) * .45);
    width: calc((100% - 38px) * .45)
}

.safety-tabs__media-wrapper {
    width: -webkit-calc((100% - 38px) * .55);
    width: calc((100% - 38px) * .55);
    margin-right: 37px
}

.safety-tabs__img, .safety-tabs__video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    outline: 0
}

.safety-tabs__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    padding-bottom: 27px;
    border-bottom: 1px solid rgba(236, 236, 236, .1)
}

.safety-tabs__desc {
    padding: 25px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.25;
    color: #a8a8a8
}

.safety-tabs__desc p {
    margin-bottom: 20px
}

.safety-tabs__desc p:last-child {
    margin-bottom: 0
}

.safety-tabs__link.btn_showmore {
    border-color: #fff;
    color: #fff
}

.safety-tabs__link.btn_showmore:focus, .safety-tabs__link.btn_showmore:hover {
    color: #737373;
    border-color: #737373;
    background: 0 0
}

@media screen and (max-width: 1200px) {
    .safety-tabs__head-item {
        margin-right: 30px
    }
}

@media screen and (max-width: 900px) {
    .model-safety {
        padding-bottom: 30px
    }

    .safety-tabs .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .safety-tabs__head-item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto
    }

    .safety-tabs__btn {
        font-size: 16px;
        line-height: 20px
    }

    .safety-tabs__content-item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .safety-tabs__title {
        padding-bottom: 22px
    }

    .safety-tabs__media-wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px
    }

    .safety-tabs__text {
        width: 100%
    }

    .safety-tabs__desc {
        padding-top: 22px;
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 500px) {
    .safety-tabs__head {
        margin-bottom: 30px
    }

    .safety-tabs__head-item {
        margin-right: 22px
    }

    .safety-tabs__head-item:nth-child(2) {
        width: 125px
    }

    .safety-tabs__head-item:last-child {
        width: auto
    }

    .safety-tabs__btn {
        font-size: 14px;
        line-height: 20px
    }

    .safety-tabs__title {
        font-size: 20px;
        line-height: 24px
    }

    .safety-tabs__desc {
        padding-bottom: 40px
    }
}

.model-media {
    padding-top: 75px;
    padding-bottom: 25px;
    background: #fff
}

.model-media__content-wrapper {
    position: relative
}

.model-media__wrx-switcher .model-media__slider {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.model-media__wrx-switcher .model-media__slider.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 0
}

.model-media__title {
    margin-bottom: 20px;
    border: none
}

.model-media__slider {
    position: relative
}

.model-media__controls {
    position: absolute;
    top: 50%;
    left: -67px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -16px;
    width: -webkit-calc(100% + 134px);
    width: calc(100% + 134px)
}

.model-media__counter {
    display: none
}

.model-media__btn {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: rgba(20, 20, 20, .8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-appearance: none;
    outline: 0;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.model-media__btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.model-media__btn_prev::before {
    margin-left: -4px;
    border-top-color: transparent;
    border-right-color: transparent
}

.model-media__btn_next::before {
    margin-left: -8px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.model-media__btn:hover {
    background-color: #141414;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.model-media__counter {
    font-weight: 300;
    font-size: 16px;
    color: #a8a8a8
}

.model-media__content-list {
    z-index: 1
}

.model-media__content {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.model-media__list {
    width: 50%
}

.model-media__link {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.model-media__link:focus .model-media__img, .model-media__link:hover .model-media__img {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.model-media__list:first-child .model-media__item:first-child .model-media__link, .model-media__list:last-child .model-media__item:last-child .model-media__link {
    padding-top: 47%
}

.model-media__list:first-child .model-media__item:last-child .model-media__link, .model-media__list:last-child .model-media__item:first-child .model-media__link {
    padding-top: 96%
}

.model-media__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

@media screen and (max-width: 560px) {
    .model-media__title {
        margin-bottom: 60px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .model-media__content-wrapper {
        margin-top: 17px;
        padding-top: 35px;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
}

.model-media-popup.mfp-bg.mfp-ready {
    background: rgba(0, 0, 0, .5)
}

.model-media-popup .mfp-image-holder .mfp-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.model-media-popup .mfp-figure {
    position: relative
}

.model-media-popup .mfp-img {
    padding: 0
}

.model-media-popup figure {
    margin: 0
}

.model-media-popup .mfp-image-holder .mfp-close {
    position: absolute;
    top: 21px;
    left: auto;
    right: 21px;
    margin: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #202020;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    cursor: pointer
}

.model-media-popup .mfp-image-holder .mfp-close::after, .model-media-popup .mfp-image-holder .mfp-close::before {
    margin-top: 15px;
    width: 17px;
    height: 1px;
    background: #fff
}

@media screen and (max-width: 1024px) {
    .model-media {
        padding-top: 38px
    }
}

@media screen and (max-width: 1023px) {
    .model-media__controls {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 32px
    }

    .model-media__counter {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .model-media__content-list {
        margin-left: -40px;
        margin-right: -40px
    }

    .model-media__list:first-child .model-media__item:first-child .model-media__link, .model-media__list:last-child .model-media__item:last-child .model-media__link {
        padding-top: 68.75%
    }

    .model-media__list:first-child .model-media__item:last-child .model-media__link, .model-media__list:last-child .model-media__item:first-child .model-media__link {
        padding-top: 100%
    }
}

@media screen and (max-width: 767px) {
    .model-media__content-list {
        margin-left: -20px;
        margin-right: -20px
    }
}

.model-test-drive {
    padding-bottom: 25px;
    background: #fff
}

.model-test-drive .popupGlobalContainer {
    padding-top: 0;
    max-width: 100%
}

.model-test-drive .popupTestDriveWrap {
    margin-top: 0;
    padding-top: 20px
}

.model-test-drive .controlArea {
    margin-bottom: 20px
}

.model-test-drive .popupTestDriveForm {
    padding-top: 15px
}

@media screen and (max-width: 1024px) {
    .model-test-drive {
        padding-top: 20px
    }

    .model-test-drive .popupTestDriveWrap {
        padding: 0
    }

    .model-test-drive .popupTestDriveTitle {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 30px
    }

    .model-test-drive .popupGlobalContainer {
        padding-bottom: 22px
    }
}

.model-offers .bar-slider {
    padding-top: 40px
}

.model-offers .bs-head {
    margin-bottom: 42px
}

.model-offers .bs-head-title {
    font-size: 36px;
    line-height: 40px
}

.model-offers .bs-head-title .-lg {
    display: block
}

.model-offers .bs-item-pict {
    height: 182px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.model-offers .bs-list {
    margin: 0 -5px
}

.model-offers .bs-item {
    padding: 0 5px
}

.model-offers .bs-item::before {
    left: 5px;
    right: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.model-offers .bs-item > span {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em
}

.model-offers .bar-slider .slick-list::after, .model-offers .bar-slider .slick-list::before {
    display: none
}

.model-offers .bar-slider .slick-arrow {
    top: 75px;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(191, 191, 191, .376);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-appearance: none;
    outline: 0;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.model-offers .bar-slider .slick-arrow::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid rgba(191, 191, 191, .376);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.model-offers .bar-slider .slick-arrow.slick-disabled {
    opacity: 1;
    cursor: default
}

.model-offers .bar-slider .slick-arrow.slick-disabled::before {
    background-image: none;
    border: 1px solid rgba(191, 191, 191, .376)
}

.model-offers .bar-slider .slick-arrow.slick-disabled:hover {
    border: 1px solid rgba(191, 191, 191, .376)
}

.model-offers .bar-slider .slick-arrow.slick-disabled.slick-prev:hover::before {
    border-left-color: rgba(191, 191, 191, .376);
    border-bottom-color: rgba(191, 191, 191, .376)
}

.model-offers .bar-slider .slick-arrow.slick-disabled.slick-next:hover::before {
    border-right-color: rgba(191, 191, 191, .376);
    border-top-color: rgba(191, 191, 191, .376)
}

.model-offers .bar-slider .slick-arrow:hover {
    border-color: #bfbfbf;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.model-offers .bar-slider .slick-arrow.slick-prev {
    left: -50px
}

.model-offers .bar-slider .slick-arrow.slick-prev::before {
    margin-left: -4px;
    background-image: none;
    border-top-color: transparent;
    border-right-color: transparent
}

.model-offers .bar-slider .slick-arrow.slick-prev:hover::before {
    border-left-color: #bfbfbf;
    border-bottom-color: #bfbfbf;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.model-offers .bar-slider .slick-arrow.slick-next {
    right: -45px
}

.model-offers .bar-slider .slick-arrow.slick-next::before {
    margin-left: -9px;
    background-image: none;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.model-offers .bar-slider .slick-arrow.slick-next:hover::before {
    border-top-color: #bfbfbf;
    border-right-color: #bfbfbf;
    -webkit-transition: border-color .2s ease-in-out;
    -o-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.model-offers .bs-head-link {
    display: block
}

@media screen and (max-width: 1024px) {
    .model-offers .bs-head-title {
        font-size: 30px;
        line-height: 40px
    }

    .model-offers .bs-head-title .-xs {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .model-offers .bs-head {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .model-offers .bs-head-link {
        width: auto;
        margin-left: auto;
        margin-right: 40px
    }

    .model-offers .bs-item-pict {
        height: 167px
    }

    .model-offers .bs-item {
        width: 345px
    }

    .model-offers .bs-item::before {
        height: 167px
    }

    .model-offers .bar-slider-container {
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .model-offers .bs-head-title .-lg {
        display: none
    }

    .model-offers .bs-head-title .-xs {
        display: block
    }

    .model-offers .bs-head-link {
        margin-right: 20px
    }
}

@media screen and (max-width: 500px) {
    .model-offers .bar-slider {
        padding-top: 30px;
        padding-bottom: 20px
    }

    .model-offers .bs-head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .model-offers .bs-head-title {
        width: 100%
    }

    .model-offers .bs-head-link {
        margin: 0 0 8px 0
    }

    .model-offers .bs-item {
        width: 285px
    }
}

.check-vin-hidden {
    display: none
}

.wrx-switcher {
    position: absolute;
    top: 20px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 198px;
    height: 36px;
    border: 1px solid rgba(236, 236, 236, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    cursor: pointer;
    z-index: 1
}

.wrx-switcher__text {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 34px;
    color: #939393;
    text-transform: uppercase
}

.wrx-switcher__toggle {
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    color: #939393;
    text-transform: uppercase;
    -webkit-transform: translateX(89px);
    -ms-transform: translateX(89px);
    transform: translateX(89px);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.wrx-switcher__input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.wrx-switcher__input:checked ~ .wrx-switcher__toggle {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.wrx-switcher__toggle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 103px;
    height: 30px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-border-radius: 60px;
    border-radius: 60px
}

.wrx-switcher_container-child {
    top: 17px;
    right: 80px
}

.wrx-switcher_lightbg {
    border: 1px solid rgba(0, 0, 0, .1)
}

.wrx-switcher_lightbg .wrx-switcher__toggle {
    color: #fff;
    background: #202020
}

@media screen and (max-width: 1023px) {
    .wrx-switcher_container-child {
        top: 10px;
        right: 40px
    }
}

@media screen and (max-width: 767px) {
    .wrx-switcher_container-child {
        top: 0;
        right: 20px
    }
}

@media screen and (max-width: 560px) {
    .wrx-switcher.wrx-switcher_container-child {
        position: relative;
        top: 0;
        left: 0;
        margin-top: -45px
    }
}

@media screen and (max-width: 500px) {
    .wrx-switcher {
        left: 0;
        top: -55px
    }

    .wrx-switcher.wrx-switcher_container-child {
        position: relative;
        top: 0;
        left: 0;
        margin-top: -45px
    }
}

.app-header {
    padding-top: 30px;
    padding-bottom: 25px;
    display: none
}

.app-header__link {
    display: inline-block;
    text-decoration: none
}

.app-header__img {
    display: block;
    max-width: 100%;
    height: auto
}

.nTopMenu .app-header__item, .nTopMenu-mobile .app-header__item {
    text-align: center
}

.nTopMenu .app-header .app-header__link, .nTopMenu-mobile .app-header .app-header__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 5px auto;
    width: 183px;
    height: 62px;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .1));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, .1));
    -webkit-box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .2);
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nTopMenu .app-header .app-header__link:active, .nTopMenu .app-header .app-header__link:hover, .nTopMenu-mobile .app-header .app-header__link:active, .nTopMenu-mobile .app-header .app-header__link:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .15)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .15));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .15));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, .15));
    border-color: #e6e6e6;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.android .app-header, .ios .app-header, .ios-device .app-header {
    display: block
}

.ios .app-header__item_android, .ios-device .app-header__item_android {
    display: none
}

.android .app-header__item_ios {
    display: none
}

@-webkit-keyframes pulseOrange {
    0% {
        -webkit-box-shadow: 0 0 1px 1px rgba(255, 96, 0, .4);
        box-shadow: 0 0 1px 1px rgba(255, 96, 0, .4)
    }
    100% {
        -webkit-box-shadow: 0 0 10px 5px rgba(255, 96, 0, .4);
        box-shadow: 0 0 10px 5px rgba(255, 96, 0, .4)
    }
}

@keyframes pulseOrange {
    0% {
        -webkit-box-shadow: 0 0 1px 1px rgba(255, 96, 0, .4);
        box-shadow: 0 0 1px 1px rgba(255, 96, 0, .4)
    }
    100% {
        -webkit-box-shadow: 0 0 10px 5px rgba(255, 96, 0, .4);
        box-shadow: 0 0 10px 5px rgba(255, 96, 0, .4)
    }
}

.custom-special-offer .features {
    position: relative;
    overflow-x: hidden;
    background: #000;
    padding-top: 68px;
    margin-top: -69px
}

.custom-special-offer .features__in {
    position: absolute;
    top: 130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1280px;
    padding: 0 80px;
    margin: 0 auto;
    z-index: 1
}

.custom-special-offer .features__desc, .custom-special-offer .features__title {
    padding-left: 40px
}

.custom-special-offer .features__title {
    margin-bottom: 17px;
    max-width: 600px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 34px;
    line-height: 40px;
    letter-spacing: .03em;
    color: #fff
}

.custom-special-offer .features__desc {
    max-width: 400px;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    letter-spacing: .03em
}

.custom-special-offer .features__slider {
    position: relative;
    max-width: 1280px;
    padding: 0 80px;
    margin: 0 auto
}

.custom-special-offer .features__img-wrapper {
    position: relative
}

.custom-special-offer .features__img-wrapper::after, .custom-special-offer .features__img-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    display: none
}

.custom-special-offer .features__img-wrapper::before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, .01)));
    background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, .01));
    background: -o-linear-gradient(left, #000, rgba(0, 0, 0, .01));
    background: linear-gradient(to right, #000, rgba(0, 0, 0, .01))
}

.custom-special-offer .features__img-wrapper::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(#000), to(rgba(0, 0, 0, .01)));
    background: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, .01));
    background: -o-linear-gradient(right, #000, rgba(0, 0, 0, .01));
    background: linear-gradient(to left, #000, rgba(0, 0, 0, .01))
}

.custom-special-offer .features__controls {
    position: absolute;
    bottom: 40px;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1280px;
    padding: 0 80px;
    margin-left: 40px
}

.custom-special-offer .features__slider-btn {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 42px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .3);
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.custom-special-offer .features__slider-btn:hover {
    background: #3044fa
}

.custom-special-offer .features__slider-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom-special-offer .features__slider-btn_prev::before {
    margin-left: -3px;
    border-top-color: transparent;
    border-right-color: transparent
}

.custom-special-offer .features__slider-btn_next::before {
    margin-left: -8px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.custom-special-offer .features__counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 89px;
    height: 42px;
    background: rgba(255, 255, 255, .3);
    color: #fff
}

.custom-special-offer .features__current {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: .03em
}

.custom-special-offer .features__divider, .custom-special-offer .features__total {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.custom-special-offer .features__divider {
    margin: -5px 4px 0
}

.custom-special-offer .features__total {
    margin-top: -5px
}

.custom-special-offer .features__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.custom-special-offer .features__item-info {
    position: absolute;
    left: 50%;
    bottom: 110px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 1280px;
    padding: 0 80px 0 40px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    letter-spacing: .03em
}

.custom-special-offer .popupOffers .popupGlobalContainer {
    width: 100%;
    max-width: 1280px;
    padding: 0 80px;
    margin-bottom: 40px
}

.custom-special-offer .model-media {
    padding-top: 68px;
    margin-top: -69px
}

.custom-special-offer .download-price {
    padding: 20px 0;
    text-align: right;
    font-size: 0
}

.custom-special-offer .download-price__logo {
    display: inline-block;
    width: 140px;
    height: 42px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background: url(/img/blackline/gallery-logo-dark.svg) no-repeat center center
}

.custom-special-offer .download-price__link {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    height: 42px;
    border: 1px solid #ff6000;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: .03em;
    color: #fff;
    background: #ff6000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.custom-special-offer .download-price__link:hover {
    border-color: rgba(255, 96, 0, .8);
    background: rgba(255, 96, 0, .8)
}

.custom-special-offer.forester-sport .btn-scroll {
    border-color: #000
}

.custom-special-offer.forester-sport .btn-scroll::before {
    border-right-color: #000;
    border-bottom-color: #000
}

.custom-special-offer.forester-sport .btn-scroll__point {
    background: #000
}

.custom-special-offer.forester-sport .features {
    background: #e6e6e6
}

.custom-special-offer.forester-sport .features__item-title {
    text-shadow: 1px 1px 1px #000
}

.custom-special-offer.forester-sport .features__slider-btn:hover {
    background: #ff6000
}

.custom-special-offer.forester-sport .model-media {
    position: relative;
    background: #fff
}

.custom-special-offer.forester-sport .model-media__btn {
    background-color: #ff6000;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.custom-special-offer.forester-sport .model-media__btn:hover {
    background-color: rgba(255, 96, 0, .8)
}

.custom-special-offer.dark .download-price__logo {
    border-color: #fff;
    background: url(/img/blackline/gallery-logo.svg) no-repeat center center
}

@media screen and (max-width: 1280px) {
    .custom-special-offer .banner__in {
        max-width: 100%;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 1024px) {
    .custom-special-offer .features__slider {
        padding: 0
    }

    .custom-special-offer .features__img-wrapper::after, .custom-special-offer .features__img-wrapper::before {
        display: none
    }

    .custom-special-offer .features__item-info {
        padding-left: 80px
    }

    .custom-special-offer .features__desc, .custom-special-offer .features__title {
        padding-left: 0
    }

    .custom-special-offer .features__controls {
        margin-left: 0
    }

    .custom-special-offer .popupOffers .popupGlobalContainer {
        padding: 0
    }

    .custom-special-offer .popupTestDriveWrap {
        padding: 0 40px
    }
}

@media screen and (max-width: 1023px) {
    .custom-special-offer .features__controls, .custom-special-offer .features__in, .custom-special-offer .features__item-info, .custom-special-offer.forester-sport .features__controls, .custom-special-offer.forester-sport .features__in, .custom-special-offer.forester-sport .features__item-info {
        padding-left: 40px;
        padding-right: 40px
    }

    .custom-special-offer .banner__in {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 991px) {
    .custom-special-offer .features {
        padding-top: 111px;
        margin-top: -112px
    }

    .custom-special-offer .features__in {
        position: relative;
        top: 0;
        left: 0;
        padding-top: 50px;
        padding-bottom: 25px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .custom-special-offer .features__desc, .custom-special-offer .features__title {
        padding-left: 0
    }

    .custom-special-offer .features__controls {
        bottom: 35px
    }

    .custom-special-offer .features__item-info {
        bottom: 110px
    }

    .custom-special-offer .model-media {
        padding-top: 118px;
        margin-top: -119px
    }

    .custom-special-offer.forester-sport .features__title {
        color: #1b1b1b
    }

    @supports (text-fill-color:transparent) or (-webkit-text-fill-color:transparent) {
        .custom-special-offer.forester-sport .features__title {
            background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#1b1b1b));
            background: -webkit-linear-gradient(top, #4e4e4e, #1b1b1b);
            background: -o-linear-gradient(top, #4e4e4e, #1b1b1b);
            background: linear-gradient(to bottom, #4e4e4e, #1b1b1b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }
    }
}

@media screen and (max-width: 768px) {
    .custom-special-offer .features {
        padding-top: 42px;
        margin-top: -42px
    }

    .custom-special-offer .features__controls {
        bottom: 25px
    }

    .custom-special-offer .features__item-info {
        bottom: 85px
    }

    .custom-special-offer .features__title {
        max-width: 420px;
        font-size: 26px;
        line-height: 1.2
    }

    .custom-special-offer .features__desc {
        max-width: 320px;
        font-size: 18px;
        line-height: 1.5
    }

    .custom-special-offer .features__item-title {
        font-size: 18px;
        line-height: 1.5
    }

    .custom-special-offer .model-media {
        padding-top: 42px;
        margin-top: -42px
    }
}

@media screen and (max-width: 767px) {
    .custom-special-offer .features__controls, .custom-special-offer .features__in, .custom-special-offer .features__item-info, .custom-special-offer.forester-sport .features__controls, .custom-special-offer.forester-sport .features__in, .custom-special-offer.forester-sport .features__item-info {
        padding-left: 20px;
        padding-right: 20px
    }

    .custom-special-offer .banner__in {
        padding-left: 20px;
        padding-right: 20px
    }

    .custom-special-offer .popupTestDriveWrap {
        padding: 0 20px
    }
}

@media screen and (max-width: 450px) {
    .custom-special-offer .features__in {
        padding-top: 18px
    }

    .custom-special-offer .features__title {
        margin-bottom: 5px;
        max-width: 300px;
        font-size: 18px;
        line-height: 24px
    }

    .custom-special-offer .features__desc {
        max-width: 250px;
        font-size: 14px;
        line-height: 20px
    }

    .custom-special-offer .features__item {
        padding-bottom: 85px
    }

    .custom-special-offer .features__item-title {
        font-size: 14px;
        line-height: 20px
    }

    .custom-special-offer .features__item-info {
        bottom: 95px;
        line-height: 24px
    }

    .custom-special-offer.forester-sport .features__counter, .custom-special-offer.forester-sport .features__slider-btn {
        background: rgba(0, 0, 0, .3)
    }
}

@media screen and (max-width: 420px) {
    .custom-special-offer .download-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .custom-special-offer .download-price__logo {
        width: 116px;
        -webkit-background-size: 80% 80%;
        background-size: 80%;
        background-position: 38% 42%
    }

    .custom-special-offer .download-price__link {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 10px;
        font-size: 14px
    }
}

.custom-cursor {
    width: 52px;
    height: 52px;
    margin-left: -26px;
    margin-top: -26px;
    background: #3044fa url(/img/blackline/search.svg) no-repeat center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    pointer-events: none;
    -webkit-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate
}

.forester-sport .custom-cursor {
    background: #ff6000 url(/img/blackline/search.svg) no-repeat center center;
    -webkit-animation: pulseOrange 1s infinite alternate;
    animation: pulseOrange 1s infinite alternate
}

body.gallery-hover .custom-special-offer .gallery__link, body.gallery-hover .custom-special-offer .model-media__link {
    cursor: none
}

body.gallery-hover .custom-special-offer .custom-cursor {
    position: absolute;
    top: 0;
    left: -200px;
    z-index: 10;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate
}

body.gallery-hover .custom-special-offer .custom-cursor.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

body.gallery-hover .custom-special-offer.forester-sport .custom-cursor {
    -webkit-animation: pulseOrange 1s infinite alternate;
    animation: pulseOrange 1s infinite alternate
}

body.forester-sport-offer .model-media-popup .mfp-image-holder .mfp-close {
    background-color: #ff6000
}

.blackline-gallery-popup {
    cursor: default
}

.blackline-gallery-popup.mfp-bg {
    background: rgba(20, 20, 20, .9)
}

.blackline-gallery-popup .mfp-figure {
    position: relative
}

.blackline-gallery-popup .mfp-image-holder .mfp-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blackline-gallery-popup .mfp-image-holder .mfp-close {
    position: absolute;
    top: 1.5%;
    left: auto;
    right: 1.5%;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3044fa;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    cursor: pointer
}

.blackline-gallery-popup .mfp-image-holder .mfp-close::after, .blackline-gallery-popup .mfp-image-holder .mfp-close::before {
    margin-top: 25px;
    height: 1px;
    background: #fff
}

.blackline-gallery-popup figure {
    margin: 0
}

.blackline-gallery-popup figure img {
    padding: 0
}

.available-colors {
    position: relative;
    font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
    background: url(/img/forester-sport/available-colors-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1
}

.available-colors::after, .available-colors::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 11%
}

.available-colors::before {
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(230, 230, 230, 0)), to(#e6e6e6));
    background: -webkit-linear-gradient(bottom, rgba(230, 230, 230, 0) 0, #e6e6e6 100%);
    background: -o-linear-gradient(bottom, rgba(230, 230, 230, 0) 0, #e6e6e6 100%);
    background: linear-gradient(to top, rgba(230, 230, 230, 0) 0, #e6e6e6 100%)
}

.available-colors::after {
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .01)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .01), #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .01), #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .01), #fff 100%)
}

.available-colors__in {
    position: relative;
    padding-top: 62px;
    padding-bottom: 130px;
    z-index: 1
}

.available-colors__title {
    margin-bottom: 44px;
    text-align: center;
    font-weight: 500;
    font-size: 34px;
    line-height: 1;
    letter-spacing: .03em;
    color: #1b1b1b
}

@supports (text-fill-color:transparent) or (-webkit-text-fill-color:transparent) {
    .available-colors__title {
        background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#1b1b1b));
        background: -webkit-linear-gradient(top, #4e4e4e, #1b1b1b);
        background: -o-linear-gradient(top, #4e4e4e, #1b1b1b);
        background: linear-gradient(to bottom, #4e4e4e, #1b1b1b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.available-colors__palette-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -5px 0 17px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.available-colors__palette-item {
    position: relative;
    margin: 5px;
    width: 22px;
    height: 22px
}

.available-colors__palette-label {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.available-colors__palette-input {
    position: absolute;
    opacity: 0
}

.available-colors__palette-input:checked + label {
    -webkit-box-shadow: 0 0 1px 3px #f8f8f8, 0 0 1px 4px #929eaa;
    box-shadow: 0 0 1px 3px #f8f8f8, 0 0 1px 4px #929eaa
}

.available-colors__img-color {
    display: block;
    position: absolute;
    left: 50%;
    height: 22px;
    width: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.available-colors__color-title {
    margin-bottom: 75px
}

.available-colors__title-rus {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #000
}

.available-colors__title-int {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #a8a8a8
}

.available-colors__cars {
    max-width: 900px;
    margin: 0 auto
}

.available-colors__cars-list {
    position: relative;
    height: 0;
    padding-top: 45.8%
}

.available-colors__cars-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.available-colors__cars-item.active {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.available-colors__cars-img {
    display: block;
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 1280px) {
    .available-colors__in {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media screen and (max-width: 1023px) {
    .available-colors__in {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 768px) {
    .available-colors__in {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .available-colors__title {
        margin-bottom: 25px;
        font-size: 26px
    }

    .available-colors__title-rus {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .available-colors__in {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 450px) {
    .available-colors__title {
        font-size: 18px
    }

    .available-colors__title-rus {
        font-size: 16px
    }

    .available-colors__color-title {
        margin-bottom: 50px
    }
}