html {
    overflow-x: hidden;
}

body {
    font-family: "Grandis";
    font-size: 16px;
    color: white;
    position: relative;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    max-width: 1920px;
    background: #0d1719;
    /* padding-top: 118px; */
}


select::-ms-expand {
    display: none;
}

select::-ms-expand {
    display: none;
}

.rub {
    font-style: normal;
    font-family: "Grandis";
}


.mobile_phone {
    display: none;
}

.alert {
    color: black;
}

img.lazyload {
    width: auto !important;
}


.disclamer {
    font-size: 10px;
    display: none;
    text-align: left;
    color: white;
}


.anim {
    opacity: 0;
    transition: 0.5s;
}

.anim.animated {
    opacity: 1;
}

font {
    display: block;
}

.fancybox-slide--html .fancybox-close-small { /* color: white !important; */
    color: black;
}

.fancybox-button svg {
    transform: scale(2);
}

.compensate-for-scrollbar {
    margin-right: auto !important;
    overflow: auto !important;
}

.fancybox-content {
    overflow: hidden;
}


input[type=file] {
    display: none;
}

input::placeholder {
    color: #b9b9b9;
    font-family: inherit;
}


.resp_table {
    width: 100%;
}

.resp_table tr td:before {
    display: none;
}

.resp_table img {
    display: block;
}


sup {
    display: inline-block;
    vertical-align: top;
    top: -3px;
    position: relative;
    font-size: 80%;
}

img {
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
}

select::-ms-expand {
    display: none;
}

select::-ms-expand {
    display: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.fancybox-type-image .fancybox-close {
    right: 9px;
}

.fancybox-close {
    background: url(../img/bg_close.png) 50% 50% no-repeat !important;
    color: black;
    width: 22px !important;
    height: 22px !important;
    top: -25px !important;
    right: -25px !important;
}


.container {
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1270px;
    position: relative;
}


.has-danger input,
.has-danger select,
.has-danger textarea {
    border-width: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #eba5a3;
}


#form_popup, #form_popup2 {
    display: none;
}

.popup_container {
    width: 460px;
    max-width: 100%;
    padding: 30px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    /* border: 2px solid black; */
    background: white;
    text-align: center;
    padding-bottom: 30px;
}

.popup_container .agree_field {
    color: #0c121c;
    text-align: left;
}

.popup_container .agree_field a {
    color: black;
}


.popup_container h2 {
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    padding-bottom: 32px;
    color: black;
}

.popup_container .form_comment {
    text-align: center;
    font-size: 20px;
    color: #414141;
    padding-bottom: 15px;
}

.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    -moz-transform: rotate(45deg); /* Aey Firefox */
    -ms-transform: rotate(45deg); /* Aey IE */
    -webkit-transform: rotate(45deg); /* Aey Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Aey Opera */
    transform: rotate(45deg);
    cursor: pointer;
}

.popup_container .close:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 16px;
    width: 34px;
    height: 1px;
    display: block;
    background-color: #a8a8a8;
}

.popup_container .close:after {
    content: '';
    position: absolute;
    left: 16px;
    top: 0px;
    width: 1px;
    height: 34px;
    display: block;
    background-color: #a8a8a8;
}

.popup_container .form-group {
    margin-bottom: 19px;
}

.popup_container .form-group input[type=tel] {
    color: black;
    border: 1px solid black;
    text-align: center;
}

.popup_container .form-group input[type=tel]::placeholder {
}


.popup_container .agree_field .check_ex {
    border-color: inherit;
}

.popup_container .agree_field .check_ex i {
    background: #0c121c;
}

.popup_container .form-group textarea {
    color: black;
    display: block;
    height: 100px;
    text-decoration: none;
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: none;
    border: 1px solid #c0c6c9;
    padding: 10px;
    resize: none;
    font-family: inherit;
    font-size: 16px;
}

.popup_container .form-group select {
    width: 100%;
    font-size: 16px;
    font-family: inherit;
    background: url(../img/ico_select1.png) 100% 50% no-repeat transparent;
    color: black;
    border: 1px solid black;
    text-align: center;
}


.popup_container .form-group select option {
}

.popup_container .form-group button {
    cursor: pointer;
}

.popup_container .form-group button:before {
    display: none;
}

.popup_container .form-group button:after {
    display: none;
}


.not_agree button {
    background-color: #cccccc !important;
    cursor: auto !important;
    color: white !important;
    border-color: #cccccc !important;
}

.agree_field {
    font-size: 12px;
    line-height: 100%;
    position: relative;
    display: block;
    top: 0px;
    margin-top: 12px;
    color: white;
}

.agree_field a {
    color: inherit;
}

.agree_field input {
    opacity: 0;
    position: absolute;
}

.agree_field .check_ex {
    display: inline-block;
    width: 19px;
    height: 18px;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
    border: 1px solid white;
    border-radius: 3px;
    box-sizing: content-box;
}

.agree_field .check_ex input {
}

.agree_field .check_ex i {
    /* background: url(../img/check.svg) 50% 50% no-repeat; */
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: none;
    background-size: 120%;
    background: white;
    position: relative;
    top: 2px;
    left: 2px;
    border-radius: 3px;
}

.agree_field .check_ex i:before {
    content: '';
}

.agree_field .check_ex input:checked + i {
    display: block;
}

.agree_field .check_ex input:checked + i:before {
}


.popup_container .form-disclamer {
    color: #b8b8b8;
    font-size: 10px;
    padding-top: 10px;
    text-align: center;
}


form {
}

form .form-group {
    position: relative;
    margin-bottom: 10px;
}

form .form-group input[type=tel],
form .form-group input[type=text],
form .form-group select {
    height: 40px;
    width: 100%;
    color: #b3b3b3;
    font-size: 16px;
    box-sizing: border-box;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Grandis";
    padding: 0px;
    outline: none;
    background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
}

form .form-group select {
    background: url(../img/ico_select2.png) 100% 50% no-repeat transparent;
}

form .form-group select option {
    color: black;
}

select {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url(../img/ico_select.png) 100% 50% no-repeat;
    outline: none;
    border: 1px solid #33333380;
    height: 40px;
    border-radius: 12px;
    font-family: inherit;
    width: 100%;
    padding-left: 25px;
    padding-right: 30px;
}

form .form-group button {
    width: 100%;
    cursor: pointer;
    outline: none;
    margin: 0px auto;
}

form .form-group button:hover {
}


.form_title {
    font-size: 40px;
    /* text-transform: uppercase; */
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: 300;
}

.form_title span {
}

.btn {
    box-sizing: border-box;
    background: #00657B;
    border: 1px solid #00657B;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 54px;
    color: white;
    text-decoration: none;
    outline: none;
    transition: all .3s;
    text-align: center;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

.btn span {
}

.btn span:after {
    content: '';
}

.btn:hover {
    color: #020009;
    background: white;
    border-color: #333333;
}

.btn.black {
    border-color: #333333;
    background: #333333;
    color: white;
}

.btn.black:hover {
    background: white;
    border-color: #191919;
    color: #191919;
}

.btn.glasswhite {
    border-color: #FFFFFF;
    background: none;
    color: #FFFFFF;
}

.btn.glasswhite:hover {
    background: white;
    border-color: white;
    color: #020003;
    box-shadow: none;
}


.btn.white {
    border-color: white;
    background: white;
    color: #020003;
}

.btn.white:hover {
    background: #020003;
    border-color: #020003;
    color: white;
}





.tabs {
    padding: 45px 45px;
    padding-right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 950px;
    box-sizing: border-box;
}
.tabs-item {
    position: relative;
    z-index: 1;
    padding-left: 80px;
    cursor: pointer;
    text-decoration: none;
}
.tabs-item:before {
    position: absolute;
    top: -40px;
    right: 55%;
}
.tabs-item[data-model="j8"]:before {
    content: url(../img/models/menu_j8.png?v=2);
}
.tabs-item[data-model="j7"]:before {
    content: url(../img/models/menu_j7.png);
}
.tabs-name {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding: 8px 30px 7px 53px;
    background: #0D171A;
    transition: all .2s linear;
}
.tabs-item:hover .tabs-name {
    background: #00657B;
}
.tabs-name span {}




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

.menu_container {
}

.menu_container .menu {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    justify-content: space-evenly;
}

.menu_container .menu > li {
    display: inline-block;
}

.menu_container .menu > li.sup {
    width: 100%;
}

.menu_container .menu > li a {
    color: inherit;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    padding: 0px;
    display: block;
    padding-top: 19px;
    padding-bottom: 19px;
    margin: 0px;
    font-size: 20px;
    color: white;
    font-weight: 300;
}

.menu_container .menu > li a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #0066B5;
    display: block;
    height: 4px;
    transition: 0.5s;
    width: 0px;
}

.menu_container .menu > li a:hover {
    color: #FD9549;
}

.menu_container .menu > li a:hover:after { /* width: 100%; */
}

.menu_container .menu > li:before {
    display: none;
}

.menu_container .menu > li.sep {
    width: 100%;
}


.menu_container .menu > li.sup ~ li a {
    margin-right: 0px;
    margin-left: 8px;
}

.menu_container .menu > li.sup ~ li {
}

.title1 {
    font-size: 48px;
    font-weight: 500;
    /* text-transform: uppercase; */
    padding-bottom: 22px;
    position: relative;
    color: white;
    font-size: 48px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    border-bottom: 1px solid #6d6d6d;
}

.title1:before {
    content: '';
}

.title1 span {
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    position: absolute;
    top: 79px;
    left: 0px;
    line-height: 151%;
}

.title1 font {
}

.title1_comment {
    text-align: center;
    line-height: 149%;
    position: relative;
    z-index: 2;
    margin-top: -37px;
    padding-bottom: 47px;
}

.burger {
    display: none;
}

header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 2;
    background: #0d1719;
}

.start header {
}

header .container {
    display: block;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}


header .container:first-child {
    max-width: 1351px;
}

.logo1 {
}

.logo1 img {
}

.logo2 {
}

.logo2 img {
}

.logo2:before {
    content: '';
}


.logo_text {
}

.logo_text strong {
    display: block;
    font-size: 15px;
}


header .addr_container {
}

header .addr {
    align-items: center;
    display: flex;
    white-space: nowrap;
    margin-left: 15px;
}

header .phone {
    display: flex;
    font-weight: 500;
    text-decoration: none;
    color: inherit;
    text-wrap: nowrap;
    margin-right: 71px;
}

header .phone:before {
    content: '';
}

header .addr:before {
    content: '';
}

header .container:first-child .btn {
    width: 205px;
    height: 50px;
}

header .addr_container {
    position: relative;
    cursor: pointer;
    user-select: none;
    margin: 0px 15px;
    display: inline-block;
}

header .addr_container .current {
}

header .addr_container .current strong {
    display: block;
}

header .addr_container .current span {
    position: relative;
    padding-left: 0px;
    font-size: 16px;
    padding-right: 20px;
    display: block;
}

header .addr_container .current span:after {
    content: '';
    background: url(../img/ico_select.png) 50% 50% no-repeat;
    width: 14px;
    height: 7px;
    display: block;
    position: absolute;
    top: 7px;
    right: 0px;
}

header .addr_container .items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    background: white;
    color: black;
    box-shadow: 0px 0px 10px hwb(0deg 0% 100% / 30%);
    z-index: 2;
}

header .addr_container .open + .items {
    display: block;
}

header .addr_container .items div {
    padding: 5px 15px;
    white-space: nowrap;
}

header .addr_container .items div strong {
    white-space: nowrap;
    display: block;
}

header .addr_container .items div span {
}

header .addr_container .items div:hover {
    color: #1B457D;
}


header {
    width: 100%;
    padding-bottom: 0px;
    /* height: 96px; */
    padding: 15px 0;
    position: relative;
}

header:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff50;
    position: absolute;
    bottom: 50px;
}

header .panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}


.header__menu {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 15px;
}
.header__menu-content {
    display: flex;
    gap: 45px;
}
.header__menu-item {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    transition: all .2s linear;
}
.header__menu-item:hover {
    color: #00657B;
}
.mob-menu-btn {display: none;}


.big_banner {
    position: relative;
    margin-top: 0;
}

.big_banner .item {
    position: relative;
}

.big_banner .item picture {
    display: block;
    text-align: center;
}

.big_banner .item picture img {
    max-width: none;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    display: block;
    margin: 0px auto;
}


.big_banner .swiper-button-next, .big_banner .swiper-button-prev {
    position: absolute;
    top: 50%;
    right: 0px;
    background: hwb(0deg 100% 0% / 80%);
    width: 57px;
    height: 57px;
    display: block;
    text-align: center;
    color: black;
    padding-top: 14px;
    box-sizing: border-box;
}

.big_banner .swiper-button-next:after, .big_banner .swiper-button-prev:after {
    font-size: 27px;
    font-weight: 700;
}

.big_banner .swiper-button-next:hover, .big_banner .swiper-button-prev:hover {
    background: #ff9549;
}

.big_banner .swiper-button-next:hover:after, .big_banner .swiper-button-prev:hover:after {
}


.big_banner .swiper-pagination {
    display: none;
    justify-content: center;
    width: 100%;
}

.big_banner .swiper-pagination .swiper-pagination-bullet {
    margin: 0px 5px;
    position: relative;
    top: 3px;
    background: white;
}

.big_banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #F8934F;
}


.big_banner .item .title_container {
    position: absolute;
    top: 76px;
    left: auto;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transition: 0.3s;
    animation-name: title_container;
    animation-delay: 0.1s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.start .big_banner .item .title_container {
}


@keyframes title_container {
    0% {
    }
    50% {
    }
    to {
        transform: scaleY(1);
    }
}


.big_banner .item .title_container .container {
    height: 100%;
}


.big_banner .item .title_container .container .text_container { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a3d3f+0,3a3d3f+100&0.95+0,0.09+100 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-align: center;
}

.big_banner .item .title_container .container .text_container:before {
    content: '';
}

.big_banner .item .title_container .container .text_container .title {
    font-size: 40px;
    /* text-transform: uppercase; */
    padding-top: 8px;
    line-height: 128%;
}

.big_banner .item .title_container .container .text_container .title strong {
}

.big_banner .item .title_container .container .text_container .title span {
}

.big_banner .item .title_container .container .text_container .pretitle {
    font-size: 32px;
}

.big_banner .item .title_container .container .text_container .comment {
    font-size: 36px;
    /* text-transform: uppercase; */
    padding-top: 3px;
}

.big_banner .item .title_container .btn {
    width: 270px;
    margin: 0px auto;
    margin-top: 36px;
    height: 50px;
}

.big_banner .item .title_container img {
    position: relative;
}

.big_banner .slick-dots {
    position: absolute;
    bottom: 194px;
    justify-content: inherit;
    max-width: 1200px;
    margin: 0px auto;
    left: 50%;
    transform: translateX(-50%);
}

.big_banner .slick-dots > li {
    height: 10px;
    width: 10px;
}

.big_banner .slick-dots > li button {
}

.big_banner .slick-dots .slick-active {
    width: 50px;
}

.big_banner .slick-dots .slick-active button {
}


.runline {
    background: url(../img/bg_runline.png) 0px 50% repeat-x white;
    height: 73px;
    animation: runline 60s linear infinite;
    position: relative;
    width: calc(100vw * 2);
}


@keyframes runline {
    0% {
        left: -100vw;
    }
    50% {
    }
    to {
        left: 0vw;
    }
}


.offer_container {
    position: relative;
    z-index: 1;
    padding-bottom: 19px;
}

.offer_container .container {
    /* transform: translateY(200px); */
    transition: 0.5s;
}

.offer_container .container .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FD9549;
    position: relative;
    top: -20px;
    border-radius: 10px;
    padding: 18px 61px;
}


.offer_container .container .cont .btn {
    width: 47%;
}

.start .offer_container .container { /* transform: translateY(0px); */
}

.offer_container .text_container {
}

.offer_container .title {
    font-size: 24px;
    text-transform: uppercase;
}

.offer_container form {
    padding-top: 29px;
    width: 100%;
    margin-left: 4%;
}

.offer_container form .form_title {
    font-size: 26px;
    font-weight: 300;
    padding-bottom: 6px;
    text-align: left;
}

.offer_container form .form_comment {
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 18px;
}

.offer_container form .form_comment span {
    color: #009fdc;
}

.offer_container form .fields {
    display: flex;
    justify-content: space-between;
}

.offer_container form .fields .form-group {
    width: 41%;
}

.offer_container form .fields .form-group:first-child {
    width: 47%;
}

.offer_container form .fields .form-group {
    margin-bottom: 0px;
}

.offer_container form .fields input {
}

.offer_container form .fields button {
    height: 54px;
}

.offer_container form .agree_field {
    margin-top: 6px;
    margin-bottom: 0px;
    width: 47%;
    margin-left: auto;
}

.offer_container form .agree_field .check_ex {
}

.offer_container form .agree_field .check_ex i {
}


.offer_container form .fields input::placeholder {
    color: #02000399;
}


.timer {
}

div[id^=timer] {
    text-wrap: nowrap;
    white-space-collapse: collapse;
    white-space: nowrap;
}




.models__tabs {
    background: #fff;
}
.models__tabs-item {
}
.models__tabs-item:before {
}
.models__tabs-item[data-model="j8"]:before {
}
.models__tabs-item[data-model="j7"]:before {
}
.models__tabs-name {
}
.models__tabs-item:hover .models__tabs-name {
}
.models__tabs-name span {}

.models_items {
    margin-top: 120px;
}

.models_items .items .item {
    margin-top: 120px;
}

.models_items .items .item:first-child {
    /* margin-top: 0px; */
}

.models_items .items .item .panel {
    display: flex;
    position: relative;
    border-radius: 16px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.models_items .items .item .panel .title {
    font-size: 52px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 3px;
}

.models_items .items .item .panel .comment {
    width: 100%;
    font-size: 22px;
}

.models_items .items .item .panel .image {
    width: calc(50% - 10px);
    padding-top: 32px;
}



.models_items .items .item .panel .image img {
    margin-top: auto;
}

.models_items .items .item .colors_container {
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
    font-size: 14px;
}

.models_items .items .item .colors_container span {
    color: white;
    font-weight: 300;
    margin-right: 10px;
}

.models_items .items .item .colors {
    display: inline-flex;
}

.models_items .items .item .colors div {
    width: 22px;
    height: 22px;
    border-radius: 100px;
    margin: 0px 5px;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.models_items .items .item .colors div:before {
    content: '';
}

.models_items .items .item .colors div:hover, .models_items .items .item .colors div.current {
}

.models_items .items .item .colors div:hover:before, .models_items .items .item .colors div.current:before {
    opacity: 1;
    background: url(../img/check.png) 50% 50% no-repeat;
    width: 13px;
    height: 11px;
    display: block;
}

.models_items .items .item .text_container {
    width: calc(50% - 10px);
}

.models_items .items .item .specs {
    display: flex;
    justify-content: space-between;
    padding-top: 18px;
}

.models_items .items .item .specs a {
    border-radius: 8px;
    color: white;
    text-decoration: none;
    width: calc(50% - 10px);
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    transition: 0.5s;
    align-items: center;
    font-size: 22px;
}

.models_items .items .item .specs a strong {
    font-size: 28px;
    display: block;
}

.models_items .items .item .specs a:hover {
}

.models_items .items .item .specs a span {
}

.models_items .items .item .specs a:before {
    content: '';
    width: 73px;
    height: 73px;
    display: block;
    flex-shrink: 0;
    margin-right: 12px;
}

.models_items .items .item .specs a.ico1:before {
    background: url(../img/ico1.svg) 50% 50% no-repeat;
}

.models_items .items .item .specs a.ico2:before {
    background: url(../img/ico2.svg) 50% 50% no-repeat;
}

.models_items .items .item .specs a:after {
    content: '';
}

.models_items .items .item .btns {
    padding-top: 44px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.models_items .items .item .btns .btn {
    width: 100%;
}

.models_items .items .item .btns .btn strong {
    font-size: 20px;
}

.models_items .items .item .btns .btn + .btn {
    width: 100%;
    margin-top: 15px;
}

.models_items .items .item .btns .btn + .btn + .btn {
    width: 100%;
    margin-top: 15px;
}


.models_items .items .item .vigoda {
    display: flex;
    font-size: 36px;
    border: 1px solid #00657B;
    align-items: center;
}

.models_items .items .item .vigoda:before {
    content: '';
    background: url(../img/ico_vigoda.png) 50% 50% no-repeat #00657B;
    width: 72px;
    height: 70px;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 27px;
}

.models_items .items .item .vigoda span {
}


.models_items .items .item .gallery {
    position: relative;
    margin-top: 40px;
}

.models_items .items .item .gallery .swiper {
}

.models_items .items .item .gallery .swiper .swiper-wrapper {
}

.models_items .items .item .gallery .swiper .swiper-slide {
    overflow: hidden;
}

.models_items .items .item .gallery .swiper .swiper-slide a {
    display: block;
}

.models_items .items .item .gallery .swiper .swiper-slide a:hover {
}

.models_items .items .item .gallery .swiper .swiper-slide a:hover img {
    transform: scale(1.05);
}

.models_items .items .item .gallery .swiper .swiper-slide a.video img {
}

.models_items .items .item .gallery .swiper .swiper-slide a.video video {
}

.models_items .items .item .gallery .swiper .swiper-slide .video:after {
}

.models_items .items .item .gallery .swiper .swiper-slide img {
    transition: 0.5s;
    display: block;
    width: 100% !important;
    height: 100%;
}

.models_items .items .item .gallery .swiper .swiper-slide img:hover {
}

.models_items .items .item .gallery .swiper .swiper-slide-active img {
}

.models_items .items .item .gallery .swiper .swiper-slide-active {
}

.models_items .items .item .gallery .swiper .swiper-slide-active img {
}

.models_items .items .item .gallery .swiper-button-next, .models_items .items .item .gallery .swiper-button-prev {
    width: 32px;
    height: 12px;
    bottom: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
}

.models_items .items .item .gallery .swiper-button-next {
    right: -30px;
}

.models_items .items .item .gallery .swiper-button-prev {
    left: -30px;
    right: auto;
}

.models_items .items .item .gallery .swiper-button-next:after, .models_items .items .item .gallery .swiper-button-prev:after {
    font-size: 0;
    background: url(../img/arrow2.svg) 50% 50% no-repeat;
    height: 100%;
    width: 100%;
}

.models_items .items .item .gallery .swiper-button-next:after {
}

.models_items .items .item .gallery .swiper-button-prev:after {
    transform: rotate(180deg);
}

.models_items .items .item .gallery .swiper-pagination {
    display: none;
}

.models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet {
    border-color: #FD9549;
    border: 1px solid #FD9549;
}

.models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #FD9549;
}

.models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet-active:after {
}





.complects__tabs {
}
.complects__tabs-item {
}
.complects__tabs-item:before {
}
.complects__tabs-item[data-model="j8"]:before {
    content: url(../img/models/menu_compl_j8.png);
}
.complects__tabs-item[data-model="j7"]:before {
    content: url(../img/models/menu_compl_j7.png);
}
.complects__tabs-name {color: #0D171A;background: #fff;}
.complects__tabs-item:hover .complects__tabs-name, .complects__tabs-item.active .complects__tabs-name {color: #fff;background: #00657B;}
.complects__tabs-name span {}

.complects {
    margin-top: 150px;
}

.complects__container {
}

.complects__title {
    font-size: 48px;
}

.complects__line {
    border-color: #6d6d6d;
    margin: 20px 0 40px 0;
}

.complects__content {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 60px;
}

.complects__item {
    width: 24%;
}

.complects__info {
    border: 1px solid #6d6d6d;
    padding: 20px;
}

.complects__name {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
}

.complects__img-block {
    margin-top: 10px;
}

.complects__img {
}

.complects__params {
    width: 180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.param-item {
}

.param-item b {
}

.complects__btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.complects__btn {
}


.tradein {
    margin-top: 150px;
}

.tradein_title {
    font-size: 48px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    border-bottom: 1px solid #6d6d6d;
}

.tradein_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.tradein_gallery {
    display: flex;
    width: 66.2%;
    column-gap: 15px;
}

.tradein_gallery .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.tradein_gallery .column {
    padding-top: 75px;
}

.tradein_img1,
.tradein_img2 {
    border-radius: 3px;
    overflow: hidden;
}

.tradein_vid {
    width: 24%;
    height: 391px;
    border-radius: 3px;
    overflow: hidden;
}

.tradein_vid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#tradein_form {
}

.tradein_form_title {
    margin-bottom: 40px;
}

#tradein_form .form-group {
    margin-top: 30px;
}

#tradein_form .btn {
    margin-top: 75px;
}


#credit {
    padding-top: 80px;
}

#credit .title1 {
}

#credit .cont {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding-top: 22px;
}

#credit .cont:before {
    content: '';
    position: absolute;
}

#credit .form_container {
    display: flex;
    box-sizing: border-box;
    order: 1;
}

#credit form {
    overflow: hidden;
    box-sizing: border-box;
    color: white;
    margin-right: 14px;
    position: relative;
}

#credit form:before {
}

#credit form .form_title {
    text-align: left;
    /* text-transform: uppercase; */
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 35px;
}

#credit form .form_comment {
    margin-bottom: 31px;
    font-size: 20px;
    font-weight: 300;
}

#credit form ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-weight: 300;
    margin-bottom: 15px;
}

#credit form ul > li {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

#credit form ul > li span {
}

#credit form ul > li:before {
    content: '';
    width: 46px;
    height: 46px;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 17px;
}

#credit form ul > li.ico1:before {
    background: url(../img/c_ico1.png) 50% 50% no-repeat;
}

#credit form ul > li.ico2:before {
    background: url(../img/c_ico2.png) 50% 50% no-repeat;
}

#credit form ul > li:first-child {
    margin-top: 0px;
}


#credit form .form-group {
}

#credit form .form-group input {
    color: white;
}

#credit form .form-group select {
    color: white;
    height: 50px;
}

#credit form .form-group select option {
}

#credit form button {
}

#credit form .fields {
    display: flex;
    padding-top: 20px;
    width: 533px;
    max-width: 100%;
    justify-content: space-between;
}

#credit form .form-group {
    margin-bottom: 40px;
}

#credit form .agree_field {
}

#credit form .agree_field .check_ex {
}

#credit form .agree_field .check_ex i {
}

#credit .image1 {
    position: relative;
    order: 1;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    overflow: hidden;
}

#credit .image1 picture {
    display: block;
    overflow: hidden;
}

#credit .image1 img {
    transition: 0.5s;
}

#credit .image1:hover img {
    transform: scale(1.05);
}

#credit .image2 {
    border: 1px solid #d9d9d9;
    width: calc(50% - 10px);
    padding: 39px;
    box-sizing: border-box;
    border-radius: 16px;
}

#credit .image2 img {
    position: relative;
}

#credit .image2 picture {
    display: block;
    overflow: hidden;
    border-radius: 16px;
}

#credit .image2 img {
    transition: 0.5s;
    position: relative;
}

#credit .image2:hover img {
    transform: scale(1.05);
}


#morequestions {
    padding-top: 97px;
    padding-bottom: 201px;
}

#morequestions .cont {
    display: flex;
    justify-content: space-between;
    background: url(../img/bg_morequestions.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#morequestions .image {
    position: absolute;
    top: 74px;
    left: -3%;
    max-width: 50%;
}

#morequestions .image img {
}

#morequestions .text_container {
    margin-left: auto;
    padding-right: 7%;
    padding-top: 19px;
    width: 50%;
    padding-bottom: 20px;
    box-sizing: border-box;
}

#morequestions .text_container .title {
    font-size: 24px;
    margin-bottom: 44px;
}

#morequestions .text_container .btn {
}


#morequestions .form_container {
    background: #FD9549;
    margin-left: 41%;
    height: 480px;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
}

#morequestions form {
    width: 100%;
    padding-left: 120px;
    box-sizing: border-box;
}

#morequestions form .form_title {
    font-size: 64px;
    font-weight: 700;
    padding-bottom: 19px;
    text-align: left;
}

#morequestions form .form_comment {
    font-size: 24px;
    /* text-transform: uppercase; */
    padding-bottom: 20px;
}

#morequestions form .form_comment span {
    color: #009fdc;
}

#morequestions form .fields {
    width: 450px;
    max-width: 100%;
}

#morequestions form .fields .form-group {
    width: 41%;
}

#morequestions form .fields .form-group:first-child {
    width: 100%;
}

#morequestions form .fields .form-group {
    margin-bottom: 10px;
}

#morequestions form .fields input {
    height: 50px;
}

#morequestions form .fields button {
    height: 54px;
    width: 100%;
}

#morequestions form .agree_field {
    margin-top: 10px;
    margin-bottom: 0px;
}

#morequestions form .agree_field .check_ex {
}

#morequestions form .agree_field .check_ex i {
}


#morequestions form .fields input::placeholder {
    color: #02000399;
}


#contacts {
    padding-top: 123px;
}

#contacts .container {
}

#contacts .text_container {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: black;
    padding-top: 80px;
}

#contacts .questions {
    background: white;
    display: flex;
    padding: 39px 50px;
    box-sizing: border-box;
    align-items: center;
}

#contacts .questions .text {
    width: 335px;
}

#contacts .questions .text .title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

#contacts .questions .text .comment {
}

#contacts .questions .btn {
    margin-left: 20px;
    flex: 1 0 auto;
}

#contacts .addrs_container {
    margin-top: 30px;
}

#contacts .addrs_container .item {
    background: white;
    display: flex;
    padding: 20px 50px;
    box-sizing: border-box;
    align-items: center;
    position: relative;
}

#contacts .addrs_container .item:before {
    content: '';
    height: 1px;
    background: #DBDCDE;
    display: block;
    position: absolute;
    left: 50px;
    width: calc(100% - 100px);
    top: 0px;
}

#contacts .addrs_container .item:first-child:before {
    display: none;
}

#contacts .addrs_container .item .text {
    /*width: 335px;*/
    width: 100%;
}


#contacts .addrs_container .item .text .title {
    font-size: 18px;
    font-weight: 700;
}

#contacts .addrs_container .item .text .comment {
}

#contacts .addrs_container .item .text .comment font {
}

#contacts .addrs_container .item .btns {
    margin-left: 20px;
    flex: 1 0 auto;
}

#contacts .addrs_container .item .btns .btn {
    width: 100%;
}

#contacts .phone {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: inherit;
    margin-bottom: 5px;
    display: block;
}


#map1 {
    height: 971px;
    width: 100%;
    overflow: hidden;
}


footer {
    padding-top: 29px;
    padding-bottom: 29px;
    font-size: 14px;
}

footer .container {
}

footer .container .panel {
    display: flex;
    justify-content: space-between;
}

footer .container .panel .text_container {
}

footer .container .panel a {
    color: white;
    text-decoration: none;
}

footer .disclamer_switch {
    color: white;
    text-decoration: none;
    display: block;
}

footer .creator {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
}

footer .creator img {
    display: block;
}

.disclamer {
}


/*------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1600px) {
    .big_banner .item picture img {
        max-width: 100%;
        height: auto;
    }

    #spec .image img + img {
        width: 36% !important;
    }

}

@media (max-width: 1300px) {

    header .phone {
        margin-right: 10px;
    }

    header .addr {
        margin: 0px 10px;
    }


    .header__menu {}
.header__menu-content {}
.header__menu-item {}
.mob-menu-btn {}
}

@media (max-width: 991px) {


    header {
        box-sizing: border-box;
        /* padding-top: 0px; */
        /* height: 60px; */
    }

header:before {
    display: none;
}

    .header__menu {}
.header__menu-content {}
.header__menu-item {}
.mob-menu-btn {}

    .menuopen .menu_container {
        right: 0px;
        background: #070a09d1;
        backdrop-filter: blur(8px);
    }

    .menu_container {
        padding: 0px;
        display: block;
    }

    .menu_container {
        position: absolute;
        top: 100%;
        right: -520px;
        left: auto;
        transition: 0.2s;
        background: white;
        height: auto;
        z-index: 2;
        width: 520px;
        max-width: 100%;
    }

    .menu_container .menu {
        background: none;
        display: block !important;
        text-align: center;
        height: auto;
        width: 100%;
        margin: 0px;
    }

    .menu_container .menu > li a {
        padding: 5px 10px;
        display: block;
        color: white;
        margin: 0px !important;
    }

    .burger {
        display: block;
    }


    .burger {
        width: 33px;
        height: 44px;
        border-radius: 100px;
        line-height: 44px;
        text-align: center;
        font-size: 9px;
        text-transform: uppercase;
        font-weight: 700;
        position: absolute;
        top: 8px;
        right: 15px;
        /* transform: translateY(-50%); */
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .burger:before {
        content: '';
        display: block;
        height: 2px;
        background: white;
        transition: 0.2s;
        transform-origin: 0px 6px;
    }

    .burger:after {
        content: '';
        display: block;
        height: 2px;
        background: white;
        transition: 0.2s;
        transform-origin: 5px -2px;
    }

    .burger span {
        pointer-events: none;
        display: block;
        height: 2px;
        background: white;
        margin: 9px 0px;
    }

    .menuopen .burger span {
        opacity: 0;
    }

    .menuopen .burger:before {
        transform: rotate(45deg);
    }

    .menuopen .burger:after {
        transform: rotate(-45deg);
    }

    .menu_container .menu > li {
        display: block;
    }

    .big_banner {
        /* margin-top: 60px; */
    }


    header .panel {
        border: none;
        padding: 0px;
        height: 100%;
        max-width: 80%;
    }


    .header__menu {}
.header__menu-content {}
.header__menu-item {}
.mob-menu-btn {}

}

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {
    .big_banner .item .title_container {
        top: 15px;
    }

    .big_banner .item .title_container .container .text_container .pretitle {
    }

    .big_banner .item .title_container .container .text_container .title {
        font-size: 30px;
    }

    .big_banner .item .title_container .btn {
        margin-top: 15px;
    }

    .models__tabs {}
.models__tabs-item {}
.models__tabs-item:before {}
.models__tabs-name {}
.models__tabs-item:hover .models__tabs-name {}
.models__tabs-name span {}

    .models_items .items .item .vigoda {
        font-size: 25px;
    }
}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {




    .complects__tabs {
    }
    .complects__tabs-item {
    }
    .complects__tabs-item:before {
    }
    .complects__tabs-item[data-model="j8"]:before {
    }
    .complects__tabs-item[data-model="j7"]:before {
    }
    .complects__tabs-name {
    }
    .complects__tabs-item:hover .complects__tabs-name {
    }
    .complects__tabs-name span {}

    .complects {
    }

    .complects__container {
    }

    .complects__title {
    }

    .complects__line {
    }

    .complects__content {
        flex-wrap: wrap;
    }

    .complects__item {
        width: 49%;
        margin-bottom: 30px;
    }

    .complects__info {
    }

    .complects__name {
    }

    .complects__img-block {
    }

    .complects__img {
    }

    .complects__params {
    }

    .param-item {
    }

    .param-item b {
    }

    .complects__btns {
    }

    .complects__btn {
    }

    /************************************************************/
    .tradein_wrap {
        flex-direction: column;
    }

    .tradein_title {
        font-size: 28px;
    }

    .tradein_gallery {
        width: 100%;
    }

    #tradein_form {
        width: 100%;
        margin-top: 30px;
    }


    header .container:first-child .btn {
        display: none;
    }

    .header__menu {}
.header__menu-content {}
.header__menu-item {}
.mob-menu-btn {}

    .big_banner .item .title_container .container .text_container .pretitle {
        font-size: 20px;
    }

    .big_banner .item .title_container .container .text_container .title {
        font-size: 22px;
    }

    .big_banner .item .title_container .btn {
    }

    .models__tabs {}
.models__tabs-item {}
.models__tabs-item:before {}
.models__tabs-name {}
.models__tabs-item:hover .models__tabs-name {}
.models__tabs-name span {}

    .models_items .items .item .panel {
        display: block;
    }

    .models_items .items .item .panel .image {
        width: 100%;
        text-align: center;
    }

    .models_items .items .item .text_container {
        width: 100%;
        padding-top: 30px;
    }

    #credit .cont {
        flex-direction: column;
    }

    #credit .form_container {
    }

    #credit form {
        margin: 0px;
        width: 100%;
        margin-bottom: 15px;
    }

    #credit .image1 picture {
        width: 100%;
    }

    #credit .image1 picture img {
        width: 100% !important;
    }

    #morequestions .image {
        left: 0px;
    }

    #morequestions .image img {
    }

    #morequestions {
        padding-bottom: 0px;
    }

    #contacts .text_container {
        position: relative;
        margin-bottom: 15px;
    }
}

/*MOBILE BEGIN*/
@media (max-width: 767px) {


    .tabs {
        padding: 30px 15px;
        padding-bottom: 65px;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
        .tabs-item {
        width: 190px;
        padding: 0;
    }
        .tabs-item:before {
        position: relative;
        margin-left: -7px;
        top: unset;
        left: unset;
        right: unset;
        bottom: -20px;
    }
        .tabs-name {
        padding: 8px 15px;
        text-align: center;
    }


    .anim {
        opacity: 1;
    }


    .mobile_phone {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 10px;
        display: block;
        background: #0d1719;
        z-index: 12;
        text-align: center;
        box-shadow: 0px 0px 5px hwb(0deg 100% 0% / 10%);
    }

    .mobile_phone span {
        animation: mobile_phone 1s ease-out infinite;
    }

    .mobile_phone a {
        display: block;
        color: inherit;
        text-decoration: none;
        font-weight: 700;
        animation: mobile_phone 1s ease-out infinite;
    }

    @keyframes mobile_phone {
        0% {
            text-shadow: 0px 0px 0px #FD9549;
        }
        50% {
        }
        to {
            text-shadow: 0px 0px 5px #FD9549;
        }
    }

    html {
        overflow-x: hidden;
    }

    .title1 {
        font-size: 26px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .title1_comment {
        margin-top: -20px;
        padding-bottom: 15px;
    }


    header {
    }

    .start header {
    }

    header .container {
    display: flex;
    }


    header .container:first-child {
    }

    .logo1 {
    }

    .logo1 img {
    }

    .logo2 {
    }

    .logo2 img {
    }

    .logo2:before {
    }


    .logo_text {
    }

    .logo_text strong {
    }


    header .addr_container {
    }

    header .addr {
        display: none;
    }

    header .phone {
        display: none;
    }

    header .phone:before {
    }

    header .addr:before {
    }

    header .container:first-child .btn {
        display: none;
    }

    header .addr_container {
        display: none;
    }

    header .addr_container .current {
    }

    header .addr_container .current strong {
    }

    header .addr_container .current span {
    }

    header .addr_container .current span:after {
    }

    header .addr_container .items {
    }

    header .addr_container .open + .items {
    }

    header .addr_container .items div {
    }

    header .addr_container .items div strong {
    }

    header .addr_container .items div span {
    }

    header .addr_container .items div:hover {
    }


    header {
    }

    header .panel {
    }

    .header__menu {
    position: fixed;
    top: 11vw;
    left: 100%;
    width: 100%;
    z-index: 10;
    background: #0d1719;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 35px 0;
    transition: all .2s linear;
}

.header__menu.active {
    left: 0;
}
    .header__menu-content {
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
    .header__menu-item {}
    .mob-menu-btn {}

    header .mob-menu-btn {
        display: block;
        position: relative;
        width: 30px;
        height: 22px;
        z-index: 1;
    }

    header .mob-menu-btn span {
        position: absolute;
        display: block;
        width: 30px;
        height: 3px;
        background: #fff;
        transition: all .2s linear;
    }

    header .mob-menu-btn span:nth-child(1) {
        top: 0;
    }

    header .mob-menu-btn span:nth-child(2) {
        top: calc(50% - 1px);
        opacity: 1;
    }

    header .mob-menu-btn span:nth-child(3) {
        bottom: 0;
    }

    header .mob-menu-btn.active span:nth-child(1) {
        transform-origin: top right;
        transform: rotate(-45deg);
        top: -1px;
    }
    
    header .mob-menu-btn.active span:nth-child(2) {
        opacity: 0;
    }
    
    header .mob-menu-btn.active span:nth-child(3) {
        transform-origin: bottom right;
        transform: rotate(45deg);
        bottom: -1px;
    }


    .big_banner {
    }

    .big_banner .item {
    }

    .big_banner .item picture {
    }

    .big_banner .item picture img {
    }


    .big_banner .swiper-button-next, .big_banner .swiper-button-prev {
    }

    .big_banner .swiper-button-next:after, .big_banner .swiper-button-prev:after {
    }

    .big_banner .swiper-button-next:hover, .big_banner .swiper-button-prev:hover {
    }

    .big_banner .swiper-button-next:hover:after, .big_banner .swiper-button-prev:hover:after {
    }


    .big_banner .swiper-pagination {
    }

    .big_banner .swiper-pagination .swiper-pagination-bullet {
    }

    .big_banner .swiper-pagination .swiper-pagination-bullet-active {
    }


    .big_banner .item .title_container {
        position: relative;
        top: auto;
        left: auto;
    }

    .start .big_banner .item .title_container {
    }


    .big_banner .item .title_container .container {
    }


    .big_banner .item .title_container .container .text_container {
        padding-top: 15px;
    }

    .big_banner .item .title_container .container .text_container:before {
    }

    .big_banner .item .title_container .container .text_container .title {
        font-size: 20px;
    }

    .big_banner .item .title_container .container .text_container .title strong {
    }

    .big_banner .item .title_container .container .text_container .title span {
    }

    .big_banner .item .title_container .container .text_container .pretitle {
        font-size: 16px;
    }

    .big_banner .item .title_container .container .text_container .comment {
    }

    .big_banner .item .title_container .btn {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .big_banner .item .title_container img {
    }

    .big_banner .slick-dots {
    }

    .big_banner .slick-dots > li {
    }

    .big_banner .slick-dots > li button {
    }

    .big_banner .slick-dots .slick-active {
    }

    .big_banner .slick-dots .slick-active button {
    }


    .runline {
        height: 40px;
        animation: runline 6s linear infinite;
    }


    .offer_container {
    }

    .offer_container .container {
    }

    .offer_container .container .cont {
    }


    .offer_container .container .cont .btn {
    }

    .start .offer_container .container {
    }

    .offer_container .text_container {
    }

    .offer_container .title {
    }

    .offer_container form {
    }

    .offer_container form .form_title {
    }

    .offer_container form .form_comment {
    }

    .offer_container form .form_comment span {
    }

    .offer_container form .fields {
    }

    .offer_container form .fields .form-group {
    }

    .offer_container form .fields .form-group:first-child {
    }

    .offer_container form .fields .form-group {
    }

    .offer_container form .fields input {
    }

    .offer_container form .fields button {
    }

    .offer_container form .agree_field {
    }

    .offer_container form .agree_field .check_ex {
    }

    .offer_container form .agree_field .check_ex i {
    }


    .offer_container form .fields input::placeholder {
    }


    .timer {
    }

    div[id^=timer] {
    }


    .models__tabs {
}
    .models__tabs-item {
}
    .models__tabs-item:before {
}
    .models__tabs-name {
}
    .models__tabs-item:hover .models__tabs-name {}
    .models__tabs-name span {}


    .models_items {
    }

    .models_items .items .item {
    }

    .models_items .items .item:first-child {
    }

    .models_items .items .item .panel {
    }

    .models_items .items .item .panel .title {
        font-size: 30px;
        text-align: center;
    }

    .models_items .items .item .panel .comment {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }

    .models_items .items .item .panel .image {
        width: 100%;
        padding-bottom: 15px;
    }

    .models_items .items .item#tank300 .panel .image {
    }

    .models_items .items .item#tank500 .panel .image {
    }

    .models_items .items .item .panel .image img {
    }

    .models_items .items .item .colors_container {
    }

    .models_items .items .item .colors_container span {
        display: none;
    }

    .models_items .items .item .colors {
    }

    .models_items .items .item .colors div {
    }

    .models_items .items .item .colors div:before {
    }

    .models_items .items .item .colors div:hover, .models_items .items .item .colors div.current {
    }

    .models_items .items .item .colors div:hover:before, .models_items .items .item .colors div.current:before {
    }

    .models_items .items .item .text_container {
        width: 100%;
    }

    .models_items .items .item .specs {
        flex-direction: column;
    }

    .models_items .items .item .specs a {
        font-size: 16px;
        width: 100%;
        margin-bottom: 10px;
    }

    .models_items .items .item .specs a strong {
        font-size: 18px;
        display: inline;
    }

    .models_items .items .item .specs a:hover {
    }

    .models_items .items .item .specs a span {
    }

    .models_items .items .item .specs a:before {
    }

    .models_items .items .item .specs a.ico1:before {
    }

    .models_items .items .item .specs a.ico2:before {
    }

    .models_items .items .item .specs a:after {
    }

    .models_items .items .item .btns {
        padding-top: 15px;
    }

    .models_items .items .item .btns .btn {
    }

    .models_items .items .item .btns .btn strong {
    }

    .models_items .items .item .btns .btn + .btn {
    }

    .models_items .items .item .btns .btn + .btn + .btn {
    }


    .models_items .items .item .vigoda {
        font-size: 16px;
    }

    .models_items .items .item .vigoda:before {
    }

    .models_items .items .item .vigoda span {
    }


    .models_items .items .item .gallery {
    }

    .models_items .items .item .gallery .swiper {
    }

    .models_items .items .item .gallery .swiper .swiper-wrapper {
    }

    .models_items .items .item .gallery .swiper .swiper-slide {
    }

    .models_items .items .item .gallery .swiper .swiper-slide a {
    }

    .models_items .items .item .gallery .swiper .swiper-slide a:hover {
    }

    .models_items .items .item .gallery .swiper .swiper-slide a:hover img {
    }

    .models_items .items .item .gallery .swiper .swiper-slide a.video img {
    }

    .models_items .items .item .gallery .swiper .swiper-slide a.video video {
    }

    .models_items .items .item .gallery .swiper .swiper-slide .video:after {
    }

    .models_items .items .item .gallery .swiper .swiper-slide img {
    }

    .models_items .items .item .gallery .swiper .swiper-slide img:hover {
    }

    .models_items .items .item .gallery .swiper .swiper-slide-active img {
    }

    .models_items .items .item .gallery .swiper .swiper-slide-active {
    }

    .models_items .items .item .gallery .swiper .swiper-slide-active img {
    }

    .models_items .items .item .gallery .swiper-button-next, .models_items .items .item .gallery .swiper-button-prev {
    }

    .models_items .items .item .gallery .swiper-button-next {
    }

    .models_items .items .item .gallery .swiper-button-prev {
    }

    .models_items .items .item .gallery .swiper-button-next:after, .models_items .items .item .gallery .swiper-button-prev:after {
    }

    .models_items .items .item .gallery .swiper-button-next:after {
    }

    .models_items .items .item .gallery .swiper-button-prev:after {
    }

    .models_items .items .item .gallery .swiper-pagination {
    }

    .models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet {
    }

    .models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet-active {
    }

    .models_items .items .item .gallery .swiper-pagination .swiper-pagination-bullet-active:after {
    }


    .complects__tabs {
    }
    .complects__tabs-item {
    }
    .complects__tabs-item:before {
    }
    .complects__tabs-item[data-model="j8"]:before {
    }
    .complects__tabs-item[data-model="j7"]:before {
    }
    .complects__tabs-name {
    }
    .complects__tabs-item:hover .complects__tabs-name {
    }
    .complects__tabs-name span {}

    .complects {
        margin-top: 60px;
    }

    .complects__container {
    }

    .complects__title {
        font-size: 23px;
    }

    .complects__line {
    }

    .complects__content {
        flex-direction: column;
    }

    .complects__item {
        width: 100%;
        margin-bottom: 30px;
    }

    .complects__info {
    }

    .complects__name {
    }

    .complects__img-block {
    }

    .complects__img {
    }

    .complects__params {
    }

    .param-item {
    }

    .param-item b {
    }

    .complects__btns {
        margin-top: 10px;
    }

    .complects__btn {
    }


    .tradein {
        margin-top: 50px;
    }

    .tradein_wrap {
        flex-direction: column;
    }

    .tradein_title {
        text-align: center;
        font-size: 24px;
    }

    .tradein_gallery {
        width: 100%;
    }

    .tradein_gallery .column {
        padding-top: 40px;
    }

    .tradein_vid {
        display: none;
    }

    .tradein_form_title {
        margin-bottom: 20px;
    }

    #tradein_form {
        width: 100%;
        margin-top: 30px;
    }

    #tradein_form .btn {
        margin-top: 20px;
    }


    #credit {
    }

    #credit .title1 {
    }

    #credit .cont {
        flex-direction: column;
    }

    #credit .cont:before {
    }

    #credit .form_container {
        padding-bottom: 15px;
    }

    #credit form {
    }

    #credit form:before {
    }

    #credit form .form_title {
        font-size: 18px;
        padding-bottom: 15px;
    }

    #credit form .form_comment {
    }

    #credit form ul {
    }

    #credit form ul > li {
    }

    #credit form ul > li span {
    }

    #credit form ul > li:before {
    }

    #credit form ul > li.ico1:before {
    }

    #credit form ul > li.ico2:before {
    }

    #credit form ul > li:first-child {
    }


    #credit form .form-group {
    }

    #credit form .form-group input {
    }

    #credit form .form-group select {
    }

    #credit form .form-group select option {
    }

    #credit form button {
    }

    #credit form .fields {
    }

    #credit form .form-group {
    }

    #credit form .agree_field {
    }

    #credit form .agree_field .check_ex {
    }

    #credit form .agree_field .check_ex i {
    }

    #credit .image1 {
    }

    #credit .image1 picture {
    }

    #credit .image1 img {
    }

    #credit .image1:hover img {
    }

    #credit .image2 {
    }

    #credit .image2 img {
    }

    #credit .image2 picture {
    }

    #credit .image2 img {
    }

    #credit .image2:hover img {
    }


    #morequestions {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    #morequestions .cont {
        flex-direction: column;
        background-size: auto;
        background-position: 0px 0px;
    }

    #morequestions .image {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
    }

    #morequestions .image img {
    }

    #morequestions .text_container {
        margin: 0px;
        width: 100%;
        text-align: center;
        padding: 15px;
    }

    #morequestions .text_container .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #morequestions .text_container .btn {
    }


    #morequestions .form_container {
    }

    #morequestions form {
    }

    #morequestions form .form_title {
    }

    #morequestions form .form_comment {
    }

    #morequestions form .form_comment span {
    }

    #morequestions form .fields {
    }

    #morequestions form .fields .form-group {
    }

    #morequestions form .fields .form-group:first-child {
    }

    #morequestions form .fields .form-group {
    }

    #morequestions form .fields input {
    }

    #morequestions form .fields button {
    }

    #morequestions form .agree_field {
    }

    #morequestions form .agree_field .check_ex {
    }

    #morequestions form .agree_field .check_ex i {
    }


    #morequestions form .fields input::placeholder {
    }


    #contacts {
        padding-top: 15px;
    }

    #contacts .container {
    }

    #contacts .text_container {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    #contacts .questions {
        flex-direction: column;
        padding: 15px;
    }

    #contacts .questions .text {
        width: auto;
        text-align: center;
    }

    #contacts .questions .text .title {
    }

    #contacts .questions .text .comment {
    }

    #contacts .questions .btn {
        margin: 0px;
        width: 100%;
        margin-top: 15px;
    }

    #contacts .addrs_container {
        margin-bottom: 15px;
    }

    #contacts .addrs_container .item {
        padding: 15px;
        flex-direction: column;
        text-align: center;
    }

    #contacts .addrs_container .item:before {
    }

    #contacts .addrs_container .item:first-child:before {
    }

    #contacts .addrs_container .item .text {
        width: 100%;
    }

    #contacts .addrs_container .item .text .title {
    }

    #contacts .addrs_container .item .text .comment {
    }

    #contacts .addrs_container .item .text .comment font {
    }

    #contacts .addrs_container .item .btns {
        margin: 0px;
        margin-top: 15px;
        width: 100%;
    }

    #contacts .addrs_container .item .btns .btn {
    }

    #contacts .phone {
    }


    #map1 {
        height: 380px;
    }


    footer {
        padding-bottom: 83px;
    }

    footer .container {
    }

    footer .container .panel {
        flex-direction: column;
        align-items: center;
    }

    footer .container .panel .text_container {
    }

    footer .container .panel a {
        margin-bottom: 10px;
    }

    footer .disclamer_switch {
    }

    footer .creator {
    }

    footer .creator img {
    }

    .disclamer {
    }


    .models_items .items .item .vigoda strong {
        display: block;
    }

}

/*MOBILE END*/

/* Portrait phones and smaller */
@media (max-width: 390px) {
    div[id^=timer] {
        transform: scale(0.75) !important;
    }
}

@media (max-width: 360px) {
    div[id^=timer] {
        transform: scale(0.623) !important;
    }
}

@media (max-width: 320px) {
    div[id^=timer] {
        transform: scale(0.63) !important;
    }

}