html {
overflow-x: hidden;
}
body {
font-family: "TacticSans";
font-size: 16px;
color: black;
position: relative;
font-weight: 500;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
max-width: 1920px;
/* background: url(../img/bg1.jpg?v=4) 50% 76px no-repeat white; */
}
.fancybox-slide--html .fancybox-close-small {
/* color: white !important; */
}
.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;
}
.resp_table {
width: 100%;
}
.resp_table tr td:before {
display: none;
}
.resp_table img {
max-width: 100%;
width: 100%;
display: block;
width: 220px;
}
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;
}
.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: 1140px;
position: relative;
}
@media (min-width: 576px) {
.container {
width: 540px;
max-width: 100%;
}
}
@media (min-width: 768px) {
.container {
width: 720px;
max-width: 100%;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
max-width: 100%;
}
}
.has-danger input,
.has-danger select,
.has-danger textarea {
border-width: 2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
#form_popup,
#form_popup2 {
display: none;
}
.popup_container {
width: 420px;
max-width: 100%;
padding: 5px 29px;
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: black;
font-size: 12px;
}
.popup_container .agree_field a {
color: black;
}
.popup_container h2 {
font-size: 20px;
font-weight: 700;
/* text-transform: uppercase; */
padding: 0px;
margin: 0px;
padding-bottom: 29px;
text-align: center;
padding-top: 25px;
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="text"],
.popup_container .form-group input[type="tel"] {
color: black;
display: block;
height: 56px;
line-height: 56px;
text-decoration: none;
text-align: left;
/* text-transform: uppercase; */
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
outline: none;
background: #f3f3f3;
border: 1px solid #000000;
padding: 10px;
}
.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: "TacticSans";
font-size: 16px;
}
.popup_container .form-group select {
color: #1d1f20;
height: 50px;
border: 1px solid white;
width: 100%;
font-size: 16px;
font-weight: 300;
font-family: "TacticSans";
padding-left: 10px;
height: 38px;
background-color: white;
border-radius: 5px;
border: 1px solid #c0c6c9;
}
.popup_container .form-group select option {
}
.popup_container .form-group button {
cursor: pointer;
height: 38px;
font-size: 16px;
font-weight: 700;
height: 60px;
}
.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;
}
.agree_field {
font-size: 10px;
line-height: 100%;
position: relative;
display: inline-block;
padding-left: 20px;
top: 0px;
}
.agree_field input {
position: absolute;
top: -1px;
left: 0px;
margin: -0px;
}
.agree_field span {
padding-left: 25px;
display: inline-block;
}
.popup_container .form-disclamer {
color: #b8b8b8;
font-size: 10px;
padding-top: 10px;
text-align: center;
}
form {
}
form .form-group {
margin-bottom: 10px;
position: relative;
}
form .form-group input[type="tel"],
form .form-group input[type="text"],
form .form-group select {
height: 61px;
width: 100%;
color: #ffffff;
font-size: 16px;
box-sizing: border-box;
font-weight: 600;
font-family: "TacticSans";
padding: 0px 25px;
outline: none;
background: transparent;
border-radius: 0px;
border: 1px solid #ffffff;
}
form .form-group select {
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
background: url(../img/ico_select.png) 95% 50% no-repeat #ffffff;
font-family: "TacticSans";
outline: none;
}
form .form-group button {
width: 100%;
cursor: pointer;
font-family: "TacticSans";
outline: none;
}
form .form-group button:hover {
}
.form_title {
color: black;
font-size: 36px; /* text-transform: uppercase; */
padding: 0px;
margin: 0px;
text-align: center;
padding-bottom: 47px;
}
.form_title span {
display: block;
color: #ff0000;
white-space: nowrap;
}
.btn {
box-sizing: border-box;
background: #b91b23;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
height: 61px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
outline: none;
border: none;
transition: all 0.3s;
text-align: center;
}
.btn:hover {
background: #a6192e;
}
.btn.glass {
border: 1px solid #000000;
background: transparent;
color: #1b1d23;
}
.btn.glass:hover {
background: #000000;
color: #ffffff;
}
/**********************
HEADER
**********************/
header {
background: #ffffff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5;
padding: 24px 0;
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.phone_wrap {
display: flex;
flex-direction: column;
padding-left: 45px;
background: url("../img/ico_phone.png") 0 50% no-repeat;
}
.top_phone {
font-size: 18px;
font-weight: 700;
color: #000000;
text-decoration: none;
}
.phone_wrap .popup {
font-size: 16px;
color: #000000;
}
.top_addr {
font-size: 16px;
color: #000000;
padding-left: 45px;
background: url("../img/ico_loc.png") 0 50% no-repeat;
}
header .m_btn {
display: none;
}
/**********************
BANNER
**********************/
.banner {
position: relative;
}
.banner_bg {
position: absolute;
margin-top: 91px;
}
.banner .swiper-button-next {
background: url(../img/next.svg) 50% no-repeat !important;
right: 7.5%;
top: 54.5%;
}
.banner .swiper-button-prev {
background: url(../img/prev.svg) 50% no-repeat !important;
left: 7.5%;
top: 54.5%;
}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after {
display: none;
}
.title_container {
margin-top: 174px;
font-family: "TacticSansExd";
}
.title_container .br_mob {
display: none;
}
.title_block_wrap {
position: relative;
display: flex;
justify-content: space-between;
padding: 0 20px;
}
.title_block_wrap .tires_pl {
position: absolute;
bottom: -13px;
right: -9px;
}
.title_block_wrap:before {
content: "";
display: block;
width: 104%;
height: 185px;
background: rgba(255, 255, 255, 0.7);
position: absolute;
top: -37px;
left: -2%;
z-index: 0;
transform: skewX(-17deg);
}
.slide2 .title_block_wrap:before,
.slide3 .title_block_wrap:before {
height: 150px;
}
.title_block {
z-index: 2;
max-width: 720px;
}
.title_date {
font-size: 24px;
margin-bottom: 15px;
}
.banner_wrap {
margin-top: 286px;
display: flex;
justify-content: space-between;
column-gap: 20px;
}
.banner_wrap .timer_block {
background: #FFFFFFB2;
display: flex;
flex-direction: column;
justify-content: center;
background: #FFFFFFB2;
}
.banner_wrap #title_form {
margin: 0;
}
.timer_block {
z-index: 2;
}
.slide2 .timer_block ,
.slide3 .timer_block {
top: -13px;
position: relative;
}
.timer_title {
font-size: 20px;
padding-bottom: 10px;
}
.timer {
}
.timer div[id^="timer"] {
}
.title1 {
color: #000000;
font-size: 25px;
padding-bottom: 8px;
text-transform: uppercase;
}
.title1 nobr {
display: inline-block;
}
.slide2 .title1,
.slide3 .title1 {
font-size: 32px;
}
.title2 {
font-size: 22px;
/* font-weight: 700; */
padding-bottom: 10px;
}
.title2 strong {
color: #B91B23;
}
.title3 {
font-weight: 700;
font-size: 30px;
}
.title3 .rub {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
.title3 span {
color: #b91b23;
}
#title_form {
box-sizing: border-box;
/* margin-top: 440px; */
margin: 400px auto 0;
padding: 20px;
width: 770px;
display: flex;
flex-flow: wrap;
justify-content: space-between;
background: rgba(255, 255, 255, 0.7);
}
.slide2 #title_form,
.slide3 #title_form {
margin: 410px auto 0;
}
#title_form .form_title {
font-family: "TacticSansExd";
color: #000000;
text-align: left;
padding-bottom: 10px;
font-weight: 600;
font-style: italic;
font-size: 20px;
}
#title_form .form-group {
width: 49%;
}
#title_form .form-group input[type="tel"],
#title_form .form-group input[type="text"],
#title_form .form-group select {
height: 61px;
width: 100%;
color: #000000;
font-size: 16px;
box-sizing: border-box;
font-weight: 600;
font-family: "TacticSans";
padding: 0px 25px;
outline: none;
background: transparent;
border-radius: 0px;
border: 1px solid #000000;
}
#title_form .form-group input[type="tel"]::placeholder,
#title_form .form-group input[type="text"]::placeholder,
#title_form .form-group select::placeholder {
color: #000000;
}
#title_form .agree_field,
#title_form .agree_field a {
color: #000000;
}
.family_pl {
color: #fff;
background: #b91b23;
padding: 5px 10px;
font-size: 18px;
text-transform: uppercase;
display: inline-block;
}
.slide1 .title_container {
margin-top: 108px;
}
.slide1 .title_block {
max-width: initial;
width: 100%;
text-align: center;
}
.slide1 .title_block_wrap {
padding: 20px 20px 22px;
}
.slide1 .title_block_wrap:before {
top: 0;
height: 100%;
}
.slide1 .title1 {
padding: 0;
font-family: 'TacticSans';
font-size: 45px;
font-weight: 400;
text-transform: uppercase;
}
.slide1 .title1 b {
font-weight: 700;
color: #B91B23;
}
.slide1 .title1 span {
display: block;
margin-top: 10px;
font-size: 30px;
font-weight: 400;
}
.banner_props {
margin-top: 4px;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 6px;
}
.banner_props a {
position: relative;
display: flex;
align-items: center;
min-height: 30px;
padding-left: 42px;
font-size: 30px;
font-weight: 400;
color: #000000;
text-decoration: none;
}
.banner_props a:before {
content: '';
position: absolute;
left: 0;
width: 30px;
height: 30px;
}
.banner_props .ico1:before {
background: url(../img/banner_props_ico1.svg) no-repeat;
}
.banner_props .ico2:before {
background: url(../img/banner_props_ico2.svg) no-repeat;
}
.banner_props a p {
display: inline-block;
margin: 0;
padding: 6px 14px;
font-family: "TacticSans";
font-size: 28px;
font-weight: 600;
color: #ffffff;
background: #B91B23;
}
/**********************
run_row
**********************/
.run_now {
display: flex;
align-items: center;
background: #B91B23;
overflow: hidden;
position: relative;
height: 74px;
top: -10px;
}
.run_now_cont {
white-space: nowrap;
animation: runstring 20s infinite linear;
font-size: 18px;
color: white;
}
.run_now_cont span {
padding-left: 14px;
}
.run_now_cont div {
position: relative;
display: inline-block;
padding-right: 30px;
}
.run_now_cont div:before {
content: '';
position: relative;
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50px;
background: #ffffff;
margin-right: 28px;
top: 50%;
transform: translateY(-15%);
}
@keyframes runstring {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-50%)
}
}
/**********************
CARS
**********************/
.menu {
margin-top: 58px;
}
.menu .container {display: flex;justify-content: center;gap: 120px;}
.menu a {
color: #000000;
text-decoration: none;
transition: all 0.3s;
}
.menu a .menu_img {
min-height: 65px;
display: flex;
align-items: flex-end;
}
.menu a .menu_img img {
}
.menu a .menu_name {
display: block;
margin-top: 10px;
text-align: center;
font-weight: 400;
font-family: "TacticSansExd";
}
.menu a .menu_name b {
font-family: "TacticSans";
}
.menu a .menu_name i {
display: block;
font-size: 10px;
font-style: normal;
}
.menu a:hover {
color: #b91b23;
}
.cars_items {
margin-top: 75px;
}
.car_item {
margin-bottom: 75px;
}
.car_wrap {
display: flex;
justify-content: space-between;
}
.car_image {
box-sizing: border-box;
width: 62.4%;
position: relative;
height: 601px;
padding-top: 60px;
}
.car_gift_tire {
position: absolute;
bottom: 65px;
left: -65px;
display: flex;
justify-content: flex-end;
align-items: center;
height: 90px;
color: #000;
font-size: 20px;
font-weight: 700;
padding-left: 75px;
z-index: 1;
text-decoration: none;
}
.car_gift_tire b {
color: #b91b23;
}
.car_gift_tire:before {
content: "";
display: block;
width: 90px;
height: 90px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 25px;
top: 0;
z-index: -1;
}
.car_gift_tire:after {
content: "";
display: block;
width: 65px;
height: 65px;
background: url(../img/tire_black.png) 50% no-repeat;
position: absolute;
left: 0;
top: 8px;
z-index: 2;
}
.car_gift_tire.fam:after {
top: 15px;
background: url(../img/family.png) 50% no-repeat;
}
.car_gift_tire:hover b {
color: #000;
}
.car_gift_tire:hover:before {
background: #b91b23;
}
.car_gift_tire:hover:after {
background: url(../img/tire_white.png) 50% no-repeat;
}
.car_gift_tire:hover:after {
background: url(../img/family.png) 50% no-repeat;
}
.car_gift_tire span {
}
#tiggo_8_pro_max .car_image {
/* padding-top: 60px; */
}
#tiggo_8_pro .car_image {
/* padding-top: 105px; */
}
#tiggo_8 .car_image {
/* padding-top: 80px; */
}
#tiggo_7_pro .car_image {
/* padding-top: 135px; */
}
#tiggo_4_pro .car_image {
/* padding-top: 85px; */
}
#tiggo_4 .car_image {
/*
padding-top: 85px; */
}
.car_image:before {
content: "";
display: block;
position: absolute;
background: url("../img/car_img_back.jpg") 0 0 no-repeat;
width: 1050px;
height: 100%;
top: 0;
left: -270px;
}
#tenet_t4 .car_image:before,
#tenet_t7 .car_image:before,
#tenet_t8 .car_image:before {
background: url("../img/car_img_back_tenet.jpg") 0 0 no-repeat;
}
#tiggo_7_pro_max_new .car_image:before,
#tiggo_8_pro_max .car_image:before {
width: 1050px;
height: 97%;
}
.car_image .car_img {
position: relative;
z-index: 1;
/* margin-left: -20px; */
left: -20px;
}
.car_image .car_img img {
max-width: 110%;
}
.car_image .add_sale {
position: absolute;
top: -45px;
font-size: 22px;
font-weight: 600;
display: flex;
gap: 24px;
}
.car_image .add_sale .text1 {
}
.car_image .add_sale .text2 {
color: #fff;
background: #b91b23;
padding: 5px 10px;
font-size: 24px;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 10px;
}
.car_image .add_sale .text3 {
color: #fff;
background: #000000;
padding: 5px 10px;
font-size: 24px;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 10px;
}
.car_image .pl_count {
background: #a5a5a5;
color: #000000;
padding: 5px 10px;
font-size: 26px;
text-transform: uppercase;
position: absolute;
bottom: 80px;
left: 0;
}
.car_text {
width: 33%;
position: relative;
}
.car_name {
font-weight: 400;
color: #1b1d23;
font-size: 50px;
margin-bottom: 30px;
}
#tiggo_8_pro_max .car_name {
margin-bottom: 10px;
}
.car_name b {
white-space: nowrap;
}
.car_price {
font-size: 16px;
font-weight: 700;
display: none;
}
.car_price b {
font-family: "TacticSansExd";
font-size: 20px;
position: relative;
}
.car_price b:before {
content: "";
position: absolute;
top: 41%;
left: -2%;
height: 3px;
width: 104%;
background: #b91b23;
}
.car_profit {
display: block;
margin-top: 10px;
padding-left: 60px;
color: #000000;
font-weight: 700;
font-size: 16px;
text-decoration: none;
background: url("../img/ico_profit.png") 0 50% no-repeat;
}
.car_profit b {
font-family: "TacticSansExd";
font-size: 30px;
color: #b91b23;
}
.car_profit sup {
font-size: 10px;
top: 5px;
}
.car_profit2 {
position: relative;
display: block;
align-items: center;
margin-top: 20px;
padding-left: 60px;
color: #000000;
font-weight: 500;
font-size: 18px;
text-decoration: none;
}
.car_profit2:before {
content: "";
position: absolute;
left: 0;
width: 43px;
height: 43px;
background: url("../img/ico_profit2.svg") 0 50% no-repeat;
}
.car_profit2 b {
font-weight: 600;
font-family: "TacticSansExd";
color: #b91b23;
}
.car_profit.car_profit3 b {
font-size: 16px;
}
.car_props {
margin-top: 36px;
display: flex;
flex-direction: column;
row-gap: 10px;
}
.car_props a {
position: relative;
display: flex;
align-items: center;
min-height: 44px;
padding-left: 60px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
color: #000000;
}
.car_props a:before {
content: '';
position: absolute;
left: 0;
width: 44px;
height: 44px;
}
.car_props .ico1:before {
background: url(../img/car_props_ico1.svg) no-repeat;
}
.car_props .ico2:before {
background: url(../img/car_props_ico2.svg) no-repeat;
}
.car_props .ico3:before {
background: url(../img/car_props_ico3.svg) no-repeat;
}
.car_props .ico4:before {
background: url(../img/car_props_ico4.svg) no-repeat;
}
.car_props .ico5:before {
background: url(../img/car_props_ico5.svg) no-repeat;
}
#tiggo_8_pro_max .car_profit {
margin-top: 30px;
}
#tiggo7prohybrid .car_props {
margin-top: 66px;
}
#arrizo_8 .car_props {
margin-top: 94px;
}
.car_rass {
display: block;
margin-top: 15px;
padding-left: 60px;
color: #000000;
font-weight: 700;
font-size: 15px;
text-decoration: none;
background: url("../img/ico_rass.png") 0 50% no-repeat;
}
.car_rass b {
font-size: 30px;
color: #a5a5a5;
}
.car_btns {
margin-top: 0;
position: absolute;
display: flex;
width: 98%;
gap: 13px;
bottom: 57px;
}
#tiggo_8_pro_max .car_btns {
/* margin-top: 25px; */
}
.car_btns .btn {
/* margin-bottom: 13px; */
}
.car_gallery {
margin-top: -35px;
padding-bottom: 33px;
background: url("../img/car_gallery_bg.jpg") 50% 100% no-repeat;
}
#tiggo_4 .car_gallery {
/* margin-top: 40px; */
}
#tiggo_7_pro_max_new .car_gallery {
/* margin-top: 40px; */
}
#tiggo_9 .car_gallery {
/* margin-top: 5px; */
}
.car_gallery .container {
display: flex;
}
/**********************
presale
**********************/
.presale {
background: url(../img/presale_bg.jpg) 50% 0 no-repeat;
padding-top: 62px;
padding-bottom: 440px;
}
.presale .container {
}
.presale .content {
}
.presale .title1 {
font-size: 36px;
}
.presale .btn {
margin-top: 30px;
width: 310px;
}
/**********************
COMPLECTS
**********************/
#instock .instock_title {
font-size: 30px;
text-align: center;
font-weight: 700;
/* text-transform: uppercase; */
margin-top: 90px;
}
#instock .complects_table {
padding-top: 25px;
}
#instock .complects_head {
display: flex;
justify-content: space-between;
}
#instock .model_name_head {
font-weight: 700;
background: #f0f0f0;
padding: 10px 0;
padding-left: 15px;
width: 19%;
}
#instock .choode_compl_head {
font-weight: 700;
background: #f0f0f0;
padding: 10px 0;
padding-left: 15px;
width: 74%;
}
#instock .complects_items {
}
#instock .compl_item {
padding: 45px 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
}
#instock .model_column {
width: 19%;
}
#instock .model_name {
font-size: 23px;
font-weight: 700;
padding-bottom: 5px;
}
#instock .complect_column {
width: 74%;
}
#instock .complects_names {
display: flex;
/* justify-content: space-between; */
flex-wrap: wrap;
}
#instock .complects_names .item {
width: 14%;
font-weight: 500;
border: 1px solid #b7b7b7;
padding: 4px 0;
text-align: center;
margin-right: 3.2%;
margin-bottom: 10px;
cursor: pointer;
}
#instock .complects_names .item:hover,
#instock .complects_names .item.active {
color: white;
border-color: #b91b23;
background: #b91b23;
text-shadow: 0 0 0.6px white, 0 0 0.6px white;
}
/*
#instock .complects_names .item:nth-child(6n + 6) {
margin-right: 0;
}
*/
/* #instock .complects_names .item:last-child {
margin-right: auto;
} */
#instock .compl_info {
margin-top: 25px;
display: flex;
justify-content: space-between;
}
#instock .compl_colors {
width: 30%;
}
#instock .compl_colors .title {
font-size: 14px;
font-weight: 500;
padding-bottom: 6px;
}
#instock .compl_colors .colors {
display: flex;
gap: 15px;
}
#instock .compl_colors .colors div {
min-width: 23px;
height: 23px;
border-radius: 50%;
cursor: pointer;
}
#instock .compl_colors .colors div.active {
box-shadow: 0 0 0 3px white, 0 0 0 4px #c1c1c1;
}
#instock .compl_transmission {
}
#instock .compl_transmission .title {
font-size: 14px;
font-weight: 500;
}
#instock .compl_transmission .transmission {
font-size: 15px;
font-weight: 500;
margin-top: 6px;
position: relative;
padding-left: 27px;
}
/* #instock .compl_transmission .transmission span {
display: none;
} */
/* #instock .compl_transmission .transmission:before {
content: url(../img/transmission.png);
position: absolute;
top: 0;
left: 0;
} */
#instock .compl_engine {
display: flex;
flex-direction: column;
align-items: center;
}
#instock .compl_engine .title {
font-size: 14px;
font-weight: 500;
}
#instock .compl_engine .engine {
font-size: 15px;
font-weight: 500;
position: relative;
margin-top: 6px;
}
/* #instock .compl_engine .engine span {
display: none;
} */
/* #instock .compl_engine .engine:before {
content: url(../img/engine.png);
position: absolute;
top: 0;
left: 0;
} */
#instock .compl_btn {
}
#instock .compl_btn .btn {
width: 240px;
height: 46px;
}
/**********************
CREDIT
**********************/
.credit {
background: #242424;
margin-top: 130px;
}
.main_cred_wrap {
position: relative;
top: -80px;
}
.cred_wrap {
display: flex;
justify-content: space-between;
}
.cred_text {
box-sizing: border-box;
font-family: "TacticSansExd";
font-size: 24px;
font-weight: 700;
padding: 100px 45px 100px;
color: #ffffff;
background: url("../img/credit_bg1.jpg") 0 0 no-repeat;
width: 59.9%;
}
.cred_text > b {
font-size: 30px;
}
.cred_text > span {
display: block;
margin-top: 20px;
font-weight: 400;
}
.cred_text > span i {
font-style: normal;
font-weight: 800;
}
.cred_text .btn {
font-family: "TacticSans";
margin-top: 35px;
width: 375px;
}
.cred_img {
width: 40.2%;
}
.rass_wrap {
display: flex;
justify-content: space-between;
}
.rass_img {
width: 59.9%;
}
.rass_text {
box-sizing: border-box;
width: 40.2%;
padding: 80px 45px;
font-weight: 400;
font-family: "TacticSansExd";
font-size: 24px;
color: #ffffff;
background: url("../img/credit_bg2.jpg") 0 0 no-repeat;
}
.rass_text b {
display: block;
font-size: 30px;
margin-bottom: 15px;
text-transform: uppercase;
}
#cred_form {
width: 100%;
margin-top: 20px;
}
#cred_form .agree_field,
#cred_form .agree_field a {
color: #ffffff;
font-size: 9px;
}
/**********************
credit_calc
**********************/
.credit_calc {
padding: 61px 0;
background: url("../img/credit_bg.jpg") 50% 0 no-repeat;
}
.credit_calc > img {
display: none;
}
.credit_calc_title {
font-size: 24px;
font-weight: 700;
font-family: "TacticSansExd";
margin-bottom: 10px;
width: 375px;
margin-left: auto;
padding-right: 50px;
}
.credit_calc_desc {
padding-left: 50px;
background: url(../img/credit_ico_perc.png) 0 50% no-repeat;
padding: 10px 0;
padding-left: 50px;
margin-bottom: 20px;
width: 375px;
margin-left: auto;
}
.input_range_title {
font-weight: 600;
}
#credit_calc_form {
width: 375px;
margin-left: auto;
padding-right: 50px;
}
#credit_calc_form .range_block {
margin: 30px 0;
}
#credit_calc_form input[type="text"],
#credit_calc_form input[type="tel"],
#credit_calc_form select {
border: 1px solid #000000;
font-weight: 600;
font-size: 16px;
color: #000000;
}
#credit_calc_form select {
background: url("../img/ico_select.png") 95% 50% no-repeat transparent;
}
.credit_calc .irs--round .irs-min,
.credit_calc .irs--round .irs-max {
color: #939393;
font-size: 16px;
top: 45px;
background-color: transparent;
font-family: "TacticSans";
font-weight: 600;
}
.credit_calc .irs--round .irs-line {
height: 2px;
background-color: #939393;
}
.credit_calc .irs--round .irs-bar {
top: 36px;
height: 2px;
background-color: #b91b23;
}
.credit_calc .irs--round .irs-from,
.credit_calc .irs--round .irs-to,
.credit_calc .irs--round .irs-single {
font-size: 20px;
background-color: transparent;
color: #b91b23;
font-family: "TacticSans";
font-weight: 600;
}
.credit_calc .irs--round .irs-from:before,
.credit_calc .irs--round .irs-to:before,
.credit_calc .irs--round .irs-single:before {
display: none;
}
.credit_calc .irs--round .irs-handle.state_hover,
.credit_calc .irs--round .irs-handle:hover {
background-color: #b91b23;
}
.credit_calc .irs--round .irs-handle {
border: 4px solid #b91b23;
background-color: #b91b23;
}
/**********************
TRADEIN
**********************/
.tradein {
padding: 95px 0;
background: url("../img/tradein_bg.jpg") 50% 0 no-repeat;
}
.tradein > img {
display: none;
}
.tradein_title {
font-size: 24px;
font-weight: 700;
font-family: "TacticSansExd";
margin-bottom: 20px;
}
#tradein_form {
width: 375px;
}
#tradein_form input[type="text"],
#tradein_form input[type="tel"],
#tradein_form select {
border: 1px solid #000000;
font-weight: 600;
font-size: 16px;
color: #000000;
}
#tradein_form select {
background: url("../img/ico_select.png") 95% 50% no-repeat transparent;
}
/**********************
BUY_ONLINE
**********************/
.buy_online {
margin-top: 85px;
}
.buy_online_title {
font-size: 30px;
color: #000000;
font-weight: 700;
text-align: center;
margin-bottom: 85px;
}
.buy_online_steps {
display: flex;
justify-content: space-between;
}
.buy_online_steps .step {
width: 23.5%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #f0f0f0;
transform: skewX(-15deg);
height: 100px;
}
.buy_online_steps a.step {
color: #ffffff;
background: #b91b23;
}
.buy_online_steps a.step b {
background: #f0f0f0;
color: #b91b23;
}
.buy_online_steps a.step span {
font-weight: 700;
}
.buy_online_steps .step:nth-child(even) {
top: 110px;
left: -25px;
}
.buy_online_steps .step b {
display: flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
background: #b91b23;
border-radius: 50%;
font-size: 30px;
color: #ffffff;
font-weight: 700;
position: absolute;
top: -20px;
transform: skewX(15deg);
}
.buy_online_steps .step span {
display: block;
transform: skewX(15deg);
font-size: 20px;
font-weight: 500;
}
/**********************
ADVANTAGES
**********************/
.advantages {
margin-top: 200px;
}
.ags_title {
font-size: 30px;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.ags_list {
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.ags_item {
display: flex;
align-items: center;
justify-content: center;
width: 32.2%;
height: 147px;
font-weight: 500;
color: #000000;
text-align: center;
font-size: 20px;
margin-bottom: 30px;
}
.ags_item.img1 {
background: url("../img/ags_img1.jpg") 100% 100% no-repeat #f0f0f0;
}
.ags_item.img2 {
background: url("../img/ags_img2.jpg") 100% 100% no-repeat #f0f0f0;
}
.ags_item.img3 {
background: url("../img/ags_img3.jpg") 100% 100% no-repeat #f0f0f0;
}
.ags_item.img4 {
background: url("../img/ags_img4.jpg") 100% 100% no-repeat #f0f0f0;
}
.ags_item.img5 {
background: url("../img/ags_img5.jpg") 100% 100% no-repeat #f0f0f0;
}
.ags_item.img6 {
background: url("../img/ags_img6.jpg") 100% 100% no-repeat #f0f0f0;
}
.advantages .btn {
margin: 0 auto;
width: 376px;
}
/**********************
CONTACTS
**********************/
.contacts {
margin-top: 160px;
position: relative;
height: 670px;
}
.contacts:after {
content: "";
display: block;
width: 54%;
height: 670px;
position: absolute;
top: 0;
right: 0;
background: url("../img/cont_bg.png") 0 0 no-repeat;
}
.cont_wrap {
width: 375px;
/*margin-left: auto;*/
position: absolute;
top: 150px;
right: 0;
z-index: 1;
}
.cont_title {
font-weight: 700;
font-size: 36px;
margin-bottom: 25px;
}
.bot_phone_wrap {
padding-left: 45px;
background: url("../img/ico_phone.png") 0 40% no-repeat;
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
.bot_phone {
font-size: 26px;
font-weight: 700;
color: #000000;
text-decoration: none;
}
.bot_phone_wrap .popup {
font-size: 16px;
font-weight: 600;
color: #000000;
}
.bot_addr {
font-size: 20px;
padding-left: 45px;
background: url("../img/ico_loc.png") 0 0 no-repeat;
}
.quest {
font-family: "TacticSansExd";
margin-top: 50px;
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
}
#map1 {
width: 100%;
height: 669px;
background: url("../img/map.jpg") 0 0 no-repeat;
}
footer {
padding: 25px 0;
background: #242424;
}
footer .switch {
display: block;
color: #ffffff;
font-size: 14px;
text-align: center;
font-weight: 400;
}
footer .disclamer {
color: #ffffff;
font-size: 12px;
text-align: left;
display: none;
}
footer .disclamer a {color:white;}
.copyright {
font-size: 12px;
font-weight: 400;
}
.car_item .comment {
margin-top: 15px;
}
.car_item .car_comment {
font-size: 25px;
font-weight: 700;
margin-bottom: -10px;
position: relative;
top: -32px;
}
.car_item .props {
font-size: 18px;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 20px;
}
.car_item .props > li {
display: flex;
align-items: center;
}
.car_item .props > li:before {
content: '';
display: inline-flex;
width: 42px;
height: 42px;
border-radius: 100px;
margin-right: 10px;
}
.car_item .props > li span {
}
.car_item .props > li strong {
font-weight: 400;
color: #B91B23;
}
.car_item .props > li.ico1:before {
background: url(../img/ico1.svg) 50% 50% no-repeat #B91B23;
}
.car_item .props > li.ico2:before {
background: url(../img/ico2.svg) 50% 50% no-repeat #B91B23;
}
.car_item .props > li.ico3:before {
background: url(../img/ico3.svg) 50% 50% no-repeat #B91B23;
}
.links {
display: flex;
justify-content: space-evenly;
}
.links a {
color: white;
font-size: 14px;
}
/*------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1350px) {
.banner_wrap {
margin-top: 160px;
}
.car_gift_tire {
bottom: 50px;
left: 0;
}
}
/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {
.slide2 .title1, .slide3 .title1 {
font-size: 26px;
}
#title_form {
margin: 284px auto 0;
}
.slide2 #title_form, .slide3 #title_form {
margin: 284px auto 0;
}
.timer div[id^="timer"] {
transform: scale(0.8) !important;
transform-origin: left;
}
.top_addr {
display: none;
}
.run_now {
top: 0;
}
.car_text {
width: 37%;
}
.car_image {
width: 54%;
}
.car_image:before {
left: -430px;
}
.car_image .add_sale {
}
.car_image .add_sale .text1 {
}
.car_image .add_sale .text2 {
}
.cred_text {
padding: 80px 45px 90px;
}
.rass_text {
font-size: 20px;
padding: 50px 45px;
}
.buy_online_steps .step span {
font-size: 16px;
}
#map1 {
background-position: 30% 0;
}
.contacts:after {
width: 60%;
}
/**********************
presale
**********************/
.presale {
}
.presale .container {
}
.presale .content {
}
.presale .title1 {
color: #000;
}
.presale .btn {
}
#instock .model_name {
font-size: 24px;
}
#instock .compl_btn .btn {
width: 213px;
height: 46px;
}
#instock .compl_colors .colors div {
width: 18px;
height: 18px;
}
#instock .complects_names .item {
font-size: 14px;
}
}
/*IPAD PRO BEGIN*/
/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
.slide1 .title_container {
margin-top: 50vw;
}
.slide1 .title_block_wrap {
padding: 0;
}
.slide1 .title1 {
padding: 0;
font-size: 4vw;
color: #000000;
}
.slide1 .title1 span {
margin-top: 1vw;
font-size: 3vw;
}
.banner_props {
margin-top: 2vw;
row-gap: 1vw;
}
.banner_props a {
font-size: 3vw;
}
.banner_props a p {
padding: 1vw;
font-size: 3vw;
}
.banner_wrap {
margin-top: 2vw;
align-items: center;
flex-direction: column;
}
.banner_wrap .timer div[id^="timer"] {
transform-origin: initial;
}
/**************************************************************************************************************/
.menu a .menu_name {
font-size: 12px;
}
.car_gift_tire {
bottom: 0px;
}
.title_block_wrap {
flex-wrap: wrap;
color: #fff;
}
.title_block {
max-width: 100%;
}
.title1 {
color: #fff;
}
.title_block_wrap:before {
display: none;
}
.title_container {
margin-top: 110px;
}
.top_phone {
font-size: 14px;
}
#title_form {
width: 100%;
margin-top: 160px;
}
.slide2 #title_form,
.slide3 #title_form {
margin-top: 194px;
}
.car_wrap {
flex-direction: column;
}
.car_image {
width: 100%;
height: 490px;
}
.car_image:before {
left: -250px;
}
.car_image .pl_count {
bottom: 20px;
}
.car_image .add_sale {
}
.car_image .add_sale .text1 {
}
.car_image .add_sale .text2 {
}
.car_text {
width: 100%;
margin-top: 30px;
}
.car_name {
margin-bottom: 10px;
}
.car_item .car_comment {
top: -16px;
}
.car_gallery {
margin-top: 0;
padding-top: 35px;
}
#tiggo_4 .car_gallery {
margin-top: 0;
}
#tiggo_9 .car_gallery {
margin-top: 0;
}
#tiggo_7_pro_max_new .car_gallery {
margin-top: 0;
}
.car_btns {
margin-top: 78px;
position: relative;
}
.cred_text {
width: 100%;
background-size: 100%;
}
.cred_img {
display: none;
}
.rass_wrap {
flex-direction: column;
}
.rass_img {
width: 100%;
}
.rass_img img {
width: 100%;
}
.rass_text {
width: 100%;
background-size: 100%;
}
.tradein {
padding: 0;
background: none;
}
.tradein > img {
display: block;
width: 100%;
}
.tradein_wrap {
padding: 30px 0;
}
#tradein_form {
width: 100%;
}
.buy_online {
margin-top: 50px;
}
.buy_online_title {
margin-bottom: 50px;
}
.buy_online_steps {
flex-flow: wrap;
}
.buy_online_steps .step {
width: 49%;
top: 0 !important;
left: 0 !important;
margin-bottom: 20px;
}
.advantages {
margin-top: 50px;
}
.ags_item {
width: 49%;
}
.contacts {
height: auto;
background: #f0f0f0;
margin-top: 50px;
}
.contacts:after {
display: none;
}
.cont_wrap {
position: relative;
width: 100%;
top: 0;
padding: 30px 0;
}
#map1 {
background-position: 10% 0;
}
#instock .compl_info {
flex-wrap: wrap;
}
#instock .model_name_head {
width: 18%;
}
#instock .choode_compl_head {
width: 78%;
}
#instock .model_column {
width: 18%;
}
#instock .complect_column {
width: 78%;
}
#instock .model_name {
font-size: 20px;
}
#instock .compl_btn {
margin-top: 25px;
margin-left: auto;
}
#instock .compl_colors {
width: 40%;
}
}
/*IPAD END*/
/*MOBILE BEGIN*/
@media (max-width: 767px) {
.slide1 .title_container {
margin-top: 35px;
}
.slide1 .title_block_wrap {
padding: 0;
}
.slide1 .title_block {
padding: 2vw 1vw;
}
.slide1 .title1 {
padding: 0;
font-size: 4vw;
color: #000000;
}
.slide1 .title1 span {
margin-top: 1vw;
font-size: 3vw;
}
.banner_props {
margin-top: 2vw;
row-gap: 1vw;
}
.banner_props a {
font-size: 2.6vw;
}
.banner_props a p {
padding: 1vw;
font-size: 2.6vw;
}
.banner_wrap {
margin-top: 63vw;
align-items: center;
flex-direction: column;
}
.banner_wrap .timer_block {
margin-top: 0;
}
.banner_wrap .timer div[id^="timer"] {
transform-origin: initial;
}
.title_block_wrap .tires_pl {
position: relative;
bottom: 0;
left: 0;
}
.banner .swiper-button-next,
.banner .swiper-button-prev {
display: none;
}
/**************************************************************************************************************/
.run_now {
margin-top: 0px;
height: 58px;
}
.run_now_cont {
font-size: 16px;
}
.run_now_cont div {
padding-right: 26px;
}
.run_now_cont div:before {
width: 10px;
height: 10px;
}
.car_image .pl_count {
position: relative;
bottom: 0;
font-size: 18px;
width: 100%;
text-align: center;
}
.car_gift_tire {
position: relative;
bottom: 0px;
left: 0;
justify-content: flex-start;
}
.fancybox-type-image {
width: 100% !important;
margin: 0px !important;
left: 0px !important;
}
.fancybox-close {
right: 9px !important;
top: 9px !important;
}
.fancybox-inner {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.fancybox-wrap {
margin: 0px !important;
width: 100% !important;
left: 0px !important;
top: 20px !important;
}
.fancybox-type-image .fancybox-close {
top: -8px !important;
}
.simple_slider .btn_left {
display: none !important;
}
.simple_slider .btn_right {
display: none !important;
}
.popup_container {
width: 100%;
}
.resp_table tr {
display: block;
padding-bottom: 0px;
}
.resp_table tr th {
display: none;
}
.resp_table tr td {
width: 100%;
display: block;
box-sizing: border-box;
padding: 5px 15px;
}
.resp_table tr td:before {
display: inline-block;
width: 43%;
margin-right: 2%;
font-weight: 700;
vertical-align: top;
display: none;
}
.resp_table img {
max-width: none;
margin: 0px auto; /* width: 100%; */
margin-left: -15px; /* width: calc(100% + 30px); */
max-width: calc(100% - 125px);
display: inline-block;
padding-bottom: 10px;
}
/**********************
presale
**********************/
.presale {
padding: 0;
background-size: 420px auto;
background-position: 50% 100px;
}
.presale .container {
}
.presale .content {
}
.presale .title1 {
font-size: 23px;
padding-bottom: 190px;
}
.presale .btn {
width: 100%;
margin-top: 0;
}
/* INSTOCK */
#instock .complects_table {
padding-top: 0;
}
#instock .complects_head {
display: none;
}
#instock .compl_item {
padding: 30px 0;
flex-wrap: wrap;
}
#instock .compl_info {
flex-wrap: wrap;
}
#instock .model_column {
width: 100%;
}
#instock .complect_column {
width: 100%;
}
#instock .complects_names {
margin-top: 20px;
justify-content: space-between;
}
#instock .complects_names .item {
width: 49%;
margin-right: 0;
}
#instock .compl_info {
margin-top: 20px;
justify-content: flex-start;
}
#instock .model_name {
font-size: 20px;
}
#instock .compl_btn {
margin-top: 20px;
margin-left: 0;
width: 100%;
}
#instock .compl_btn .btn {
width: 100%;
}
#instock .compl_colors {
width: 90%;
margin-bottom: 20px;
}
#instock .compl_engine {
margin-left: 40px;
}
/*******************************************************************/
header {
padding: 10px 0;
}
header .container {
flex-flow: wrap;
}
.logo1 {
order: 1;
width: 40%;
}
.logo2 {
order: 2;
width: 40%;
}
.phone_wrap {
order: 4;
margin-top: 10px;
}
.top_addr {
display: none;
}
header .m_btn {
display: block;
position: relative;
width: 30px;
height: 21px;
z-index: 1;
order: 3;
}
header .m_btn span {
position: absolute;
display: block;
width: 30px;
height: 3px;
background: #b91b23;
transition: all 0.3s linear;
}
header .m_btn span:nth-child(1) {
top: 0;
}
header .m_btn span:nth-child(2) {
top: calc(50% - 2px);
opacity: 1;
}
header .m_btn span:nth-child(3) {
bottom: 0;
}
header .m_btn.active span:nth-child(1) {
transform-origin: top right;
transform: rotate(-45deg);
top: -1px;
}
header .m_btn.active span:nth-child(2) {
opacity: 0;
}
header .m_btn.active span:nth-child(3) {
transform-origin: bottom right;
transform: rotate(45deg);
bottom: -1px;
}
.run_row {
height: 50px;
}
.run_row>div {
font-size: 16px;
margin-right: 10px;
padding-right: 10px;
margin-left: 10px;
padding-left: 10px;
}
.run_row img {
width: 28px;
height: 28px;
}
.menu {
display: block;
position: fixed;
top: 107px;
background: white;
width: 100%;
height: auto;
right: -100%;
left: unset;
transition: all 0.3s linear;
z-index: 2;
padding: 10px 0;
margin-top: 0;
}
.menu.active {
right: 0;
}
.menu .container {gap: 30px;flex-direction: column;align-items: center;}
.menu a {display: flex;}
.menu a .menu_img {min-height: auto;width: auto;}
.menu a .menu_name {
text-align: left;
margin-left: 20px;
}
body {
background-size: 108%;
background-position: 50% 68vw;
}
.banner {
margin-top: 114px;
}
.banner_bg {
position: relative;
margin: 0;
}
.banner .swiper-slide {
padding-bottom: 386px;
}
.title_content {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.title_container {
margin-top: 15px;
}
.title_container .br_mob {
display: block;
}
.slide2 .title_container {
margin-top: 20vw;
}
.slide3 .title_container {
margin-top: 20vw;
}
.slide3 .title_block {
padding: 6vw 0 5vw;
}
.title_block_wrap {
flex-wrap: wrap;
padding: 0;
text-align: center;
}
.title_block_wrap:before {
display: none;
}
.title_block {
padding: 15px 0;
width: 100%;
background: #FFFFFFCC;
}
.slide2 .title_block {
padding: 5vw 0 4vw;
}
.timer_block {
margin-top: 80vw;
width: 100%;
}
.slide2 .timer_block {
margin-top: 72vw;
}
.slide3 .timer_block {
margin-top: 70vw;
}
.timer_title {
}
.timer {
}
.timer div[id^="timer"] {transform: scale(0.7) !important;transform-origin: center;margin-left: -190px;position: relative;left: 95px;}
.title1 {
text-align: center;
color: #000000;
font-size: 3.4vw;
}
.title2 {
font-size: 4vw;
padding: 0;
}
.slide2 .title1 {
font-size: 4vw;
padding-bottom: 0;
}
.slide3 .title1 {
font-size: 3.6vw;
padding-bottom: 0;
}
.title3 {
font-size: 22px;
}
.title3 span {
}
#title_form {
width: 100%;
margin-top: 20px;
padding: 0;
}
.slide2 #title_form,
.slide3 #title_form {
margin-top: 20px;
padding: 0;
}
#title_form .form_title {
width: 100%;
text-align: center;
color: #000000;
}
#title_form .form-group {
width: 100%;
}
#title_form .agree_field,
#title_form .agree_field a {
color: #000000;
}
#title_form input[type="tel"] {
border: 1px solid #000000;
color: black;
}
.family_pl {
font-size: 16px;
}
.car_wrap {
flex-direction: column;
}
.car_image {
width: 100%;
height: auto;
padding-top: 60px !important;
}
.car_image .car_img {
margin-left: 0;
left: 0;
}
.car_image .car_img img {
max-width: 110%;
}
.car_image:before {
left: 0;
width: 100%;
background-size: 100% !important;
}
.car_image .add_sale {
font-size: 16px;
top: -56px;
flex-direction: column;
gap: 5px;
}
.car_image .add_sale .text1 {
}
.car_image .add_sale .text2 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 0;
}
.car_image .add_sale .text3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 0;
}
.car_text {
width: 100%;
margin-top: 10px;
}
.car_name {
margin-bottom: 10px;
font-size: 32px;
}
#tiggo_4 .car_name br {
display: none;
}
.car_item .car_comment {
top: -8px;
margin-bottom: 0;
}
#tiggo7prohybrid .car_props,
#arrizo_8 .car_props {
margin-top: 36px;
}
.car_gallery {
margin-top: 0;
padding: 20px 0;
background-position: 100% 0;
}
#tiggo_7_pro_max_new .car_gallery {
margin-top: 0;
}
#tiggo_4 .car_gallery {
margin-top: 0;
}
.car_btns {
margin-top: 78px;
position: relative;
flex-direction: column;
}
.cred_text {
width: 100%;
padding: 30px 15px;
background-size: cover;
}
.cred_img {
display: none;
}
.rass_wrap {
flex-direction: column;
}
.rass_img {
width: 100%;
}
.rass_img img {
width: 100%;
}
.rass_text {
width: 100%;
background-size: cover;
padding: 30px 15px;
}
.credit_calc_title {
width: 100%;
padding: 0;
margin-left: 0;
margin-top: 30px;
}
.credit_calc {
background: none;
}
.credit_calc > img {
display: block;
}
.credit_calc_desc {
padding-right: 0;
width: 100%;
margin-left: 0;
box-sizing: border-box;
}
#credit_calc_form {
width: 100%;
}
.tradein {
padding: 0;
background: none;
}
.tradein > img {
display: block;
width: 100%;
}
.tradein_wrap {
padding: 30px 0;
}
.tradein_title {
text-align: center;
font-size: 20px;
}
.tradein_title br {
display: none;
}
#tradein_form {
width: 100%;
}
.buy_online {
margin-top: 50px;
}
.buy_online_title {
margin-bottom: 50px;
font-size: 24px;
}
.buy_online_steps {
flex-flow: wrap;
}
.buy_online_steps .step {
width: 100%;
top: 0 !important;
left: 0 !important;
margin-bottom: 30px;
}
.advantages {
margin-top: 50px;
}
.ags_item {
width: 100%;
height: 100px;
}
.contacts {
height: auto;
background: #f0f0f0;
margin-top: 50px;
}
.contacts:after {
display: none;
}
.cont_wrap {
position: relative;
width: 100%;
top: 0;
padding: 30px 0;
}
#map1 {
background-position: 20% 50%;
height: 350px;
}
.bot_phone {
font-size: 20px;
}
.links {
align-items: center;
gap: 10px;
flex-direction: column-reverse;
}
.links a {}
}
/*MOBILE END*/
@media (max-width: 560px) {
body {
/*background-position: 50% 245px;*/
}
.car_image .add_sale .text2 {
font-size: 4vw;
white-space: nowrap;
}
.car_image .add_sale .text3 {
font-size: 4vw;
white-space: nowrap;
}
.banner_wrap {
/* margin-top: 60vw; */
}
.title_date {
font-size: 4vw;
margin-bottom: 10px;
}
.slide1 .title1 {
font-size: 5vw;
}
.slide1 .title1 span {
font-size: 4vw;
}
.banner_props a {
font-size: 3.6vw;
}
}
@media (max-width: 460px) {
.banner_wrap {
margin-top: 58vw;
}
.title1 {
font-size: 4.2vw;
}
.title2 {
font-size: 5vw;
}
.slide2 .title1 {
font-size: 4.8vw;
}
.slide3 .title1 {
font-size: 4.4vw;
}
.timer_block {
margin-top: 72vw;
}
}
/* Portrait phones and smaller */
@media (max-width: 390px) {
body {
background-position: 50% 79vw;
}
#title_form {
/* margin-top: 230px; */
}
.car_image .add_sale .text2 {
font-size: 4vw;
}
.car_image .add_sale .text3 {
font-size: 4vw;
}
.cred_text {
font-size: 20px;
}
.rass_text {
font-size: 20px;
}
.tradein_title {
font-size: 18px;
}
}
@media (max-width: 360px) {
#title_form .form_title {
font-size: 18px;
}
#title_form {
/* margin-top: 200px; */
}
.car_name {
font-size: 28px;
}
.car_profit b {
font-size: 26px;
}
body {
background-position: 50% 101vw;
}
}
@media (max-width: 320px) {
body {
/*background-position: 50% 265px;*/
}
.title2 {
font-size: 19px;
}
.title3 {
font-size: 19px;
}
.title3 span {
}
.timer div[id^="timer"] {
transform: scale(0.6) !important;
margin-left: -150px;
left: 75px;
}
}