/*! 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:rgba(0,0,0,0)
}

abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted
}

b,strong{
  font-weight:bolder
}

code,kbd,samp{
  font-family:monospace,monospace;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-0.25em
}

sup{
  top:-0.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
}

button,[type=button],[type=reset],[type=submit]{
  -webkit-appearance:button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Black.eot");

  src:local("Neue Haas Unica Black"),local("NeueHaasUnica-Black"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Black.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Black.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Black.ttf") format("truetype");

  font-weight:900;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Medium.eot");

  src:local("Neue Haas Unica Medium"),local("NeueHaasUnica-Medium"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Medium.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Medium.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Medium.ttf") format("truetype");

  font-weight:500;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic.eot");

  src:local("Neue Haas Unica Bold Italic"),local("NeueHaasUnica-BoldItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic.ttf") format("truetype");

  font-weight:bold;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBold.eot");

  src:local("Neue Haas Unica Extra Bold"),local("NeueHaasUnica-ExtraBold"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBold.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBold.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBold.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBold.ttf") format("truetype");

  font-weight:800;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-MediumItalic.eot");

  src:local("Neue Haas Unica Medium Italic"),local("NeueHaasUnica-MediumItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-MediumItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-MediumItalic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-MediumItalic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-MediumItalic.ttf") format("truetype");

  font-weight:500;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBoldItalic.eot");

  src:local("Neue Haas Unica ExtBd Ita"),local("NeueHaasUnica-ExtraBoldItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBoldItalic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBoldItalic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBoldItalic.ttf") format("truetype");

  font-weight:800;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Italic.eot");

  src:local("Neue Haas Unica Italic"),local("NeueHaasUnica-Italic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Italic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Italic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Italic.ttf") format("truetype");

  font-weight:normal;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Light.eot");

  src:local("Neue Haas Unica Light"),local("NeueHaasUnica-Light"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Light.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Light.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Light.ttf") format("truetype");

  font-weight:300;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtLtIta.eot");

  src:local("Neue Haas Unica ExtLt Ita"),local("NeueHaasUnica-ExtLtIta"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtLtIta.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtLtIta.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtLtIta.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtLtIta.ttf") format("truetype");

  font-weight:normal;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot");

  src:local("Neue Haas Unica Bold"),local("NeueHaasUnica-Bold"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Bold.ttf") format("truetype");

  font-weight:bold;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ThinItalic.eot");

  src:local("Neue Haas Unica Thin Italic"),local("NeueHaasUnica-ThinItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ThinItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ThinItalic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ThinItalic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ThinItalic.ttf") format("truetype");

  font-weight:100;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-LightItalic.eot");

  src:local("Neue Haas Unica Light Italic"),local("NeueHaasUnica-LightItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-LightItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-LightItalic.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-LightItalic.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-LightItalic.ttf") format("truetype");

  font-weight:300;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.eot");

  src:local("Neue Haas Unica Extra Light"),local("NeueHaasUnica-ExtraLight"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraLight.ttf") format("truetype");

  font-weight:200;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot");

  src:local("Neue Haas Unica Regular"),local("NeueHaasUnica-Regular"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Regular.ttf") format("truetype");

  font-weight:normal;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBlack.eot");

  src:local("Neue Haas Unica Extra Black"),local("NeueHaasUnica-ExtraBlack"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBlack.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBlack.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBlack.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-ExtraBlack.ttf") format("truetype");

  font-weight:900;

  font-style:normal
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic_1.eot");

  src:local("Neue Haas Unica Bold Italic"),local("NeueHaasUnica-BoldItalic"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic_1.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic_1.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic_1.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-BoldItalic_1.ttf") format("truetype");

  font-weight:bold;

  font-style:italic
}

@font-face{
  font-family:"Neue Haas Unica";

  src:url("../fonts/NeueHaasUnica/NeueHaasUnica-Thin.eot");

  src:local("Neue Haas Unica Thin"),local("NeueHaasUnica-Thin"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Thin.woff2") format("woff2"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Thin.woff") format("woff"),url("../fonts/NeueHaasUnica/NeueHaasUnica-Thin.ttf") format("truetype");

  font-weight:100;

  font-style:normal
}

*{
  box-sizing:border-box
}

body{
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr auto;
  min-height:100vh;
  font-family:"Neue Haas Unica",sans-serif;
  color:#000
}

a{
  text-decoration:none
}

p,h2,h3{
  margin:0
}

ul{
  padding:0
}

li{
  list-style:none
}

.header_with-border{
  border-bottom:1px solid #e8e8e8
}

.header .logo img{
  display:block
}

.header--container{
  display:flex;
  justify-content:flex-start;
  padding:45px 30px;
  max-width:1920px;
  margin:0 auto
}

.header--right{
  margin-left:auto;
  display:flex;
  justify-content:flex-end;
  align-items:center
}

.header nav{
  margin-left:100px
}

.header nav ul{
  display:flex;
  flex-wrap:wrap;
  max-width:685px;
  -moz-column-gap:10px;
       column-gap:10px;
  row-gap:10px;
  margin:0
}

.header nav ul a{
  padding:5px 10px 8px;
  color:#000;
  font-size:16px;
  font-weight:500;
  border-radius:20px;
  line-height:1;
  display:block
}

.header nav ul a:hover{
  background:#0048ff;
  color:#fff
}

.phone{
  display:flex;
  align-items:center;
  position:relative
}

.phone a{
  font-size:23px;
  font-weight:500;
  color:#000
}

.phone a img{
  margin-right:10px
}

.phone--dropdown-btn{
  margin-left:20px;
  cursor:pointer;
  height:9px;
  display:flex;
  margin-top:3px
}

.phone:has(.phone--modal_active) .phone--dropdown-btn{
  transform:rotate(180deg)
}

.phone--modal{
  display:none;
  position:absolute;
  padding:30px 20px 30px;
  width:100%;
  top:calc(100% + 10px);
  background:#fff;
  z-index:9;
  box-shadow:1px 1px 13px 8px rgba(0,0,0,.2)
}

.phone--modal_active{
  display:block
}

.phone--modal a{
  display:flex;
  -moz-column-gap:10px;
       column-gap:10px;
  margin:0 0 15px;
  font-size:18px
}

.phone--modal a:hover{
  opacity:.8
}

.phone--modal img{
  width:30px
}

.phone--modal .button{
  margin-top:20px;
  margin-bottom:0;
  font-size:14px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  width:100%;
  height:30px
}

.telegram{
  margin:0 0px 0 40px;
  line-height:1
}

.telegram img{
  display:block
}

.menu-btn{
  display:none;
  line-height:1;
  height:35px
}

.hover-effect-1:hover{
  opacity:.8;
  cursor:pointer
}

section{
  padding-bottom:140px
}

.container{
  padding:0 148px;
  max-width:1920px;
  margin:0 auto
}

.first-screen{
  padding-top:30px;
  padding-bottom:130px
}

.first-screen .container{
  position:relative
}

.first-screen--left{
  max-width:840px
}

.first-screen h1{
  font-size:57px;
  line-height:58px;
  margin-bottom:42px
}

.first-screen h1+p{
  font-size:40px;
  line-height:47px;
  margin-bottom:60px;
  max-width:700px
}

.first-screen .marked-list{
  max-width:495px
}

.first-screen .button{
  margin-top:65px
}

.first-screen p{
  font-size:21px;
  line-height:26px;
  max-width:300px;
  margin-top:36px
}

.first-screen--decoration{
  position:absolute;
  top:7px;
  right:48px;
  display:block
}

.marked-list{
  display:flex;
  flex-wrap:wrap;
  -moz-column-gap:38px;
       column-gap:38px;
  row-gap:20px
}

.marked-list li{
  position:relative;
  padding-left:30px
}

.marked-list li:before{
  content:"";
  width:21px;
  height:22px;
  background:url("../img/check.svg") no-repeat;
  position:absolute;
  left:0;
  top:0
}

.button{
  border-radius:19px;
  letter-spacing:.02em;
  color:#fff;
  padding:29px 50px 26px;
  font-size:24px;
  cursor:pointer;
  display:inline-block;
  border:0;
  background:none
}

.button_blue{
  background:#0048ff
}

.button_orange{
  background:#fb6206
}

.button_empty{
  color:#000;
  border:1px solid #b1b1b1;
  font-size:18px
}

.button_medium{
  font-size:18px;
  padding:18px 38px 16px;
  border-radius:13px
}

.catalog-block h2{
  font-size:60px;
  font-weight:900;
  margin-bottom:110px
}

.catalog-block .tab{
  position:relative;
  cursor:pointer
}

.catalog-block .tab:hover:after,.catalog-block .tab_active:after{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  background:#fb6206;
  height:4px;
  left:0;
  bottom:-18px;
  cursor:pointer
}

.catalog-block .tab:hover~.tab:after{
  content:"";
  display:none !important
}

.catalog-block--filter{
  margin-bottom:76px
}

.catalog-block--filter form{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  -moz-column-gap:16px;
       column-gap:16px
}

.catalog-block:has(.tab:not(.tab_active):hover) .tab_active:after{
  display:none
}

.radio-button{
  position:relative;
  padding:10px 50px 13px;
  background:#e9e9e9;
  border-radius:24px;
  font-size:16px;
  cursor:pointer
}

.radio-button input{
  opacity:0;
  visibility:hidden;
  position:absolute
}

.radio-button_active{
  background:#0048ff;
  color:#fff
}

.custom-select{
  border:1px solid #ddd;
  border-radius:13px;
  height:56px;
  font-size:18px;
  padding:0 105px 0 24px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("../img/select-arrow.svg");
  background-repeat:no-repeat;
  background-position:right 21px center;
  background-size:14px;
  cursor:pointer
}

.custom-select:focus-visible{
  border:1px solid #ddd;
  box-shadow:none;
  outline:none
}

.custom-select::-ms-expand{
  display:none
}

.card{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:28px;
  color:#000
}

.card--img{
  width:261px;
  height:174px;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  margin-right:45px
}

.card--img img{
  display:block;
  left:0;
  top:0;
  width:100%;
  height:100%;
  position:absolute;
  -o-object-fit:cover;
     object-fit:cover
}

.card--img+.card--desc{
  width:calc(100% - 261px - 45px)
}

.card--desc-main{
  display:flex;
  align-items:baseline;
  margin-bottom:22px;
  margin-top:-4px
}

.card--desc-price{
  margin-left:auto;
  font-size:32px;
  text-align:right
}

.card--desc-price span{
  display:block;
  font-weight:500
}

.card--desc-price span:last-child{
  color:#fb6206;
  font-size:20px;
  margin-top:7px
}

.card--desc-title{
  font-size:28px;
  font-weight:500;
  margin-right:20px
}

.card--desc-year{
  font-size:28px;
  background:#f0f0f0;
  border-radius:38px;
  padding:1px 14px 3px
}

.card--desc-parameters{
  display:flex;
  flex-wrap:wrap;
  -moz-column-gap:60px;
       column-gap:60px
}

.card--desc-parameters p{
  margin-bottom:6px;
  font-size:18px
}

.card--desc-parameters p b{
  font-weight:500
}

.card--desc-parameters>div:last-child{
  width:40%
}

.button--show-more{
  margin:114px auto 20px;
  display:flex;
  max-width:378px;
  text-align:center;
  height:71px;
  padding:0;
  align-items:center;
  justify-content:center;
  letter-spacing:0;
  cursor:pointer
}

.hover-effect-2:hover{
  border-color:#0048ff;
  background:#0048ff;
  color:#fff;
  transition:all .3s
}

.consultation{
  padding-bottom:156px
}

.consultation--inner{
  border:1px solid #989898;
  border-radius:35px;
  padding:64px 78px 54px;
  position:relative
}

.consultation--decoration-img{
  position:absolute;
  right:87px;
  bottom:0
}

.consultation h2{
  font-size:50px;
  font-weight:800;
  margin-bottom:40px;
  margin-top:0;
  margin-left:-2px
}

.consultation ul{
  display:flex;
  flex-wrap:wrap;
  max-width:985px;
  -moz-column-gap:100px;
       column-gap:100px;
  row-gap:38px;
  margin:0
}

.consultation ul li{
  width:235px;
  line-height:22px;
  font-size:18px;
  position:relative;
  padding-left:20px;
  padding-top:9px
}

.consultation ul li:before{
  content:"";
  display:block;
  position:absolute;
  background:url("../img/check-little.svg") no-repeat;
  width:13px;
  height:14px;
  left:0;
  top:0
}

.consultation ul li:last-child{
  padding-top:0
}

.consultation ul li:last-child:before{
  content:"";
  display:none
}

.consultation .button{
  display:flex;
  padding:0;
  font-size:19px;
  font-weight:400;
  width:294px;
  height:61px;
  align-items:center;
  justify-content:center;
  border-radius:17px;
  letter-spacing:0;
  position:relative;
  z-index:2
}

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

.categories_with-border a{
  border:1px solid #9e9e9e;
  border-radius:14px;
  padding:27px 27px 27px 140px;
  position:relative;
  overflow:hidden;
  font-size:15px;
  font-weight:800;
  line-height:18px
}

.categories_with-border a img{
  position:absolute;
  top:20px;
  right:calc(100% - 127px)
}

.categories a{
  display:flex;
  flex-wrap:wrap;
  -moz-column-gap:31px;
       column-gap:31px;
  align-items:center;
  color:#000
}

.categories a:hover{
  color:#484848
}

.conditions h2{
  font-weight:800;
  margin-bottom:47px;
  font-size:67px;
  text-align:center
}

.conditions h2+p{
  font-size:28px;
  line-height:40px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  max-width:780px;
  margin-bottom:150px
}

.conditions--cards{
  display:flex;
  flex-wrap:wrap;
  margin-top:96px;
  row-gap:42px;
  justify-content:space-between
}

.conditions--cards>div{
  border:1px solid #989898;
  border-radius:41px;
  padding:45px 55px;
  width:calc(33.33% - 28px)
}

.conditions--cards>div div{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center
}

.conditions--cards>div.wide{
  width:calc(50% - 21px)
}

.conditions--cards>div.gray{
  background:#f0f0f0
}

.conditions--cards p{
  font-size:30px;
  font-weight:800;
  line-height:36px
}

.conditions--cards span{
  width:100%;
  margin-top:40px;
  padding-right:30px;
  font-size:25px;
  line-height:40px;
  display:block
}

.conditions .button{
  margin-top:85px
}

.button-row{
  display:flex;
  justify-content:center
}

.button-row .button{
  letter-spacing:0
}

.car-dealer h2{
  font-size:67px;
  font-weight:800;
  margin-bottom:80px
}

.car-dealer--wrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom:80px
}

.car-dealer--card{
  border:1px solid #c1c1c1;
  border-radius:31px;
  width:calc(25% - 24px);
  padding:56px 70px 300px 35px;
  background-repeat:no-repeat;
  background-position:center bottom
}

.car-dealer--card p{
  font-size:28px;
  font-weight:800;
  line-height:36px
}

.car-dealer--card span{
  font-size:20px;
  line-height:30px;
  margin-top:30px;
  display:block
}

.car-dealer--card_two-column{
  padding:0;
  border:0
}

.car-dealer--card_two-column>div{
  padding:50px 70px 70px 40px;
  border-radius:31px;
  background:#f0f0f0;
  height:calc(50% - 15px)
}

.car-dealer--card_two-column>div:last-child{
  margin-top:30px;
  background:#0048ff;
  color:#fff
}

.car-dealer--card_two-column p{
  font-size:24px;
  font-weight:400;
  line-height:30px
}

.car-dealer--card_two-column span{
  display:block;
  font-size:50px;
  margin:30px 0;
  font-weight:800
}

h2{
  font-size:67px;
  font-weight:800;
  margin-bottom:80px
}

.reseller--row{
  display:flex;
  justify-content:space-between
}

.reseller--row div{
  width:calc(25% - 22.5px);
  border:1px solid #c1c1c1;
  border-radius:27px;
  padding:63px 40px 115px;
  font-size:24px;
  line-height:36px;
  font-weight:800
}

.reseller .button-row{
  margin-top:93px
}

.work-order h2{
  text-align:center
}

.work-order--row{
  display:flex;
  justify-content:space-between
}

.work-order--row div{
  width:238px;
  font-size:30px;
  line-height:36px;
  font-weight:800
}

.work-order--row div img{
  display:block
}

.work-order--row div p{
  margin-top:64px
}

.breadcrumbs{
  display:flex;
  margin:20px 0 10px 0;
  font-size:14px;
  align-items:center
}

.breadcrumbs a{
  color:#000
}

.breadcrumbs li:after{
  content:"";
  display:inline-block;
  width:4px;
  height:7.05px;
  background:url("../img/breadcrumb-arrow.svg") no-repeat top;
  margin:0 7px;
  padding-bottom:2px
}

.breadcrumbs li:last-child:after{
  display:none
}

ol{
  padding:0
}

.page--title-row{
  display:flex;
  align-items:baseline;
  -moz-column-gap:34px;
       column-gap:34px;
  margin-bottom:40px
}

.page--title-row h1{
  font-size:40px;
  font-weight:800;
  margin:0
}

.page--title-row span{
  color:#676767;
  font-size:19px
}

.short-filter{
  margin-top:60px
}

.short-filter form{
  display:flex;
  -moz-column-gap:13px;
       column-gap:13px;
  align-items:center
}

.short-filter--row{
  display:flex;
  align-items:center;
  -moz-column-gap:50px;
       column-gap:50px
}

.short-filter--left{
  width:383px
}

.short-filter--left .radio-button{
  padding-left:31px;
  padding-right:31px;
  display:block
}

.short-filter--left form{
  justify-content:space-between
}

.short-filter--right{
  width:calc(100% - 383px - 50px)
}

.short-filter--right .custom-select{
  padding:0 31px 0 11px;
  height:34px;
  align-content:center;
  background-position-x:calc(100% - 11px);
  background-position-y:14px;
  margin-left:10px
}

.short-filter--right form{
  -moz-column-gap:26px;
       column-gap:26px
}

.modal-select{
  position:relative
}

.modal-select--selected{
  background:url("../img/select-arrow.svg") no-repeat right 9px;
  padding-right:30px;
  cursor:pointer
}

.modal-select--modal{
  position:absolute;
  left:0;
  top:calc(100% + 5px);
  background:#fff;
  padding:7px 10px;
  width:144px;
  border:1px solid #9e9e9e;
  border-radius:4px;
  opacity:0;
  visibility:hidden
}

.modal-select--modal_open{
  opacity:1;
  visibility:visible;
  z-index:2
}

.modal-select--modal p{
  margin-bottom:5px;
  cursor:pointer
}

.modal-select--modal p:hover{
  color:#484848
}

.catalog{
  margin-top:26px
}

.catalog--row{
  display:flex;
  justify-content:space-between
}

.catalog--filter{
  width:383px;
  margin-top:13px
}

.catalog--filter form>div{
  margin-bottom:30px
}

.catalog--filter .custom-select{
  width:100%;
  margin-bottom:12px
}

.catalog--filter p{
  font-size:19px;
  margin-bottom:10px
}

.catalog--wrap{
  width:calc(100% - 383px - 50px)
}

.custom-select-group{
  display:flex;
  justify-content:space-between;
  border-radius:13px;
  background:#f0f0f0
}

.custom-select-group .custom-select{
  width:50%;
  border:0;
  background-color:#f0f0f0;
  border-radius:13px 0px 0 13px;
  margin-bottom:0
}

.custom-select-group .custom-select:last-child{
  border-left:1px solid #d0d0d0;
  border-radius:0 13px 13px 0px
}

.input-group{
  border:1px solid #d0d0d0;
  display:flex;
  justify-content:space-between;
  border-radius:13px
}

.input-group input{
  width:50%;
  border:0;
  background-color:#f0f0f0;
  border-radius:13px 0px 0 13px;
  margin-bottom:0;
  height:56px;
  align-items:center;
  padding-left:24px;
  font-size:19px
}

.input-group input:focus-visible{
  outline:none
}

.input-group input::-moz-placeholder{
  color:#787878
}

.input-group input::placeholder{
  color:#787878
}

.input-group input:last-child{
  border-left:1px solid #d0d0d0;
  border-radius:0 13px 13px 0px
}

.filter--button-row{
  display:flex;
  justify-content:space-between
}

.filter--button-row .button{
  width:calc(50% - 8px);
  height:56px;
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:19px;
  letter-spacing:0;
  font-weight:400
}

.card_compact{
  padding-bottom:36px;
  padding-top:36px;
  border-bottom:1px solid #f0f0f2;
  margin-bottom:0;
  padding-right:27px;
  cursor:pointer
}

.card_compact:hover{
  background:#f8f8f8
}

.card_compact:hover .card--desc-year{
  color:#fff;
  background:#0048ff;
  border-radius:12px
}

.card_compact .card--desc{
  padding-left:33px;
  width:100%
}

.card_compact .card--img{
  width:235px;
  height:158px;
  margin-right:25px
}

.card_compact .card--img+.card--desc{
  width:calc(100% - 235px - 25px);
  padding-left:0
}

.card_compact .card--desc-title,.card_compact .card--desc-year,.card_compact .card--desc-price{
  font-size:20px
}

.card_compact .card--desc-price span:last-child{
  color:#fb6206;
  font-size:16px;
  margin-top:0
}

.card_compact .card--desc-parameters p{
  margin-bottom:4px;
  font-size:14px
}

.card_compact .card--desc-main{
  margin-bottom:17px
}

.card_compact .card--desc-parameters>div:last-child{
  width:auto
}

.card_compact .card--img+.card--desc .card--desc-parameters>div:last-child{
  width:29%
}

.card_compact .card--desc-parameters{
  -moz-column-gap:48px;
       column-gap:48px
}

.pagination{
  margin-top:76px;
  display:flex;
  align-items:center;
  -moz-column-gap:24px;
       column-gap:24px
}

.pagination a{
  font-size:16px;
  color:#000;
  display:block;
  width:35px;
  height:34px;
  border-radius:11px;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:all .3s;
  padding-bottom:3px
}

.pagination a:hover{
  background:#0048ff;
  color:#fff
}

.pagination a:hover svg path{
  fill:#fff
}

.pagination .active{
  border:1px solid #e0e0e0
}

.product-info{
  margin-top:54px;
  padding-bottom:0
}

.product-info--wrap{
  border-radius:35px;
  border:1px solid #adadad;
  padding:76px
}

.product-info--top{
  display:flex;
  align-items:center;
  justify-content:space-between
}

.product-info--top h1{
  margin:0;
  font-size:40px;
  font-weight:800;
  align-items:center;
  display:flex
}

.product-info--top h1 span{
  font-size:28px;
  font-weight:400;
  background:#f0f0f0;
  padding:2px 13px 5px;
  border-radius:22px;
  display:inline-block;
  margin-left:25px
}

.product-info--top div{
  display:flex;
  align-items:center;
  -moz-column-gap:15px;
       column-gap:15px
}

.product-info--bottom{
  margin-top:88px;
  display:flex;
  justify-content:space-between
}

.product-info--bottom ul{
  display:flex;
  gap:30px 100px;
  max-width:66%;
  flex-wrap:wrap
}

.product-info--bottom ul span{
  font-size:14px;
  color:#343434
}

.product-info--bottom ul p{
  font-size:16px;
  font-weight:500
}

.product-info--bottom>p{
  text-align:right;
  font-size:36px;
  font-weight:800
}

.photo{
  margin-top:27px;
  padding-bottom:0
}

.photo--wrap{
  border-radius:35px;
  border:1px solid #adadad;
  padding:76px;
  position:relative;
  overflow:hidden
}

.swiper-slide a{
  display:block;
  border-radius:10px;
  position:relative;
  overflow:hidden
}

.swiper-slide img{
  display:block;
  width:100%;
  height:214px;
  -o-object-fit:cover;
     object-fit:cover
}

.swiper-button-prev,.swiper-button-next{
  color:#999 !important
}

.swiper-button-prev{
  left:20px !important
}

.swiper-button-next{
  left:auto !important;
  right:20px !important
}

.callback{
  padding:90px 0
}

.callback form{
  display:flex;
  align-items:center;
  padding-left:76px
}

.callback form p{
  font-size:24px;
  line-height:30px;
  font-weight:800
}

.callback form .phone-input{
  width:511px;
  height:67px;
  display:flex;
  align-items:center;
  padding-left:27px;
  border:1px solid #cacaca;
  outline:none !important;
  border-radius:12px;
  margin:0 20px 0 50px
}

.callback form .phone-input::-moz-placeholder{
  color:#737373;
  font-size:17px
}

.callback form .phone-input::placeholder{
  color:#737373;
  font-size:17px
}

.callback form .button{
  height:67px;
  width:320px;
  display:flex;
  justify-content:center;
  align-items:center
}

.product-characteristics{
  padding-bottom:0
}

.product-characteristics--title{
  font-size:18px;
  font-weight:800;
  margin-left:76px;
  margin-bottom:24px;
  display:inline-block;
  position:relative
}

.product-characteristics--title::after{
  content:"";
  display:block;
  width:100%;
  height:5px;
  background-color:#fb6206;
  margin-top:22px;
  position:absolute
}

.product-characteristics--wrap{
  border-top:1px solid #eee;
  padding:50px 0 0
}

.product-characteristics .row{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.product-characteristics .col{
  text-align:left;
  padding-right:20px;
  display:flex;
  -moz-column-gap:20px;
       column-gap:20px;
  color:#474747;
  font-size:17px;
  letter-spacing:.02em;
  padding-left:76px;
  margin-bottom:10px;
  width:33.33%
}

.product-characteristics .col b{
  display:block;
  margin-bottom:5px;
  font-weight:500
}

.specification{
  margin-top:80px
}

.specification--title{
  font-size:18px;
  font-weight:800;
  margin-left:76px;
  margin-bottom:24px;
  display:inline-block;
  position:relative
}

.specification--title::after{
  content:"";
  display:block;
  width:100%;
  height:5px;
  background-color:#fb6206;
  margin-top:22px;
  position:absolute;
  z-index:3
}

.specification .specification--wrap{
  border-top:1px solid #eee;
  padding:50px 0
}

.specification .specification--block{
  margin-bottom:35px;
  padding-left:76px
}

.specification .specification--block p{
  margin-bottom:9px;
  font-weight:500;
  font-size:17px;
  letter-spacing:.02em;
  line-height:21px
}

.specification .specification--block ul{
  list-style-type:none;
  padding-left:0;
  margin:0
}

.specification .specification--block li{
  font-size:17px;
  letter-spacing:.02em;
  color:#474747;
  line-height:21px;
  margin-bottom:9px
}

.footer{
  margin-top:126px;
  background:#09141e;
  color:#fff
}

.footer a:hover{
  opacity:.8;
  transition:all .3s
}

.footer a{
  color:#fff
}

.footer .container{
  padding:100px 246px 100px
}

.footer--top,.footer--bottom{
  display:flex;
  justify-content:space-between
}

.footer--left{
  width:255px;
  margin-right:238px
}

.footer--left div p{
  font-size:20px;
  margin-bottom:20px
}

.footer--left div a{
  font-size:25px;
  color:#fff
}

.footer--left div{
  margin-bottom:60px
}

.footer--logo{
  margin-bottom:137px;
  display:block
}

.footer--right{
  flex:1
}

.footer--menu{
  margin-bottom:79px
}

.footer--menu p{
  font-size:24px;
  line-height:30px;
  font-weight:800;
  margin-bottom:35px
}

.footer--menu ul{
  -moz-column-count:3;
       column-count:3;
  padding:0
}

.footer--menu ul li{
  margin-bottom:13px
}

.footer--menu ul a{
  font-size:16px;
  line-height:30px
}

.footer--bottom{
  font-size:15px
}

.footer--bottom .footer--telegram{
  display:flex;
  align-items:center;
  -moz-column-gap:20px;
       column-gap:20px
}

.button.open-filters-button{
  display:none
}

nav.nav--mobile{
  display:none
}

nav.nav--mobile_active{
  display:block !important;
  max-width:380px;
  width:100%;
  position:fixed;
  right:0;
  top:0;
  padding:80px 0 50px;
  background:#fff;
  height:100vh;
  box-shadow:1px 1px 13px 8px rgba(0,0,0,.2);
  z-index:9
}

nav.nav--mobile_active ul{
  row-gap:0px !important
}

nav.nav--mobile_active ul li{
  border-bottom:1px solid #ccc;
  width:100%
}

nav.nav--mobile_active ul li a{
  line-height:1;
  display:block;
  width:100%;
  border-radius:0;
  padding:20px 30px;
  font-size:14px
}

nav.nav--mobile .nav--mobile-close{
  color:#333;
  font-size:14px;
  border-radius:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  border:1px solid #333;
  position:absolute;
  top:15px;
  right:10px;
  font-weight:500
}

nav.nav--mobile .nav--mobile-close:hover{
  opacity:.8
}

.categories--mobile{
  display:none
}