

/* Start:/bitrix/templates/.default/components/bitrix/search.title/cars/style.css?161495989156*/
.title-search-result{
	background:#333;
	z-index:11
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/catalog.compare.list/header/style.css?16149598911080*/
.bx_catalog-compare-list{
	position:absolute
}
.bx_catalog-compare-list.hide{
	display:none
}
.bx_catalog-compare-list .compare_from_wrap{
	display:flex;
	flex-wrap:wrap;
	position:absolute;
	background:#444;
	border-radius:0 0 20px 20px;
	width:430px;
	margin:75px 0 0 -230px;
	padding:1rem
}
.bx_catalog-compare-list .compare-items,
.bx_catalog-compare-list .bx_catalog_compare_form{
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.bx_catalog-compare-list .compare-items .item{
	display:flex;
	width:100%;
	justify-content:space-between;
	padding:.5rem 0;
	flex-wrap:wrap
}
.bx_catalog-compare-list .compare-items .item:after{
	content:"";
	width:100%;
	height:2px;
	background:#555;
	margin-top:.5rem
}
.bx_catalog-compare-list .compare-items .item .title{
	width:80%
}
.compare-redirect a{
	background-color:var(--maincolor);
	color:#fff;
	padding: .55556rem .83333rem;
	color: #fff;
	border-radius: .55556rem;
	line-height: 1.22222rem;
	transition: all .3s ease;
	display:block;
	margin:1rem auto
}
.bx_catalog_addmore{
	font-weight:600;
	margin-top:1rem;
	text-align:center
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/top_main/style.css?1614959891347*/
.top-menu.items{
	display:flex;
	flex-wrap:wrap;
	width:100%
}
.top-menu.items .item{
	width:100%;
	font-size:1rem;
	padding:.6rem 1rem 0
}
.top-menu.items .item:after{
	content:"";
	width:100%;
	height:2px;
	background:#fff;
	opacity:.2;
	margin-top:.6rem;
	display:block
}
@media(max-width:1200px){
	.top-menu.items .item{
		font-size:.8rem
	}
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/bottom_main/style.css?16149598913169*/

.bx-aside-nav-control {
	font-size:28px;
	position:absolute;
	width:40px;
	height:40px;
	top:3px;
	right:30px;
	line-height:40px;
	cursor:pointer;
	z-index:1750;
	color:#fff;
	text-align:center;
}
body>.bx-aside-nav-control{
	-webkit-transition:left .15s linear;
	-moz-transition:left .15s linear;
	-ms-transition:left .15s linear;
	-o-transition:left .15s linear;
	transition:left .15s linear;
}
.bx-aside-nav-control .fa{
	line-height:40px;
	vertical-align:middle;
}

.bx-wrapper,
.bx-aside-nav {
	-webkit-transition:-webkit-transform .15s linear;
	-moz-transition:-moz-transform .15s linear;
	-ms-transition:-ms-transform .15s linear;
	-o-transition:-o-transform .15s linear;
	transition:transform .15s linear;
}
.bx-aside-nav {
	display:none;
	padding-top:50px;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
	width:100%;
	background:#4c5c65;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:1600;
}
.bx-aside-nav.bx-opened {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	overflow-y:scroll;

}
.bx-aside-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.bx-aside-nav a {
	color:#fff;
	vertical-align:middle;
	line-height:48px;
	height:48px;
	font-size:16px;
	display:block;
	border-bottom:1px solid #3d4b53;
	padding-left:15px;
	max-width:100%;
	overflow:hidden;
	white-space:nowrap;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.bx-aside-nav a {
	text-decoration:none;
}
.bx-aside-nav .bx-nav-1-lvl {}
.bx-aside-nav .bx-nav-1-lvl>a {}
.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover>a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover>a {
	background:#44535c;
}


@media (min-width:1200px) {
	.bx-bottom-nav-container .bx-nav-1-lvl>a {font-size:15px;}
	.bx-bottom-nav-container .bx-nav-1-lvl>a span {padding:6px 12px 8px}
}
@media (min-width:992px) and (max-width:1199px) {
	.bx-bottom-nav-container .bx-nav-1-lvl>a {font-size:13px;}
	.bx-bottom-nav-container .bx-nav-1-lvl>a span {padding:9px 11px 12px}
}

@media (min-width:769px) and (max-width:991px) {
	.bx-bottom-nav-container .bx-nav-1-lvl>a {font-size:11px;}
	.bx-bottom-nav-container .bx-nav-1-lvl>a span {padding:5px 6px 9px}
}
@media (min-width:769px){
	.bx-aside-nav-control,
	.bx-aside-nav{display:none;}
	.bx-bottom-nav-container{display:block;}
}
@media (max-width:768px) {
	.bx-aside-nav-control,
	.bx-aside-nav{display:block;}
	.bx-aside-nav .bx-nav-parent-arrow{display:block;}
	.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none;}
	.bx-bottom-nav-container .bx-nav-1-lvl {float:none}
}

.bottom-menu{
	padding:0 0.6rem;
    color:#fff;
    position:relative;
}
.bottom-menu ul{
    margin:0;
    padding:0;
    list-style:none;
}
.bottom-menu ul li{
	position:relative
}
.bottom-menu ul li a{
    color:#fff;
    display:block;
    text-decoration:none;
	transition:all .4s;
	font-size:.8rem
}
.bottom-menu ul li a:hover{
    color:#dadada
}
.bottom-menu ul li a span{
    font-weight:300;
    display:block;
	padding:6px 12px 8px;
}
/* End */


/* Start:/local/templates/index/template_styles.css?16149598911286*/
.why-ev-compare{
	font-weight:bold;
	margin-bottom:1.4rem;
	margin-top:1rem;
	text-align:center
}
.why-ev-compare .col-6{
	width:157px;
	height:152px
}
.why-ev-compare img{
	width:96px;
	height:96px;
	display:block;
	margin:1rem auto 0
}
@media(max-width:736px){
	.wrapper h1{
		font-size:1.5em
	}
}
@media(max-width:414px){
	.wrapper h1{
		font-size:1.3em
	}
}

.main-section__hero{
background:linear-gradient(180deg,rgba(45,47,52,0) 79.17%,#2d2f34 100%),linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/mainHeroBg.jpg) center top/cover no-repeat
}
@media screen and (max-width:1200px){
.main-section__hero{
background:linear-gradient(180deg,rgba(45,47,52,0) 45%,#2d2f34 65%),linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/mainHeroBg.jpg) center top/100% auto no-repeat
}
}
@media screen and (max-width:768px){
.main-section__hero{
background:linear-gradient(180deg,rgba(45,47,52,0) 55%,#2d2f34 70%),linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/mainHeroBg.jpg) center top/100% auto no-repeat
}
}
@media screen and (max-width:480px){
.main-section__hero{
background:linear-gradient(180deg,rgba(45,47,52,0) 77%,#2d2f34 100%),linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/mainHeroBg.jpg) 30% 35%/270% auto no-repeat
}
}
/* End */


/* Start:/css/main.css?1614959891161816*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{
line-height:1.15;
-webkit-text-size-adjust:100%
}
body{
margin:0
}
main{
display:block
}
h1{
font-size:2em;
margin:.67em 0
}
hr{
box-sizing:content-box;
height:0;
overflow:visible
}
pre{
font-family:monospace,monospace;
font-size:1em
}
a{
background-color:transparent
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
b,strong{
font-weight:bolder
}
code,kbd,samp{
font-family:monospace,monospace;
font-size:1em
}
label{
cursor:pointer
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
img{
border-style:none
}
button,input,optgroup,select,textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
[type=button],[type=reset],[type=submit],button{
-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
border-style:none;
padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
outline:1px dotted ButtonText
}
fieldset{
padding:.35em .75em .625em
}
legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress{
vertical-align:baseline
}
textarea{
overflow:auto
}
[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
details{
display:block
}
summary{
display:list-item
}
template{
display:none
}
[hidden]{
display:none
}
*,::after,::before{
box-sizing:border-box
}
blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{
margin:0;
padding:0
}
html{
scroll-behavior:smooth
}
ol,ul{
list-style:none
}
button,input,select,textarea{
font:inherit
}
html{
font-size:18px
}
@media screen and (max-width:768px){
html{
font-size:17px
}
}
@media screen and (max-width:480px){
html{
font-size:16px
}
}
body,html{
height:100%
}
body{
font-family:Montserrat,sans-serif;
font-weight:400;
font-size:18px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#fff;
background:#2d2f34
}
.wrapper{
width:100%;
position:relative;
height:100%
}
.container{
width:100%;
padding:0 60px;
margin:0 auto;
position:relative;
z-index:10
}
@media(max-width:1400px){
	.container{
		padding:0 50px
	}
}
@media(max-width:1200px){
	.container{
		padding:0 40px
	}
}
@media(max-width:992px){
	.container{
		padding:0 30px
	}
}
@media(max-width:768px){
	.container{
		padding:0 25px
	}
}
@media(max-width:576px){
	.container{
		padding:0 20px
	}
}
img,svg{
width:100%;
height:100%;
display:block;
object-fit:cover
}
a{
text-decoration:none;
color:inherit;
transition:all .3s ease
}
button{
background:0 0;
border:0;
outline:0;
padding:0
}
button:hover{
cursor:pointer
}
h1,h2,h3,h4,h5{
font-family:Montserrat,sans-serif;
font-weight:400;
color:#fff
}
h1{
font-size:2.22222rem;
line-height:2.77778rem;
letter-spacing:.01em
}
h2{
font-weight:700;
font-size:2.22222rem
}
h3{
font-size:1.66667rem;
font-weight:700;
letter-spacing:.01em
}
@media screen and (max-width:1200px){
h3{
font-size:1.44444rem
}
}
@media screen and (max-width:768px){
h3{
font-size:1.22222rem
}
}
h4{
font-size:1.33333rem;
line-height:1.61111rem
}
input{
outline:0;
color:#fff
}
input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none
}
input[type=range]:focus{
outline:0
}
input[type=range]::-ms-track{
width:100%;
cursor:pointer;
background:0 0;
border-color:transparent;
color:transparent
}
option{
font-size:.77778rem;
width:100px;
margin-bottom:30px;
padding:10px 30px;
border:1px solid rgba(255,255,255,.2);
border-radius:20px;
color:#000
}
.block_border_radius{
border:1px solid #fff;
border-radius:1.11111rem;
overflow:hidden
}
:root{
--blue:#3d5fd5;
--maincolor:#e1242d;
--tcs:#ffdd2d
}
body{
background:#2d2f34
}
#pc-dashboard{
display:flex;
justify-content:space-between
}
.pc-block{
display:flex;
justify-content:space-between;
width:100%;
max-width:396px;
text-align:center
}
.pc-module{
width:100%;
max-width:188px;
margin-top:70px
}
.pc-module-graphic img{
max-height:130px
}
.pc-module-value{
font-size:20px;
font-weight:700;
margin-bottom:5px
}
.pc-module-name,.pc-module-note,.pc-module-options{
font-size:14px;
font-weight:300
}
.pc-module-options{
margin-top:20px
}
.pc-module-options span{
color:var(--blue);
cursor:pointer
}
.pc-module-options span:hover{
text-decoration:underline
}
.pc-module-options span.active{
color:#000;
pointer-events:none
}
.pc-module-note{
max-width:150px;
color:#fff;
margin:12px auto 0
}
#pc-battery path{
stroke:#ccc;
stroke-width:3px;
fill:#f8f8f8
}
#pc-battery rect.ref-rect{
fill:#ccc
}
#pc-battery rect.mark-rect{
fill:var(--blue)
}
#pc-topspeed-info{
margin-top:15px;
color:#999
}
#pc-topspeed-info .pc-module-value{
font-size:20px
}
.acceleration .pc-modules-box{
display:flex;
justify-content:center
}
.acceleration .pc-modules-box .pc-module{
max-width:180px;
margin:20px 0 0
}
.acceleration .pc-acceleration-value,.acceleration .pc-topspeed-value{
font-size:20px;
font-weight:700;
margin-bottom:5px
}
@media screen and (max-width:1000px){
#pc-dashboard{
flex-wrap:wrap
}
#pc-dashboard .pc-block{
max-width:100%;
justify-content:center;
margin-bottom:25px
}
}
.account__content{
display:grid;
grid-gap:2.22222rem
}
@media screen and (max-width:1600px){
.account__content{
grid-gap:1.66667rem
}
}
.account__content-main{
grid-template:repeat(2,auto)/1.52fr 1fr
}
@media screen and (max-width:1200px){
.account__content-main{
grid-template:repeat(3,auto)/1fr
}
}
.account__content-add-sales{
grid-template-columns:4.3fr 1fr
}
@media screen and (max-width:1600px){
.account__content-add-sales{
grid-template-columns:3.5fr 1fr
}
}
@media screen and (max-width:1200px){
.account__content-add-sales{
grid-template-columns:2fr 1fr
}
}
@media screen and (max-width:768px){
.account__content-add-sales{
grid-template:1fr auto/1fr
}
}
.account__content-data-model{
grid-template:auto 1fr/4.3fr 1fr
}
@media screen and (max-width:1600px){
.account__content-data-model{
grid-template:auto 1fr/3.5fr 1fr
}
}
@media screen and (max-width:1200px){
.account__content-data-model{
grid-template:auto 1fr/2fr 1fr
}
}
@media screen and (max-width:768px){
.account__content-data-model{
grid-template:1fr/1fr
}
}
.account__content-data-model .sales{
grid-column:1/2;
grid-row:2/3
}
.account__content-data-model .accont__add-sales-progress{
grid-column:2/3;
grid-row:2/3
}
@media screen and (max-width:768px){
.account__content-data-model .accont__add-sales-progress{
grid-column:1/2;
grid-row:3/4
}
}
.account__title{
line-height:2.72222rem;
margin-bottom:2.22222rem
}
@media screen and (max-width:1600px){
.account__title{
font-size:1.44444rem;
margin-bottom:1.66667rem
}
}
@media screen and (max-width:768px){
.account__title{
font-size:1.33333rem;
margin-bottom:1.11111rem
}
}
.account__block{
overflow:hidden;
padding:1.66667rem
}
.account__block_border{
border:1px solid #fff;
border-radius:1.11111rem
}
.account__block_col_two{
grid-column-start:1;
grid-column-end:3
}
@media screen and (max-width:1200px){
.account__block_col_two{
grid-column-end:2
}
}
.account__block-main{
min-width:34.44444rem
}
@media screen and (max-width:1600px){
.account__block-main{
padding:1.11111rem;
min-width:30.55556rem
}
}
@media screen and (max-width:768px){
.account__block-main{
min-width:25rem
}
}
@media screen and (max-width:480px){
.account__block-main{
min-width:17.77778rem
}
}
.account__block-title{
font-weight:700;
font-size:1.66667rem;
line-height:2.05556rem
}
@media screen and (max-width:1600px){
.account__block-title{
font-size:1.22222rem;
line-height:1.55556rem
}
}
@media screen and (max-width:768px){
.account__block-title{
font-size:1rem;
line-height:1.33333rem
}
}
.account__block-subtitle{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1200px){
.account__block-subtitle{
font-size:.77778rem;
line-height:1rem
}
}
.account__personal-data{
display:grid;
grid-auto-flow:column;
grid-template:repeat(3,auto)/144px repeat(2,1fr);
grid-column-gap:1.66667rem;
grid-row-gap:.66667rem;
align-items:center
}
@media screen and (max-width:1600px){
.account__personal-data{
grid-template:repeat(3,auto)/130px repeat(2,1fr);
grid-column-gap:1.11111rem;
grid-row-gap:.55556rem
}
}
@media screen and (max-width:768px){
.account__personal-data{
grid-column-gap:.55556rem;
grid-template:repeat(6,auto)/100px 1fr
}
}
@media screen and (max-width:480px){
.account__personal-data{
grid-template:repeat(7,auto)/1fr
}
}
.account__payment{
display:flex;
justify-content:space-between
}
@media screen and (max-width:1200px){
.account__payment{
display:grid;
grid-column-gap:1.11111rem;
grid-template-columns:130px repeat(2,1fr)
}
}
@media screen and (max-width:768px){
.account__payment{
grid-template-columns:repeat(2,1fr)
}
}
.banner__wrapper{
position:relative;
width:100%
}
@media screen and (max-width:480px){
.banner__wrapper{
padding-bottom:1.11111rem
}
}
.banner__image{
width:62.5vw;
height:17.77778rem;
background:linear-gradient(270deg,#2d2f34 0,rgba(45,47,52,0) 50%),url(/images/temp/bannerImg.jpg) left bottom/cover no-repeat
}
@media screen and (max-width:1200px){
.banner__image{
height:13.88889rem
}
}
@media screen and (max-width:768px){
.banner__image{
height:9.55556rem
}
}
@media screen and (max-width:480px){
.banner__image{
width:100%;
background:linear-gradient(180deg,rgba(45,47,52,0) 73.25%,#2d2f34 100%),url(/images/bannerImg.jpg) 25% bottom/130% no-repeat
}
}
.banner__text{
position:absolute;
right:3.33333rem;
top:50%;
transform:translate(0,-50%);
max-width:33.33333rem;
display:flex;
flex-direction:column;
align-items:center
}
@media screen and (max-width:1600px){
.banner__text{
max-width:27.77778rem
}
}
@media screen and (max-width:1200px){
.banner__text{
max-width:22.22222rem
}
}
@media screen and (max-width:768px){
.banner__text{
max-width:15.83333rem
}
}
@media screen and (max-width:480px){
.banner__text{
width:80%;
max-width:100%;
position:relative;
left:50%;
transform:translate(-50%,0)
}
}
.banner__title{
font-weight:700;
font-size:1.66667rem;
text-align:center;
color:#fff;
margin-bottom:1.66667rem
}
@media screen and (max-width:1600px){
.banner__title{
font-size:1.38889rem
}
}
@media screen and (max-width:1200px){
.banner__title{
font-size:1.11111rem
}
}
@media screen and (max-width:768px){
.banner__title{
margin-bottom:1.11111rem;
font-size:.77778rem
}
}
@media screen and (max-width:480px){
.banner__title{
font-size:1rem
}
}
.banner__btn{
display:block;
font-weight:600;
font-size:1rem
}
@media screen and (max-width:1600px){
.banner__btn{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.banner__btn{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.banner__btn{
font-size:.66667rem
}
}
.bread-crumbs{
position:relative;
padding:2rem 0 0;
display:flex;
justify-content:space-between;
align-items:center;
z-index:10
}
@media screen and (max-width:1600px){
.bread-crumbs{
padding:.83333rem 0 0
}
}
.bread-crumbs__list{
display:flex;
align-items:center
}
@media(max-width:576px){
	.bread-crumbs__list{
		flex-wrap:wrap
	}
}
.bread-crumbs__item{
display:flex;
align-items:center;
margin-right:.83333rem;
font-weight:600;
font-size:1.11111rem
}
@media screen and (max-width:1600px){
.bread-crumbs__item{
font-size:.77778rem
}
}
@media screen and (max-width:1200px){
.bread-crumbs__item{
font-size:.66667rem;
font-weight:500
}
}
@media(max-width:576px){
	.bread-crumbs__item{
		margin-bottom:.3rem
	}
}
.bread-crumbs__item::after{
content:'';
margin-left:.83333rem;
width:.55556rem;
height:1rem;
display:block;
background:url(/images/icons/arrow.svg) center center/cover no-repeat
}
@media screen and (max-width:1600px){
.bread-crumbs__item::after{
width:.38889rem;
height:.83333rem
}
}
@media screen and (max-width:1200px){
.bread-crumbs__item::after{
width:.27778rem;
height:.55556rem;
margin-left:.44444rem
}
}
.bread-crumbs__item:last-child::after{
display:none
}
.bread-crumbs__line{
flex:1;
height:2px;
border-radius:1.11111rem;
background:rgba(255,255,255,.5)
}
.btn{
padding:.55556rem .83333rem;
color:#fff;
border-radius:.55556rem;
line-height:1.22222rem;
transition:all .3s ease;
font-weight:600
}
.btn_bg_fill-half{
background:rgba(225,36,45,.5)
}
.btn_bg_fill{
background-color:#e1242d
}
.btn_bg_light{
background-color:#fff;
color:#2d2f34
}
.btn_border{
border:2px solid rgba(255,255,255,.5)
}
.main-offers__item:hover .btn_border,
.btn_border:hover{
border:2px solid #fff;
background-color:#fff;
color:#2d2f34
}
.btn_border:hover.btn_cross::after{
border-color:#2d2f34
}
.btn_cross{
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
line-height:.94444rem
}
.btn_cross::after,
.modifications__item-btn .plus{
content:'+';
font-size:1.22222rem;
display:block;
width:1.11111rem;
height:1.11111rem;
border:2px solid #fff;
border-radius:50%;
margin-left:.55556rem;
cursor:pointer
}
.modifications__item-btn .plus{
	display:flex;
	justify-content:center;
	align-items:center
}
.modifications__item-btn .plus:hover{
	background:#000;
	color:#fff
}
@media screen and (max-width:768px){
.btn_cross{
line-height:1.05556rem
}
}
@media screen and (max-width:768px){
.btn_cross{
line-height:15px
}
}
@media screen and (max-width:480px){
.btn_cross{
line-height:12px
}
}
@media screen and (max-width:1200px){
.btn{
padding:.55556rem
}
}
.btn-reference{
flex-shrink:0;
width:1.11111rem;
height:1.11111rem;
border-radius:50%;
border:1px solid #fff;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:.77778rem;
font-weight:600;
transition:all .3s ease
}
.btn-reference:hover{
background:#fff;
color:#2d2f34
}
.checkbox__label{
display:flex;
align-items:center
}
.checkbox__label input{
display:none
}
.checkbox__label input:checked~.checkbox__view{
border-color:#e1242d
}
.checkbox__label input:checked~.checkbox__view::after{
display:block
}
.checkbox__label:hover{
cursor:pointer
}
.checkbox__view{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
width:1.11111rem;
height:1.11111rem;
border:1px solid #fff;
border-radius:50%;
margin-right:.83333rem
}
.checkbox__view::after{
content:'';
display:none;
width:100%;
height:100%;
border:3px solid #e1242d;
background:#fff;
border-radius:50%
}
@media screen and (max-width:1200px){
.checkbox__view{
width:1rem;
height:1rem
}
}
@media screen and (max-width:480px){
.checkbox__view{
width:1.38889rem;
height:1.38889rem
}
}
.checkbox__text{
font-size:1rem
}
@media screen and (max-width:1600px){
.checkbox__text{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.checkbox__text{
font-size:.77778rem
}
}
.chronology{
padding:1.66667rem;
border:1px solid #fff;
border-radius:1.11111rem;
display:grid;
grid-template:1fr auto/1fr;
grid-row-gap:1.66667rem
}
@media screen and (max-width:1200px){
.chronology{
grid-row-gap:1.38889rem
}
}
@media screen and (max-width:768px){
.chronology{
grid-row-gap:1.11111rem
}
}
.chronology__column{
flex:1
}
.chronology__column:last-child{
max-width:17.44444rem
}
.chronology__header{
display:grid;
grid-template-columns:1fr 17.44444rem;
grid-column-gap:1.11111rem
}
@media screen and (max-width:1600px){
.chronology__header{
grid-template-columns:1fr
}
}
.chronology__header-content{
display:flex;
justify-content:space-between;
align-items:center
}
@media screen and (max-width:1600px){
.chronology__header-content{
flex-direction:column
}
}
.chronology__controls{
display:flex;
flex-wrap:wrap
}
@media screen and (max-width:480px){
.chronology__controls{
display:none
}
}
.chronology__btn{
font-weight:700;
margin:0 1.11111rem .55556rem 0
}
.chronology__btn:last-child{
margin-right:0
}
@media screen and (max-width:1200px){
.chronology__btn{
font-size:1rem
}
}
@media screen and (max-width:768px){
.chronology__btn{
font-size:10px;
padding:6px 10px;
line-height:10px;
margin-right:.83333rem
}
}
.chronology__content{
display:grid;
grid-template-columns:1fr 17.44444rem;
grid-column-gap:1.11111rem
}
@media screen and (max-width:1600px){
.chronology__content{
grid-template:1fr 3fr/1fr;
grid-row-gap:1.11111rem
}
}
@media screen and (max-width:768px){
.chronology__content{
grid-template:1fr 4fr/1fr
}
}
@media screen and (max-width:480px){
.chronology__content{
cursor:grab;
overflow:scroll;
grid-template:1fr/1fr
}
.chronology__content::-webkit-scrollbar-track{
background-color:transparent
}
.chronology__content::-webkit-scrollbar-thumb{
-webkit-border-radius:20px;
border-radius:20px;
background-color:#fff
}
.chronology__content::-webkit-resizer{
width:2px;
height:0
}
.chronology__content::-webkit-scrollbar{
width:100%;
height:4px
}
}
@media screen and (max-width:1600px){
.chronology__title{
margin-bottom:1.66667rem
}
}
@media screen and (max-width:1200px){
.chronology__title{
margin-bottom:1.11111rem
}
}
@media screen and (max-width:480px){
.chronology__title{
width:100%;
font-size:16px;
padding-bottom:.83333rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
}
.chronology__table{
display:grid;
grid-template-rows:repeat(13,1fr)
}
.chronology__table-row{
display:grid;
grid-template-columns:1.2fr repeat(12,1fr);
border-radius:5px
}
.chronology__table-row:nth-child(2n){
background:rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.chronology__table-row{
grid-template-columns:1.5fr repeat(12,1fr)
}
}
.chronology__table-cell{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-around;
font-style:normal;
font-weight:600;
font-size:1rem;
line-height:1.22222rem;
border-right:2px solid rgba(255,255,255,.2);
padding:1px 0
}
.chronology__table-cell-circle{
width:1.27778rem;
height:1.27778rem;
border-radius:50%;
border:4px solid transparent;
display:flex;
justify-content:center;
align-items:center;
transition:all .3s ease
}
.chronology__table-cell-circle::after{
content:'';
border-radius:50%;
display:block;
width:15px;
height:15px
}
@media screen and (max-width:1200px){
.chronology__table-cell-circle::after{
width:11px;
height:11px
}
}
.chronology__table-cell-circle_fill_red::after{
background:#e1242d
}
.chronology__table-cell-circle_fill_red:hover{
border-color:#fff
}
.chronology__table-cell-circle_fill_white::after{
background:#fff
}
.chronology__table-cell-circle_fill_white:hover{
border-color:#e1242d
}
.chronology__table-cell-circle_active.chronology__table-cell-circle_fill_red{
border-color:#fff
}
.chronology__table-cell-circle_active.chronology__table-cell-circle_fill_white{
border-color:#e1242d
}
@media screen and (max-width:1200px){
.chronology__table-cell-circle{
width:19px;
height:19px
}
}
@media screen and (max-width:768px){
.chronology__table-cell-circle{
border:3px solid transparent;
width:17px;
height:17px
}
}
.chronology__table-cell:last-child{
border-right:0
}
@media screen and (max-width:1200px){
.chronology__table-cell{
font-size:.77778rem;
padding:2px 0
}
}
@media screen and (max-width:768px){
.chronology__table-cell{
font-size:8px
}
}
@media screen and (max-width:480px){
.chronology__table-cell{
font-size:.66667rem;
min-width:70px;
font-size:12px
}
}
@media screen and (max-width:480px){
.chronology__table{
padding-bottom:10px
}
}
.chronology__info{
display:grid;
grid-template-rows:1.94444rem 1fr
}
.chronology__info-card{
position:relative;
height:fit-content;
grid-row-start:2;
grid-row-end:10;
border-radius:1.11111rem;
border:1px solid #fff;
padding:1.11111rem
}
.chronology__info-card div{
color:#fff;
text-align:center;
margin-bottom:1.11111rem;
font-weight:600;
font-size:1rem;
line-height:1.22222rem;
transition:all .3s ease
}
@media screen and (max-width:1200px){
.chronology__info-card div{
text-align:left
}
}
@media screen and (max-width:768px){
.chronology__info-card div{
font-size:.77778rem
}
}
.chronology__info-card div:first-child{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:768px){
.chronology__info-card div:first-child{
font-size:.88889rem
}
}
@media screen and (max-width:480px){
.chronology__info-card div:first-child{
width:100%;
padding:0 2.77778rem;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem;
text-align:center;
align-self:center;
padding-bottom:.83333rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
}
.chronology__info-card div:last-child{
margin-bottom:0
}
@media screen and (max-width:480px){
.chronology__info-card div:last-child{
font-weight:500;
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:4.16667rem
}
}
@media screen and (max-width:1600px){
.chronology__info-card{
grid-row-start:1;
grid-row-end:2
}
}
@media screen and (max-width:480px){
.chronology__info-card{
display:flex;
flex-direction:column;
width:95%;
border:0;
background:#2d2f34
}
}
.chronology__info-btn{
display:none;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:480px){
.chronology__info-btn{
display:block
}
}
.chronology__info-cross{
right:1.11111rem;
top:1.11111rem;
position:absolute;
width:15px;
height:15px
}
.chronology__info-cross svg{
fill:#fff
}
@media screen and (max-width:1600px){
.chronology__info{
grid-template-rows:auto;
grid-row-start:1
}
}
@media screen and (max-width:1200px){
.chronology__info{
margin-bottom:1.11111rem
}
}
@media screen and (max-width:480px){
.chronology__info{
display:none
}
}
.chronology__controls-wrap{
display:none;
font-size:.88889rem;
width:100%
}
@media screen and (max-width:480px){
.chronology__controls-wrap{
display:block
}
}
.colors__list{
width:100%;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
grid-gap:2.22222rem;
margin-bottom:1.66667rem;
padding-bottom:1.66667rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.colors__list{
grid-gap:1.94444rem;
grid-template-columns:repeat(auto-fit,minmax(130px,1fr))
}
}
@media screen and (max-width:768px){
.colors__list{
grid-gap:1.38889rem;
grid-template-columns:repeat(auto-fit,minmax(90px,1fr))
}
}
@media screen and (max-width:480px){
.colors__list{
grid-gap:.83333rem;
grid-template-columns:repeat(auto-fit,minmax(70px,1fr))
}
}
.colors__item{
display:flex;
justify-content:center
}
.colors__item button{
display:flex;
flex-direction:column;
align-items:center;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem;
color:#fff
}
.colors__item-color{
flex-shrink:0;
position:relative;
width:4.44444rem;
height:4.44444rem;
border-radius:50%;
margin-bottom:.55556rem
}
.colors__item-color_white{
background:#fff
}
.colors__item-color_black{
background:#000
}
.colors__item-color_active .colors__item-choice{
display:block
}
@media screen and (max-width:1200px){
.colors__item-color{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:768px){
.colors__item-color{
width:2.77778rem;
height:2.77778rem
}
}
@media screen and (max-width:480px){
.colors__item-color{
width:2.22222rem;
height:2.22222rem
}
}
.colors__item-choice{
display:none;
fill:#2d2f34;
width:2.22222rem;
height:2.22222rem;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.comparison-phone{
display:none
}
@media screen and (max-width:768px){
.comparison-phone{
display:flex;
flex-direction:column
}
}
.comparison-phone__header{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:1.11111rem;
margin-bottom:1.11111rem;
border-bottom:2px solid rgba(255,255,255,.5)
}
.comparison-phone__button-back{
transform:rotate(180deg)
}
.comparison-phone__controls{
display:flex
}
.comparison-phone__controls li{
margin-right:.55556rem
}
.comparison-phone__controls li:last-child{
margin-right:0
}
.comparison-phone__row{
display:flex;
justify-content:space-between;
margin-bottom:1.11111rem
}
.comparison-phone__column{
width:calc(100% / 3 - 10px)
}
.comparison-phone__preview{
width:100%;
height:27vw;
border-radius:10px;
overflow:hidden;
position:relative
}
.comparison-phone__gradient{
padding:8px;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),linear-gradient(180deg,rgba(0,0,0,0) 74.19%,#000 100%)
}
.comparison-phone__delete{
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center
}
.comparison-phone__delete-btn{
align-self:flex-end;
width:1.66667rem;
height:1.66667rem
}
.comparison-phone__delete-btn svg{
fill:#fff
}
.comparison-phone__preview-title{
font-weight:700;
font-size:1rem;
line-height:1.11111rem
}
.comparison-phone__control-item{
padding:0 3%;
display:flex;
justify-content:space-between;
align-items:center
}
.comparison-phone__control-item button{
width:1rem;
height:1.27778rem
}
.comparison-phone__control-item button svg{
fill:#fff
}
.comparison-phone__control-counter{
font-weight:700;
font-size:1.11111rem;
line-height:1.22222rem
}
.comparison-phone__filter-buttons{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:1.66667rem;
border-bottom:2px solid rgba(255,255,255,.5)
}
.comparison-phone__filter-btn{
width:calc(100% / 2 - 5px)
}
.comparison-phone__filter-btn button{
width:100%;
padding:.55556rem .77778rem;
font-weight:600;
font-size:.88889rem;
line-height:1rem
}
.comparison{
display:grid;
grid-template-columns:1fr 15.83333rem;
grid-gap:1.11111rem
}
@media screen and (max-width:1200px){
.comparison{
grid-template-columns:1fr 22vw
}
}
@media screen and (max-width:768px){
.comparison{
display:none
}
}
.comparison__add-auto{
display:flex;
flex-direction:column;
padding:.83333rem 1.11111rem;
border:2px solid rgba(255,255,255,.2);
border-radius:10px
}
.comparison__title{
font-weight:600;
font-size:1rem;
line-height:1.22222rem
}
.comparison__title_mb{
margin-bottom:.55556rem
}
@media screen and (max-width:1600px){
.comparison__title{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.comparison__title{
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:768px){
.comparison__title{
font-size:1rem;
line-height:1.22222rem
}
}
.comparison__selects{
margin-bottom:1.11111rem
}
.comparison__select-control{
position:relative;
z-index:10;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:.55556rem
}
.comparison__add-buttons{
display:flex;
flex-direction:column;
margin-bottom:13.88889rem
}
.comparison__btn{
position:relative;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:.83333rem
}
.comparison__btn_bottom-line{
margin-bottom:1.66667rem
}
.comparison__btn_bottom-line::after{
content:'';
position:absolute;
bottom:-.83333rem;
left:0;
display:block;
width:100%;
height:2px;
background:rgba(255,255,255,.5);
height:2px
}
.comparison__btn_bottom-line:last-child{
margin-bottom:0
}
.comparison__btn_bottom-line:last-child::after{
display:none
}
.comparison__btn:last-child{
margin-bottom:0
}
@media screen and (max-width:1600px){
.comparison__btn{
font-size:.66667rem;
line-height:.83333rem;
margin-bottom:.55556rem
}
}
@media screen and (max-width:1200px){
.comparison__btn{
font-size:.55556rem;
line-height:.66667rem
}
}
.comparison__buttons{
display:flex;
flex-direction:column
}
.comparison__list{
overflow-x:scroll
}
.comparison__content{
width:100%;
display:grid;
grid-template:repeat(6,auto)/300px repeat(auto-fill,241px);
grid-auto-flow:column
}
@media screen and (max-width:1600px){
.comparison__content{
grid-template:repeat(6,auto)/17.2vw repeat(auto-fill,13.8vw)
}
}
.comparison__content_row_7{
grid-template:repeat(7,auto)/300px repeat(auto-fill,241px)
}
@media screen and (max-width:1600px){
.comparison__content_row_7{
grid-template:repeat(7,auto)/17.2vw repeat(auto-fill,13.8vw)
}
}
.comparison__cell{
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:1.11111rem 9px;
border:2px solid rgba(255,255,255,.2);
border-left:0;
border-top:0
}
.comparison__cell_ta_center{
text-align:center;
align-items:center
}
.comparison__cell_first-column{
padding:1.11111rem 9px 1.11111rem 1.11111rem
}
.comparison__cell_first-column:first-child{
padding:9px 9px 9px 1.11111rem
}
@media screen and (max-width:1600px){
.comparison__cell_first-column:first-child{
padding:9px 9px 9px .83333rem
}
}
@media screen and (max-width:1600px){
.comparison__cell_first-column{
padding:.83333rem 9px .83333rem .83333rem
}
}
.comparison__cell_photo{
position:relative;
padding:0 9px 9px
}
.comparison__cell_advantage{
color:#059d6f;
font-weight:600
}
.comparison__cell_last-cell{
border-bottom:0
}
.comparison__cell_wheelbase{
display:flex;
justify-content:space-between;
align-items:center
}
.comparison__cell_wheelbase svg{
width:4.55556rem;
height:2.33333rem;
margin-right:.55556rem
}
@media screen and (max-width:1200px){
.comparison__cell_wheelbase svg{
width:3.33333rem;
height:1.66667rem;
margin-right:7px
}
}
.comparison__cell_delete{
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row;
border-top:2px solid rgba(255,255,255,.2)
}
.comparison__cell_delete span{
margin-right:1.11111rem;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem;
color:#fff;
text-align:start
}
@media screen and (max-width:1600px){
.comparison__cell_delete span{
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:1200px){
.comparison__cell_delete span{
margin-right:5px
}
}
.comparison__cell_delete svg{
flex-shrink:0;
width:20px;
height:20px;
fill:#fff
}
@media screen and (max-width:1200px){
.comparison__cell_delete{
flex-wrap:wrap
}
}
@media screen and (max-width:1600px){
.comparison__cell{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.comparison__cell{
font-size:.66667rem;
line-height:.88889rem
}
}
.comparison__cell_photo-content{
width:100%;
padding:0 1.11111rem;
display:flex;
justify-content:space-between;
align-items:center;
position:absolute;
left:50%;
bottom:.83333rem;
transform:translate(-50%,0)
}
.comparison__cell_photo-content span{
font-weight:700;
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:1200px){
.comparison__cell_photo-content span{
font-size:.55556rem;
line-height:.66667rem
}
}
.comparison__cell_photo-content button{
flex-shrink:0;
width:20px;
height:20px
}
.comparison__cell_photo-content button svg{
fill:#fff
}
@media screen and (max-width:1200px){
.comparison__cell_photo-content button{
width:15px;
height:15px
}
}
@media screen and (max-width:1200px){
.comparison__cell_photo-content{
padding:0 .83333rem
}
}
.comparison__img-wrapper{
border-radius:10px;
overflow:hidden;
position:relative;
width:100%;
height:100%
}
.comparison__img-gradient{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(0,0,0,0) 65%,#000 100%)
}
.comparison__row-title{
width:100%;
padding:.55556rem 1.11111rem;
display:flex;
justify-content:space-between;
align-items:center;
border:2px solid #e1242d;
border-radius:5px;
font-weight:600;
font-size:1.22222rem;
line-height:1.5rem;
color:#fff
}
@media screen and (max-width:1600px){
.comparison__row-title{
font-size:1.11111rem;
line-height:1.38889rem
}
}
@media screen and (max-width:1200px){
.comparison__row-title{
font-size:.88889rem;
line-height:1.22222rem
}
}
.comparison__acceleration{
width:100%!important;
height:100%!important;
margin:0!important
}
.comparison__delete{
display:grid;
grid-template-columns:300px repeat(auto-fill,241px)
}
@media screen and (max-width:1600px){
.comparison__delete{
grid-template-columns:17.2vw repeat(auto-fill,13.8vw)
}
}
.comparison__footer{
padding-bottom:2.66667rem
}
.comparison__footer-text{
font-weight:700;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:1600px){
.comparison__footer-text{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.comparison__footer-text{
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:768px){
.comparison__footer-text{
font-size:.88889rem;
line-height:1rem;
text-align:center
}
}
.data-model__header{
display:flex;
justify-content:space-between;
align-items:center
}
@media screen and (max-width:1600px){
.data-model__header{
grid-column:1/3
}
}
@media screen and (max-width:1200px){
.data-model__header{
align-items:flex-start;
flex-direction:column
}
}
@media screen and (max-width:768px){
.data-model__header{
align-items:center;
grid-column:1/2
}
}
.data-model__title{
display:flex;
align-items:center
}
@media screen and (max-width:1200px){
.data-model__title{
margin-bottom:1.11111rem
}
}
.data-model__name{
margin-right:2.22222rem
}
@media screen and (max-width:1200px){
.data-model__name{
font-size:1.66667rem
}
}
@media screen and (max-width:480px){
.data-model__name{
font-size:1.33333rem
}
}
.data-model__color{
display:flex;
align-items:center
}
.data-model__color span{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-right:1.11111rem
}
@media screen and (max-width:480px){
.data-model__color span{
font-size:1rem
}
}
@media screen and (max-width:1600px){
.data-model__btn{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.data-model__btn{
font-size:.77778rem
}
}
.data-model__color-cirlce{
display:none;
flex-shrink:0;
position:relative;
width:2.22222rem;
height:2.22222rem;
border-radius:50%;
margin-left:1.11111rem
}
.detailed-specifications{
width:100%;
display:grid;
grid-template:1fr 1fr/1.2fr 1.2fr .6fr;
grid-column-gap:2.22222rem;
grid-row-gap:1.66667rem
}
@media screen and (max-width:1600px){
.detailed-specifications{
grid-template:1fr 1fr/1fr 1fr;
grid-column-gap:1.11111rem;
grid-row-gap:1.11111rem
}
}
@media screen and (max-width:768px){
.detailed-specifications{
grid-template:1fr 1fr 1fr 1fr/1fr;
grid-template:1fr 1fr 1fr/1fr;
grid-row-gap:2.22222rem
}
}
.detailed-specifications__car{
border-radius:.55556rem;
overflow:hidden
}
@media screen and (max-width:1600px){
.detailed-specifications__car{
max-height:13.88889rem;
align-self:flex-end;
grid-row-start:3
}
}
@media screen and (max-width:768px){
.detailed-specifications__car{
grid-row-start:1;
margin-bottom:2.22222rem
}
}
@media screen and (max-width:480px){
.detailed-specifications__car{
align-self:flex-start
}
}
.detailed-specifications__car-img{
object-position:bottom center
}
.detailed-specifications__cells{
display:grid;
grid-template:repeat(8,1fr)/1fr
}
.detailed-specifications__cells_car{
grid-template:auto 1fr/1fr;
grid-column-start:2;
grid-column-end:4
}
@media screen and (max-width:1600px){
.detailed-specifications__cells_car{
grid-template:.23fr auto 1fr/1fr;
grid-column-end:3
}
}
@media screen and (max-width:768px){
.detailed-specifications__cells_car{
grid-template:auto 1fr/1fr;
grid-column-start:1;
grid-column-end:2
}
}
@media screen and (max-width:480px){
.detailed-specifications__cells_car{
grid-template:180px 120px/1fr
}
}
.detailed-specifications__cell{
display:flex;
align-items:center;
font-size:1rem
}
.detailed-specifications__cell:last-child{
font-size:1.11111rem;
font-weight:700
}
@media screen and (max-width:1600px){
.detailed-specifications__cell:last-child{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.detailed-specifications__cell:last-child{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.detailed-specifications__cell:last-child{
font-size:.66667rem
}
}
@media screen and (max-width:1600px){
.detailed-specifications__cell{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.detailed-specifications__cell{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.detailed-specifications__cell{
font-size:.66667rem
}
}
.detailed-specifications__documents-cells{
padding-top:3.05556rem;
display:flex;
flex-direction:column
}
@media screen and (max-width:1600px){
.detailed-specifications__documents-cells_screen_1920{
display:none
}
}
.detailed-specifications__documents-cells_screen_1600{
display:none;
flex-direction:row;
padding-top:3.33333rem;
margin-bottom:1.66667rem
}
@media screen and (max-width:1600px){
.detailed-specifications__documents-cells_screen_1600{
padding-top:0;
display:flex;
justify-content:space-between;
grid-row-start:2
}
}
@media screen and (max-width:1200px){
.detailed-specifications__documents-cells_screen_1600{
margin-bottom:0
}
}
@media screen and (max-width:768px){
.detailed-specifications__documents-cells_screen_1600{
justify-self:center;
grid-row-start:2;
margin-bottom:0;
max-width:26.22222rem
}
}
@media screen and (max-width:480px){
.detailed-specifications__documents-cells_screen_1600{
max-width:100%;
width:100%;
flex-direction:column
}
}
.detailed-specifications__title{
font-size:1.66667rem;
font-weight:600;
display:flex;
align-items:center
}
@media screen and (max-width:1600px){
.detailed-specifications__title{
font-size:1.33333rem
}
}
@media screen and (max-width:768px){
.detailed-specifications__title{
font-size:1.11111rem
}
}
.detailed-specifications__row{
padding:.55556rem .83333rem;
display:grid;
grid-template:1fr/1fr 1.3fr;
grid-column-gap:.55556rem
}
.detailed-specifications__row:nth-child(even){
align-self:center;
background:rgba(255,255,255,.1);
border-radius:5px
}
.detailed-specifications__documents-row{
min-width:18.22222rem;
height:4.44444rem;
margin-bottom:.83333rem;
border-radius:.55556rem;
display:flex;
align-items:center;
padding:1.11111rem .55556rem
}
.detailed-specifications__documents-row-img{
width:2.22222rem;
height:2.22222rem;
fill:#fff;
margin-right:.55556rem
}
.detailed-specifications__documents-row-text{
text-align:start;
flex:1;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1600px){
.detailed-specifications__documents-row-text{
font-size:.77778rem;
line-height:.94444rem
}
}
@media screen and (max-width:1200px){
.detailed-specifications__documents-row-text{
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:480px){
.detailed-specifications__documents-row-text{
font-size:.88889rem
}
}
@media screen and (max-width:1600px){
.detailed-specifications__documents-row{
width:calc(50% - 20px);
min-width:14.16667rem;
margin-bottom:0;
padding:.55556rem .27778rem
}
}
@media screen and (max-width:1200px){
.detailed-specifications__documents-row{
width:calc(50% - 10px);
min-width:9.44444rem;
margin-bottom:.83333rem
}
.detailed-specifications__documents-row:last-child{
margin-bottom:0
}
}
@media screen and (max-width:768px){
.detailed-specifications__documents-row{
max-height:3.33333rem
}
}
@media screen and (max-width:480px){
.detailed-specifications__documents-row{
padding:1.11111rem .55556rem;
max-width:100%;
width:100%
}
}
.form{
position:relative;
display:flex;
align-items:center;
background:linear-gradient(90deg,#2d2f34 59%,rgba(45,47,52,0) 71%),url(/images/teslaOnForm.jpg) right center/auto 100% no-repeat;
border-radius:1.11111rem;
border:1px solid #fff;
overflow:hidden;
padding:1.66667rem
}
@media screen and (max-width:1600px){
.form{
background:linear-gradient(90deg,#2d2f34 60%,rgba(45,47,52,0) 71%),url(/images/teslaOnForm.jpg) right -13vw center/auto 100% no-repeat
}
}
@media screen and (max-width:1200px){
.form{
background:linear-gradient(90deg,#2d2f34 60%,rgba(45,47,52,0) 85%),url(/images/teslaOnForm.jpg) right -31vw center/auto 100% no-repeat
}
}
@media screen and (max-width:768px){
.form{
background:linear-gradient(90deg,#2d2f34 60%,rgba(45,47,52,0) 85%),url(/images/teslaOnForm.jpg) right -48vw center/auto 100% no-repeat
}
}
@media screen and (max-width:480px){
.form{
display:none
}
}
.form__data{
width:35vw
}
@media screen and (max-width:1600px){
.form__data{
width:30vw
}
}
@media screen and (max-width:768px){
.form__data{
width:28vw
}
}
.form__text{
font-weight:600;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:1.11111rem
}
.form__text h3{
font-weight:700;
font-size:1.66667rem;
line-height:2.05556rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:1600px){
.form__text h3{
font-size:1.11111rem;
line-height:1.22222rem
}
}
@media screen and (max-width:1200px){
.form__text h3{
font-size:1rem
}
}
@media screen and (max-width:768px){
.form__text h3{
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:.66667rem
}
}
@media screen and (max-width:1600px){
.form__text{
font-size:.88889rem;
line-height:.83333rem
}
}
@media screen and (max-width:1200px){
.form__text{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.form__text{
font-size:.55556rem;
line-height:.66667rem;
margin-bottom:.66667rem
}
}
.form__inputs{
width:100%;
display:flex;
justify-content:space-between;
margin-bottom:1.11111rem
}
.form__inputs input{
flex:1;
padding:.66667rem .83333rem;
background:0 0;
border:1px solid #fff;
border-radius:10px;
margin-right:.83333rem;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.form__inputs input::placeholder{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.form__inputs input:last-child{
margin-right:0
}
@media screen and (max-width:1600px){
.form__inputs input{
margin:0 0 .77778rem
}
}
@media screen and (max-width:768px){
.form__inputs input{
padding:.38889rem .61111rem;
margin:0 0 .33333rem;
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:1600px){
.form__inputs{
width:80%;
flex-direction:column;
margin-bottom:.83333rem
}
}
@media screen and (max-width:768px){
.form__inputs{
margin-bottom:.66667rem
}
}
.form__check{
font-size:.88889rem
}
.form__check-view{
flex-shrink:0;
width:1.11111rem;
height:1.11111rem;
border-radius:50%;
border:4px solid #e1242d;
background:#fff;
margin-right:.83333rem;
display:flex;
justify-content:center;
align-items:center
}
.form__check-view::after{
content:'';
display:none;
width:.38889rem;
height:.38889rem;
border-radius:50%;
background:#e1242d
}
@media screen and (max-width:768px){
.form__check-view{
border:3px solid #e1242d
}
}
.form__check label{
display:flex;
align-items:center
}
.form__check label:hover{
cursor:pointer
}
.form__check label input{
display:none
}
.form__check label input:checked~.form__check-view::after{
display:block
}
@media screen and (max-width:1200px){
.form__check{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.form__check{
font-size:.55556rem
}
}
@media screen and (max-width:480px){
.form__check{
font-size:.77778rem;
line-height:.83333rem;
margin-bottom:1.11111rem
}
}
.form__button{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:11.11111rem;
height:11.11111rem;
border-radius:50%;
border:3px solid #fff;
font-weight:600;
font-size:1rem;
line-height:1.22222rem;
color:#fff
}
@media screen and (max-width:1200px){
.form__button{
width:9.77778rem;
height:9.77778rem
}
}
@media screen and (max-width:768px){
.form__button{
font-size:.66667rem;
line-height:.83333rem;
top:60%;
width:6.66667rem;
height:6.66667rem
}
}
.form-phone{
display:none
}
@media screen and (max-width:480px){
.form-phone{
display:flex;
flex-direction:column;
border-radius:1.11111rem;
border:1px solid #fff;
padding:.83333rem
}
}
.form-phone__button{
font-weight:600;
font-size:1rem;
line-height:1.22222rem
}
.form-phone__label{
display:flex;
flex-direction:column;
margin-bottom:1.11111rem
}
.form-phone__label span{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem;
color:#fff;
margin-bottom:.55556rem
}
.form-phone__label input{
flex:1;
width:100%;
padding:.66667rem .83333rem;
background:0 0;
border:1px solid #fff;
border-radius:10px;
margin-right:.83333rem;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.form-phone__label input::placeholder{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
color:rgba(255,255,255,.5)
}
.form-phone__title{
font-weight:700;
font-size:1rem;
line-height:1.11111rem;
text-align:center;
margin-bottom:1.66667rem
}

#footer{
	background:#222
}
footer{
	width:100%;
	display:flex;
	padding:1.875rem 0;
	align-items:center
}
footer .about{
	max-width:26rem;
	width:100%
}
footer .copyright{
	font-size:.6rem;
	margin-top:1.25rem
}
footer .menu{
	margin:0 2.5rem;
	max-width:42rem;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around
}
footer .social{
	margin-left:auto;
	text-align:center;
	width:100%;
	max-width:30rem;
	font-size:.8rem
}
footer .networks .networks-list{
	display:flex;
	width:100%;
	justify-content:space-evenly
}
footer .networks .networks-list .item{
	height:4rem;
	width:4rem;
	border-radius:30px;
	border:1px solid #cacaca;
	display:flex;
	text-align:center
}
footer .networks .networks-list .item img{
	width:1.5rem;
	height:1.5rem;
	margin:auto
}
footer .phone,
footer .callback{
	margin:1rem auto 0;
	max-width:20rem
}	
footer .menu .payment{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:start
}
footer .menu .payment img{
	width:100%;
	max-width:6rem;
	margin-right:1rem;
	height:auto
}

@media(max-width:1400px){
	footer .about{
		max-width:17rem
	}
}
@media(max-width:1200px){
	footer .menu{
		justify-content:flex-start
	}
}
@media(max-width:560px){
	footer{
		flex-wrap:wrap
	}
	footer .about{
		order:3;
		margin-top:2rem
	}
	footer .social{
		margin-top:2rem
	}
	footer .menu{
		margin:0
	}
}




.header{
position:relative;
padding:.38889rem 0 1.38889rem;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid rgba(255,255,255,.5);
z-index:11;
margin-right:-1rem
}
@media screen and (max-width:1600px){
.header{
padding:.22222rem 0 1.22222rem
}
}
.header__column{
display:flex;
align-items:center
}
.header__column.icons{
	padding:1rem
}
.header__column.icons.active,
.header__column-inside{
	background:#444;
	border-radius:33px 33px 0 0
}
.header__column-inside.active{
	background:#444;
	border-radius:0 0 20px 20px;
	top:93px;
	position:absolute;
	display:flex;
	padding:1rem 0;
	margin-left:-1rem
}
.header__column-inside .header__column-item{
	
}
.header__column-inside .other-countries{
	display:flex;
	justify-content:space-between;
	padding:1rem 1rem 0;
	flex-wrap:wrap
}
.header__column-inside .other-countries select{
	background:transparent;
	border:1px solid #fff;
	color:#fff;
	padding:.3rem 1rem;
	font-weight:500;
	font-size:1rem;
	border-radius:10px;
	max-width:49%;
	overflow:hidden;
	cursor:pointer;
	margin-bottom:1rem
}
@media(max-width:1600px){
	.header__column.icons.active,
	.header__column-inside{
		border-radius:26px 26px 0 0
	}
	.header__column-inside .other-countries{
		flex-wrap:wrap
	}
	.header__column-inside .other-countries select{
		max-width:100%
	}
}
@media(max-width:1200px){
	.header__column.icons.active,
	.header__column-inside{
		border-radius:20px 20px 0 0
	}
	.header__column-inside.active{
		top:80px
	}
	.header__column-inside .other-countries select{
		font-size:.8rem
	}
}
@media(max-width:768px){
	.header__column-inside.active{
		margin-left:-100px;
		border-radius:20px 0 20px 20px
	}
	.header__column-inside .other-countries select{
		font-size:.8rem
	}
}
@media(max-width:576px){
}
.header__column-inside .other-countries select option{
	background:#444;
	color:#fff;
	font-size:1rem
}
.header__column-inside .other-countries select option{
	padding:4px 15px;
	cursor:pointer;
	transition:all .4s ease
}
.header__column-inside .header__column-item.hidden{
	display:none
}
.header__logo{
max-width:24.44444rem;
min-width:142px;
width:17.18vw;
margin-right:3.33333rem
}
@media screen and (max-width:768px){
.header__logo{
width:21.48vw;
margin-right:.83333rem
}
}
.header__search-form{
width:23.95vw;
max-width:25.55556rem;
height:3.33333rem;
border-radius:5.55556rem;
border:2px solid #fff;
display:flex;
align-items:center;
padding:.83333rem 1.38889rem
}
@media screen and (max-width:1600px){
.header__search-form{
padding:.83333rem .83333rem;
max-width:33.33333rem;
width:27.73vw;
height:5.2vh
}
}
@media screen and (max-width:1200px){
.header__search-form{
min-width:13.88889rem;
max-height:2.22222rem
}
}
@media screen and (max-width:768px){
.header__search-form{
padding:.5rem .625rem;
min-width:11.83333rem;
max-height:1.66667rem
}
}
@media screen and (max-width:480px){
.header__search-form{
display:none
}
}
.header__search-btn{
width:1.11111rem;
height:1.11111rem;
flex-shrink:0
}
@media screen and (max-width:1200px){
.header__search-btn{
width:.88889rem;
height:.88889rem
}
}
.header__search-magnifying{
fill:#fff
}
.header__search-input{
flex:1;
margin-left:1.38889rem;
font-size:.88889rem;
font-weight:600;
background:0 0;
outline:0;
border:0;
color:#fff
}
.header__search-input::placeholder{
color:#fff;
font-weight:500
}
@media screen and (max-width:1600px){
.header__search-input{
font-size:.77778rem;
margin-left:.83333rem
}
}
@media screen and (max-width:1200px){
.header__search-input{
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.header__search-input{
margin-left:.55556rem;
font-size:.55556rem
}
}
.header__icons-list{
display:flex;
align-items:center
}
.header__icons-item,
.header__icons-item{
margin-right:1.66667rem
}
.header__icons-item.active .header__icon-btn{
	border:3px solid #fff
}
@media screen and (max-width:1600px){
.header__icons-item{
margin-right:1.11111rem
}
}
@media screen and (max-width:768px){
.header__icons-item{
margin-right:.83333rem
}
}
.header__icons-item:not(.compare):last-child{
margin-right:0
}
.header__icons-item_active{
position:relative;
display:flex
}
.header__icons-item_active .count{
display:flex;
justify-content:center;
align-items:center;
font-weight:600;
font-size:.66667rem;
width:1.11111rem;
height:1.11111rem;
position:absolute;
right:0;
bottom:0;
border-radius:50%;
color:#fff;
background:#e1242d
}
@media screen and (max-width:1600px){
.header__icons-item_active:after{
width:.83333rem;
height:.83333rem
}
}
@media screen and (max-width:768px){
.header__icons-item_small-screen-display_none{
display:none
}
}
.header__icon-btn{
width:3.77778rem;
height:3.77778rem;
display:flex;
justify-content:center;
align-items:center;
border:1px solid rgba(255,255,255,.2);
border-radius:50%
}
@media screen and (max-width:1600px){
.header__icon-btn{
width:2.66667rem;
height:2.66667rem
}
}
@media screen and (max-width:1200px){
.header__icon-btn{
width:2.11111rem;
height:2.11111rem
}
}
@media screen and (max-width:768px){
.header__icon-btn{
border:1px solid #fff
}
}
.header__icon-img{
width:auto;
height:1.66667rem;
fill:#fff
}
@media screen and (max-width:1600px){
.header__icon-img{
height:1.22222rem
}
}
@media screen and (max-width:1200px){
.header__icon-img{
height:.88889rem
}
}
.header__icons-item-search{
display:none
}
@media screen and (max-width:480px){
.header__icons-item-search{
display:flex
}
}
.information-hero-info__container{
width:32.55vw;
max-width:34.66667rem
}
@media screen and (max-width:768px){
.information-hero-info__container{
width:100%;
max-width:100%
}
}
@media screen and (max-width:768px){
.information-hero-info__data{
margin-bottom:1.66667rem
}
}
.information-hero-info__header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:1.66667rem
}
@media screen and (max-width:1200px){
.information-hero-info__header{
align-items:flex-start
}
}
.information-hero-info-header__title{
flex:1;
display:flex;
flex-direction:column;
color:#fff
}
.information-hero-info-header__title .h2{
margin-bottom:.55556rem;
font-weight:700;
font-size:2.22222rem
}
@media screen and (max-width:1600px){
.information-hero-info-header__title .h2{
font-size:1.66667rem
}
}
@media screen and (max-width:1200px){
.information-hero-info-header__title .h2{
margin-bottom:.44444rem
}
}
@media screen and (max-width:768px){
.information-hero-info-header__title .h2{
font-size:2.22222rem
}
}
@media screen and (max-width:480px){
.information-hero-info-header__title .h2{
font-size:1.22222rem
}
}
.information-hero-info-header__title span{
font-weight:500;
font-size:1.55556rem
}
@media screen and (max-width:1600px){
.information-hero-info-header__title span{
font-size:1.11111rem
}
}
@media screen and (max-width:768px){
.information-hero-info-header__title span{
font-size:1.55556rem
}
}
@media screen and (max-width:480px){
.information-hero-info-header__title span{
font-size:1.11111rem
}
}
.information-hero-info-header__logo{
width:4.44444rem;
height:4.44444rem;
fill:#fff
}
@media screen and (max-width:1600px){
.information-hero-info-header__logo{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:1200px){
.information-hero-info-header__logo{
margin-top:.27778rem;
width:2.22222rem;
height:2.22222rem
}
}
@media screen and (max-width:768px){
.information-hero-info-header__logo{
margin-top:0;
width:4.44444rem;
height:4.44444rem
}
}
@media screen and (max-width:480px){
.information-hero-info-header__logo{
margin-top:.27778rem;
width:2.22222rem;
height:2.22222rem
}
}
.information-hero-info-header__logo img{
	object-fit:unset
}
.information-hero-info__price{
display:grid;
grid-template-columns:1fr 1fr;
grid-column-gap:1.11111rem
}
@media screen and (max-width:768px){
.information-hero-info__price{
grid-column-gap:.55556rem
}
}
.information-hero-info__price-column{
display:flex;
flex-direction:column;
font-weight:500;
font-size:1.11111rem
}
@media screen and (max-width:1600px){
.information-hero-info__price-column{
font-size:1rem
}
}
@media screen and (max-width:768px){
.information-hero-info__price-column{
font-size:1.11111rem
}
}
@media screen and (max-width:480px){
.information-hero-info__price-column{
font-size:.66667rem
}
}
.information-hero-info__price-column span:last-child{
font-weight:600;
font-size:1.66667rem
}
@media screen and (max-width:1600px){
.information-hero-info__price-column span:last-child{
font-size:1.44444rem
}
}
@media screen and (max-width:768px){
.information-hero-info__price-column span:last-child{
font-size:1.66667rem
}
}
@media screen and (max-width:480px){
.information-hero-info__price-column span:last-child{
font-size:1.33333rem
}
}
.information-hero__content{
display:flex;
justify-content:space-between
}
@media screen and (max-width:768px){
.information-hero__content{
flex-direction:column
}
}
.information-hero__slider{
width:58.05vw;
height:73vh;
max-height:37.77778rem
}
@media screen and (max-width:1600px){
.information-hero__slider{
height:70vh;
max-height:31.66667rem
}
}
@media screen and (max-width:768px){
.information-hero__slider{
width:100%;
height:18.33333rem
}
}
@media screen and (max-width:480px){
.information-hero__slider{
height:23.33333rem
}
}
.info-data{
display:grid;
grid-template-rows:repeat(5,1fr);
position:relative;
margin-bottom:2.22222rem
}
@media screen and (max-width:1600px){
.info-data{
margin-bottom:1.11111rem
}
}
.info-data__row{
display:grid;
grid-column-gap:1.11111rem;
grid-template-columns:1.5fr 1fr 1fr;
padding-bottom:.55556rem;
margin-bottom:.83333rem;
border-bottom:2px solid rgba(255,255,255,.1)
}
.info-data__row:last-child{
align-items:flex-start;
line-height:1.38889rem
}
.info-data__row_border_none{
border:none
}
.info-data__row:last-child{
margin-bottom:0
}
@media screen and (max-width:1600px){
.info-data__row{
margin-bottom:.83333rem;
grid-column-gap:.83333rem;
grid-template-columns:2.5fr 1fr 2fr
}
}
@media screen and (max-width:1200px){
.info-data__row{
padding-bottom:.44444rem
}
}
@media screen and (max-width:768px){
.info-data__row{
margin-bottom:1.11111rem;
grid-template-columns:1.75fr 2fr 1fr
}
}
.info-data__cell{
font-weight:500;
font-size:1.11111rem;
display:flex;
align-items:center
}
.info-data__cell_fw_bold{
font-weight:600
}
.info-data__cell_with-icon{
display:flex;
justify-content:space-between
}
.info-data__cell_column_2-4{
grid-column-start:2;
grid-column-end:4
}
.info-data__cell_display_flex{
display:flex;
justify-content:space-between
}
.info-data__cell_display_flex span{
text-decoration:underline
}
@media screen and (max-width:1600px){
.info-data__cell{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.info-data__cell{
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.info-data__cell{
font-size:1.11111rem
}
}
@media screen and (max-width:480px){
.info-data__cell{
font-size:.66667rem
}
}
.info-data__cell-growth{
width:1.11111rem;
height:1.11111rem;
fill:#fff;
margin-right:.55556rem
}
.info-data__info-btn{
margin-left:.88889rem
}
.info-data__info-btn::after{
content:'?';
font-size:.66667rem;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
width:1rem;
height:1rem;
border-radius:50%;
border:1px solid #fff
}
.info-data__body-type-btn{
min-height:2.22222rem;
font-size:1rem;
margin-right:.55556rem;
align-self:stretch
}
.info-data__body-type-btn:last-child{
margin-right:0
}
@media screen and (max-width:1600px){
.info-data__body-type-btn{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.info-data__body-type-btn{
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.info-data__body-type-btn{
font-size:1rem
}
}
@media screen and (max-width:480px){
.info-data__body-type-btn{
font-size:.66667rem
}
}
.information-card__comparison{
width:3.33333rem;
height:3.33333rem
}
.information-card__comparison-img{
width:1.66667rem;
height:1.66667rem
}
@media screen and (max-width:1200px){
.information-card__comparison-img{
width:1.38889rem;
height:1.38889rem
}
}
@media screen and (max-width:768px){
.information-card__comparison-img{
width:.83333rem;
height:.83333rem
}
}
@media screen and (max-width:480px){
.information-card__comparison-img{
width:1.11111rem;
height:1.11111rem
}
}
@media screen and (max-width:1600px){
.information-card__comparison{
width:2.77778rem;
height:2.77778rem
}
}
@media screen and (max-width:1200px){
.information-card__comparison{
width:2.5rem;
height:2.5rem
}
}
@media screen and (max-width:768px){
.information-card__comparison{
width:1.66667rem;
height:1.66667rem
}
}
@media screen and (max-width:480px){
.information-card__comparison{
width:2.22222rem;
height:2.22222rem
}
}
.information-slider__bg{
position:absolute;
max-width:68.88889rem;
max-height:53.33333rem;
width:61.25vw;
height:50vw;
top:0;
left:0;
z-index:5;
border-radius:0 0 1.11111rem 0;
overflow:hidden
}
@media screen and (max-width:1600px){
.information-slider__bg{
width:61.25vw;
height:70vw;
max-height:32.77778rem;
border-radius:0
}
}
@media screen and (max-width:768px){
.information-slider__bg{
width:100vw
}
}
@media screen and (max-width:480px){
.information-slider__bg{
top:4.83333rem
}
}
.information-slider__bg-img{
filter:brightness(0.8)
}
.information-slider__bg-img-temporary{
position:absolute;
top:0;
left:0;
opacity:0
}
.information-slider__bg-gradient{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@media screen and (max-width:1600px){
.information-slider__bg-gradient{
background:linear-gradient(180deg,rgba(45,47,52,0) 70.59%,#2d2f34 100%)
}
}
.information-slider__controls-btn-img{
width:.94444rem;
height:1.66667rem;
fill:#fff
}
.information-slider__controls-btn-img_left{
transform:rotate(180deg)
}
.information-slider__container{
width:95%;
height:100%;
max-width:58.66667rem;
position:relative;
z-index:10;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:center
}
@media screen and (max-width:768px){
.information-slider__container{
max-width:100%;
width:100%;
height:90%;
justify-content:flex-end
}
}
.information-slider__actions{
position:relative;
z-index:10;
align-self:flex-end
}
@media screen and (max-width:768px){
.information-slider__actions{
display:flex;
margin-bottom:1.11111rem
}
}
.information-slider__action{
margin-bottom:1.11111rem;
display:flex;
flex-direction:row-reverse;
align-items:center;
justify-content:flex-start
}
@media screen and (max-width:1600px){
.information-slider__action{
margin-bottom:.83333rem
}
}
@media screen and (max-width:768px){
.information-slider__action{
margin:0 .83333rem 0 0
}
}
.information-slider__action:last-child{
margin:0
}
.information-slider__action-text{
margin-right:.83333rem;
color:#fff;
font-weight:600;
font-size:1.11111rem;
display:none
}
@media screen and (max-width:1600px){
.information-slider__action-text{
font-size:.88889rem
}
}
@media screen and (max-width:768px){
.information-slider__action-text{
font-size:.77778rem
}
}
@media screen and (max-width:480px){
.information-slider__action-text{
font-size:.66667rem
}
}
.information-slider__action-icon{
width:3.33333rem;
height:3.33333rem;
border-radius:50%;
border:2px solid #fff;
display:flex;
justify-content:center;
align-items:center;
transition:all .3s ease
}
.information-slider__action-icon label{
width:100%;
height:100%;
cursor:pointer;
display:flex;
align-items:center
}
@media screen and (max-width:1600px){
.information-slider__action-icon{
width:2.77778rem;
height:2.77778rem
}
}
@media screen and (max-width:1200px){
.information-slider__action-icon{
width:2.22222rem;
height:2.22222rem
}
}
.information-slider__action-icon:hover{
background:#fff
}
.information-slider__action-icon:hover+.information-slider__action-text{
display:block
}
.information-slider__action-icon:hover .information-slider__action-icon-img{
fill:#2d2f34
}
.information-slider__action-icon:hover .information-slider__action-icon-img_stroke{
fill:transparent;
stroke:#2d2f34
}
.information-slider__action-icon-img{
width:1.66667rem;
height:1.66667rem;
fill:#fff;
margin:auto;
transition:all .3s ease
}
@media screen and (max-width:1600px){
.information-slider__action-icon-img{
width:1.11111rem;
height:1.11111rem
}
}
@media screen and (max-width:1200px){
.information-slider__action-icon-img{
width:auto;
height:.88889rem
}
}
.information-slider__action-icon-img_stroke{
fill:transparent;
stroke:#fff;
stroke-width:2
}
.information-slider__controls{
position:absolute;
top:43%;
transform:translate(0,-50%);
width:100%;
display:flex;
justify-content:space-between;
align-items:center
}
@media screen and (max-width:768px){
.information-slider__controls{
display:none
}
}
.information-slider__list{
width:100%;
position:relative;
z-index:10;
display:flex;
align-items:center;
justify-content:space-between;
overflow:hidden
}
.information-slider__item{
flex-shrink:0;
width:7.11111rem;
height:5.55556rem;
border-radius:10px;
border:4px solid #fff;
overflow:hidden;
transition:all .3s ease;
margin-right:4px
}
@media screen and (max-width:1200px){
.information-slider__item{
width:6.11111rem;
height:4.44444rem
}
}
@media screen and (max-width:768px){
.information-slider__item{
border:2px solid #fff
}
}
.information-slider__item_active{
border:4px solid #e1242d
}
@media screen and (max-width:768px){
.information-slider__item_active{
border:2px solid #e1242d
}
}
.information-slider__item:hover{
cursor:pointer;
border:4px solid #e1242d
}
@media screen and (max-width:768px){
.information-slider__item:hover{
border:2px solid #e1242d
}
}
.information-slider__item:last-child{
margin-right:0
}
.information__wrapper{
display:flex;
justify-content:space-between
}
@media screen and (max-width:480px){
.information__wrapper{
flex-direction:column
}
}
.information-section__title{
font-size:1.66667rem;
margin-bottom:40px
}
.information__text{
margin-right:3.33333rem;
padding:1.66667rem;
max-width:62rem
}
@media screen and (max-width:1600px){
.information__text{
margin-right:2.22222rem
}
}
@media screen and (max-width:1200px){
.information__text{
margin-right:1.11111rem;
padding:1.66667rem 1.11111rem
}
}
@media screen and (max-width:768px){
.information__text{
max-width:23.44444rem
}
}
@media screen and (max-width:480px){
.information__text{
padding:.83333rem;
height:16.94444rem;
overflow:hidden;
max-width:100%;
width:100%;
margin-right:0;
text-overflow:ellipsis;
margin-bottom:.83333rem
}
}
.information__title{
margin-bottom:1.66667rem;
color:#fff
}
@media screen and (max-width:768px){
.information__title{
margin-bottom:1.11111rem
}
}
@media screen and (max-width:480px){
.information__title{
margin-bottom:.83333rem;
font-size:.88889rem
}
}
.information__paragraphs{
display:flex;
flex-direction:column
}
.information__paragraphs{
font-weight:600;
font-size:1rem;
line-height:1.22222rem;
display:flex;
flex-direction:column;
margin-bottom:1.11111rem
}
.information__paragraphs h6{
text-transform:uppercase;
font-size:1rem;
margin-top:1.11111rem;
font-weight:600
}
@media screen and (max-width:1200px){
.information__paragraphs p{
font-size:.88889rem
}
}
@media screen and (max-width:768px){
.information__paragraphs p{
font-size:.66667rem
}
}
@media screen and (max-width:480px){
.information__paragraphs p{
font-size:.77778rem;
margin-bottom:.83333rem
}
}
@media screen and (max-width:480px){
.information__paragraphs{
height:calc(100% - 36px);
overflow:hidden
}
}
.information__other{
width:32.5vw;
max-width:34.66667rem;
min-width:20.77778rem;
display:flex;
flex-direction:column
}
.information__other>*{
margin-bottom:1.66667rem
}
.information__other>:last-child{
margin:0
}
@media screen and (max-width:1200px){
.information__other>*{
margin-bottom:1.11111rem
}
}
@media screen and (max-width:1200px){
.information__other{
min-width:18.33333rem
}
}
@media screen and (max-width:768px){
.information__other{
min-width:11.11111rem
}
}
@media screen and (max-width:480px){
.information__other{
max-width:100%;
width:100%
}
}
.information__other-block{
padding:1.11111rem 1.66667rem;
display:flex;
flex-direction:column
}
@media screen and (max-width:1200px){
.information__other-block{
padding:1.11111rem .83333rem;
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.information__other-block{
padding:.83333rem
}
}
.information__other-block>div:first-child{
font-weight:700;
font-size:1.11111rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:1200px){
.information__other-block>div:first-child{
font-size:.88889rem;
margin-bottom:.83333rem
}
}
@media screen and (max-width:768px){
.information__other-block>div:first-child{
font-size:.77778rem;
margin-bottom:.55556rem
}
}
@media screen and (max-width:480px){
.information__other-block>div:first-child{
font-size:.88889rem
}
}
.information__other-block_text-align_center{
text-align:center
}
@media screen and (max-width:768px){
.information__other-block_text-align_center{
font-weight:700;
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:480px){
.information__other-block_text-align_center{
font-size:.88889rem
}
}
.information__other-awards>div:last-child{
display:flex;
flex-direction:column;
font-weight:600;
font-size:1rem
}
@media screen and (max-width:1200px){
.information__other-awards>div:last-child{
font-size:.77778rem
}
}
@media screen and (max-width:768px){
.information__other-awards>div:last-child{
font-size:.5rem
}
}
@media screen and (max-width:480px){
.information__other-awards>div:last-child{
font-size:.77778rem;
line-height:.94444rem
}
}
.information__other-security-rating>div:last-child{
display:flex;
align-items:center;
justify-content:space-between
}
.information__other-security-rating-img{
width:10rem;
height:4.44444rem;
margin-right:2.5rem
}
@media screen and (max-width:1200px){
.information__other-security-rating-img{
width:7.77778rem;
height:3.55556rem;
margin-right:1.66667rem
}
}
.information__other-security-rating-stars{
display:flex
}
.information__other-security-rating-star{
width:1.66667rem;
height:1.66667rem;
fill:#fff
}
@media screen and (max-width:768px){
.information__other-security-rating-star{
width:1.05556rem;
height:1.05556rem
}
}
@media screen and (max-width:480px){
.information__other-security-rating-star{
width:30px;
height:30px
}
}
.information__deploy-btn{
display:none;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
text-align:center;
margin-bottom:2.22222rem
}
@media screen and (max-width:480px){
.information__deploy-btn{
display:block
}
}
.main-card__comparison{
width:2.5rem;
height:2.5rem
}
.main-card__comparison-img{
width:1.25rem;
height:1.25rem
}
@media screen and (max-width:1200px){
.main-card__comparison-img{
width:.83333rem;
height:.83333rem
}
}
@media screen and (max-width:1200px){
.main-card__comparison{
width:1.66667rem;
height:1.66667rem
}
}
.main-functions__list{
display:flex;
justify-content:space-between
}
@media screen and (max-width:480px){
.main-functions__list{
flex-wrap:wrap
}
}
.main-functions__item{
display:flex;
flex-direction:column;
align-items:center;
width:calc(100% / 4)
}
@media screen and (max-width:480px){
.main-functions__item{
margin-bottom:1.11111rem;
min-width:calc(100% / 2 - 10px)
}
}
.main-functions__icon{
display:flex;
justify-content:center;
align-items:center;
width:11.11111rem;
height:11.11111rem;
border-radius:50%;
border:5px solid #fff;
overflow:hidden;
margin-bottom:1.66667rem
}
.main-functions__icon-img{
width:6.66667rem;
height:6.66667rem
}
@media screen and (max-width:1600px){
.main-functions__icon-img{
width:5.55556rem;
height:5.55556rem
}
}
@media screen and (max-width:768px){
.main-functions__icon-img{
width:4rem;
height:4rem
}
}
.main-functions__icon-img_size_full{
width:100%;
height:100%
}
@media screen and (max-width:1600px){
.main-functions__icon{
width:10rem;
height:10rem
}
}
@media screen and (max-width:1200px){
.main-functions__icon{
width:8.88889rem;
height:8.88889rem;
border:3px solid #fff
}
}
@media screen and (max-width:768px){
.main-functions__icon{
width:6.11111rem;
height:6.11111rem
}
}
@media screen and (max-width:480px){
.main-functions__icon{
width:5.55556rem;
height:5.55556rem
}
}
.main-function__function-name{
font-weight:600;
text-align:center
}
@media screen and (max-width:1600px){
.main-function__function-name{
font-size:1.11111rem;
line-height:1.38889rem
}
}
@media screen and (max-width:1200px){
.main-function__function-name{
font-size:1rem;
line-height:1.33333rem
}
}
@media screen and (max-width:768px){
.main-function__function-name{
font-size:.66667rem;
line-height:.83333rem
}
}
.main-hero__content{
margin-left:3.33333rem;
width:28.55556rem;
padding-bottom:16.22222rem
}
.main-hero__content>:last-child{
width:100%
}
@media screen and (max-width:480px){
.main-hero__content>:last-child{
display:flex;
flex-direction:column
}
}
@media screen and (max-width:1600px){
.main-hero__content{
width:23.33333rem;
margin-left:2.22222rem
}
}
@media screen and (max-width:1200px){
.main-hero__content{
width:34%;
margin-left:0;
padding-bottom:0
}
}
@media screen and (max-width:768px){
.main-hero__content{
width:100%;
display:flex;
justify-content:space-between
}
}
@media screen and (max-width:480px){
.main-hero__content{
flex-direction:column
}
}
.main-hero__title{
font-weight:700;
font-size:3rem;
line-height:4.05556rem
}
@media screen and (max-width:1600px){
.main-hero__title{
font-size:2.5rem;
line-height:3.22222rem
}
}
@media screen and (max-width:1200px){
.main-hero__title{
font-weight:700;
font-size:2rem;
line-height:2.44444rem
}
}
@media screen and (max-width:768px){
.main-hero__title{
font-size:2.22222rem;
line-height:2.72222rem;
margin-right:5px
}
}
@media screen and (max-width:480px){
.main-hero__title{
margin:0;
text-align:center;
font-size:2rem;
line-height:2.44444rem;
margin-bottom:12.22222rem
}
}
.main-hero__subtitle{
font-weight:600;
font-size:1rem;
line-height:1.33333rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:1600px){
.main-hero__subtitle{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:1200px){
.main-hero__subtitle{
font-weight:700;
font-size:.77778rem;
line-height:.94444rem
}
}
@media screen and (max-width:768px){
.main-hero__subtitle{
width:90%;
max-width:330px;
font-size:.72222rem;
line-height:.88889rem
}
}
@media screen and (max-width:480px){
.main-hero__subtitle{
max-width:100%;
width:100%;
text-align:center;
font-size:.77778rem;
line-height:.94444rem
}
}
.main-hero__btn{
font-weight:600;
font-size:1rem;
padding:1.11111rem
}
@media screen and (max-width:768px){
.main-hero__btn{
font-size:.77778rem;
padding:.55556rem
}
}
@media screen and (max-width:480px){
.main-hero__btn{
font-size:.88889rem;
line-height:1.11111rem;
margin-bottom:.55556rem
}
.main-hero__btn::after{
display:none
}
}
.main-hero__offers{
width:53.5%;
max-width:53.33333rem;
display:flex;
flex-direction:column;
position:absolute;
right:60px;
bottom:4rem
}
@media screen and (max-width:1200px){
.main-hero__offers{
bottom:0;
width:59%;
max-width:35.55556rem
}
}
@media screen and (max-width:768px){
.main-hero__offers{
display:none
}
}
.main-offers__title{
font-weight:700;
font-size:1.66667rem;
line-height:2.05556rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:1600px){
.main-offers__title{
font-size:1.38889rem;
line-height:1.77778rem
}
}
@media screen and (max-width:1200px){
.main-offers__title{
font-size:1.22222rem;
line-height:1.5rem
}
}
.main-offers__list{
width:100%;
display:flex;
justify-content:space-between;
overflow:hidden
}
.main-offers__item{
flex-shrink:0;
position:relative;
width:calc(100% / 3 - 20px);
padding:9.77778rem 1.11111rem .83333rem;
border:1px solid #fff;
border-radius:.55556rem;
background:#2d2f34;
overflow:hidden
}
.main-offers__item-photo{
width:100%;
height:fit-content;
position:absolute;
top:0;
left:0
}
.main-offers__item-photo-img{
position:relative;
z-index:5
}
.main-offers__item-photo-gradient{
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(41,43,49,0) 80%,#2d2f34 100%)
}
@media screen and (max-width:1600px){
.main-offers__item{
padding:17% 1.11111rem .83333rem
}
}
@media screen and (max-width:1200px){
.main-offers__item{
width:calc(100% / 3 - 5px);
padding:17% .55556rem .55556rem
}
}
.main-offers__content{
display:flex;
flex-direction:column;
position:relative;
z-index:20
}
.main-offers__row{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
padding-bottom:.83333rem;
margin-bottom:.83333rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
.main-offers__row:first-child{
flex-wrap:nowrap
}
.main-offers__row:last-child{
border:0;
margin-bottom:0
}
.main-offers__row span{
font-weight:700;
font-size:1rem;
line-height:1.22222rem;
margin-right:5px
}
@media screen and (max-width:1600px){
.main-offers__row span{
font-size:.77778rem;
line-height:1.55556rem
}
}
@media screen and (max-width:1200px){
.main-offers__row span{
font-size:.61111rem;
line-height:.72222rem
}
}
@media screen and (max-width:1200px){
.main-offers__row{
flex-wrap:nowrap
}
}
.main-offers-card__title{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-right:.55556rem
}
@media screen and (max-width:1600px){
.main-offers-card__title{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:1200px){
.main-offers-card__title{
font-weight:700;
font-size:.66667rem;
line-height:.83333rem
}
}
.main-offer__btn{
font-weight:600;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1600px){
.main-offer__btn{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:1200px){
.main-offer__btn{
padding:6px 12px;
font-size:.66667rem;
line-height:.83333rem
}
}
.main-selection__nav-list{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:3.33333rem
}
@media screen and (max-width:768px){
.main-selection__nav-list{
flex-wrap:wrap
}
}
@media screen and (max-width:480px){
.main-selection__nav-list{
display:none
}
}
.main-selection__phone-nav-list{
display:none
}
@media screen and (max-width:480px){
.main-selection__phone-nav-list{
display:block;
margin-bottom:1.11111rem
}
}
.main-selection__nav-item{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border-right:2px solid rgba(255,255,255,.2);
padding:1.11111rem 2.5rem;
font-weight:500;
font-size:1rem;
line-height:1.22222rem;
transition:all .3s ease
}
.main-selection__nav-item:last-child{
border:0
}
.main-selection__nav-item:hover{
cursor:pointer;
color:#e1242d
}
.main-selection__nav-item_active{
color:#e1242d
}
@media screen and (max-width:1200px){
.main-selection__nav-item{
padding:.83333rem .55556rem
}
}
@media screen and (max-width:768px){
.main-selection__nav-item{
font-size:.77778rem;
line-height:.94444rem
}
}
.main-selection__list{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap
}
.main-selection__item{
position:relative;
width:calc(100% / 4 - 40px);
border-radius:1.11111rem;
overflow:hidden;
border:1px solid #fff;
margin-bottom:1.66667rem;
padding:13.05556rem .83333rem .83333rem
}
@media screen and (max-width:1600px){
.main-selection__item{
padding:15% .83333rem .83333rem;
width:calc(100% / 4 - 20px)
}
}
@media screen and (max-width:1200px){
.main-selection__item{
padding:22% .83333rem .83333rem;
width:calc(100% / 3 - 10px)
}
}
@media screen and (max-width:768px){
.main-selection__item{
padding:22% .55556rem .55556rem;
width:calc(100% / 3 - 5px);
margin-bottom:.83333rem
}
}
@media screen and (max-width:480px){
.main-selection__item{
padding:45% 1rem 1rem;
width:100%
}
}
.main-selection__bg{
z-index:10;
width:100%;
max-height:15.55556rem;
position:absolute;
top:0;
left:0;
overflow:hidden
}
.main-selection__bg-gradient{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:linear-gradient(180deg,rgba(45,47,52,0) 73.33%,#2d2f34 100%)
}
@media screen and (max-width:480px){
.main-selection__bg-img{
position:relative
}
}
@media screen and (max-width:480px){
.main-selection__bg{
max-height:11.11111rem
}
}
.main-selection__item-content{
position:relative;
z-index:10
}
.main-selection__header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:1.11111rem
}
.main-selection__header-column{
display:flex;
flex-direction:column;
width:69%
}
.main-selection__header-phone{
display:none
}
@media screen and (max-width:768px){
.main-selection__header-phone{
display:flex;
flex-direction:column
}
}
.main-selection__header-phone>div{
width:100%
}
.main-selection__header-phone>div:first-child{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:.55556rem
}
.main-selection__title{
font-weight:700;
font-size:1.44444rem;
line-height:1.77778rem;
margin-bottom:.55556rem
}
@media screen and (max-width:768px){
.main-selection__title{
font-size:.88889rem;
line-height:1.11111rem;
margin-bottom:0
}
}
@media screen and (max-width:480px){
.main-selection__title{
font-size:1.22222rem;
line-height:1.5rem
}
}
.main-selection__select-control{
font-weight:600;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:1200px){
.main-selection__select-control{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:768px){
.main-selection__select-control{
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:480px){
.main-selection__select-control{
font-size:.88889rem;
line-height:1.11111rem
}
}
.card__comparison{
flex-shrink:0;
border-radius:50%;
border:2px solid #fff;
display:flex;
justify-content:center;
align-items:center
}
.card__comparison-img{
fill:#fff
}
@media screen and (max-width:480px){
.card__comparison{
border:1px solid #fff
}
}
.main-selection-card__comparison{
width:3.33333rem;
height:3.33333rem
}
.main-selection-card__comparison-img{
width:1.66667rem;
height:1.66667rem
}
@media screen and (max-width:1200px){
.main-selection-card__comparison-img{
width:1.38889rem;
height:1.38889rem
}
}
@media screen and (max-width:768px){
.main-selection-card__comparison-img{
width:1.11111rem;
height:1.11111rem
}
}
@media screen and (max-width:1200px){
.main-selection-card__comparison{
width:2.77778rem;
height:2.77778rem
}
}
@media screen and (max-width:768px){
.main-selection-card__comparison{
width:2.22222rem;
height:2.22222rem
}
}
.main-selection__info-item{
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid rgba(255,255,255,.2);
padding-bottom:.55556rem;
margin-bottom:.83333rem
}
.main-selection__info-item span:not(.car-props_value){
font-weight:500;
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:1200px){
.main-selection__info-item span{
font-size:.61111rem;
line-height:.72222rem
}
}
@media screen and (max-width:768px){
.main-selection__info-item span{
font-size:.8rem;
line-height:.61111rem
}
}
@media screen and (max-width:480px){
.main-selection__info-item span{
line-height:.83333rem
}
}
.main-selection__info-item:last-child{
border-bottom:0;
margin-bottom:0;
padding-bottom:0
}
@media screen and (max-width:1200px){
.main-selection__info-item{
margin-bottom:.55556rem
}
}
.main-selection__info-item-col{
width:calc(100%/2 - 20px)
}
.main-selection__info-item-col div{
margin-top:.55556rem;
font-weight:600;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:768px){
.main-selection__info-item-col div{
margin-top:.27778rem;
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:480px){
.main-selection__info-item-col div{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:768px){
.main-selection__info-item-col{
width:calc(100%/2 - 5px)
}
}
@media screen and (max-width:480px){
.main-selection__info-item-col:last-child{
text-align:end
}
}
.main-section__title{
font-size:2rem;
margin-bottom:4.44444rem;
text-align:center
}
@media screen and (max-width:1600px){
.main-section__title{
font-size:1.77778rem;
margin-bottom:2.22222rem
}
}
@media screen and (max-width:768px){
.main-section__title{
font-size:1.55556rem
}
}
.main-header{
margin-bottom:5rem
}
@media screen and (max-width:1200px){
.main-header{
margin-bottom:30%
}
}
@media screen and (max-width:768px){
.main-header{
margin-bottom:35%
}
}
@media screen and (max-width:480px){
.main-header{
margin-bottom:0
}
}
@media screen and (max-width:768px){
.main-section__best-deals{
display:none
}
}
.main-section__best-deals_tablets{
display:none
}
@media screen and (max-width:768px){
.main-section__best-deals_tablets{
display:flex
}
}
.mileage{
display:flex;
justify-content:space-between
}
@media screen and (max-width:1200px){
.mileage{
flex-direction:column
}
}
.mileage__column{
padding-right:1.66667rem;
width:calc(100%/2 - 10px);
border-right:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.mileage__column{
padding:0 0 1.11111rem;
margin-bottom:1.11111rem;
width:100%;
border-bottom:2px solid rgba(255,255,255,.2);
border-right:0
}
}
.mileage__column:last-child{
border:0;
padding:0;
margin:0
}
.mileage__column label{
display:flex;
align-items:center
}
.mileage__column label input{
display:none
}
.mileage__column label input:checked~.mileage__check-view{
border-color:#e1242d
}
.mileage__column label input:checked~.mileage__check-view::after{
display:block
}
.mileage__column label:hover{
cursor:pointer
}
.mileage__comment-header{
margin-bottom:1.11111rem
}
.mileage__comment-title{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:.55556rem
}
.mileage__comment-subtitle{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.mileage__data{
display:grid;
grid-template:1fr 1fr/1fr 1fr;
grid-column-gap:2.22222rem;
grid-row-gap:.55556rem;
align-items:center;
margin-bottom:2.22222rem
}
.mileage__data-text{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:1200px){
.mileage__data-text{
grid-row-start:3
}
}
@media screen and (max-width:1200px){
.mileage__data{
grid-template:repeat(4,1fr)/1fr
}
}
.mileage__data-input{
width:100%;
padding:.66667rem .83333rem;
border-radius:.55556rem;
border:1px solid #fff;
background:0 0;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.mileage__data-input::placeholder{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
color:rgba(255,255,255,.5)
}
.mileage__data-select{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.mileage__condition>div{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:1.11111rem
}
.mileage__condition-list{
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
.mileage__condition-item{
min-width:calc(100%/2 - 10px);
max-width:18.05556rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:768px){
.mileage__condition-item{
max-width:100%;
width:100%
}
}
.mileage__check-view{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
width:1.11111rem;
height:1.11111rem;
border:1px solid #fff;
border-radius:50%;
margin-right:.83333rem
}
.mileage__check-view::after{
content:'';
display:none;
width:100%;
height:100%;
border:3px solid #e1242d;
background:#fff;
border-radius:50%
}
@media screen and (max-width:1200px){
.mileage__check-view{
width:1rem;
height:1rem
}
}
@media screen and (max-width:480px){
.mileage__check-view{
width:1.38889rem;
height:1.38889rem
}
}
.mileage__check-text{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1200px){
.mileage__check-text{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:768px){
.mileage__check-text{
font-size:1rem;
line-height:1.11111rem
}
}
.mileage__comment-block{
background:0 0;
margin-bottom:1.11111rem;
padding:.83333rem
}
.mileage__comment-block textarea{
outline:0;
border:0;
width:100%;
background:0 0;
color:#fff;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem
}
.mileage__comment-block textarea::placeholder{
font-weight:500;
font-size:.77778rem;
line-height:.94444rem
}
.mileage__comment-check{
margin-bottom:1.11111rem
}
@media screen and (max-width:1200px){
.mileage__buttons{
display:flex;
flex-direction:column
}
}
.mileage__btn{
margin-right:.55556rem
}
@media screen and (max-width:1200px){
.mileage__btn{
margin:0 0 .55556rem
}
}
.mileage__btn:last-child{
margin-right:0
}
@media screen and (max-width:1200px){
.mileage__btn:last-child{
margin:0
}
}
.mileage__comment-check-list{
display:flex;
flex-wrap:wrap
}
.mileage__comment-check-item{
margin:.55556rem .55556rem 0 0
}
.mileage__comment-check-item label input:checked~div{
background:#fff;
color:#2d2f34
}
.mileage__comment-check-item div{
transition:all .3s ease;
padding:.55556rem .83333rem;
border-radius:.55556rem;
border:1px solid #fff;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.modifications{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:1.66667rem
}
@media screen and (max-width:1600px){
.modifications{
margin-bottom:.83333rem
}
}
@media screen and (max-width:768px){
.modifications{
margin-bottom:1.11111rem
}
}
.modifications__btn-all{
flex-shrink:0;
width:2.22222rem;
height:2.22222rem;
border-radius:50%;
border:2px solid #fff;
display:flex;
justify-content:center;
align-items:center;
transition:all .3s ease
}
.modifications__btn-all-img{
width:1.33333rem;
height:1.33333rem;
fill:#fff
}
.modifications__btn-all:hover,
.modifications__btn-all.active{
background:#fff
}
.modifications__btn-all:hover .modifications__btn-all-img,
.modifications__btn-all.active .modifications__btn-all-img{
fill:#2d2f34
}
.modifications__list{
display:flex;
align-items:center;
flex-wrap:wrap
}
.modifications__item{
margin:0 .55556rem .55556rem 0;
border-radius:.55556rem;
overflow:hidden
}
.modifications__item.hidden{
	display:none
}
@media screen and (max-width:1200px){
.modifications__item{
align-self:stretch
}
}
.modifications__item:first-child{
margin:0 .83333rem .55556rem 0
}
.modifications__item span{
color:#fff;
font-weight:600;
font-size:1rem;
margin-right:.55556rem;
transition:all .3s ease
}
@media screen and (max-width:1600px){
.modifications__item span{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.modifications__item span{
margin-right:0;
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.modifications__item span{
margin-right:.55556rem;
font-size:1rem
}
}
@media screen and (max-width:480px){
.modifications__item span{
margin-right:0;
font-size:.66667rem
}
}
.modifications__item:last-child{
margin-right:0
}
.modifications__item:hover:not(.modifications__item_active) span{
color:#2d2f34
}
.modifications__item-btn{
font-weight:600;
font-size:1rem;
display:flex;
align-items:center
}
@media screen and (max-width:1600px){
.modifications__item-btn{
padding:.55556rem .83333rem
}
}
@media screen and (max-width:1200px){
.modifications__item-btn{
height:100%
}
.modifications__item-btn::after{
display:none
}
}
@media screen and (max-width:768px){
.modifications__item-btn::after{
display:block
}
}
@media screen and (max-width:480px){
.modifications__item-btn::after{
display:none
}
}
.modifications__item-btn{
padding:.55556rem
}
.options{
display:flex;
flex-direction:column
}
.options__row{
margin-bottom:2.22222rem
}
.options__title{
flex:2;
display:flex;
align-items:center;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:.83333rem
}
.options__title::after{
flex:1;
content:'';
margin-left:.83333rem;
height:2px;
width:100%;
background:rgba(255,255,255,.2)
}
.options__check-list,.options__select-list{
width:86%;
display:grid;
grid-row-gap:.83333rem;
grid-column-gap:4.44444rem
}
@media screen and (max-width:1200px){
.options__check-list,.options__select-list{
width:100%
}
}
.options__select-list{
grid-template-columns:repeat(auto-fit,minmax(385px,547px));
margin-bottom:1.11111rem
}
@media screen and (max-width:1200px){
.options__select-list{
grid-template-columns:1fr
}
}
.options__check-list{
grid-template-columns:repeat(auto-fit,minmax(300px,338px))
}
@media screen and (max-width:1200px){
.options__check-list{
grid-template-columns:1fr
}
}
.options__select-item{
display:flex;
align-items:center;
justify-content:space-between
}
.options__select-item span{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem;
margin-right:.55556rem
}
.options__select-item select{
width:100%;
font-weight:600;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1200px){
.options__select-item{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
grid-row-gap:.55556rem
}
}
@media screen and (max-width:480px){
.options__select-item{
grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
}
}
.options__select-control-wrap{
width:16.66667rem
}
.options__check-item label{
display:flex;
align-items:center
}
.options__check-item label input{
display:none
}
.options__check-item label input:checked~.options__checkbox-view{
border-color:#e1242d
}
.options__check-item label input:checked~.options__checkbox-view::after{
display:block
}
.options__check-item label:hover{
cursor:pointer
}
.options__check-item label span{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.options__checkbox-view{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
width:1.11111rem;
height:1.11111rem;
border:1px solid #fff;
border-radius:50%;
margin-right:.83333rem
}
.options__checkbox-view::after{
content:'';
display:none;
width:100%;
height:100%;
border:3px solid #e1242d;
background:#fff;
border-radius:50%
}
@media screen and (max-width:1200px){
.options__checkbox-view{
width:1rem;
height:1rem
}
}
@media screen and (max-width:480px){
.options__checkbox-view{
width:1.38889rem;
height:1.38889rem
}
}
.options__btn{
margin-right:.55556rem
}
.options__btn:last-child{
margin-right:0
}
.overlay{
display:flex;
align-items:center;
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
height:100vh;
background:rgba(0,0,0,.8)
}
.overlay__content{
margin:0 auto;
width:52%;
padding:1.66667rem 2.22222rem;
background:#2d2f34;
border-radius:1.11111rem;
display:flex;
flex-direction:column
}
@media screen and (max-width:1600px){
.overlay__content{
width:70%
}
}
@media screen and (max-width:480px){
.overlay__content{
width:85%
}
}
.overlay__header{
display:flex;
justify-content:space-between;
align-items:center;
padding-bottom:1.66667rem;
margin-bottom:1.66667rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
.overlay__title{
font-weight:600;
font-size:1.66667rem;
line-height:2.05556rem
}
@media screen and (max-width:1200px){
.overlay__title{
font-size:1.33333rem;
line-height:1.44444rem
}
}
@media screen and (max-width:768px){
.overlay__title{
font-size:1.11111rem;
line-height:1.33333rem
}
}
@media screen and (max-width:480px){
.overlay__title{
font-size:.88889rem;
line-height:1.11111rem
}
}
.overlay__btn{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
width:3.88889rem;
height:3.88889rem;
border:1px solid #fff;
border-radius:50%
}
.overlay__btn-cross{
width:1.11111rem;
height:1.11111rem;
fill:#fff
}
@media screen and (max-width:1200px){
.overlay__btn-cross{
width:.94444rem;
height:.94444rem
}
}
@media screen and (max-width:768px){
.overlay__btn-cross{
width:.83333rem;
height:.83333rem
}
}
@media screen and (max-width:480px){
.overlay__btn-cross{
width:.66667rem;
height:.66667rem
}
}
@media screen and (max-width:1200px){
.overlay__btn{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:768px){
.overlay__btn{
width:2.22222rem;
height:2.22222rem
}
}
@media screen and (max-width:480px){
.overlay__btn{
width:1.66667rem;
height:1.66667rem
}
}
.overlay__colors,.overlay__publication{
display:none;
opacity:0;
transition:all .3s ease
}
@media screen and (max-width:1200px){
.overlay__publication .overlay__content{
width:85%
}
}
.overlay__publication-btn{
font-weight:700;
font-size:1.66667rem;
line-height:2.05556rem
}
@media screen and (max-width:1200px){
.overlay__publication-btn{
font-size:1.11111rem;
line-height:1.44444rem
}
}
@media screen and (max-width:768px){
.overlay__publication-btn{
font-size:1rem;
line-height:1.33333rem
}
}
@media screen and (max-width:480px){
.overlay__publication-btn{
font-size:.88889rem;
line-height:1.11111rem
}
}
.overlay__chronology-info{
position:fixed;
opacity:0;
display:none;
justify-content:center;
align-items:center;
top:0;
left:0;
height:100%;
width:100%;
background:rgba(0,0,0,.9);
z-index:100;
transition:all .3s ease
}
.payment__column{
display:flex;
flex-direction:column;
justify-content:space-between;
width:calc(100%/2 - 10px);
height:100%;
border-right:2px solid rgba(255,255,255,.2)
}
.payment__column:last-child{
border:0
}
.payment__column-header{
display:flex;
justify-content:space-between;
align-items:center
}
.payment__column-add-card-btn{
padding:.55556rem 1.11111rem;
font-weight:500;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:480px){
.payment__column-add-card-btn{
padding:.27778rem .83333rem
}
}
.payment__column_jc_start{
justify-content:flex-start
}
@media screen and (max-width:1200px){
.payment__column{
width:auto
}
.payment__column:first-child{
grid-column:1/3
}
}
@media screen and (max-width:768px){
.payment__column:first-child{
grid-column:1/2
}
}
.payment__column-title{
font-weight:600;
font-size:1.11111rem;
line-height:1.33333rem;
margin-right:.55556rem
}
@media screen and (max-width:1600px){
.payment__column-title{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:768px){
.payment__column-title{
font-size:.88889rem;
line-height:1.11111rem
}
}
.payment__money{
height:5.11111rem;
display:flex;
flex-direction:column;
justify-content:space-between;
margin-bottom:1.11111rem
}
.payment__balance{
font-weight:500;
font-size:1.66667rem;
line-height:2.05556rem
}
@media screen and (max-width:1600px){
.payment__balance{
font-size:1.44444rem;
line-height:1.77778rem
}
}
.payment__top-up{
display:flex
}
.payment__top-up input{
max-width:6.11111rem;
padding:.66667rem .83333rem;
background:0 0;
border:2px solid #fff;
border-radius:.55556rem;
margin-right:.83333rem;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.payment__top-up input::placeholder{
color:rgba(255,255,255,.5)
}
@media screen and (max-width:1600px){
.payment__top-up input{
margin-bottom:.55556rem
}
}
@media screen and (max-width:1200px){
.payment__top-up input{
margin-bottom:0
}
}
@media screen and (max-width:768px){
.payment__top-up input{
width:100%;
max-width:100%;
margin:0 0 .55556rem
}
}
.payment__top-up-btn{
font-weight:600;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:1600px){
.payment__top-up-btn{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:480px){
.payment__top-up-btn{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:1600px){
.payment__top-up{
flex-wrap:wrap
}
}
@media screen and (max-width:768px){
.payment__top-up{
flex-direction:column;
padding-right:.55556rem
}
}
.payment__column-cards-list{
margin-top:.66667rem
}
.payment__column-cards-item{
font-weight:500;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:.55556rem
}
.payment__column-cards-item:last-child{
margin-bottom:0
}
.personal-data__logo{
max-width:11.11111rem;
align-self:flex-start;
grid-row-start:1;
grid-row-end:4;
border-radius:1.11111rem;
overflow:hidden
}
@media screen and (max-width:768px){
.personal-data__logo{
grid-row-end:7
}
}
@media screen and (max-width:480px){
.personal-data__logo{
justify-self:center;
grid-row-end:2
}
}
.personal-data__parameter{
display:flex;
align-items:flex-start;
flex-wrap:wrap
}
.personal-data__parameter span:first-child{
font-weight:600;
font-size:1.11111rem;
line-height:1.33333rem;
margin-right:.83333rem
}
@media screen and (max-width:1600px){
.personal-data__parameter span:first-child{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:768px){
.personal-data__parameter span:first-child{
font-size:.77778rem;
line-height:1rem
}
}
.personal-data__parameter span:last-child{
font-weight:500;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:1600px){
.personal-data__parameter span:last-child{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:768px){
.personal-data__parameter{
display:grid;
grid-template-columns:1fr 2fr
}
}
.personal-data__buttons{
display:grid;
grid-template-columns:1.8fr 1fr;
grid-gap:1.11111rem;
align-items:stretch
}
@media screen and (max-width:1600px){
.personal-data__buttons{
grid-template-columns:repeat(auto-fill,175px);
grid-gap:.83333rem
}
}
@media screen and (max-width:768px){
.personal-data__buttons{
grid-template-columns:1fr 1fr;
justify-content:center;
grid-gap:1.11111rem
}
}
.personal-data__btn{
padding:.55556rem 1.66667rem;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:480px){
.personal-data__btn{
padding:.55556rem
}
}
.products__header{
display:flex;
align-items:center;
margin-bottom:1.66667rem
}
@media screen and (max-width:480px){
.products__header{
flex-direction:column
}
}
.products__header-title{
margin-right:1.66667rem
}
@media screen and (max-width:480px){
.products__header-title{
margin:0 0 .55556rem
}
}
.products__header-btn{
font-weight:600;
font-size:1rem
}
@media screen and (max-width:1600px){
.products__header-btn{
font-size:.77778rem
}
}
.products__content{
display:flex
}
@media screen and (max-width:480px){
.products__content{
flex-direction:column
}
}
.products__sorting-list{
padding-right:1.66667rem;
margin-right:1.66667rem;
border-right:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.products__sorting-list{
padding-right:1.11111rem;
margin-right:1.11111rem
}
}
@media screen and (max-width:768px){
.products__sorting-list{
padding-right:.55556rem;
margin-right:.55556rem
}
}
@media screen and (max-width:480px){
.products__sorting-list{
border-right:0;
margin-right:0;
padding-right:0;
display:flex;
justify-content:center
}
}
.products__sorting-item{
margin-bottom:1.11111rem
}
.products__sorting-item:last-child{
margin-bottom:0
}
@media screen and (max-width:480px){
.products__sorting-item{
margin-right:.55556rem
}
.products__sorting-item:last-child{
margin-right:0
}
}
.products__sorting-button{
width:3.33333rem;
height:3.33333rem;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
border:1px solid #fff
}
@media screen and (max-width:1600px){
.products__sorting-button{
width:2.77778rem;
height:2.77778rem
}
}
@media screen and (max-width:768px){
.products__sorting-button{
width:2.5rem;
height:2.5rem
}
}
.products__sorting-icon{
width:2.22222rem;
height:2.22222rem;
fill:#fff
}
@media screen and (max-width:1600px){
.products__sorting-icon{
width:1.66667rem;
height:1.66667rem
}
}
@media screen and (max-width:768px){
.products__sorting-icon{
width:1.38889rem;
height:1.38889rem
}
}
.products__offers-list{
display:flex;
align-items:flex-start
}
.products__offers-item{
position:relative;
padding:8.77778rem 1.11111rem 1.11111rem;
min-width:15.55556rem;
border:1px solid #fff;
border-radius:.55556rem;
overflow:hidden;
margin-right:1.11111rem
}
.products__offers-item:last-child{
margin-right:0
}
@media screen and (max-width:1600px){
.products__offers-item{
padding:7.77778rem 1.11111rem 1.11111rem;
min-width:13.88889rem
}
}
@media screen and (max-width:768px){
.products__offers-item{
margin-right:.55556rem;
padding:6.11111rem 1.11111rem 1.11111rem;
min-width:11.11111rem
}
}
.products__offers-bg{
z-index:10;
position:absolute;
top:0;
left:0;
width:100%;
max-height:10rem;
overflow:hidden
}
.products__offers-bg-gradient{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:linear-gradient(180deg,rgba(45,47,52,0) 77.78%,#2d2f34 100%),linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1))
}
.products__offers-content{
position:relative;
z-index:20
}
.products__offers-title{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
padding-bottom:.55556rem;
margin-bottom:.55556rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1600px){
.products__offers-title{
font-size:.88889rem
}
}
.products__offers-price{
display:flex;
justify-content:space-between;
align-items:center
}
.products__offers-price span{
font-weight:700;
font-size:1.33333rem;
line-height:1.61111rem
}
@media screen and (max-width:1600px){
.products__offers-price span{
font-size:1.11111rem;
line-height:1.38889rem
}
}
.products__offers-price-btn{
width:1.66667rem;
height:1.66667rem;
display:flex;
justify-content:center;
align-items:center;
border:1px solid #fff;
border-radius:50%
}
.products__offers-price-icon{
width:.83333rem;
height:.83333rem;
stroke:#fff
}
.publication__list{
display:flex;
justify-content:space-between;
margin-bottom:1.11111rem
}
.publication__item{
width:calc(100% / 3 - 10px)
}
.publication__item input{
display:none
}
.publication__item input:checked~.publication__item-view{
background:#fff
}
.publication__item input:checked~.publication__item-view .publication__price,.publication__item input:checked~.publication__item-view .publication__title{
color:#e1242d
}
.publication__item input:checked~.publication__item-view .publication__title{
border-bottom:1px solid #e1242d
}
.publication__item input:checked~.publication__item-view .publication__advantages-item{
color:#2d2f34;
border-bottom:1px solid rgba(45,47,52,.2)
}
.publication__item input:checked~.publication__item-view .publication__advantages-item:last-child{
border:0
}
.publication__item-view{
transition:all .3s ease;
height:100%;
padding:1.11111rem;
display:flex;
flex-direction:column;
align-items:center;
border-radius:.55556rem;
border:1px solid #fff
}
.publication__item-view:hover{
cursor:pointer
}
.publication__title{
width:100%;
text-align:center;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
padding-bottom:1.66667rem;
margin-bottom:1.11111rem;
border-bottom:1px solid #fff
}
@media screen and (max-width:1600px){
.publication__title{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:1200px){
.publication__title{
font-size:.88889rem;
line-height:1.11111rem
}
}
.publication__advantages-list{
width:100%;
display:flex;
flex-direction:column;
margin-bottom:1.66667rem
}
.publication__advantages-item{
width:100%;
text-align:center;
padding-bottom:1.11111rem;
margin-bottom:1.11111rem;
border-bottom:1px solid #fff;
font-weight:500;
font-size:.77778rem;
line-height:.94444rem
}
.publication__advantages-item:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:0
}
@media screen and (max-width:1200px){
.publication__advantages-item{
font-size:.66667rem;
line-height:.83333rem
}
}
.publication__price{
margin-top:auto;
text-align:center;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:1600px){
.publication__price{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:1200px){
.publication__price{
font-size:.88889rem;
line-height:1.11111rem
}
}
.sale-model__content{
display:flex;
justify-content:space-between
}
@media screen and (max-width:480px){
.sale-model__content{
flex-direction:column
}
}
.sale-model__column{
width:calc(100%/2 - 15px);
border-right:2px solid rgba(255,255,255,.2)
}
.sale-model__column:last-child{
border:0
}
@media screen and (max-width:1200px){
.sale-model__column{
width:calc(100%/2 - 10px)
}
}
@media screen and (max-width:480px){
.sale-model__column{
border-right:0;
border-bottom:2px solid rgba(255,255,255,.2);
width:100%;
margin-bottom:.83333rem;
padding-bottom:.83333rem
}
}
.sale-model__year-of-release{
display:flex;
align-items:center;
margin-right:1.11111rem
}
.sale-model__year-of-release span{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem;
margin-right:.55556rem
}
@media screen and (max-width:1200px){
.sale-model__year-of-release span{
margin:0 0 .55556rem
}
}
@media screen and (max-width:768px){
.sale-model__year-of-release span{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:480px){
.sale-model__year-of-release span{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.sale-model__year-of-release{
flex-direction:column
}
}
@media screen and (max-width:480px){
.sale-model__year-of-release{
margin-right:0
}
}
.sale-model__select-control{
font-size:.77778rem
}
@media screen and (max-width:768px){
.sale-model__select-control{
font-size:.66667rem
}
}
@media screen and (max-width:480px){
.sale-model__select-control{
font-size:.77778rem
}
}
.sale-model__select{
width:8.88889rem
}
.sale-model__model-list{
display:flex;
flex-wrap:wrap
}
.sale-model__model-item{
margin-top:.83333rem;
min-width:16.66667rem;
width:16.66667rem;
margin-right:1.11111rem;
border:1px solid #fff;
border-radius:.55556rem;
overflow:hidden
}
.sale-model__model-item:last-child{
margin-right:0
}
@media screen and (max-width:1200px){
.sale-model__model-item:last-child{
margin-right:1.11111rem
}
}
@media screen and (max-width:480px){
.sale-model__model-item:last-child{
margin-right:0
}
}
@media screen and (max-width:1200px){
.sale-model__model-item{
width:100%;
min-width:5.55556rem
}
}
@media screen and (max-width:480px){
.sale-model__model-item{
margin-right:0
}
}
.sale-model__model-check{
display:none
}
.sale-model__model-check:checked~.sale-model__model-button{
background:#fff;
color:#2d2f34
}
.sale-model__model-button{
width:100%;
height:100%;
padding:.55556rem .83333rem;
transition:all .3s ease
}
.sale-model__model-button:hover{
cursor:pointer
}
.sale-model__model-item-photo{
width:100%;
height:8.88889rem;
border-radius:.55556rem;
overflow:hidden;
margin-bottom:.55556rem
}
@media screen and (max-width:1200px){
.sale-model__model-item-photo{
height:12vw
}
}
@media screen and (max-width:768px){
.sale-model__model-item-photo{
height:18vw
}
}
@media screen and (max-width:480px){
.sale-model__model-item-photo{
height:40vw
}
}
.sale-model__model-item-title{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:.55556rem
}
@media screen and (max-width:1600px){
.sale-model__model-item-title{
font-size:1rem;
line-height:1.22222rem
}
}
@media screen and (max-width:1200px){
.sale-model__model-item-title{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:768px){
.sale-model__model-item-title{
font-size:.77778rem;
line-height:1rem
}
}
.sale-model__model-item-subtitle{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1600px){
.sale-model__model-item-subtitle{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:1200px){
.sale-model__model-item-subtitle{
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:480px){
.sale-model__model-item-subtitle{
font-size:.55556rem;
line-height:.77778rem
}
}
.sale-model__modification{
padding-bottom:1.11111rem;
margin-bottom:1.66667rem;
border-bottom:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.sale-model__modification{
padding-bottom:.83333rem;
margin-bottom:1.11111rem
}
}
@media screen and (max-width:480px){
.sale-model__modification{
padding-bottom:.27778rem;
margin-bottom:.83333rem
}
}
.sale-model__modification-list{
max-width:30.55556rem;
display:flex;
flex-wrap:wrap
}
@media screen and (max-width:480px){
.sale-model__modification-list{
justify-content:center
}
}
.sale-model__modification-item{
margin:0 .55556rem .55556rem 0
}
.sale-model__modification-checkbox{
display:none
}
.sale-model__modification-checkbox:checked~.sale-model__modification-button{
background:#fff;
color:#2d2f34
}
.sale-model__modification-button{
padding:.55556rem .83333rem;
border:1px solid #fff;
border-radius:.55556rem;
color:#fff;
transition:all .3s ease;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.sale-model__modification-button:hover{
cursor:pointer;
background:#fff;
color:#2d2f34
}
@media screen and (max-width:1200px){
.sale-model__modification-button{
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:768px){
.sale-model__modification-button{
font-size:.55556rem;
line-height:.77778rem
}
}
@media screen and (max-width:480px){
.sale-model__modification-button{
font-size:.77778rem;
line-height:1rem
}
}
.sale-model__battery{
margin-bottom:2.5rem
}
@media screen and (max-width:1200px){
.sale-model__battery{
margin-bottom:1.66667rem
}
}
@media screen and (max-width:480px){
.sale-model__battery{
margin-bottom:2.22222rem
}
}
.sale-model__battery-capacity{
width:18.05556rem;
background:0 0;
border:1px solid #fff;
border-radius:.55556rem;
padding:.66667rem .83333rem;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:1.11111rem
}
.sale-model__battery-capacity::placeholder{
font-weight:600;
font-size:.66667rem;
line-height:.83333rem;
color:rgba(255,255,255,.5)
}
@media screen and (max-width:1200px){
.sale-model__battery-capacity::placeholder{
font-size:.55556rem;
line-height:.66667rem
}
}
@media screen and (max-width:480px){
.sale-model__battery-capacity::placeholder{
font-size:.77778rem;
line-height:.88889rem
}
}
@media screen and (max-width:1200px){
.sale-model__battery-capacity{
width:100%;
padding:.55556rem;
font-size:.66667rem;
line-height:.83333rem
}
}
@media screen and (max-width:480px){
.sale-model__battery-capacity{
font-size:.77778rem;
line-height:.88889rem;
margin-bottom:2.22222rem
}
}
.sale-model__check label{
display:flex;
align-items:center;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.sale-model__check label:hover{
cursor:pointer
}
@media screen and (max-width:1200px){
.sale-model__check label{
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:768px){
.sale-model__check label{
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:480px){
.sale-model__check label{
font-size:.88889rem;
line-height:1rem
}
}
.sale-model__check input{
display:none
}
.sale-model__check input:checked~.sale-model__check-view{
border-color:#e1242d
}
.sale-model__check input:checked~.sale-model__check-view::after{
display:block
}
.sale-model__check-view{
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
width:1.11111rem;
height:1.11111rem;
border:1px solid #7c3737;
border-radius:50%;
margin-right:.83333rem
}
.sale-model__check-view::after{
content:'';
display:none;
width:100%;
height:100%;
border:3px solid #e1242d;
background:#fff;
border-radius:50%
}
@media screen and (max-width:1200px){
.sale-model__check-view{
width:1rem;
height:1rem
}
}
@media screen and (max-width:480px){
.sale-model__check-view{
width:1.38889rem;
height:1.38889rem
}
}
@media screen and (max-width:1200px){
.sale-model__buttons{
display:flex;
flex-direction:column
}
}
@media screen and (max-width:1200px){
.sale-model__btn{
margin:0 0 .55556rem
}
.sale-model__btn:last-child{
margin:0
}
}
.sale-photos{
display:grid;
grid-template-columns:1.3fr 1fr;
grid-gap:2.22222rem
}
@media screen and (max-width:1200px){
.sale-photos{
grid-template:auto 1fr/1fr;
grid-gap:1.38889rem
}
}
.sales-photos__list{
display:grid;
grid-template:1fr 1fr/1fr 1fr 1fr;
grid-column-gap:1.11111rem;
grid-row-gap:.88889rem
}
@media screen and (max-width:1200px){
.sales-photos__list{
grid-gap:.83333rem
}
}
@media screen and (max-width:480px){
.sales-photos__list{
grid-template:1fr 1fr 1fr/1fr 1fr
}
}
.sales-photos__item{
padding:1.66667rem 5px;
min-width:13.33333rem;
min-height:8.44444rem;
border-radius:.55556rem;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:1600px){
.sales-photos__item{
min-width:8.88889rem;
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.sales-photos__item{
min-width:6.66667rem;
min-height:5.55556rem;
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:480px){
.sales-photos__item{
min-height:8.33333rem
}
}
.sales-photos__drop-place{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
border-radius:.55556rem
}
.sales-photos__drop-place div{
color:#fff
}
.sales-photos__drop-place div:first-child{
max-width:20.83333rem;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:1.11111rem
}
@media screen and (max-width:1200px){
.sales-photos__drop-place div:first-child{
margin-bottom:.55556rem;
font-size:1rem;
line-height:1.22222rem
}
}
.sales-photos__drop-place div:last-child{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1200px){
.sales-photos__drop-place div:last-child{
font-size:.77778rem;
line-height:1rem
}
}
.sale-photos-review__controls{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap
}
.sale-photos-review__controls>*{
margin-top:1.11111rem
}
.sale-photos-review__add-video{
width:100%
}
@media screen and (max-width:480px){
.sale-photos-review__add-video{
display:flex;
flex-direction:column
}
}
.sale-photos-review__add-video-input{
width:23.88889rem;
border-radius:.55556rem;
border:1px solid #fff;
padding:.66667rem .83333rem;
background:0 0;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
margin-right:.83333rem
}
.sale-photos-review__add-video-input::placeholder{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:1200px){
.sale-photos-review__add-video-input{
min-width:5.55556rem;
width:55%
}
}
@media screen and (max-width:480px){
.sale-photos-review__add-video-input{
width:100%;
margin-bottom:.55556rem
}
}
.sale-photos-review__add-video-btn{
font-size:.77778rem;
line-height:.94444rem
}
@media screen and (max-width:480px){
.sale-photos__buttons{
width:100%;
margin-top:2.22222rem
}
}
.sale-photos__btn{
font-size:.77778rem;
line-height:.94444rem
}
.sale-photos__btn:first-child{
margin-right:.55556rem
}
@media screen and (max-width:480px){
.sale-photos__btn{
width:100%
}
.sale-photos__btn:first-child{
margin-bottom:.55556rem
}
}
.sales-progress{
display:flex;
flex-direction:column;
align-items:center
}
.sales-progress__title{
width:100%;
text-align:center;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
padding-bottom:.55556rem;
margin-bottom:.83333rem;
border-bottom:1px solid rgba(255,255,255,.2)
}
.sales-progress__list{
display:flex;
flex-direction:column
}
.sales-progress__item{
display:flex;
align-items:center;
margin-bottom:.83333rem;
opacity:.5;
font-weight:700;
font-size:1rem;
line-height:1.22222rem
}
.sales-progress__item:last-child{
margin-bottom:0
}
.sales-progress__item_active{
opacity:1
}
.sales-progress__item_complited{
opacity:1;
color:#059d6f
}
.sales-progress__item_complited .sales-progress__number{
border-color:#059d6f
}
@media screen and (max-width:1600px){
.sales-progress__item{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:768px){
.sales-progress__item{
font-size:.77778rem;
line-height:1rem
}
}
.sales-progress__number{
flex-shrink:0;
width:2.22222rem;
height:2.22222rem;
border-radius:50%;
border:2px solid #fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:.88889rem;
line-height:1.11111rem;
margin-right:.83333rem
}
@media screen and (max-width:1200px){
.sales-progress__number{
width:1.94444rem;
height:1.94444rem
}
}
.sales__row{
margin-bottom:1.66667rem
}
.sales__row:last-child{
margin-bottom:0
}
.sales__row_js_sb{
display:flex;
justify-content:space-between;
align-items:center
}
@media screen and (max-width:768px){
.sales-options__row{
flex-direction:column
}
}
.sales__title{
margin-bottom:1.11111rem
}
@media screen and (max-width:768px){
.sales__title{
text-align:center
}
}
.sales-options__title{
margin-bottom:0
}
@media screen and (max-width:768px){
.sales-options__title{
margin-bottom:.55556rem
}
}
.sale__buttons-list{
display:flex;
flex-wrap:wrap
}
@media screen and (max-width:768px){
.sale__buttons-list{
justify-content:center
}
}
.sale-of-transport__buttons-item{
max-width:23.33333rem
}
@media screen and (max-width:1600px){
.sale-of-transport__buttons-item{
max-width:20.55556rem
}
}
@media screen and (max-width:1200px){
.sale-of-transport__buttons-item{
max-width:auto
}
}
@media screen and (max-width:1200px){
.sale-of-transport__buttons-item{
max-width:18.88889rem
}
}
@media screen and (max-width:768px){
.sale-of-transport__buttons-item{
max-width:16.66667rem
}
}
@media screen and (max-width:480px){
.sale-of-transport__buttons-item{
max-width:13.33333rem
}
}
.sale-spare-parts__buttons-item{
max-width:17.5rem
}
@media screen and (max-width:1200px){
.sale-spare-parts__buttons-item{
max-width:16.11111rem
}
}
@media screen and (max-width:768px){
.sale-spare-parts__buttons-item{
max-width:13.33333rem
}
}
.sale__buttons-item{
margin-right:1.66667rem;
margin-bottom:1.11111rem
}
.sale__buttons-item:last-child{
margin-right:0
}
@media screen and (max-width:768px){
.sale__buttons-item{
margin-right:0
}
}
.sale-of-transport__button{
padding:0 1.66667rem
}
.sale-of-transport__button-img{
width:8.33333rem;
height:8.33333rem
}
@media screen and (max-width:1600px){
.sale-of-transport__button-img{
width:6.66667rem;
height:6.66667rem
}
}
@media screen and (max-width:1200px){
.sale-of-transport__button-img{
width:5.55556rem;
height:5.55556rem
}
}
@media screen and (max-width:768px){
.sale-of-transport__button-img{
width:4.44444rem;
height:4.44444rem
}
}
@media screen and (max-width:480px){
.sale-of-transport__button-img{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:768px){
.sale-of-transport__button{
padding:0 1.11111rem
}
}
.sale-spare-parts__button{
padding:.55556rem 1.11111rem
}
.sale-spare-parts__button-img{
width:4.44444rem;
height:4.44444rem
}
@media screen and (max-width:1200px){
.sale-spare-parts__button-img{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:768px){
.sale-spare-parts__button-img{
width:2.22222rem;
height:2.22222rem
}
}
.sale__button{
display:flex;
justify-content:space-between;
align-items:center;
border:1px solid #fff;
border-radius:1.11111rem;
transition:all .3s ease
}
.sale__button-img{
flex-shrink:0;
fill:#fff;
margin-right:1.66667rem
}
@media screen and (max-width:1600px){
.sale__button-img{
margin-right:1.11111rem
}
}
.sale__button span{
text-align:left;
color:#fff;
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:768px){
.sale__button span{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:480px){
.sale__button span{
font-size:.66667rem;
line-height:.88889rem
}
}
.sale__button:hover{
background:#fff
}
.sale__button:hover span{
color:#2d2f34
}
.sale__button:hover .sale__button-img{
fill:#e1242d
}
.sale__btn{
font-size:.88889rem;
font-weight:600
}
@media screen and (max-width:1200px){
.sale__btn{
font-size:.77778rem
}
}
.sales-options__btn{
margin-right:.55556rem;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem
}
.sales-options__btn:last-child{
margin-right:0
}
@media screen and (max-width:1200px){
.sales-options__btn:last-child{
margin-bottom:0
}
}
@media screen and (max-width:1600px){
.sales-options__btn{
margin-right:5px
}
}
@media screen and (max-width:1200px){
.sales-options__btn{
margin-bottom:.55556rem
}
}
.sales-options__btn_active{
background:#fff;
color:#2d2f34
}
.section{
margin-bottom:1.44444rem
}
/*
@media screen and (max-width:1200px){
.section{
margin-bottom:3.33333rem
}
}
@media screen and (max-width:768px){
.section{
margin-bottom:2.22222rem
}
}*/
.section_mb_40{
margin-bottom:2.22222rem
}
@media screen and (max-width:1200px){
.section_mb_40{
margin-bottom:1.66667rem
}
}
@media screen and (max-width:480px){
.section_mb_40{
margin-bottom:1.11111rem
}
}
.section_mb_120{
margin-bottom:6.66667rem
}
@media screen and (max-width:1600px){
.section_mb_120{
margin-bottom:5.55556rem
}
}
@media screen and (max-width:1200px){
.section_mb_120{
margin-bottom:4.44444rem
}
}
@media screen and (max-width:480px){
.section_mb_120{
margin-bottom:3.33333rem
}
}
.section__hero{
padding-bottom:3.33333rem
}
@media screen and (max-width:768px){
.section__hero{
padding-bottom:1.66667rem;
margin-bottom:2.77778rem
}
}
.section__title{
color:#fff
}
@media screen and (max-width:1200px){
.section__title{
font-size:1.33333rem
}
}
@media screen and (max-width:480px){
.section__title{
font-size:1rem;
text-align:center
}
}
.section__specifications{
margin-bottom:2.77778rem
}
.section__big-title{
margin-bottom:2.22222rem
}
@media screen and (max-width:1600px){
.section__big-title{
font-size:1.44444rem;
margin-bottom:1.66667rem
}
}
@media screen and (max-width:768px){
.section__big-title{
font-size:1.33333rem;
margin-bottom:1.11111rem
}
}
.select-control{
display:block;
width:100%;
position:relative
}
.new-select{
position:relative;
z-index:5;
width:100%;
border:1px solid #fff;
border-radius:.55556rem;
background:#2d2f34;
padding:.66667rem 2.77778rem .66667rem .83333rem;
color:#fff;
outline:0;
appearance:none;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.new-select:hover{
cursor:pointer
}
@media screen and (max-width:1200px){
.new-select{
padding:7px .55556rem 7px .55556rem;
font-size:.55556rem;
line-height:.77778rem
}
}
.new-select__list{
cursor:pointer;
position:absolute;
top:75%;
padding-top:10%;
left:0;
border:1px solid #ced4da;
border-top:0;
border-radius:0 0 10px 10px;
width:100%;
z-index:2;
background:#2d2f34;
user-select:none;
overflow-y:scroll;
max-height:300px
}
@media screen and (max-width:768px){
.new-select__list{
padding-top:6%
}
}
.new-select__list.on{
display:block
}
.new-select__item span{
display:block;
padding:.55556rem .83333rem;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:1200px){
.new-select__item span{
font-size:.55556rem;
line-height:.77778rem
}
}
.new-select:after{
content:'';
display:block;
width:10px;
height:18px;
position:absolute;
right:17px;
top:14px;
background:url(/images/icons/arrow.svg) center center/cover no-repeat;
-webkit-transition:all .27s ease-in-out;
-o-transition:all .27s ease-in-out;
transition:all .27s ease-in-out;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
@media screen and (max-width:1200px){
.new-select:after{
width:5px;
height:.61111rem;
top:9px;
right:10px
}
}
.new-select.on:after{
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)
}
.seller-data{
display:flex;
justify-content:space-between
}
@media screen and (max-width:1200px){
.seller-data{
flex-direction:column
}
}
.seller-data__column{
padding-right:1.66667rem;
width:calc(100%/2 - 10px);
border-right:2px solid rgba(255,255,255,.2)
}
@media screen and (max-width:1200px){
.seller-data__column{
padding:0 0 1.11111rem;
margin-bottom:1.11111rem;
width:100%;
border-bottom:2px solid rgba(255,255,255,.2);
border-right:0
}
}
.seller-data__column:last-child{
border:0;
padding:0;
margin:0
}
.seller-data__row{
margin-bottom:1.66667rem
}
.seller-data__row_display_flex{
display:flex
}
@media screen and (max-width:1600px){
.seller-data__row_display_flex{
flex-direction:column
}
}
.seller-data__checkboxes,.seller-data__inputs{
width:calc(100% / 2 - 20px)
}
@media screen and (max-width:1600px){
.seller-data__checkboxes,.seller-data__inputs{
width:100%
}
}
.seller-data__inputs{
margin-right:2.22222rem;
min-width:17.77778rem
}
@media screen and (max-width:1600px){
.seller-data__inputs{
margin:0 0 1.11111rem
}
}
@media screen and (max-width:480px){
.seller-data__inputs{
min-width:11.11111rem
}
}
.seller-data__checkboxes .checkbox__label{
min-height:42.8px;
margin-bottom:10px
}
.seller-data__checkboxes .checkbox__label:last-child{
margin-bottom:0
}
@media screen and (max-width:1600px){
.seller-data__checkboxes .checkbox__label{
min-height:fit-content
}
}
.seller-data__check-text{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.seller-data__title{
font-weight:700;
font-size:1.11111rem;
line-height:1.33333rem;
margin-bottom:1.11111rem
}
.seller-data__subtitle{
margin-bottom:.55556rem
}
.seller-data__input{
padding:.66667rem .83333rem;
background:0 0;
border:1px solid #fff;
border-radius:.55556rem;
max-width:17.77778rem;
min-width:15.55556rem;
width:100%;
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
margin-bottom:.55556rem;
margin-right:2.22222rem
}
.seller-data__input::placeholder{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
color:rgba(255,255,255,.5)
}
@media screen and (max-width:1600px){
.seller-data__input::placeholder{
font-size:.66667rem
}
}
.seller-data__input:last-child{
margin-bottom:0
}
@media screen and (max-width:1600px){
.seller-data__input{
max-width:100%
}
}
@media screen and (max-width:480px){
.seller-data__input{
min-width:11.11111rem
}
}
.seller-data__note{
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
.seller-data__options-list{
display:flex;
flex-wrap:wrap
}
.seller-data__options-item{
margin:0 .55556rem .55556rem 0
}
.seller-data__options-label input{
display:none
}
.seller-data__options-label input:checked~div{
background:#fff;
color:#2d2f34
}
.seller-data__options-label div{
font-weight:600;
font-size:.77778rem;
line-height:.94444rem;
padding:.55556rem .83333rem;
border:1px solid #fff;
border-radius:.55556rem;
transition:all .3s ease
}
.seller-data__options-label:hover{
cursor:pointer
}
.seller-data__options-price{
margin-bottom:2.22222rem;
font-weight:700;
font-size:.88889rem;
line-height:1.11111rem
}
.seller-data__btn{
margin-right:.55556rem
}
.seller-data__btn:last-child{
margin-right:0
}
@media screen and (max-width:480px){
.seller-data__btn{
margin-top:.55556rem
}
}
.similarities{
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:3.33333rem
}
@media screen and (max-width:1600px){
.similarities{
grid-gap:2.22222rem
}
}
@media screen and (max-width:1200px){
.similarities{
grid-template-columns:repeat(auto-fill,minmax(370px,1fr));
grid-gap:1.11111rem
}
}
.similarities__column{
display:grid;
grid-template-rows:auto 1fr;
grid-row-gap:1.11111rem;
flex:1;
border:1px solid #fff;
box-sizing:border-box;
border-radius:1.11111rem;
padding:1.66667rem;
min-width:15.83333rem
}
@media screen and (max-width:414px){
.similarities{
grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
}
	.similarities__column{
		padding:1.66667rem .6rem
	}
}
.similarities__data{
font-weight:700;
font-size:.88889rem;
line-height:1.11111rem;
display:grid;
grid-template-rows:repeat(7,1fr);
grid-row-gap:.55556rem
}
.similarities__data-icon{
max-width:1.55556rem;
width:auto;
height:auto;
fill:#fff;
stroke:#fff
}
.similarities__data-row{
height:2.22222rem;
display:grid;
grid-template-columns:1.66667rem 1.55556rem 1fr 2fr;
align-items:center;
justify-items:center
}
.similarities__data-row div:nth-child(3){
justify-self:flex-start;
margin-left:.55556rem;
font-weight:500;
font-size:.88889rem;
line-height:1.11111rem
}
@media screen and (max-width:768px){
.similarities__data-row div:nth-child(3){
font-size:.77778rem
}
}
.similarities__data-row div:nth-child(4){
width:100%;
padding:0 1.11111rem;
justify-self:flex-start;
display:flex;
align-items:center;
border-radius:.55556rem;
font-weight:700;
font-size:.88889rem;
line-height:1.11111rem;
height:1.66667rem
}
@media screen and (max-width:1200px){
.similarities__data-row div:nth-child(4){
grid-column-start:1;
grid-column-end:4
}
}
@media screen and (max-width:480px){
.similarities__data-row div:nth-child(4){
font-size:.77778rem
}
}
@media screen and (max-width:1600px){
.similarities__data-row{
height:fit-content
}
}
@media screen and (max-width:1200px){
.similarities__data-row{
grid-template:1fr 1fr/30px 28px 1fr;
grid-row-gap:.55556rem
}
}
.similarities__data-progress_bg_green{
background-color:#059d6f
}
.similarities__data-progress_bg_red{
background-color:#e1242d;
color:#fff
}
.similarities__data-progress_bg_white{
background-color:#fff;
color:#2d2f34
}
.specifications{
display:flex;
justify-content:space-between;
padding-bottom:2.22222rem;
border-bottom:2px solid rgba(255,255,255,.5)
}
@media screen and (max-width:1200px){
.specifications{
align-items:center
}
}
@media screen and (max-width:768px){
.specifications{
flex-direction:column
}
}
.specifications__column{
display:flex;
align-items:center;
max-width:59.11111rem
}
@media screen and (max-width:768px){
.specifications__column{
justify-content:center;
width:100%;
margin-bottom:3.33333rem
}
.specifications__column:last-child{
margin:0
}
}
@media screen and (max-width:768px) and (max-width:480px){
.specifications__column{
margin-bottom:2.22222rem
}
}
.specifications__column_small{
max-width:38.66667rem
}
@media screen and (max-width:768px){
.specifications__column_small{
max-width:100%
}
}
@media screen and (max-width:480px){
.specifications__column_small{
flex-direction:column
}
}
.acceleration{
width:18.88889rem;
height:12.11111rem;
margin-right:1.55556rem
}
@media screen and (max-width:1600px){
.acceleration{
width:17vw;
height:auto
}
}
@media screen and (max-width:1200px){
.acceleration{
margin-right:.77778rem
}
}
@media screen and (max-width:768px){
.acceleration{
width:44.26vw;
margin-right:1.66667rem
}
}
@media screen and (max-width:480px){
.acceleration{
width:100%;
margin:0 0 2.22222rem 0
}
}
.pc-module-graphic{
width:100%;
height:100%
}
.specifications__speed-data{
font-weight:500;
font-size:1.11111rem
}
@media screen and (max-width:1600px){
.specifications__speed-data{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.specifications__speed-data{
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.specifications__speed-data{
font-size:1.11111rem
}
}
@media screen and (max-width:480px){
.specifications__speed-data{
width:100%;
text-align:center
}
}
.specifications__speed-data-row{
display:flex;
flex-direction:column;
margin-bottom:2.22222rem
}
@media screen and (max-width:1600px){
.specifications__speed-data-row{
margin-bottom:1.38889rem
}
}
@media screen and (max-width:1200px){
.specifications__speed-data-row{
margin-bottom:.88889rem
}
}
@media screen and (max-width:768px){
.specifications__speed-data-row{
margin-bottom:2.22222rem
}
}
.specifications__speed-data-row:last-child{
margin:0
}
.specifications__speed-data span:last-child{
font-weight:700;
font-size:1.44444rem
}
@media screen and (max-width:1600px){
.specifications__speed-data span:last-child{
font-size:1.22222rem
}
}
@media screen and (max-width:1200px){
.specifications__speed-data span:last-child{
font-size:1rem
}
}
@media screen and (max-width:768px){
.specifications__speed-data span:last-child{
font-size:1.44444rem
}
}
.specifications__parameters-list{
width:100%;
display:flex;
justify-content:space-around
}
@media screen and (max-width:768px){
.specifications__parameters-list{
flex-wrap:wrap
}
}
.specifications__parameters-item{
display:flex;
flex-direction:column;
align-items:center;
width:16vw;
text-align:center
}
@media screen and (max-width:1600px){
.specifications__parameters-item{
min-width:10.55556rem;
width:12.5vw
}
}
@media screen and (max-width:1200px){
.specifications__parameters-item{
min-width:6.66667rem
}
}
@media screen and (max-width:768px){
.specifications__parameters-item{
margin-bottom:1.11111rem;
min-width:8.33333rem;
width:25%
}
}
@media screen and (max-width:480px){
.specifications__parameters-item{
margin-bottom:2.22222rem;
width:50%
}
}
.specifications__parameters-icon{
width:5.55556rem;
height:5.55556rem;
fill:#fff;
margin-bottom:1.11111rem
}
@media screen and (max-width:1600px){
.specifications__parameters-icon{
width:3.33333rem;
height:3.33333rem
}
}
@media screen and (max-width:1200px){
.specifications__parameters-icon{
width:2.5rem;
height:2.5rem;
margin-bottom:.55556rem
}
}
@media screen and (max-width:768px){
.specifications__parameters-icon{
width:4.44444rem;
height:4.44444rem;
margin-bottom:1.38889rem
}
}
.specifications__parameters-icon_stroke{
fill:transparent;
stroke:#fff;
stroke-width:2
}
.specifications__parameters-data{
display:flex;
flex-direction:column;
align-items:center;
color:#fff;
margin-bottom:.88889rem
}
@media screen and (max-width:1200px){
.specifications__parameters-data{
margin-bottom:6px
}
}
@media screen and (max-width:768px){
.specifications__parameters-data{
margin-bottom:.55556rem
}
}
@media screen and (max-width:480px){
.specifications__parameters-data{
width:100%
}
}
.specifications__parameters-title{
font-weight:600;
font-size:1.11111rem
}
@media screen and (max-width:1600px){
.specifications__parameters-title{
font-size:.88889rem
}
}
@media screen and (max-width:1200px){
.specifications__parameters-title{
font-size:.66667rem
}
}
@media screen and (max-width:768px){
.specifications__parameters-title{
font-size:.88889rem
}
}
.specifications__parameters-subtitle{
font-weight:700;
font-size:1.44444rem
}
@media screen and (max-width:1600px){
.specifications__parameters-subtitle{
font-size:1.22222rem
}
}
@media screen and (max-width:1200px){
.specifications__parameters-subtitle{
font-size:1.11111rem
}
}
@media screen and (max-width:768px){
.specifications__parameters-subtitle{
font-size:1.22222rem
}
}
.specifications__parameters-indicator{
font-weight:600;
font-size:1.11111rem;
text-decoration:underline
}
@media screen and (max-width:1600px){
.specifications__parameters-indicator{
font-size:.77778rem
}
}
@media screen and (max-width:1200px){
.specifications__parameters-indicator{
font-size:.55556rem
}
}
@media screen and (max-width:768px){
.specifications__parameters-indicator{
font-size:.66667rem
}
}
.vin__content{
display:grid;
grid-template:1fr auto/auto 1fr 1.5fr;
grid-gap:1.66667rem
}
@media screen and (max-width:1200px){
.vin__content{
grid-template:1fr auto/1fr 1fr;
grid-gap:1.11111rem
}
}
.vin__number{
position:relative;
grid-row:1/3
}
@media screen and (max-width:1200px){
.vin__number{
grid-row:1/2;
grid-column:1/3
}
}
.vin__number-enter{
display:flex;
align-items:center;
position:absolute;
left:52%;
transform:translate(-50%,0)
}
@media screen and (max-width:1200px){
.vin__number-enter{
left:50%
}
}
.vin__input{
margin-right:.83333rem;
padding:.66667rem 1.66667rem;
border:1px solid #fff;
border-radius:.55556rem;
background:0 0;
text-transform:uppercase;
font-weight:500;
font-size:1rem;
line-height:1.22222rem
}
@media screen and (max-width:1600px){
.vin__input{
font-size:.88889rem;
line-height:1.11111rem;
padding:.66667rem 1.11111rem
}
}
@media screen and (max-width:1200px){
.vin__input{
padding:.55556rem .83333rem;
font-size:.77778rem;
line-height:1rem
}
}
@media screen and (max-width:768px){
.vin__input{
font-size:.66667rem;
line-height:.88889rem
}
}
@media screen and (max-width:480px){
.vin__input{
padding:.55556rem
}
}
.vin__car{
padding-top:3%
}
@media screen and (max-width:1200px){
.vin__car{
padding-top:2.5%;
display:flex;
justify-content:center
}
}
.vin__car-image{
width:22.22222rem;
height:10rem
}
@media screen and (max-width:1600px){
.vin__car-image{
width:21.66667rem;
height:9.44444rem
}
}
@media screen and (max-width:1200px){
.vin__car-image{
width:20.55556rem;
height:8.33333rem
}
}
@media screen and (max-width:768px){
.vin__car-image{
width:19.44444rem;
height:7.22222rem
}
}
.vin__info-column{
font-weight:500;
font-size:1.11111rem;
line-height:1.33333rem
}
@media screen and (max-width:1600px){
.vin__info-column{
font-size:.88889rem;
line-height:1.11111rem
}
}
@media screen and (max-width:1200px){
.vin__info-column{
font-size:.77778rem;
line-height:1rem
}
}
.vin__info-column-text{
max-width:22.22222rem
}
.vin__buttons{
grid-column:2/4
}
@media screen and (max-width:1200px){
.vin__buttons{
grid-column:1/3;
display:flex;
justify-content:center
}
}
@media screen and (max-width:480px){
.vin__buttons{
flex-direction:column
}
}
.vin__btn{
margin-right:.55556rem
}
@media screen and (max-width:480px){
.vin__btn{
margin:0 0 .55556rem 0
}
}
.vin__btn:last-child{
margin-right:0
}
@media screen and (max-width:480px){
.vin__btn:last-child{
margin:0
}
}


@media screen and (max-width: 768px) {
  .catalog {
    height: calc(100vh - 240px); } }

.catalog__card-data,
.catalog__header {
  position: relative;
  z-index: 20; }

.catalog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.66667rem; }
  @media screen and (max-width: 768px) {
    .catalog__header {
      margin-bottom: 1.11111rem;
      flex-direction: column; } }
  @media screen and (max-width: 480px) {
    .catalog__header {
      align-items: flex-start; } }

.catalog__title {
  font-weight: bold;
  font-size: 2.22222rem;
  line-height: 2.72222rem; }
  @media screen and (max-width: 1600px) {
    .catalog__title {
      font-size: 1.44444rem;
      line-height: 2.5rem; } }
  @media screen and (max-width: 1200px) {
    .catalog__title {
      font-size: 1.33333rem;
      line-height: 2.22222rem; } }
  @media screen and (max-width: 768px) {
    .catalog__title {
      display: flex;
      align-items: center;
      margin-bottom: 0.55556rem; } }
  @media screen and (max-width: 480px) {
    .catalog__title {
      font-size: 1rem;
      line-height: 1.22222rem; } }

.catalog__btn-back {
  width: 2.22222rem;
  height: 2.22222rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: none;
  justify-content: center;
  align-items: center;
  transform: rotate(180deg);
  margin-right: 1.11111rem; }
  .catalog__btn-back svg {
    width: 0.55556rem;
    height: 0.88889rem;
    fill: #fff; }
  @media screen and (max-width: 768px) {
    .catalog__btn-back {
      display: flex; } }

.catalog__sorting {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .catalog__sorting {
      display: none; } }

.catalog__sorting-phone {
  width: 100%;
  display: none;
  border-radius: 0.55556rem;
  border: 1px solid #fff; }
  @media screen and (max-width: 768px) {
    .catalog__sorting-phone {
      display: flex; } }
  .catalog__sorting-phone-btn {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.66667rem 0;
    width: 50%; }
    .catalog__sorting-phone-btn svg {
      margin-right: 8px;
      width: 1.11111rem;
      height: 1rem;
      fill: #fff; }
      @media screen and (max-width: 480px) {
        .catalog__sorting-phone-btn svg {
          width: 1rem;
          height: 0.88889rem; } }
    .catalog__sorting-phone-btn span {
      font-weight: 600;
      font-size: 0.88889rem;
      line-height: 1rem; }
      @media screen and (max-width: 480px) {
        .catalog__sorting-phone-btn span {
          font-size: 0.77778rem;
          line-height: 0.94444rem; } }
    .catalog__sorting-phone-btn:first-child {
      border-right: 1px solid #fff; }
    .catalog__sorting-phone-btn:last-child {
      border-left: 1px solid #fff; }

.catalog__sorting-type {
  display: flex;
  align-items: center;
  margin-right: 3.33333rem; }
  .catalog__sorting-type span {
    margin-right: 0.83333rem;
    font-weight: 500;
    font-size: 0.88889rem;
    line-height: 1.11111rem; }
    @media screen and (max-width: 1200px) {
      .catalog__sorting-type span {
        font-size: 0.77778rem;
        line-height: 1rem; } }
    @media screen and (max-width: 768px) {
      .catalog__sorting-type span {
        margin-right: 0.55556rem; } }
  @media screen and (max-width: 1200px) {
    .catalog__sorting-type {
      margin-right: 1.66667rem; } }
  @media screen and (max-width: 768px) {
    .catalog__sorting-type {
      margin-right: 1.11111rem; } }

.catalog__sorting-view-list {
  display: flex;
  align-items: center; }
  .catalog__sorting-view-list li {
    margin-right: 1.11111rem; }
    .catalog__sorting-view-list li:last-child {
      margin-right: 0; }

.catalog__sorting-view {
  width: 2.22222rem;
  height: 2.22222rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease; }
  .catalog__sorting-view svg {
    fill: #fff;
    width: 1.44444rem;
    height: 1.44444rem; }
  .catalog__sorting-view.active {
    background: #E1242D; }
  .catalog__sorting-view:hover {
    background: #E1242D; }

.catalog__content {
  width: 100%;
  display: grid;
  grid-template-columns: 18.33333rem 1fr;
  grid-gap: 2.22222rem; }
  @media screen and (max-width: 1600px) {
    .catalog__content {
      grid-template-columns: 16.66667rem 1fr;
      grid-gap: 1.66667rem; } }
  @media screen and (max-width: 1200px) {
    .catalog__content {
      grid-template-columns: 14.44444rem 1fr;
      grid-gap: 1.38889rem; } }
  @media screen and (max-width: 768px) {
    .catalog__content {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; } }

.catalog__filter {
  height: fit-content;
  padding: 5px 1.11111rem;
  border-radius: 1.11111rem;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column; }
  .catalog__filter > li {
    width: 100%;
    padding: 0.83333rem 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
    .catalog__filter > li > button {
      width: 100%;
      font-weight: 600;
      font-size: 1rem;
      line-height: 1.22222rem;
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .catalog__filter > li > button div {
        position: relative; }
        .catalog__filter > li > button div::after, .catalog__filter > li > button div::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-100%, -50%);
          display: block;
          width: 0.66667rem;
          height: 2px;
          background: #fff; }
        .catalog__filter > li > button div::after {
          transform: translate(-100%, -50%) rotate(90deg); }
        .catalog__filter > li > button div.active::after {
          transform: translate(-100%, -50%) rotate(0deg); }
      @media screen and (max-width: 1200px) {
        .catalog__filter > li > button {
          font-size: 0.88889rem;
          line-height: 1.11111rem; } }
    .catalog__filter > li > div {
      overflow: hidden; }
      .catalog__filter > li > div > div:first-child {
        margin-top: 0.83333rem; }
      .catalog__filter > li > div.catalog__filter-content_overflow_auto {
        overflow: visible; }
      .catalog__filter > li > div.hidden {
        overflow: hidden;
        height: 0; }
    .catalog__filter > li:last-child {
      border: 0; }
  @media screen and (max-width: 768px) {
    .catalog__filter {
      display: none; } }

.catalog__filter-btn-control span:first-child {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.22222rem; }
  @media screen and (max-width: 1600px) {
    .catalog__filter-btn-control span:first-child {
      font-size: 0.88889rem;
      line-height: 1.11111rem; } }
  @media screen and (max-width: 768px) {
    .catalog__filter-btn-control span:first-child {
      font-size: 1.11111rem;
      line-height: 1.22222rem; } }
  @media screen and (max-width: 480px) {
    .catalog__filter-btn-control span:first-child {
      font-size: 1rem;
      line-height: 1.22222rem; } }

.catalog__filter-btn-control:disabled {
  opacity: .5; }

.catalog__gap {
  margin-bottom: 8px; }

.catalog__filter-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, 45px);
  grid-gap: 0.83333rem;
  justify-content: center;
  margin-bottom: 1.11111rem; }
  .catalog__filter-content button {
    justify-self: center;
    width: 2.55556rem;
    height: 1.66667rem; }
    .catalog__filter-content button svg.fill__white {
      fill: #fff; }
    @media screen and (max-width: 768px) {
      .catalog__filter-content button {
        width: 3.33333rem;
        height: 3.55556rem; } }
    @media screen and (max-width: 480px) {
      .catalog__filter-content button {
        width: 2.77778rem;
        height: 2.44444rem; } }
  @media screen and (max-width: 1600px) {
    .catalog__filter-content {
      grid-template-columns: repeat(auto-fit, 43px);
      grid-gap: 0.55556rem; } }
  @media screen and (max-width: 1200px) {
    .catalog__filter-content {
      grid-template-columns: repeat(auto-fit, 47px);
      grid-gap: 0.55556rem; } }
  @media screen and (max-width: 768px) {
    .catalog__filter-content {
      grid-template-columns: repeat(auto-fit, 60px);
      grid-gap: 0.55556rem; } }
  @media screen and (max-width: 480px) {
    .catalog__filter-content {
      grid-template-columns: repeat(auto-fit, 59px); } }

.catalog__filter-title {
  font-weight: 600;
  font-size: 0.77778rem;
  line-height: 0.94444rem;
  margin-bottom: 0.55556rem; }
  @media screen and (max-width: 768px) {
    .catalog__filter-title {
      font-size: 1rem;
      line-height: 1.11111rem; } }

.catalog__card-header {
  margin-top: 0.83333rem;
  position: relative;
  z-index: 20; }

.catalog__card-data {
  flex-direction: column;
  align-items: flex-start; }
  .catalog__card-data > div {
    margin-bottom: 0.55556rem; }
    .catalog__card-data > div:last-child {
      margin-bottom: 0; }

.catalog__card-bg {
  position: relative;
  height: 15.55556rem; }

.catalog__card-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(45, 47, 52, 0) 73.33%, #2D2F34 100%); }

.catalog__cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.catalog__card {
  position: relative;
  width: calc(100% / 4 - 20px);
  border-radius: 1.11111rem;
  overflow: hidden;
  border: 1px solid #fff;
  margin-bottom: 1.66667rem;
  padding: 13.05556rem 0.83333rem 0.83333rem; }
  @media screen and (max-width: 1600px) {
    .catalog__card {
      padding: 15% 0.83333rem 0.83333rem;
      width: calc(100% / 3 - 20px); } }
  @media screen and (max-width: 1200px) {
    .catalog__card {
      padding: 22% 0.83333rem 0.83333rem;
      width: calc(100% / 2 - 10px); } }
  @media screen and (max-width: 768px) {
    .catalog__card {
      padding: 22% 0.55556rem 0.55556rem;
      width: calc(100% / 2 - 5px);
      margin-bottom: 0.83333rem; } }
  @media screen and (max-width: 480px) {
    .catalog__card {
      padding: 45% 0.55556rem 0.55556rem;
      width: 100%; } }

.catalog__cards_tiles {
  display: flex; }

.catalog__cards_rows {
  display: none; }
  .catalog__cards_rows .catalog__card {
    width: 100%;
    height: fit-content;
    padding: 1.11111rem;
    display: flex; }
    @media screen and (max-width: 480px) {
      .catalog__cards_rows .catalog__card {
        flex-direction: column; } }
  .catalog__cards_rows .card__title {
    max-width: 100%;
    margin-bottom: 1.11111rem; }
    @media screen and (max-width: 480px) {
      .catalog__cards_rows .card__title {
        font-size: 1rem;
        line-height: 1.11111rem; } }
  .catalog__cards_rows .catalog__card-comparison {
    display: flex;
    align-items: center;
    margin-bottom: 1.11111rem; }
    .catalog__cards_rows .catalog__card-comparison .card__comparison {
      margin-right: 1.11111rem; }
    .catalog__cards_rows .catalog__card-comparison .card__data {
      margin-bottom: 0; }
  .catalog__cards_rows .catalog__card-footer {
    justify-content: flex-start; }
  .catalog__cards_rows .card__btn {
    margin-bottom: 0 !important; }

.catalog__card-data-column {
  flex-shrink: 2; }

.catalog__card-row-bg {
  flex-shrink: 1;
  width: 16.66667rem;
  border-radius: 1.11111rem;
  overflow: hidden;
  margin-right: 1.38889rem; }
  @media screen and (max-width: 1200px) {
    .catalog__card-row-bg {
      width: 50%;
      height: 100%; } }
  @media screen and (max-width: 768px) {
    .catalog__card-row-bg {
      width: 16.66667rem;
      height: 100%; } }
  @media screen and (max-width: 480px) {
    .catalog__card-row-bg {
      width: 100%;
      height: 10rem;
      margin-bottom: 1.11111rem; } }

.catalog__body-list {
  margin-top: 0.83333rem; }

.catalog__manufacturers,
.catalog__body-list,
.catalog__model-list,
.catalog__year-of-product-list,
.catalog__generation-list {
  display: flex;
  flex-direction: column;
  max-height: 13.88889rem;
  overflow-y: scroll; }

.catalog__manufacturers-title,
.catalog__body-item-title,
.catalog__model-title,
.catalog__year-of-product-title,
.catalog__generation-title {
  font-weight: 600; }
  @media screen and (max-width: 1200px) {
    .catalog__manufacturers-title,
    .catalog__body-item-title,
    .catalog__model-title,
    .catalog__year-of-product-title,
    .catalog__generation-title {
      font-size: 0.88889rem;
      line-height: 1rem; } }
  @media screen and (max-width: 480px) {
    .catalog__manufacturers-title,
    .catalog__body-item-title,
    .catalog__model-title,
    .catalog__year-of-product-title,
    .catalog__generation-title {
      font-size: 0.77778rem;
      line-height: 0.94444rem; } }

.catalog__manufacturer,
.catalog__body-item,
.catalog__model-item,
.catalog__year-of-product-item,
.catalog__generation-item {
  margin-bottom: 0.83333rem; }
  .catalog__manufacturer label,
  .catalog__body-item label,
  .catalog__model-item label,
  .catalog__year-of-product-item label,
  .catalog__generation-item label {
    display: flex;
    align-items: center; }
    .catalog__manufacturer label:hover,
    .catalog__body-item label:hover,
    .catalog__model-item label:hover,
    .catalog__year-of-product-item label:hover,
    .catalog__generation-item label:hover {
      cursor: pointer; }
  .catalog__manufacturer input,
  .catalog__body-item input,
  .catalog__model-item input,
  .catalog__year-of-product-item input,
  .catalog__generation-item input {
    display: none; }
    .catalog__manufacturer input:checked ~ .catalog__manufacturers-check-view,
    .catalog__manufacturer input:checked ~ .catalog__body-item-check-view,
    .catalog__manufacturer input:checked ~ .catalog__model-check-view,
    .catalog__manufacturer input:checked ~ .catalog__year-of-product-check-view,
    .catalog__manufacturer input:checked ~ .catalog__generation-check-view,
    .catalog__body-item input:checked ~ .catalog__manufacturers-check-view,
    .catalog__body-item input:checked ~ .catalog__body-item-check-view,
    .catalog__body-item input:checked ~ .catalog__model-check-view,
    .catalog__body-item input:checked ~ .catalog__year-of-product-check-view,
    .catalog__body-item input:checked ~ .catalog__generation-check-view,
    .catalog__model-item input:checked ~ .catalog__manufacturers-check-view,
    .catalog__model-item input:checked ~ .catalog__body-item-check-view,
    .catalog__model-item input:checked ~ .catalog__model-check-view,
    .catalog__model-item input:checked ~ .catalog__year-of-product-check-view,
    .catalog__model-item input:checked ~ .catalog__generation-check-view,
    .catalog__year-of-product-item input:checked ~ .catalog__manufacturers-check-view,
    .catalog__year-of-product-item input:checked ~ .catalog__body-item-check-view,
    .catalog__year-of-product-item input:checked ~ .catalog__model-check-view,
    .catalog__year-of-product-item input:checked ~ .catalog__year-of-product-check-view,
    .catalog__year-of-product-item input:checked ~ .catalog__generation-check-view,
    .catalog__generation-item input:checked ~ .catalog__manufacturers-check-view,
    .catalog__generation-item input:checked ~ .catalog__body-item-check-view,
    .catalog__generation-item input:checked ~ .catalog__model-check-view,
    .catalog__generation-item input:checked ~ .catalog__year-of-product-check-view,
    .catalog__generation-item input:checked ~ .catalog__generation-check-view {
      background: #fff;
      border: 3px solid #E1242D; }

.catalog__manufacturers-check-view,
.catalog__reserve-input-view,
.catalog__drive-input-view,
.catalog__body-item-check-view,
.catalog__model-check-view,
.catalog__year-of-product-check-view,
.catalog__generation-check-view {
  width: 0.83333rem;
  height: 0.83333rem;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-right: 0.83333rem; }
  @media screen and (max-width: 768px) {
    .catalog__manufacturers-check-view,
    .catalog__reserve-input-view,
    .catalog__drive-input-view,
    .catalog__body-item-check-view,
    .catalog__model-check-view,
    .catalog__year-of-product-check-view,
    .catalog__generation-check-view {
      width: 1.11111rem;
      height: 1.11111rem; } }

.catalog__reserve-title {
  font-weight: 600;
  font-size: 0.77778rem;
  line-height: 0.94444rem; }
  @media screen and (max-width: 768px) {
    .catalog__reserve-title {
      font-size: 0.88889rem;
      line-height: 1rem; } }

.catalog__reserve-inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.83333rem; }

.catalog__reserve-radio {
  display: flex;
  align-items: center;
  margin-bottom: 0.83333rem; }
  .catalog__reserve-radio input {
    display: none; }
    .catalog__reserve-radio input:checked ~ .catalog__reserve-input-view {
      background: #fff;
      border: 3px solid #E1242D; }
  .catalog__reserve-radio:hover {
    cursor: pointer; }
  .catalog__reserve-radio:last-child {
    margin-bottom: 0; }

.catalog__gap-inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.83333rem; }
  .catalog__gap-inputs input {
    width: calc(100% / 2 - 20px);
    background: transparent;
    padding: 5px 0.55556rem;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 500;
    font-size: 0.66667rem;
    line-height: 0.83333rem; }
    @media screen and (max-width: 1600px) {
      .catalog__gap-inputs input {
        width: calc(100% / 2 - 15px); } }
    @media screen and (max-width: 768px) {
      .catalog__gap-inputs input {
        width: calc(100% / 2 - 10px);
        padding: 10px 0.83333rem;
        font-size: 0.88889rem;
        line-height: 1rem; } }

.catalog__drive-row {
  display: flex;
  align-items: center;
  margin-bottom: 0.83333rem; }
  .catalog__drive-row input {
    display: none; }
    .catalog__drive-row input:checked ~ .catalog__drive-input-view {
      background: #fff;
      border: 3px solid #E1242D; }
  .catalog__drive-row:hover {
    cursor: pointer; }
  .catalog__drive-row:last-child {
    margin-bottom: 0; }

.catalog__drive-wheelbbase {
  width: 4rem;
  height: 1.94444rem;
  margin-right: 0.55556rem; }

.catalog__filter-btn,
.catalog__sorting-btn {
  margin-top: auto;
  display: none;
  padding-top: 1.11111rem;
  padding-bottom: 2.22222rem;
  border-top: 2px solid rgba(255, 255, 255, 0.5); }
  .catalog__filter-btn button,
  .catalog__sorting-btn button {
    width: 100%; }

.catalog__sorting-phone-block {
  display: none; }

.catalog__sorting-phone-list {
  padding: 1.11111rem;
  display: flex;
  flex-direction: column;
  border: 1px solid #FFFFFF;
  border-radius: 1.11111rem; }

.catalog__sorting-phone-item {
  font-weight: 500;
  font-size: 0.88889rem;
  line-height: 1.11111rem;
  padding: 0.83333rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
  .catalog__sorting-phone-item:last-child {
    border: 0; }

.catalog__filter-select-control {
  margin-bottom: 0.55556rem; }
  .catalog__filter-select-control:last-child {
    margin-bottom: 0; }

.catalog__filter-content_overflow_auto {
  overflow: auto; }

.catalog__card-keys {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px; }

.catalog__card-key {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 0.66667rem;
  line-height: 0.83333rem;
  color: #2D2F34;
  background: #fff;
  border-radius: 5px; }

.catalog__card-footer .card__btn {
  font-size: 1rem;
  line-height: 1.22222rem; }
  @media screen and (max-width: 1600px) {
    .catalog__card-footer .card__btn {
      font-size: 0.66667rem;
      line-height: 0.77778rem; } }
  @media screen and (max-width: 1200px) {
    .catalog__card-footer .card__btn {
      margin-bottom: 10px; } }

.catalog__card-footer .card__price {
  margin-left: 5px;
  font-size: 1.22222rem;
  line-height: 1.5rem;
  flex-shrink: 0; }
  @media screen and (max-width: 1600px) {
    .catalog__card-footer .card__price {
      font-size: 0.88889rem;
      line-height: 1rem; } }

@media screen and (max-width: 1200px) {
  .catalog__card-footer {
    flex-wrap: wrap; } }
	
.car-cards__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden; }

.car-cards__item {
  flex-shrink: 0;
  width: calc(100% / 4 - 40px);
  min-width: 21rem;
  border: 1px solid #FFF;
  border-radius: 1.11111rem;
  padding: 1.11111rem;
  background: linear-gradient(180deg, rgba(45, 47, 52, 0) 40%, #2D2F34 60%), url("/css/./images/carFromCard.jpg") center top/100% auto no-repeat; }
  @media screen and (max-width: 1600px) {
    .car-cards__item {
      min-width: 16.66667rem;
      width: calc(100% / 3 - 14px);
      margin-right: 1.11111rem; } }
  @media screen and (max-width: 1200px) {
    .car-cards__item {
      min-width: 12.22222rem;
      width: calc(100% / 3 - 10px);
      margin-right: 0.83333rem;
      padding: 0.83333rem;
      background: linear-gradient(180deg, rgba(45, 47, 52, 0) 35%, #2D2F34 55%), url("/css/./images/carFromCard.jpg") center top/100% auto no-repeat; } }
  @media screen and (max-width: 768px) {
    .car-cards__item {
      padding: 0.55556rem;
      min-width: 8.33333rem;
      background: linear-gradient(180deg, rgba(45, 47, 52, 0) 25%, #2D2F34 40%), url("/css/./images/carFromCard.jpg") center top/100% auto no-repeat; } }
  @media screen and (max-width: 480px) {
    .car-cards__item {
      width: 100%;
      min-width: 100%; } }

.card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.11111rem; }

.card__title {
  max-width: 16.11111rem;
  font-size: 1.33333rem;
  line-height: 1.61111rem;
  color: #fff;
  font-weight: bold; }
  @media screen and (max-width: 1600px) {
    .card__title {
      font-size: 1.11111rem; } }
  @media screen and (max-width: 1200px) {
    .card__title {
      font-size: 1rem; } }
  @media screen and (max-width: 768px) {
    .card__title {
      font-size: .9rem;
      line-height: 0.83333rem; } }

.card__comparison {
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center; }
  .card__comparison-img {
    fill: #fff; }
  @media screen and (max-width: 480px) {
    .card__comparison {
      border: 1px solid #FFFFFF; } }

.card__data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.11111rem; }
  .card__data-column {
    width: 9.72222rem; }
    .card__data-column:last-child {
      text-align: end; }
    .card__data-column div {
      margin-bottom: 0.55556rem; }
      .card__data-column div:last-child {
        margin-bottom: 0; }
  @media screen and (max-width: 1600px) {
    .card__data {
      font-size: 0.88889rem; } }
  @media screen and (max-width: 1200px) {
    .card__data {
      font-size: .7rem; } }

.card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.card__btn {
  font-size: 1rem;
  font-weight: bold; }
  @media screen and (max-width: 1600px) {
    .card__btn {
      font-size: 0.88889rem; } }
  @media screen and (max-width: 1200px) {
    .card__btn {
      font-size: 0.66667rem; } }
  @media screen and (max-width: 768px) {
    .card__btn {
      margin-right: 0.27778rem;
      padding:.3rem .8rem;
      font-size: .8rem;
      line-height: 10px;
      border-radius: 5px; } }

.card__price {
  font-weight: bold;
  font-size: 1.33333rem;
  line-height: 1.61111rem; }
  @media screen and (max-width: 1200px) {
    .card__price {
      font-size: 1.11111rem; } }
  @media screen and (max-width: 768px) {
    .card__price {
      line-height: 0.94444rem;
      font-size: 0.77778rem; } }

.car-cards-phone__list {
  display: none; }
  @media screen and (max-width: 480px) {
    .car-cards-phone__list {
      display: flex;
      flex-direction: column; } }

.car-cards-phone__item {
  width: 100%;
  border: 1px solid #FFF;
  border-radius: 1.11111rem;
  padding: 0.83333rem;
  margin-bottom: 0.83333rem; }
  .car-cards-phone__item:last-child {
    margin-bottom: 0; }

.car-cards-phone__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.55556rem;
  margin-bottom: 0.55556rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
  .car-cards-phone__row:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0; }

.car-cards-phone__photo {
  width: calc(100%/2 - 15px);
  border-radius: 0.55556rem; }

.car-cards-phone__data {
  width: calc(100%/2 - 15px); }

.car-cards-phone__title {
  padding-bottom: 0.55556rem;
  margin-bottom: 0.55556rem;
  font-weight: bold;
  font-size: 0.66667rem;
  line-height: 0.83333rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1); }

.car-cards-phone__content {
  font-weight: 500;
  font-size: 0.66667rem;
  line-height: 0.83333rem; }
  .car-cards-phone__content span {
    margin-bottom: 4px; }
    .car-cards-phone__content span:last-child {
      margin-bottom: 0; }

.car-cards-phone__btn {
  margin: 0 0.55556rem;
  flex: 1;
  text-align: center;
  font-weight: 600;
  font-size: 0.88889rem;
  line-height: 1.11111rem; }
/* End */


/* Start:/css/fonts.css?159109636216553*/
.fa-fw,.fa-li{text-align:center}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons:CC BY 4.0, Fonts:SIL OFL 1.1, Code:MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}
.fa-xs{font-size:.75em}
.fa-sm{font-size:.875em}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-fw{width:1.25em}
.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}
.fa-ul>li{position:relative}
.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}
.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}
.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}
.fa-align-justify:before{content:"\f039"}
.fa-angle-down:before{content:"\f107"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-arrow-down:before{content:"\f063"}
.fa-arrow-right:before{content:"\f061"}
.fa-balance-scale:before{content:"\f24e"}
.fa-bell:before{content:"\f0f3"}
.fa-bold:before{content:"\f032"}
.fa-calculator:before{content:"\f1ec"}
.fa-calendar:before{content:"\f133"}
.fa-caret-up:before{content:"\f0d8"}
.fa-chart-bar:before{content:"\f080"}
.fa-check:before{content:"\f00c"}
.fa-chevron-down:before{content:"\f078"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-chevron-up:before{content:"\f077"}
.fa-circle:before{content:"\f111"}
.fa-cloud:before{content:"\f0c2"}
.fa-cog:before{content:"\f013"}
.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-credit-card:before{content:"\f09d"}
.fa-dribbble:before{content:"\f17d"}
.fa-envelope:before{content:"\f0e0"}
.fa-external-link-alt:before{content:"\f35d"}
.fa-eye:before{content:"\f06e"}
.fa-facebook:before{content:"\f09a"}
.fa-flask:before{content:"\f0c3"}
.fa-heart:before{content:"\f004"}
.fa-home:before{content:"\f015"}
.fa-images:before{content:"\f302"}
.fa-info-circle:before{content:"\f05a"}
.fa-instagram:before{content:"\f16d"}
.fa-italic:before{content:"\f033"}
.fa-link:before{content:"\f0c1"}
.fa-linkedin:before{content:"\f08c"}
.fa-list:before{content:"\f03a"}
.fa-list-alt:before{content:"\f022"}
.fa-list-ol:before{content:"\f0cb"}
.fa-list-ul:before{content:"\f0ca"}
.fa-location-arrow:before{content:"\f124"}
.fa-lock:before{content:"\f023"}
.fa-long-arrow-alt-down:before{content:"\f309"}
.fa-long-arrow-alt-up:before{content:"\f30c"}
.fa-magic:before{content:"\f0d0"}
.fa-map-marker:before{content:"\f041"}
.fa-minus:before{content:"\f068"}
.fa-mobile:before{content:"\f10b"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-paperclip:before{content:"\f0c6"}
.fa-phone:before{content:"\f095"}
.fa-pinterest:before{content:"\f0d2"}
.fa-play:before{content:"\f04b"}
.fa-plus:before{content:"\f067"}
.fa-question-circle:before{content:"\f059"}
.fa-quote-right:before{content:"\f10e"}
.fa-redo:before{content:"\f01e"}
.fa-search:before{content:"\f002"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-skype:before{content:"\f17e"}
.fa-star:before{content:"\f005"}
.fa-table:before{content:"\f0ce"}
.fa-tag:before{content:"\f02b"}
.fa-telegram:before{content:"\f2c6"}
.fa-th:before{content:"\f00a"}
.fa-thumbs-up:before{content:"\f164"}
.fa-times:before{content:"\f00d"}
.fa-times-circle:before{content:"\f057"}
.fa-twitter{background:url("/images/icons/font/twitter-brands.svg?v2") no-repeat;width:2rem;height:2rem}
.fa-underline:before{content:"\f0cd"}
.fa-universal-access:before{content:"\f29a"}
.fa-user:before{content:"\f007"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-secret:before{content:"\f21b"}
.fa-viber:before{content:"\f409"}
.fa-vk:before{content:"\f189"}
.fa-whatsapp:before{content:"\f232"}
.fa-youtube:before{content:"\f167"}
.fa-file-pdf:before{content:"\f1c1"}
.fa-bars:before{content:"\f0c9"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-bolt:before{content:"\f0e7"}
.fa-arrow-left:before{content:"\f060"}
.fa-percentage:before{content:"\f541"}
.fa-fire:before{content:"\f06d"}
.fa-stopwatch:before{content:"\f2f2"}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.fa,.far,.fas{font-family:'Font Awesome 5 Free'}
@font-face{font-display:swap;font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;src:url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.eot);src:url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.woff2) format("woff2"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.woff) format("woff"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.ttf) format("truetype"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}
.far{font-weight:400}
@font-face{font-display:swap;font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;src:url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.eot);src:url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.woff2) format("woff2"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.woff) format("woff"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.ttf) format("truetype"),url(/bitrix/fonts/font-awesome-5.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.fa,.fas{font-weight:900}
/* End */
/* /bitrix/templates/.default/components/bitrix/search.title/cars/style.css?161495989156 */
/* /bitrix/templates/.default/components/bitrix/catalog.compare.list/header/style.css?16149598911080 */
/* /bitrix/templates/.default/components/bitrix/menu/top_main/style.css?1614959891347 */
/* /bitrix/templates/.default/components/bitrix/menu/bottom_main/style.css?16149598913169 */
/* /local/templates/index/template_styles.css?16149598911286 */
/* /css/main.css?1614959891161816 */
/* /css/fonts.css?159109636216553 */
