@charset "UTF-8";
@font-face {
  font-family: "Onest";
  src: url("../media//fonts/OnestRegular1602-hint.woff");
  font-weight: 400;
}
@font-face {
  font-family: "Onest";
  src: url("../media//fonts/OnestMedium1602-hint.woff");
  font-weight: 500;
}
@font-face {
  font-family: "Onest";
  src: url("../media//fonts/OnestBold1602-hint.woff");
  font-weight: 700;
}
@font-face {
  font-family: "Onest";
  src: url("../media//fonts/OnestBold1602-hint.woff");
  font-weight: 700;
}
@font-face {
  font-family: "Wadik";
  src: url("../media//fonts/Wadik.otf");
  font-weight: 700;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
  font-family: "Onest", "sans-serif";
  -webkit-appearance: none;
  border-radius: 0;
}

.container {
  width: 1160rem;
  margin: 0 calc((100vw - 1160rem) / 2);
}

body,
html {
  font-size: 0.0625vw;
}
body.noScroll,
html.noScroll {
  overflow: hidden;
}

.assets {
  margin-top: 200rem;
}

.text-16 {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 21.6rem */
}

.text-18 {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 24.3rem */
}

.text-20 {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 27rem */
}

.subtitle {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 27rem */
}

.h4 {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  /* 27rem */
}

.title-24 {
  font-family: "Wadik", "sans-serif";
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 30rem */
  text-transform: uppercase;
}

.h3 {
  font-family: "Wadik", "sans-serif";
  font-size: 30rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 37.5rem */
  text-transform: uppercase;
}

.h2 {
  font-family: "Wadik", "sans-serif";
  font-size: 42rem;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  /* 44.1rem */
  text-transform: uppercase;
}

.h1 {
  font-family: "Wadik", "sans-serif";
  font-size: 50rem;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  /* 52.5rem */
  text-transform: uppercase;
}

.mob {
  display: none;
}

.desk {
  display: inherit;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 11;
  background: white;
  top: 0;
}
.header.notMain .header-bottom {
  display: none;
}
.header.notMain .mainPage {
  display: none;
}
.header.notMain .mainPage.desk {
  display: none;
}
.header.notMain .NotmainPage {
  display: flex;
}
.header.notMain .NotmainPage.desk {
  display: flex;
}
.header.notMain .header-top .container {
  border-bottom: 1rem solid #404040;
}
.header.main .header-bottom {
  display: flex;
  width: 100vw;
}
.header.main .mainPage {
  display: flex;
}
.header.main .mainPage.desk {
  display: flex;
}
.header.main .NotmainPage {
  display: none;
}
.header.main .NotmainPage.desk {
  display: none;
}

.header-top .container {
  display: flex;
  -moz-column-gap: 40rem;
       column-gap: 40rem;
  padding: 10rem 0;
  align-items: center;
  padding: 10rem 0rem;
  align-items: center;
}

.header-logo-link {
  width: 140rem;
  height: 40rem;
}

.header-logo {
  width: 100%;
  height: 100%;
}

.header-top-menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header-top-list {
  display: flex;
  width: 624rem;
  justify-content: space-between;
}

.header-top-item {
  padding: 9rem 0;
  position: relative;
}
.header-top-item:hover .header-top-item-text {
  color: #C60004;
  font-weight: 500;
}

.header-top-item-text {
  transition: all 0.4s ease;
  cursor: pointer;
  color: #404040;
  font-weight: 500;
}

.header-menu-left {
  display: flex;
  padding: 5rem 0rem;
  align-items: center;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
}

.header-top-seti {
  display: flex;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.header-seti-item {
  width: 30rem;
  height: 30rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.333rem;
  border: 1rem solid #171718;
  transition: all 0.4s ease;
  cursor: pointer;
}
.header-seti-item.mob {
  display: none;
}
.header-seti-item:hover {
  border: 1rem solid #C60004;
}
.header-seti-item:hover .header-top-seti-img path {
  fill: #C60004;
}
.header-seti-item:hover .header-top-seti-img.img1 path {
  fill: #C60004;
}

.header-top-seti-img {
  height: 19rem;
  width: auto;
}
.header-top-seti-img path {
  fill: #171718;
  transition: all 0.4s ease;
}
.header-top-seti-img.img1 path {
  stroke: none;
  fill: #171718;
}

.header-top-tel {
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  /* 24.3rem */
}

.header-bottom .container {
  border-top: 1rem solid var(--Gray, #909090);
  border-bottom: 1rem solid var(--Gray, #909090);
}

.header-bottom-menu {
  display: flex;
}

.header-bottom-item {
  display: flex;
  padding: 10rem 16rem 10rem 16rem;
  justify-content: center;
  align-items: center;
  gap: 10rem;
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  /* 26.1rem */
  position: relative;
  flex-direction: column;
  border-bottom: 3rem solid rgba(198, 0, 3, 0);
  transition: all 0.1s ease;
  cursor: pointer;
}
.header-bottom-item:hover {
  color: #171718;
  border-bottom: 3rem solid #C60004;
}

.header-top-item-second {
  position: absolute;
  z-index: 2;
  top: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10rem;
  background: #FFF;
  box-shadow: 0rem 0rem 10rem 0rem rgba(0, 0, 0, 0.1);
  max-height: 0rem;
  transition: all 0.4s ease;
  overflow: hidden;
  padding: 0 20rem;
}
.header-top-item-second.active {
  padding: 20rem;
  max-height: 1000rem;
}

.header-top-item-second-list {
  display: flex;
  flex-direction: column;
  row-gap: 10rem;
}

.header-second-item {
  color: #171718;
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 24.3rem */
  text-wrap: nowrap;
  display: flex;
  padding: 6rem 16rem 6rem 0rem;
  align-items: center;
  gap: 10rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.header-second-item::after {
  bottom: 0;
  position: absolute;
  content: "";
  display: block;
  min-width: 0;
  max-width: 0;
  height: 2rem;
  background: #C60004;
  transition: all 0.3s ease;
}
.header-second-item:hover::after {
  min-width: 100%;
}

.mainBlock {
  margin-bottom: 60rem;
}
.mainBlock .container {
  display: flex;
}

.mainBlockYak {
  height: 166rem;
}

.mainTexts {
  width: 590rem;
}

.mainHeading {
  margin-bottom: 30rem;
}

.mainSubtitle {
  margin-bottom: 60rem;
}

.mainButton {
  color: #FCFCFC;
  text-align: center;
  font-family: "Wadik", "sans-serif";
  font-size: 16rem;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  /* 16.8rem */
  text-transform: uppercase;
  display: flex;
  width: 260rem;
  height: 60rem;
  padding: 10rem 0rem;
  justify-content: center;
  align-items: center;
  background: #171718;
}

.mainBg {
  width: 570rem;
  position: relative;
  height: 390rem;
}
.mainBg.country {
  height: 390rem;
}

.mainBgTopArr {
  position: absolute;
  top: 0;
  right: 0;
  width: 80rem;
  height: 80rem;
}

.mainBgBtmArr {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50rem;
  height: 50rem;
}

.mainBgRed {
  width: 380rem;
  height: 285rem;
  background: #C60004;
  position: absolute;
  left: 20rem;
  bottom: 20rem;
}

.mainBgRedArr {
  width: 70rem;
  height: 70rem;
}

.mainBgText {
  color: #FCFCFC;
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  /* 24.3rem */
  width: 197rem;
  position: absolute;
  left: 20rem;
  bottom: 20rem;
}
.mainBgText span {
  font-weight: 700;
}

.mainBgBlackCar {
  position: absolute;
  width: 475.773rem;
  height: 358.027rem;
  flex-shrink: 0;
  right: 0;
  top: -20rem;
}

.mainBgWhiteCar {
  width: 500.663rem;
  height: 240.28rem;
  position: absolute;
  flex-shrink: 0;
  top: 138rem;
  right: -175rem;
}

.selectCar {
  margin-bottom: 60rem;
}
.selectCar .container {
  display: flex;
  width: 1160rem;
  padding: 35rem 0rem;
  flex-direction: column;
  align-items: center;
  row-gap: 20rem;
  border: 1rem solid #171718;
}

.selectCarHeading {
  color: #171718;
  text-align: center;
  width: 1040rem;
}

.selectCarWraper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  -moz-column-gap: 20rem;
       column-gap: 20rem;
}

.selectCarItem {
  display: flex;
  height: 60rem;
  padding: 12rem 16rem;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
  transition: all 0.4s ease;
}
.selectCarItem:hover {
  background: #F5F5F5;
}

.selectCarItemImg {
  width: 35rem;
  height: 35rem;
}

.selectCarItemText {
  color: #171718;
  font-family: "Wadik", "sans-serif";
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: 105%;
  /* 21rem */
  text-transform: uppercase;
}

.popularCars {
  margin-bottom: 60rem;
}
.popularHeading {
  position: relative;
  padding: 40rem 0 0 40rem;
}

.popularHeadingArr {
  width: 80rem;
  height: 80rem;
  position: absolute;
  top: 0;
  left: 0;
}

.popularHeadingText {
  color: #C60004;
}
.popularHeadingText span {
  color: #171718;
}

.popularArrows {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  align-self: stretch;
  margin-bottom: 20rem;
}

.popularArrow {
  width: 40rem;
  height: 40rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.popularArrow rect {
  fill: rgba(245, 245, 245, 0);
  transition: all 0.4s ease;
}
.popularArrow path {
  fill: #8C8C8C;
  transition: all 0.4s ease;
}
.popularArrow:hover rect {
  fill: #f5f5f5;
  transition: all 0.4s ease;
}
.popularArrow:hover path {
  fill: #C60004;
  transition: all 0.4s ease;
}
.popularArrow.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
}
.popularArrow.swiper-button-disabled rect {
  fill: rgba(140, 140, 140, 0);
  transition: all 0.4s ease;
}
.popularArrow.swiper-button-disabled path {
  fill: #8C8C8C;
  transition: all 0.4s ease;
}

.swiper-button-disabled rect {
  fill: rgba(245, 245, 245, 0);
}
.swiper-button-disabled path {
  fill: #8C8C8C;
}

.popularArrowPrew {
  transform: rotate(180deg);
}

.popularCarSlide {
  display: flex;
  padding: 15rem 15rem 20rem 15rem;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.popularSlideImg {
  width: 343rem;
  height: 237rem;
  margin-bottom: 12rem;
}

.popularSlideInfo {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.popularSlideName {
  color: #171718;
  margin-bottom: 10rem;
}

.popularSlideHarr {
  display: flex;
  width: 100%;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
  padding-bottom: 12rem;
  border-bottom: 1rem solid #909090;
  margin-bottom: 10rem;
}

.popularSlideHarrItem {
  display: flex;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  align-items: center;
}

.popularSlideHarrItemImg {
  width: 16rem;
  height: 16rem;
}

.popularSlideHarrItemText {
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  /* 15rem */
}

.popularSlideItemPrice {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rem;
}

.popularSlideItemPriceText {
  color: #171718;
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 22.5rem */
}

.popularSlideItemPriceCredit {
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 20.3rem */
}

.popularSlideOstavitZayavku {
  color: #FCFCFC;
  text-align: center;
  margin-bottom: 8rem;
  font-family: "Wadik", "sans-serif";
  font-size: 15rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 15rem */
  display: flex;
  padding: 15rem 10rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: #171718;
}

.popularSlideButtons {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.popularSlideButtonCredit {
  color: #C60004;
  text-align: center;
  font-family: "Onest", "sans-serif";
  font-size: 15rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 15rem */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1rem solid #C60004;
  background: none;
  height: 40rem;
}

.popularSlideButtonMoreInfo {
  color: #292929;
  text-align: center;
  height: 40rem;
  /* Little button */
  font-family: "Onest", "sans-serif";
  font-size: 15rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 15rem */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1rem solid #404040;
  background: none;
}

.popularPaggination {
  display: flex;
  width: 100%;
  transform: translate(0, 0);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 100%;
  transform: translate(0, 0);
  transform: translateX(403rem);
}

.swiper-pagination-bullet {
  width: 35rem;
  height: 35rem;
  flex-shrink: 0;
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 20.3rem */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: none;
  color: #404040;
  transition: all 0.4s ease;
}

.swiper-pagination-bullet-active {
  color: #171718;
  border: 1rem solid #404040;
}

.selectMark {
  margin-bottom: 100rem;
}
.selectMark .container {
  display: flex;
  padding: 40rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30rem;
  border: 1rem solid #171718;
}

.selectMarkHeading {
  margin-bottom: 0;
}

.selectMarkWraper {
  width: 1030rem;
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  row-gap: 20rem;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

.selectMarkItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1rem solid rgba(144, 144, 144, 0);
  transition: all 0.4s ease;
}
.selectMarkItem:hover {
  border: 1rem solid #909090;
}

.selectMarkImg {
  width: 100%;
  margin-bottom: 3rem;
}

.selectMarkText {
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 17.4rem */
  text-transform: uppercase;
}

.calculator {
  margin-bottom: 100rem;
}
.calcHeading {
  position: relative;
  padding: 40rem 0 0 40rem;
  margin-bottom: 60rem;
}

.calcHeadingText {
  color: #171718;
}
.calcHeadingText span {
  color: #C60004;
  font-family: "Wadik", "sans-serif";
}

.calcHeadingArrLeft {
  position: absolute;
  top: 0;
  left: 0;
}

.calkHeadingArr {
  width: 80rem;
  height: 80rem;
}

.calcHeadingArrRight {
  position: absolute;
  top: 0;
  right: 0;
}

.calcLeft {
  display: flex;
  flex-direction: column;
  width: 450rem;
  margin-right: 130rem;
}

.calkLeftItem {
  display: flex;
  flex-direction: column;
  margin-bottom: 30rem;
}
.calkLeftItem:last-child {
  margin-bottom: 0;
}

.calkLeftHeading {
  margin-bottom: 16rem;
}

.calkLeftHeadingText {
  color: #171718;
}

.calcInputWraper {
  display: flex;
  flex-direction: column;
  row-gap: 10rem;
  margin-bottom: 15rem;
}

.calkInput {
  display: flex;
  width: 100%;
  height: 45rem;
  padding: 10rem 16rem;
  align-items: center;
  gap: 8rem;
  border: 1rem solid var(--Black-300, #404040);
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.calcPrice {
  display: flex;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
  margin-bottom: 10rem;
}

.calkPriceRed {
  color: #C60004;
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 24rem */
}

.calkPriceGray {
  color: #171718;
  font-family: Onest;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 24rem */
  text-decoration: line-through;
  opacity: 0.6;
}

.tradeInBlock {
  display: flex;
  position: relative;
}

.tradeInLabel {
  display: flex;
  position: relative;
  align-items: center;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
  cursor: pointer;
}

.tradeInCheckBox {
  position: absolute;
  left: -99999rem;
  opacity: 0;
}
.tradeInCheckBox:checked + .tradeInCheckBoxVisual .tradeInSvg {
  opacity: 1;
}

.tradeInCheckBoxVisual {
  display: flex;
  width: 20rem;
  height: 20rem;
  padding: 2.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border: 1rem solid #929292;
  background: none;
}
.tradeInCheckBoxVisual .tradeInSvg {
  opacity: 0;
}

.tradeInSvg {
  width: 15rem;
  height: 15rem;
  flex-shrink: 0;
  transition: all 0.4s ease;
}

.tradeInCheckBoxText {
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  /* 20.3rem */
}
.tradeInCheckBoxText a {
  color: inherit;
}

.lineInputBlock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.imputLineHeader {
  font-size: 20rem;
  font-weight: 500;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 18rem;
}

.rangeNums {
  margin-top: 10rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.rangezero {
  font-size: 16rem;
  font-weight: 300;
  line-height: 20rem;
  letter-spacing: 0em;
  text-align: left;
}

.rabgehang {
  font-size: 16rem;
  font-weight: 300;
  line-height: 20rem;
  letter-spacing: 0em;
  text-align: left;
}

.rabgeInp {
  -webkit-appearance: none;
  width: 450rem;
  height: 3rem;
  background: #C60004;
  /* Скрывает слайдер, чтобы можно было создать свой */
  /* Указание параметра ширины требуется для Firefox. */
}

.rabgeInp::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.rabgeInp:focus {
  outline: none;
  /* Убирает голубую границу у элемента. Хотя, возможно, и стоит создавать некоторое оформления для состояния фокуса в целях обеспечения доступности. */
}

.rabgeInp::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  /* Скрывает слайдер, чтобы можно было добавить собственные стили. */
  border-color: transparent;
  color: transparent;
}

/* Специальные правила для браузеров на движках WebKit/Blink */
.rabgeInp::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20rem;
  width: 16rem;
  border-radius: 3rem;
  background: #ffffff;
  cursor: pointer;
  margin-top: 0rem;
  /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
  /* Добавляем классные эффекты для слайдера! */
  width: 22rem;
  height: 22rem;
  background: #C60004;
  border-radius: 100%;
}

/* Тоже самое для Firefox */
.rabgeInp::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20rem;
  width: 16rem;
  border-radius: 3rem;
  background: #ffffff;
  cursor: pointer;
  margin-top: 0rem;
  /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
  /* Добавляем классные эффекты для слайдера! */
  width: 22rem;
  height: 22rem;
  background: #C60004;
  border-radius: 100%;
}

/* Тоже самое для IE */
.rabgeInp::-ms-thumb {
  -webkit-appearance: none;
  height: 20rem;
  width: 16rem;
  border-radius: 3rem;
  background: #ffffff;
  cursor: pointer;
  margin-top: 0rem;
  /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
  /* Добавляем классные эффекты для слайдера! */
  width: 22rem;
  height: 22rem;
  background: #C60004;
  border-radius: 100%;
}

.valueWraper {
  display: flex;
}

.calkFullWraper {
  display: flex;
  transition: all 0.4s ease;
}

.calcRight {
  width: 450rem;
}

.sendCalkBtn {
  width: 300rem;
  height: 60rem;
  padding: 10rem, 24rem, 10rem, 24rem;
  background: #C60004;
  font-family: "Wadik", "sans-serif";
  font-size: 16rem;
  font-weight: 700;
  line-height: 17rem;
  letter-spacing: 0em;
  text-align: center;
  color: white;
  margin-top: 15rem;
  margin-bottom: 30rem;
}

.calkItog {
  width: 530rem;
  height: 414rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40rem;
  background: #171718;
  position: relative;
}

.itogCalkHeading {
  margin-bottom: 30rem;
  color: #FCFCFC;
}

.itogoCalkItem {
  display: flex;
  justify-content: space-between;
  width: 407rem;
  margin-bottom: 20rem;
}

.itogoCalkItemHeaidng {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  color: #FCFCFC;
}

.itogoCalkItemNum {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 29rem;
  letter-spacing: 0em;
  text-align: left;
  width: 120rem;
  color: #FCFCFC;
}

.redCarCalkItog {
  position: absolute;
  bottom: -148rem;
  left: 50%;
  transform: translateX(-50%);
  width: 485rem;
  height: 363rem;
}

.whayWe {
  margin-bottom: 60rem;
}

.whayWeHeaing {
  position: relative;
  width: 1160rem;
  height: 84rem;
  padding: 40rem;
  margin-bottom: 60rem;
}

.whayWeHeadingArr {
  position: absolute;
  top: 0;
  left: 0;
  width: 80rem;
  height: 80rem;
}

.whayWeWraper {
  display: flex;
}

.whayWeWraperMain {
  width: 360rem;
  height: 470rem;
  background: #C60004;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rem;
  justify-content: space-between;
  margin-right: 40rem;
}

.whayWeWraperMainLogo {
  width: 100%;
}

.whayWeMainText {
  color: #FCFCFC;
}

.whayWeWraperPluss {
  display: grid;
  grid-template-columns: repeat(2, 360rem);
  -moz-column-gap: 40rem;
       column-gap: 40rem;
  row-gap: 40rem;
}

.whayWeItemHeading {
  margin-bottom: 15rem;
}

.whayWeItemText {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 400;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
}
.whayWeItemText span {
  font-weight: 700;
}

.middleForm {
  margin-bottom: 100rem;
}
.middleForm .container {
  background: #171718;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rem 0;
}
.middleForm .inputThing input {
  color: white;
}
.middleForm .inputThing input:hover::-webkit-input-placeholder {
  color: white;
}
.middleForm .inputThing input:hover::-moz-placeholder {
  color: white;
}
.middleForm .inputThing input:hover:-moz-placeholder {
  color: white;
}
.middleForm .inputThing input:hover:-ms-input-placeholder {
  color: white;
}

.middleFormHeaidng {
  color: #FCFCFC;
  margin-bottom: 15rem;
}

.middleFormText {
  color: #DCDCDC;
  margin-bottom: 30rem;
}

.middleFormForm {
  width: 840rem;
}

.middleFormInputWraper {
  display: flex;
  width: 840rem;
  justify-content: space-between;
  margin-bottom: 10rem;
}

.middleFormInput {
  width: 260rem;
  height: 60rem;
  padding: 10rem 16rem 10rem 16rem;
  border: 1rem;
  gap: 8rem;
  background: none;
  border: 1rem solid #DCDCDC;
}

.middleFormSend {
  font-family: "Wadik", "sans-serif";
  font-size: 16rem;
  font-weight: 700;
  line-height: 17rem;
  letter-spacing: 0em;
  text-align: center;
  width: 300rem;
  height: 60rem;
  padding: 10rem 24rem 10rem 24rem;
  background: #C60004;
  color: #FCFCFC;
}

.polityc {
  color: #DCDCDC;
}

.steps {
  margin-bottom: 100rem;
}

.stepsWraper {
  display: grid;
  grid-template-columns: repeat(3, 360rem);
  -moz-column-gap: 40rem;
       column-gap: 40rem;
  row-gap: 40rem;
}

.stepsItem {
  display: flex;
  flex-direction: column;
}

.stepsItemHeading {
  display: flex;
  align-items: center;
  margin-bottom: 20rem;
}

.stepsItemNum {
  font-family: "Wadik", "sans-serif";
  font-size: 46rem;
  font-weight: 700;
  line-height: 48rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 6rem;
}

.stepsHeadingSerc {
  width: 22rem;
  height: 22rem;
  background: #C60004;
  border-radius: 100%;
}

.stepsHeadingLine {
  width: 243rem;
  border: 2rem dashed #C60004;
  height: 0.5rem;
}

.stepsItemTextsItem {
  margin-bottom: 15rem;
  color: #171718;
}

.stepsItemTextsText {
  color: #404040;
}

.stepsCong {
  display: flex;
  justify-content: center;
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  margin-top: 60rem;
  align-items: center;
}

.stepsArr {
  width: 50rem;
  height: 50rem;
}

.stepsCongText {
  color: #171718;
  width: 740rem;
  text-align: center;
}
.stepsCongText span {
  color: #C60004;
  font-family: "Wadik", "sans-serif";
}

.podbor {
  margin-bottom: 100rem;
}
.podbor .container {
  padding: 40rem;
  border: 1rem solid #171718;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.podborheading {
  width: 100%;
  text-align: center;
  color: #171718;
  margin-bottom: 15rem;
}

.podborText {
  color: #171718;
  width: 100%;
  text-align: center;
  margin-bottom: 30rem;
}

.podborWraper {
  display: flex;
  align-items: center;
}

.podborItemText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 40rem;
}

.podborItemHeading {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
  letter-spacing: 0rem;
  text-align: left;
  color: #171718;
  margin-bottom: 15rem;
}

.podborItemInput {
  position: relative;
  margin-bottom: 12rem;
}
.podborItemInput:last-child {
  margin-bottom: 0;
}

.podborItemLabel {
  display: flex;
  align-items: center;
}

.podborinputItSelf {
  position: absolute;
  left: -20rem;
  opacity: 0;
}
.podborinputItSelf:checked + .podborInputBisual {
  border: 2rem solid #C60004;
}
.podborinputItSelf:checked + .podborInputBisual::after {
  opacity: 1;
}

.podborInputBisual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18rem;
  height: 18rem;
  border: 2rem solid rgba(79, 79, 79, 0.6);
  border-radius: 100%;
  margin-right: 10rem;
  transition: all 0.4s ease;
}
.podborInputBisual::after {
  content: "";
  display: block;
  background: #C60004;
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  opacity: 0;
  transition: all 0.4s ease;
}

.podborInputText {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 400;
  line-height: 23rem;
  letter-spacing: 0rem;
  text-align: left;
}

.podborItemImgs,
.podborItemImgsWraper {
  display: grid;
  grid-template-columns: repeat(4, 145rem);
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  row-gap: 10rem;
}

.podborItemImgsWraper {
  display: flex;
  flex-direction: column;
}

.podborItemImgs:last-child .podborItemImgsWraper {
  display: grid;
  grid-template-columns: repeat(4, 145rem);
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  row-gap: 10rem;
}

.podborItemImgItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.podborImgItemImg {
  width: 145rem;
  height: 65rem;
  margin-bottom: 10rem;
}

label {
  cursor: pointer;
}

.podborForm {
  margin-top: 30rem;
}
.podborForm .polityc {
  color: #404040;
}
.podborForm .middleFormInput {
  border: 1rem solid #404040;
}

.questions {
  margin-bottom: 100rem;
}
.questionsHEading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50rem;
  -moz-column-gap: 30rem;
       column-gap: 30rem;
}

.faqHeadingArr {
  width: 70rem;
  height: 70rem;
}

.faqHeadungText {
  color: #171718;
}
.faqHeadungText span {
  color: #C60004;
  font-family: "Wadik", "sans-serif";
}

.faqWraper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 40rem;
       column-gap: 40rem;
}

.faqItem {
  padding: 20rem 30rem;
  border-bottom: 2rem solid #404040;
  width: 560rem;
}
.faqItem:nth-child(-n+2) {
  border-top: 2rem solid #404040;
}
.faqItem .faqItemAnsver {
  max-height: 0rem;
  overflow: hidden;
  transition: all 0.4s ease;
  margin-top: 0;
}
.faqItem.active .faqItemAnsver {
  max-height: 300rem;
  overflow: hidden;
  transition: all 0.4s ease;
  margin-top: 20rem;
}
.faqItem.active .faqItemArr {
  width: 45rem;
  height: 45rem;
  order: 3;
  transform: rotate(180deg);
}
.faqItem.active .faqItemArr path {
  fill: #404040;
}

.faqItemQestion {
  display: flex;
  align-items: center;
}

.faqItemQuestionSvg {
  width: 16rem;
  height: 16rem;
  margin-right: 15rem;
  order: 1;
}

.questionItemQuestionText {
  font-style: normal;
  font-weight: 500;
  font-size: 20rem;
  line-height: 120%;
  order: 2;
  color: #171718;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;
  width: 407rem;
  margin-right: 15rem;
}

.faqItemArr {
  width: 45rem;
  height: 45rem;
  order: 3;
  transition: all 0.4s ease;
}
.faqItemArr path {
  fill: #C60004;
  transition: all 0.4s ease;
}

.faqItemAvswerText {
  font-style: normal;
  font-weight: 400;
  font-size: 18rem;
  line-height: 155%;
  color: #4D4D4D;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
}

.contacts {
  margin-bottom: 100rem;
  position: relative;
}
.contacts .container {
  position: relative;
}

.contactsHeading {
  position: relative;
  width: 100%;
  padding: 40rem 0 0 40rem;
  display: flex;
  margin-bottom: 0rem;
}

.contactsheadingArrBlack {
  position: absolute;
  top: 0;
  left: 0;
  width: 80rem;
  height: 80rem;
}

.contactsheadingArrRed {
  position: absolute;
  top: 0;
  right: 0;
  width: 80rem;
  height: 80rem;
}

.contactsHeadingLogo {
  margin-right: 131rem;
  width: 229rem;
  height: 66rem;
}

.contactsHeadingText {
  width: 360rem;
  text-align: center;
}

.contactsWraper {
  display: flex;
}

.contactsInfo {
  padding-top: 60rem;
  margin-right: 102rem;
}

.contactsInfoHeading {
  color: #404040;
  margin-bottom: 20rem;
}

.contactsPhone {
  font-style: normal;
  font-weight: 700;
  font-size: 28rem;
  line-height: 135%;
  color: #171718;
}

.contactsSetiHeading {
  color: #404040;
}

.contactsSeti {
  display: flex;
  align-items: center;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
  margin-top: 15rem;
}

.contactsSetiHref {
  width: 45rem;
  height: 45rem;
  position: relative;
  border: 1rem solid #171718;
  border-radius: 3.333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.contactsSetiHref .contactsSetiImg {
  width: 28rem;
  height: 28rem;
  transition: all 0.4s ease;
}
.contactsSetiHref .contactsSetiImg path {
  fill: #171718;
  transition: all 0.4s ease;
}
.contactsSetiHref:hover {
  border: 1rem solid #C60004;
}
.contactsSetiHref:hover .contactsSetiImg {
  width: 28rem;
  height: 28rem;
}
.contactsSetiHref:hover .contactsSetiImg path {
  fill: #C60004;
}

.contactsSetiImg {
  width: 100%;
  height: 100%;
}

.contactsForm {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 360rem;
}
.contactsForm .middleFormInput {
  width: 100%;
  margin-bottom: 10rem;
}
.contactsForm .middleFormSend {
  width: 100%;
  margin-top: 10rem;
}

.contactsCar {
  position: absolute;
  top: 40rem;
  right: 12rem;
  width: 349rem;
  height: 295rem;
}

footer {
  background: #171718;
  padding: 40rem 0 0 0;
}
footer .container {
  display: flex;
}

.footerItem {
  display: flex;
  flex-direction: column;
  margin-right: 80rem;
}
.footerItem:last-child {
  margin-right: 0;
}

.footerItemHeading {
  font-style: normal;
  font-weight: 700;
  font-size: 16rem;
  line-height: 135%;
  /* identical to box height, or 22rem */
  margin-bottom: 20rem;
  color: #C60004;
}

.footerItemLinks {
  display: flex;
  flex-direction: column;
}

.footerItemLink {
  width: -moz-fit-content;
  width: fit-content;
  padding: 6rem 16rem 6rem 0;
  display: block;
}
.footerItemLink::after {
  content: "";
  display: block;
  width: 0;
  transition: all 0.4s ease;
  height: 2rem;
  background: #C60004;
}
.footerItemLink:hover::after {
  width: 100%;
}

.footerItemLinkText {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16rem;
  line-height: 135%;
  color: #DCDCDC;
}

.footerContacts {
  display: flex;
  flex-direction: column;
}

.footerContactsWp {
  width: 240rem;
  height: 45rem;
  background: #C60004;
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 15rem;
  line-height: 100%;
  /* identical to box height, or 15rem */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F5F5F5;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-bottom: 40rem;
}

.footerNavBtn .footerItemLinkText {
  font-size: 16rem;
  font-weight: 700;
  line-height: 22rem;
  letter-spacing: 0em;
  text-align: left;
}

.raz {
  font-family: "Onest", "sans-serif";
  font-size: 15rem;
  font-weight: 400;
  line-height: 20rem;
  letter-spacing: 0em;
  text-align: left;
  color: #DCDCDC;
  margin-top: 40rem;
}
.raz span {
  color: #C60004;
}

.footerGray {
  background: #252525;
  padding: 10rem 0;
  margin-top: 40rem;
}
.footerGray .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prava {
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-weight: 400;
  line-height: 20rem;
  letter-spacing: 0rem;
  text-align: left;
  color: #FCFCFC;
}

.polityc {
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-weight: 400;
  line-height: 20rem;
  letter-spacing: 0rem;
  text-align: left;
  color: #FCFCFC;
}

.btnUp {
  width: 40rem;
  height: 40rem;
	position: fixed;
	bottom: 10rem;
	right: 10rem;
}

.mainRedFlag {
  background-image: url(./../media/country/germany.png);
  background-color: rgba(0, 0, 128, 0);
  background-position: 0;
  top: -10rem;
  background-size: 100%;
  width: 380rem;
  height: 285rem;
  background-repeat: no-repeat;
}

.mainCountrykCar {
  position: absolute;
  width: 660rem;
  height: 390rem;
  top: 0;
  left: 0;
}

.mainCountryInfo {
  position: absolute;
}

.popularWraper {
  display: grid;
  grid-template-columns: repeat(3, 373rem);
  -moz-column-gap: 20rem;
       column-gap: 20rem;
  row-gap: 20rem;
}

.popularCarSlide {
  box-shadow: 0rem 0rem 8rem 0rem rgba(0, 0, 0, 0.1490196078);
}

.popular {
  margin-bottom: 100rem;
  padding-top: 100rem;
}

.calcCountryWraper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100rem;
}

.calkCounryLeft {
  width: 500rem;
}

.calkCountryHeading {
  font-family: "Onest", "sans-serif";
  font-size: 25rem;
  font-weight: 500;
  line-height: 34rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 30rem;
}

.calkCountryLabel {
  display: flex;
  flex-direction: column;
  margin-bottom: 16rem;
}

.calkCountryLabelHeading {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 500;
  line-height: 23rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 6rem;
}

.kurs {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 400;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 20rem;
}

.raschCalk {
  font-family: "Wadik", "sans-serif";
  font-size: 18rem;
  font-weight: 700;
  line-height: 18rem;
  letter-spacing: 0em;
  text-align: center;
  width: 500rem;
  border-radius: 4rem;
  height: 60rem;
  background: #C60004;
  color: #FCFCFC;
  margin-bottom: 20rem;
}

.itogo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.itogoHeading {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 500;
  line-height: 35rem;
  letter-spacing: 0em;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}

.itogoPrice {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 35rem;
  letter-spacing: 0em;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}

.calkCountryRight {
  position: relative;
  width: 570rem;
  height: 621rem;
}

.calkCountryBg {
  width: 100%;
  height: 100%;
}

.calkCountryRightInfo {
  position: absolute;
  top: 40rem;
  left: 85rem;
  width: 400rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calkCountryRightInfo input {
  color: white;
}
.calkCountryRightInfo input:hover::-webkit-input-placeholder {
  color: white;
}
.calkCountryRightInfo input:hover::-moz-placeholder {
  color: white;
}
.calkCountryRightInfo input:hover:-moz-placeholder {
  color: white;
}
.calkCountryRightInfo input:hover:-ms-input-placeholder {
  color: white;
}
.calkCountryRightInfo .middleFormForm.vertForm .middleFormInputWraper {
  margin-bottom: 30rem;
  row-gap: 10rem;
}

.calkCountryRightHeading {
  color: #FCFCFC;
  margin-bottom: 20rem;
  text-align: center;
}

.middleFormForm.vertForm {
  flex-direction: column;
  width: 100%;
  display: flex;
}
.middleFormForm.vertForm .middleFormInputWraper {
  flex-direction: column;
  position: relative;
  width: 100%;
  row-gap: 20rem;
}
.middleFormForm.vertForm .middleFormInput {
  width: 100%;
}

.calkPhone {
  font-family: "Onest", "sans-serif";
  font-size: 28rem;
  font-weight: 700;
  line-height: 38rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 20rem;
  color: #FCFCFC;
  width: 100%;
}

.messageUs {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 400;
  line-height: 27rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 15rem;
  color: #FCFCFC;
  width: 100%;
}

.calkSeti {
  display: flex;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
  width: 100%;
}

.setiItemHref {
  width: 45rem;
  height: 45rem;
  position: relative;
}
.setiItemHref svg {
  width: 100%;
  height: 100%;
}

.mainCountryInfo {
  display: flex;
  position: absolute;
  align-items: flex-end;
  left: 6rem;
  bottom: 11rem;
}
.mainCountryInfo .mainBgText {
  position: relative;
  line-height: 100%;
  color: #171718;
}
.mainCountryInfo .mainBgRedArr {
  position: relative;
}

.cardPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 11;
  transform: translateY(-100vh);
  transition: all 0.4s ease;
  overflow-y: scroll;
}
.cardPopup.active {
  transform: translateY(0);
}

.cardPopupHeader .container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1rem solid #404040;
  padding: 10rem 0;
  align-items: center;
}

.cardPopupHeaderBack {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cardPopupHeaderBack:hover .cardPopupHeaderBackSvg path {
  fill: #C60004;
}
.cardPopupHeaderBack:hover .cardPopupBackText {
  color: #C60004;
}

.cardPopupHeaderBackSvg {
  width: 12rem;
  margin-right: 10rem;
}
.cardPopupHeaderBackSvg path {
  fill: #404040;
  transition: all 0.4s ease;
}

.cardPopupBackText {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 400;
  line-height: 28rem;
  letter-spacing: 0em;
  text-align: left;
  transition: all 0.4s ease;
}

.cardPopupHeaderLogo {
  width: 139rem;
  height: 41rem;
}

.cardPopupHeaderClose {
  width: 50rem;
  height: 50rem;
  cursor: pointer;
}
.cardPopupHeaderClose path {
  stroke: #404040;
  transition: all 0.4s ease;
}
.cardPopupHeaderClose:hover path {
  stroke: #C60004;
}

.mainCardPopupWraper {
  display: flex;
  margin-top: 40rem;
}

.cardPopupLeft {
  width: 560rem;
  margin-right: 40rem;
}

.swiper-button-prev::after {
  color: white;
}

.swiper-button-next::after {
  color: white;
}

.cardPopupRight {
  display: flex;
  flex-direction: column;
}

.cardPopupHeading {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 32rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 16rem;
}

.popularSlideHarr .cardHarr {
  margin-bottom: 16rem;
  padding-bottom: 15rem;
  border-bottom: 1rem solid #404040;
}

.cardPriceHeading {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 500;
  line-height: 25rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10rem;
}

.priseCardWraper {
  display: flex;
  align-items: center;
  margin-bottom: 12rem;
}

.cardPrieWraperNum {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 30rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 40rem;
}

.priceCardCredit {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 400;
  line-height: 23rem;
  letter-spacing: 0em;
  text-align: left;
}

.cardButtons {
  display: flex;
  align-items: center;
  margin-bottom: 25rem;
}

.ostavitZayavku {
  font-family: "Wadik", "sans-serif";
  font-size: 16rem;
  font-weight: 700;
  line-height: 17rem;
  letter-spacing: 0em;
  text-align: center;
  margin-right: 10rem;
  width: 320rem;
  height: 60rem;
  color: #FCFCFC;
  background: black;
}

.kredit {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 500;
  line-height: 18rem;
  letter-spacing: 0em;
  text-align: center;
  color: #C60004;
  width: 230rem;
  height: 60rem;
  background: none;
  border: 1rem solid #C60004;
}

.cardFullHar {
  width: 560rem;
  border: 1rem solid #404040;
  padding: 20rem;
  display: flex;
}

.cardFullHarHeading {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 700;
  line-height: 28rem;
  letter-spacing: 0em;
  text-align: left;
  margin-right: 30rem;
}

.cardFullHarLst {
  width: 335rem;
  padding-top: 5rem;
  row-gap: 10rem;
  display: flex;
  flex-direction: column;
}

.cardFullHarListItem {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cardFullHarListItem:last-child {
  margin-bottom: 0;
}

.cardFullHarName {
  font-family: "Onest", "sans-serif";
  font-size: 15rem;
  font-weight: 500;
  line-height: 19rem;
  letter-spacing: 0em;
  text-align: left;
  color: #171718;
}

.cardFullHarHar {
  font-family: "Onest", "sans-serif";
  font-size: 15rem;
  font-weight: 400;
  line-height: 19rem;
  letter-spacing: 0em;
  text-align: left;
  color: #404040;
  text-align: right;
}

.cardPopupOpis {
  margin-top: 30rem;
}

.cardPopupOpisText {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 400;
  line-height: 25rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 60rem;
}

.formPopup {
  position: fixed;
  z-index: 12;
  top: 50%;
  left: 50%;
  transition: all 0.4s ease;
  width: 660rem;
  height: 600rem;
  background: white;
  transform: translate(-50%, -500vh);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.formPopup.active {
  transform: translate(-50%, -50%);
}

.formPopupTop {
  display: flex;
  padding: 20rem 20rem 0 0;
  justify-content: flex-end;
  width: 100%;
}

.formPopupCloseBtn {
  width: 50rem;
  height: 50rem;
  cursor: pointer;
}
.formPopupCloseBtn path {
  stroke: #404040;
  transition: all 0.4s ease;
}
.formPopupCloseBtn:hover path {
  stroke: #C60004;
}

.formPopupBody {
  display: flex;
  flex-direction: column;
  width: 580rem;
  align-items: center;
}
.formPopupBody .tradeInCheckBoxText.polityc {
  color: #171718;
}
.formPopupBody .middleFormSend {
  width: 100%;
}
.formPopupBody .middleFormForm.vertForm .middleFormInputWraper {
  row-gap: 10rem;
}

.formPopupHeading {
  color: #171718;
  text-align: center;
  margin-bottom: 15rem;
  margin-bottom: 16rem;
}

.formPopupSubtitle {
  color: #171718;
  text-align: center;
  margin-bottom: 30rem;
}

.swiper-slide img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}

.popupClose {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: black;
  opacity: 0.8;
  z-index: 11;
  transition: all 0.4s ease;
  transform: translateY(-200vh);
}
.popupClose.active {
  transform: translateY(0);
}

button {
  cursor: pointer;
}

.whiteInp {
  color: #FCFCFC;
}

.popularCarSlide {
  display: none;
}
.popularCarSlide.visual {
  display: none;
}
.popularCarSlide.visual.visualMark {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual.godDoVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual.godDoVisual.priceOtVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual.godDoVisual.priceOtVisual.priceDoVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual.godDoVisual.priceOtVisual.priceDoVisual.privodVisual {
  display: none;
}
.popularCarSlide.visual.visualMark.visualList.markVisual.modelVisual.dvigatelVisual.obemVisual.kuzovVisual.godOtVisual.godDoVisual.priceOtVisual.priceDoVisual.privodVisual.korobkaVisual {
  display: flex;
}

.calkNextMob {
  width: 260rem;
  height: 45rem;
  background: #171718;
  color: #FCFCFC;
  font-family: "Wadik", "sans-serif";
  font-size: 15rem;
  font-weight: 700;
  line-height: 15rem;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30rem;
}

.calkNextMob {
  width: -moz-fit-content;
  width: fit-content;
  padding: 10rem 20rem;
  background: #171718;
  color: #FCFCFC;
  font-family: "Wadik", "sans-serif";
  font-size: 15rem;
  font-weight: 700;
  line-height: 15rem;
  letter-spacing: 0em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30rem;
}
.calkNextMob.moreInfoCars {
  background: #C60004;
}
.calkNextMob.moreInfoCars.close {
  display: none;
}

.buttonCenter {
  width: 100%;
  display: flex;
  justify-content: center;
}

.cardFullHarLst .popularSlideHarrItem .popularSlideHarrItem {
  display: none;
}

.popularSlideHarr {
  justify-content: flex-start;
  width: 100%;
}
.popularSlideHarr .popularSlideHarrItem.main {
  display: flex;
}
.popularSlideHarr .popularSlideHarrItem.main .popularSlideHarrItemText {
  text-wrap: nowrap;
}
.popularSlideHarr .popularSlideHarrItem.notamin {
  display: none;
}
.popularSlideHarr .popularSlideHarrItem .cardFullHarListItem {
  display: none;
}

.news {
  margin-bottom: 100rem;
}

.lastNews {
  display: flex;
  margin-bottom: 40rem;
}

.lastNewImg {
  width: 360rem;
  height: 220rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 40rem;
  flex-shrink: 0;
}

.lastNewsDate {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 400;
  line-height: 27rem;
  letter-spacing: 0em;
  text-align: left;
  color: #404040;
  margin-bottom: 10rem;
}

.lastNewsHeading {
  margin-bottom: 20rem;
}

.newsLide {
  display: flex;
}
.newsLide .newsSliedeImg {
  width: 125rem;
  height: 100rem;
  margin-right: 16rem;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.newSLideDate {
  font-family: "Onest", "sans-serif";
  font-size: 14rem;
  font-weight: 400;
  line-height: 19rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10rem;
  color: #404040;
}

.newSlideText {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 700;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
}

.NewsArr {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
  margin-top: 20rem;
}

.newsArrowPrew {
  transform: rotate(180deg);
}

.calkSearch {
  position: relative;
}
.calkSearch .calkSearchList {
  position: absolute;
  max-height: 0;
  overflow: hidden;
  background: white;
  padding: 0 0;
  width: 100%;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  z-index: 9;
  transition: all 0.4s ease;
}
.calkSearch.active .calkSearchList {
  position: absolute;
  max-height: 200rem;
  overflow-y: scroll;
  padding: 0rem 0rem;
  border: 1px solid #404040;
}
.calkSearch.active .calkSearhSvg {
  transform: rotate(180deg);
}
.calkSearch.active .calkSearhSvg path {
  fill: #C60004;
}

.calkSearchItem {
  cursor: pointer;
  display: none;
}
.calkSearchItem.active {
  display: flex;
  padding: 10rem 20rem;
}
.calkSearchItem.active:hover {
  background: #F5F5F5;
}

.top-form__input.red-flag {
  border: 1rem solid #C60004;
}

.redText {
  color: red;
  display: none;
}

.red-flag.redText {
  display: flex;
}

.top-form__input.red-flag + .redText {
  display: flex;
}

button {
  transition: all 0.4s ease;
}

.calkNextMob.mob {
  display: none;
}

header.main.dixed .header-bottom {
  display: none;
}

.politycText {
  color: #171718;
}

.politycBlock {
  margin-top: 100rem;
  margin-bottom: 100rem;
}

.contactsForm .inputThing {
  width: 100%;
}

.errorBlock {
  margin-top: 100rem;
  margin-bottom: 100rem;
}
.errorBlock .container {
  display: flex;
  margin-top: 100rem;
}

.errorHeading {
  color: #171718;
  margin-bottom: 30rem;
}

.errorText {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 400;
  line-height: 27rem;
  letter-spacing: 0em;
  text-align: left;
  color: #404040;
  margin-bottom: 60rem;
}

.errorBack {
  display: block;
}

.errorButton {
  font-family: "Wadik", "sans-serif";
  font-size: 16rem;
  font-weight: 700;
  line-height: 17rem;
  letter-spacing: 0em;
  text-align: center;
  color: #FCFCFC;
  background: #171718;
  width: 260rem;
  height: 60rem;
}

.selectMarkSearch .selectSearchWraper {
  display: flex;
  align-items: center;
  position: relative;
}
.selectMarkSearch .selectSearchWraper.active .calkSearchList {
  top: 100%;
}
.selectMarkSearch .selectSearchWraper .calkSearchList {
  top: 100%;
}
.selectMarkSearch.redSearch .notFoundSelectSearch {
  display: block;
}
.selectMarkSearch.redSearch .selectMarkInput {
  border-color: #C60004;
}

.notFoundSelectSearch {
  font-family: "Onest", "sans-serif";
  font-size: 10rem;
  font-weight: 400;
  line-height: 14rem;
  letter-spacing: 0em;
  text-align: left;
  display: none;
  color: #C60004;
  margin-top: 10rem;
}

.selectMarkInput {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10rem 16rem 10rem 45rem;
  gap: 8rem;
  font-size: 16rem;
  width: 530rem;
  height: 45rem;
  border: 1px solid #171718;
  flex: none;
  order: 0;
  flex-grow: 0;
  margin-right: 10rem;
}

.selectMarkSearchSvg {
  width: 24rem;
  height: 24rem;
  position: absolute;
  top: 50%;
  left: 16rem;
  transform: translateY(-50%);
}

.selectMarkBtn {
  font-family: "Wadik", "sans-serif";
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: center;
  width: 120rem;
  height: 45rem;
  color: #FCFCFC;
  background: #171718;
}

.selectMarkItem {
  display: none;
}
.selectMarkItem.active {
  display: flex;
}

input::-webkit-input-placeholder {
  color: gray;
}

input:-moz-placeholder {
  color: gray;
}

input:hover::-moz-placeholder {
  color: #171718;
}
input:hover::-webkit-input-placeholder {
  color: #171718;
}

.middleForm {
  position: relative;
}
.middleForm .container {
  position: relative;
}

.midFormArr {
  position: absolute;
  bottom: -20rem;
  right: 20rem;
  width: 80rem;
  height: 80rem;
  transform: rotate(90deg);
}

.popularCarPaggination {
  overflow: hidden;
}

.blackBtn {
  background: #171718;
  transition: all 0.4s ease;
}
.blackBtn:hover {
  background: #5E5E5E;
}

.redBtn {
  background: #C60004;
  transition: all 0.4s ease;
}
.redBtn:hover {
  background: #A0070A;
}

.redBorderBtn {
  background: rgba(255, 255, 255, 0) 0A;
  transition: all 0.4s ease;
  color: #C60004;
}
.redBorderBtn:hover {
  background: #A0070A;
  color: #FCFCFC;
}

.blackBorderBtn {
  background: rgba(64, 64, 64, 0);
  transition: all 0.4s ease;
}
.blackBorderBtn:hover {
  border: 1rem solid #f5f5f5;
  background: #F5F5F5;
}

.swiper-pagination-bullet {
  transition: all 0.4s ease;
}
.swiper-pagination-bullet:hover {
  color: #C60004;
  opacity: 1;
}

.calkSearhSvg {
  position: absolute;
  z-index: -1;
  top: 19rem;
  right: 18rem;
  width: 12rem;
  height: 7rem;
  transition: all 0.4s ease;
}
.calkSearhSvg path {
  fill: #404040;
  transition: all 0.4s ease;
}

.selectWraper {
  position: relative;
}

.stepsDeskPath {
  display: flex;
  align-items: center;
}

.stepsNumBlock {
  display: flex;
  align-items: center;
  margin-right: 10rem;
}

.stepsNumSvg {
  height: 48rem;
}

.popularCarSlider {
  padding: 10rem;
}

.cardSliderPaggination {
  margin-top: 6rem;
}

.swiper-wrapper-two .swiper-slide {
  opacity: 0.6;
}
.swiper-wrapper-two .swiper-slide.active {
  opacity: 1;
}

.cardSlider .swiper-slide {
  background: rgb(178, 178, 178);
}
.cardSlider .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
}

.cardSliderPaggination .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
}

section {
  margin-bottom: 0 !important;
}

.yak {
  display: block;
}

footer {
  margin-top: 100rem;
}

.calkTam .container {
  border: 1rem solid #404040;
  padding: 40rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.calkTamHeading {
  width: 1040rem;
  text-align: center;
  color: #171718;
  margin-bottom: 20rem;
}
.calkTamHeading span {
  color: #C60004;
}

.calkTamSubtitle {
  width: 1040rem;
  color: #404040;
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 400;
  line-height: 27rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 40rem;
}

.tamcalkWraper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.calkTamLeft {
  display: flex;
  flex-direction: column;
}

.calkTamTop {
  display: flex;
  margin-bottom: 40rem;
}
.calkTamTop .podborItemText {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 30rem;
}
.calkTamTop .podborItemText:last-child {
  margin-right: 0;
}

.calkTamMid {
  display: flex;
  margin-bottom: 30rem;
}
.calkTamMid .podborItemText {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 30rem;
}

.calkTomMidInputs {
  margin-bottom: 16rem;
  display: flex;
  flex-direction: column;
  row-gap: 10rem;
}
.calkTomMidInputs:last-child {
  margin-bottom: 0;
}

.calkTamLabelText {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 500;
  line-height: 23rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 6rem;
}

.calkSearchItem {
  color: #171718;
}

.calkTamBtn {
  font-family: "Wadik", "sans-serif";
  font-size: 18rem;
  font-weight: 700;
  line-height: 18rem;
  letter-spacing: 0em;
  text-align: center;
  color: #FCFCFC;
  width: 500rem;
  height: 60rem;
  margin-top: 20rem;
}

.calkTamRight {
  border: 1rem solid #404040;
  padding: 35rem 30rem;
  width: 500rem;
  height: 500rem;
}

.calTamRightHeading {
  font-family: "Wadik", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 30rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 30rem;
}

.calkTamRightWraper {
  margin-bottom: 40rem;
}

.calkRightWraperItem {
  margin-bottom: 20rem;
  display: flex;
  justify-content: space-between;
}
.calkRightWraperItem:last-child {
  margin-bottom: 0;
}

.calkTamRightItemName {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 500;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  width: 280rem;
}

.calkTamRightItemText {
  font-family: "Onest", "sans-serif";
  font-size: 20rem;
  font-weight: 700;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  width: 120rem;
}

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

.calkTamPriceName {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 29rem;
  letter-spacing: 0em;
  text-align: left;
  width: 300rem;
  color: #C60004;
}

.calkTamPriceCena {
  font-family: "Onest", "sans-serif";
  font-size: 24rem;
  font-weight: 700;
  line-height: 29rem;
  letter-spacing: 0em;
  text-align: left;
  width: 120rem;
  color: #C60004;
}

.popupForm .tradeInLabel {
  margin-bottom: 10rem;
}

.footerNotMain .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerNotMain .footerNotMainRaz {
  width: 100%;
  text-align: center;
}

.footerNotMainTop {
  display: flex;
  justify-content: center;
  -moz-column-gap: 40rem;
       column-gap: 40rem;
  margin-bottom: 20rem;
}

.footerNotMainBtm {
  display: flex;
  justify-content: center;
  -moz-column-gap: 30rem;
       column-gap: 30rem;
  margin-bottom: 30rem;
}

footer.notMain .footerMain {
  display: none;
}
footer.notMain .footerNotMain {
  display: flex;
}

footer.main .footerMain {
  display: flex;
}
footer.main .footerNotMain {
  display: none;
}

.mainBlock.notMain .mainBgText {
  line-height: 135%;
  left: auto;
  bottom: auto;
  margin-left: 20rem;
}

.mainBlock.notMain .mainCountryInfo {
  align-items: center;
}

.popupCart {
  width: 560rem;
  padding: 15rem 0 80em 0rem;
  background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -500vh);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.4s ease;
  z-index: 20;
  max-height: 90vh;
}
.popupCart.active {
  transform: translate(-50%, -50%);
}
.popupCart .middleFormForm {
  width: 480rem;
}
.popupCart .middleFormForm .middleFormSend {
  width: 100%;
}
.popupCart.notCredit .popupCartPriceCredit {
  display: none;
}

.popupCartcloseBlock {
  display: flex;
  width: 100%;
  padding: 0 15rem 0 0;
  justify-content: flex-end;
  margin-bottom: 20rem;
}

.popupCartCloseSvg {
  width: 35rem;
  height: 35rem;
  cursor: pointer;
}
.popupCartCloseSvg path {
  stroke: #404040;
  transition: all 0.4s ease;
}
.popupCartCloseSvg:hover path {
  stroke: #C60004;
}

.popupCartHeading {
  color: #171718;
  margin-bottom: 25rem;
  text-align: center;
  width: 100%;
}

.popupCartWraper {
  padding: 0 40rem;
  display: flex;
  flex-direction: column;
  row-gap: 15rem;
  margin-bottom: 40rem;
  overflow-y: scroll;
  max-height: 220rem;
}

.popupCartItem {
  width: 100%;
  display: flex;
  align-items: center;
}

.popupCarItemtImg {
  width: 75rem;
  height: 51rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 12rem;
}

.popupCartItemName {
  font-family: "Onest", "sans-serif";
  font-size: 18rem;
  font-weight: 700;
  line-height: 24rem;
  letter-spacing: 0em;
  text-align: left;
  color: #171718;
  margin-right: 12rem;
  width: 190rem;
}

.popupCartPrice {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  margin-right: 12rem;
  width: 150rem;
}

.popupCartPriceNum {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 400;
  line-height: 23rem;
  letter-spacing: 0em;
  text-align: left;
  color: #171718;
}

.popupCartPriceCredit {
  font-family: "Onest", "sans-serif";
  font-size: 10rem;
  font-weight: 400;
  line-height: 15rem;
  letter-spacing: 0em;
  text-align: left;
  color: #C60004;
}

.popupCartItemDelete {
  width: 20rem;
  height: 20rem;
  cursor: pointer;
}
.popupCartItemDelete path {
  stroke: #404040;
  transition: all 0.4s ease;
}
.popupCartItemDelete:hover path {
  stroke: #C60004;
}

.popularCarsyak,
.selectMarkyak,
.middleFormyak,
.selectCaryak {
  height: 60rem;
}

.calculatoryak,
.whayWeyak,
.stepsyak,
.podboryak,
.news_blockyak,
.questionsyak,
.contactsyak,
.calkCounrtyyak {
  height: 100rem;
}

.mainBlockSecondyak {
  height: 140rem;
}

.popupCart .middleFormForm.vertForm .middleFormInputWraper {
  row-gap: 10rem;
}
.popupCart .middleFormForm.vertForm .middleFormInputWraper .middleFormSend {
  margin-top: 10rem;
}

.filters {
  margin-bottom: 20rem;
}

.filterWraper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -moz-column-gap: 18rem;
       column-gap: 18rem;
  row-gap: 10rem;
}
.filterWraper .calkInput {
  width: 217rem;
  height: 40rem;
}

.filterBlockHeading {
  font-family: "Onest", "sans-serif";
  font-size: 16rem;
  font-weight: 500;
  line-height: 23rem;
  letter-spacing: 0em;
  text-align: left;
  color: #171718;
}

.filterYWraper {
  display: flex;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.filterYearOt {
  width: 106rem;
  height: 40rem;
  border: 1rem solid #404040;
  padding: 9rem 20rem;
}

.filterSearchBtn {
  width: 217rem;
  height: 40rem;
  color: #FCFCFC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 23rem;
  cursor: pointer;
}

.filterMobSbros {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 20rem;
  justify-content: center;
}

.filterMobSbrosText {
  margin-right: 20rem;
}

.filterMobSbrosSvg {
  width: 30rem;
  height: 30rem;
}

.tradeInBlock.mob {
  display: none;
}
.tradeInBlock.desk {
  display: flex;
}

.whayWeHEadingText span {
  color: #C60004;
  font-family: "Wadik", "sans-serif";
}

.stepsSvg {
  display: none;
}

@media (max-width: 600px) {
  .tradeInBlock.mob {
    display: flex;
  }
  .tradeInBlock.desk {
    display: none;
  }
  .header {
    position: fixed;
    width: 100vw;
    z-index: 11;
    background: #FCFCFC;
    top: 0;
  }
  .header.notMain .header-bottom {
    display: none;
  }
  .header.notMain .mainPage {
    display: none;
  }
  .header.notMain .mainPage.desk {
    display: none;
  }
  .header.notMain .NotmainPage {
    display: flex;
  }
  .header.notMain .NotmainPage.desk {
    display: none;
  }
  .header.main .header-bottom {
    display: flex;
  }
  .header.main .mainPage {
    display: flex;
  }
  .header.main .mainPage.desk {
    display: none;
  }
  .header.main .NotmainPage {
    display: none;
  }
  .header.main .NotmainPage.desk {
    display: none;
  }
  .text-14-mob {
    font-family: "Onest", "sans-serif";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 18.9rem */
  }
  .text-16-mob {
    font-family: "Onest", "sans-serif";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6rem */
  }
  .subtitle-mob {
    font-family: "Onest", "sans-serif";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6rem */
  }
  .h4-mob {
    font-family: "Onest", "sans-serif";
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    /* 24.3rem */
  }
  .h3-mob {
    font-family: "Wadik", "sans-serif";
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 22.5rem */
    text-transform: uppercase;
  }
  .h2-mob {
    font-family: "Wadik", "sans-serif";
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    /* 25.2rem */
    text-transform: uppercase;
  }
  .h1-mob {
    font-family: "Wadik", "sans-serif";
    font-size: 34rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    /* 35.7rem */
    text-transform: uppercase;
  }
  .desk {
    display: none;
  }
  .mob {
    display: inherit;
  }
  html,
  body {
    font-size: 0.3125vw;
  }
  .container {
    width: 300rem;
    margin-left: 10rem;
  }
  .mobMenuOpen {
    width: 30rem;
    height: 30rem;
    position: relative;
  }
  .mobMenuOpen .open {
    opacity: 1;
    position: relative;
    top: 0;
    transition: all 0.4s ease;
  }
  .mobMenuOpen .close {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease;
  }
  .mobMenuOpen.active .close {
    opacity: 1;
    position: relative;
    top: 0;
    transition: all 0.4s ease;
  }
  .mobMenuOpen.active .open {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease;
  }
  .mobMenuOpenSvg {
    width: 100%;
    height: 100%;
  }
  .header-top-seti {
    margin-right: 25rem;
  }
  .header-bottom-menu {
    width: 100%;
    overflow-x: scroll;
  }
  .header-bottom-item {
    font-size: 12rem;
    font-weight: 500;
    line-height: 17rem;
    letter-spacing: 0em;
    text-align: left;
    flex-shrink: 0;
  }
  .headerMobMenu {
    position: fixed;
    top: 104rem;
    left: 0;
    height: calc(100vh - 104rem);
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30rem 18rem;
    overflow-y: scroll;
    transition: all 0.4s ease;
    transform: translateY(-100vh);
    z-index: 9;
    background: white;
  }
  .headerMobMenu.active {
    transform: translateY(0);
  }
  .headerMobMenu.notMain .header-bottom {
    display: none;
  }
  .headerMobMenu.notMain .mainPage {
    display: none;
  }
  .headerMobMenu.notMain .mainPage.desk {
    display: none;
  }
  .headerMobMenu.notMain .NotmainPage {
    display: flex;
  }
  .headerMobMenu.notMain .NotmainPage.desk {
    display: flex;
  }
  .headerMobMenu.main .header-bottom {
    display: flex;
  }
  .headerMobMenu.main .mainPage {
    display: flex;
  }
  .headerMobMenu.main .mainPage.desk {
    display: flex;
  }
  .headerMobMenu.main .NotmainPage {
    display: none;
  }
  .headerMobMenu.main .NotmainPage.desk {
    display: none;
  }
  .headerMobMenuHeading {
    font-family: "Wadik", "sans-serif";
    font-size: 28rem;
    font-weight: 700;
    line-height: 35rem;
    letter-spacing: 0em;
    text-align: center;
    color: #C60004;
    margin-bottom: 26rem;
  }
  .mobMenuList {
    display: flex;
    flex-direction: column;
    row-gap: 12rem;
    width: 100%;
  }
  .mobMenuList.notMain .header-bottom {
    display: none;
  }
  .mobMenuList.notMain .mainPage {
    display: none;
  }
  .mobMenuList.notMain .NotmainPage {
    display: flex;
  }
  .mobMenuList.main .header-bottom {
    display: flex;
  }
  .mobMenuList.main .mainPage {
    display: flex;
  }
  .mobMenuList.main .NotmainPage {
    display: none;
  }
  .mobMenuItem {
    width: 100%;
    margin-right: 10rem;
    padding: 3rem 0;
  }
  .mobMenuItem.mobSecond {
    padding: 0 0;
  }
  .mobMenuItem.active .mobMenuSecondSvg {
    transform: rotate(0);
  }
  .mobMenuItem.active .mobMenuSecondList {
    max-height: 300rem;
  }
  .mobMenuItemTop {
    display: flex;
    align-items: center;
  }
  .MiobMenuItemText {
    font-family: "Wadik", "sans-serif";
    font-size: 20rem;
    font-weight: 700;
    line-height: 25rem;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
  }
  .mobMenuSecondSvg {
    width: 35rem;
    height: 35rem;
    transform: rotate(180deg);
    transition: all 0.4s ease;
  }
  .mobMenuSecondList {
    display: flex;
    flex-direction: column;
    row-gap: 15rem;
    padding: 0 15rem;
    transition: all 0.4s ease;
    max-height: 0rem;
    overflow: hidden;
  }
  .mobMenuSecondListItem {
    font-size: 20rem;
    font-weight: 400;
    line-height: 27rem;
    letter-spacing: 0em;
    text-align: left;
    padding: 6rem 0;
    color: #171718;
  }
  .mainBlock .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainBlock.notMain .mainHeading {
    width: 100%;
    text-align: center;
    margin-bottom: 20rem;
    font-family: "Wadik", "sans-serif";
    font-size: 34rem;
    font-weight: 700;
    line-height: 38rem;
    letter-spacing: 0em;
    text-align: center;
  }
  .mainTexts {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .mainHeading {
    width: 100%;
    text-align: center;
    margin-bottom: 20rem;
    font-family: "Wadik", "sans-serif";
    font-size: 24rem;
    font-weight: 700;
    line-height: 25rem;
    letter-spacing: 0em;
    text-align: center;
  }
  .mainSubtitle {
    text-align: center;
    margin-bottom: 40rem;
  }
  .mainButton {
    font-family: "Wadik", "sans-serif";
    font-size: 16rem;
    font-weight: 700;
    line-height: 17rem;
    letter-spacing: 0em;
    text-align: center;
    height: 55rem;
  }
  .mainBg {
    position: relative;
    margin-top: 30rem;
    width: 300rem;
    height: 195rem;
  }
  .mainBgTopArr {
    width: 40rem;
    height: 40rem;
  }
  .mainBgBtmArr {
    width: 25rem;
    height: 25rem;
  }
  .mainBgRed {
    width: 190rem;
    height: 142.5rem;
  }
  .mainBgRedArr {
    width: 35rem;
    height: 35rem;
  }
  .mainBgText {
    font-size: 12rem;
    width: 161rem;
    bottom: 10rem;
    left: 10rem;
  }
  .mainBgBlackCar {
    width: 190.31rem;
    height: 143.21rem;
    right: 62rem;
    top: -12rem;
  }
  .mainBgWhiteCar {
    width: 200.27rem;
    height: 96.11rem;
    right: -10rem;
    top: 40rem;
  }
  .selectCar .container {
    width: 300rem;
    margin-left: 10rem;
    padding: 10rem 0;
  }
  .selectCarHeading {
    display: none;
  }
  .selectCarWraper {
    width: 100%;
    flex-wrap: wrap;
  }
  .selectCarItem {
    display: flex;
    flex-direction: column;
  }
  .selectCarItemText {
    font-size: 12rem;
  }
  .popularHeading {
    padding: 10rem 0 0 0;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30rem;
  }
  .popularHeadingArr {
    width: 23rem;
    height: 23rem;
  }
  .calkHeadingArr {
    width: 23rem;
    height: 23rem;
  }
  .popularHeadingText {
    width: 100%;
    text-align: center;
  }
  .popularArrows {
    display: flex;
    justify-content: center;
    margin-bottom: 10rem;
  }
  .popularArrowPrew {
    width: 25rem;
    height: 25rem;
  }
  .popularArrowNext {
    width: 25rem;
    height: 25rem;
  }
  .popularCarSlide {
    box-shadow: 0rem 0rem 8rem 0rem rgba(0, 0, 0, 0.1490196078);
    padding: 10rem 10rem;
  }
  .popularSlideImg {
    width: 280rem;
    height: 182rem;
  }
  .popularSlideName {
    font-size: 18rem;
    margin-right: 10rem;
  }
  .popularSlideHarr {
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  .popularSlideHarrItemImg {
    width: 15rem;
    height: 15rem;
  }
  .popularSlideHarrItemText {
    font-size: 10rem;
  }
  .popularSlideItemPrice {
    font-size: 16rem;
  }
  .popularSlideItemPriceText {
    font-size: 16rem;
  }
  .popularSlideItemPriceCredit {
    font-size: 12rem;
  }
  .popularSlideOstavitZayavku {
    font-size: 15rem;
  }
  .popularSlideButtonCredit {
    font-size: 14rem;
    width: 136rem;
    height: 40rem;
  }
  .popularSlideButtonMoreInfo {
    font-size: 14rem;
    width: 136rem;
    height: 40rem;
  }
  .selectMark .container {
    padding: 30rem 15rem;
  }
  .selectMarkHeading {
    text-align: center;
  }
  .selectMarkWraper {
    grid-template-columns: repeat(4, 60rem);
    width: 100%;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
    row-gap: 10rem;
    justify-content: center;
  }
  .calculator {
    margin-bottom: 150rem;
  }
  .calkFullWraper {
    flex-direction: row;
    width: 300rem;
  }
  .calcLeft {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: row;
  }
  .calkInput {
    width: 300rem;
    height: 45rem;
  }
  .calkPriceRed {
    font-size: 18rem;
  }
  .calkPriceGray {
    font-size: 18rem;
  }
  .tradeInCheckBoxVisual {
    width: 20rem;
    height: 20rem;
    margin-right: 8rem;
  }
  .rabgeInp {
    -webkit-appearance: none;
    width: 300rem;
    height: 3rem;
    background: #C60004;
    /* Скрывает слайдер, чтобы можно было создать свой */
    /* Указание параметра ширины требуется для Firefox. */
  }
  .rabgeInp::-webkit-slider-thumb {
    -webkit-appearance: none;
  }
  .rabgeInp:focus {
    outline: none;
    /* Убирает голубую границу у элемента. Хотя, возможно, и стоит создавать некоторое оформления для состояния фокуса в целях обеспечения доступности. */
  }
  .rabgeInp::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    /* Скрывает слайдер, чтобы можно было добавить собственные стили. */
    border-color: transparent;
    color: transparent;
  }
  /* Специальные правила для браузеров на движках WebKit/Blink */
  .rabgeInp::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20rem;
    width: 16rem;
    border-radius: 3rem;
    background: #ffffff;
    cursor: pointer;
    margin-top: 0rem;
    /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
    /* Добавляем классные эффекты для слайдера! */
    width: 22rem;
    height: 22rem;
    background: #C60004;
    border-radius: 100%;
  }
  /* Тоже самое для Firefox */
  .rabgeInp::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20rem;
    width: 16rem;
    border-radius: 3rem;
    background: #ffffff;
    cursor: pointer;
    margin-top: 0rem;
    /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
    /* Добавляем классные эффекты для слайдера! */
    width: 22rem;
    height: 22rem;
    background: #C60004;
    border-radius: 100%;
  }
  /* Тоже самое для IE */
  .rabgeInp::-ms-thumb {
    -webkit-appearance: none;
    height: 20rem;
    width: 16rem;
    border-radius: 3rem;
    background: #ffffff;
    cursor: pointer;
    margin-top: 0rem;
    /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
    /* Добавляем классные эффекты для слайдера! */
    width: 22rem;
    height: 22rem;
    background: #C60004;
    border-radius: 100%;
  }
  .calcRight {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .calkItog {
    width: 300rem;
    height: 286rem;
  }
  .itogCalkHeading {
    font-size: 16rem;
  }
  .itogoCalkItem {
    width: 254em;
  }
  .itogoCalkItemHeaidng {
    font-size: 16rem;
  }
  .itogoCalkItemNum {
    font-size: 18rem;
    width: 80rem;
  }
  .redCarCalkItog {
    width: 300rem;
    height: 222rem;
  }
  .whayWe .container {
    position: relative;
  }
  .whayWeHeaing {
    width: 100%;
    padding: 10rem 0 0 0;
  }
  .whayWeHeadingArr {
    width: 23rem;
    height: 23rem;
  }
  .whayWeHEadingText {
    text-align: center;
  }
  .whayWeWraper {
    width: 100%;
  }
  .whayWeWraperMain {
    display: none;
  }
  .whayWeWraperPluss {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .whayWeWraperPlussItem {
    width: 300rem;
  }
  .middleForm {
    background: #171718;
  }
  .middleFormHeaidng {
    text-align: center;
  }
  .middleFormText {
    text-align: center;
  }
  .middleFormForm {
    width: 100%;
  }
  .middleFormInputWraper {
    flex-direction: column;
    width: 100%;
    row-gap: 10rem;
  }
  .middleFormInput {
    width: 100%;
    height: 55rem;
    order: 1;
  }
  .middleFormSend {
    order: 3;
  }
  .tradeInBlock {
    order: 2;
  }
  .tradeInCheckBoxText {
    font-size: 12rem;
  }
  .steps {
    overflow: hidden;
  }
  .calcHeading {
    padding: 10rem 0 0 0;
  }
  .calcHeadingText {
    text-align: center;
  }
  .stepsWraper {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .stepsItem {
    display: flex;
    flex-direction: row;
  }
  .stepItemMobLines {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-right: 5rem;
  }
  .stepsHeadingSerc {
    width: 15rem;
    height: 15rem;
    flex-shrink: 0;
  }
  .stepsHeadingLine {
    position: absolute;
    height: 130%;
    width: 2rem;
    margin-right: 1rem;
    top: 0;
  }
  .stepsItemHeading {
    margin-bottom: 18rem;
  }
  .stepsItemNum {
    font-size: 22rem;
    line-height: 22rem;
  }
  .stepsItemTextsItem {
    margin-bottom: 10rem;
  }
  .podbor .container {
    padding: 30rem 10rem;
  }
  .podborWraper {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 30rem;
  }
  .podborItemText {
    width: 100%;
    margin: 0;
    order: 2;
  }
  .podborItemImgs,
  .podborItemImgsWraper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    order: 1;
  }
  .podborImgItemImg {
    display: none;
  }
  .podborForm .polityc {
    font-size: 12rem;
    line-height: 15rem;
  }
  .middleFormSend {
    width: 100%;
  }
  .tradeInCheckBoxVisual {
    margin-right: 4rem;
  }
  .faqHeadungText {
    text-align: center;
  }
  .faqWraper {
    width: 100%;
  }
  .faqItem:nth-child(-n+2) {
    border-top: none;
  }
  .faqItem {
    width: 100%;
    padding: 20rem 0;
  }
  .faqItem:first-child {
    border-top: 2rem solid #404040;
  }
  .faqItemQestion {
    width: 100%;
  }
  .faqItemQuestionSvg {
    display: none;
  }
  .questionItemQuestionText {
    font-size: 16rem;
    width: 254rem;
  }
  .contactsHeading {
    justify-content: center;
    padding: 10rem 0 0 0;
  }
  .contactsheadingArrBlack {
    width: 23rem;
    height: 23rem;
  }
  .contactsheadingArrRed {
    width: 23rem;
    height: 23rem;
  }
  .contactsHeadingLogo {
    width: 180rem;
    height: 52rem;
    margin: 0;
  }
  .contactsHeadingText {
    font-family: "Wadik", "sans-serif";
    font-size: 16rem;
    font-weight: 700;
    line-height: 20rem;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    margin-bottom: 16rem;
  }
  .contactsWraper {
    display: flex;
    flex-direction: column;
  }
  .contactsInfo {
    margin: 0;
    width: 100%;
    padding-top: 20rem;
  }
  .contactsInfoHeading {
    width: 100%;
    text-align: center;
    margin-bottom: 10rem;
  }
  .contactsPhone {
    font-size: 24rem;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 30rem;
  }
  .contactsSetiHeading {
    width: 100%;
    text-align: center;
  }
  .contactsSeti {
    justify-content: center;
  }
  .contactsSetiHref {
    width: 60rem;
    height: 60rem;
  }
  .contactsSetiImg {
    width: 100%;
    height: 100%;
  }
  .contactsForm {
    width: 100%;
  }
  footer .container {
    flex-direction: column;
    row-gap: 20rem;
  }
  .footerItem {
    width: 100%;
    margin-right: 0;
  }
  .footerItemHeading {
    width: 100%;
    text-align: center;
  }
  .footerItemLinks {
    align-items: center;
  }
  .footerItemLink {
    padding: 5rem;
  }
  .footerContacts {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footerContactsWp {
    order: 2;
    margin-top: 20rem;
  }
  .footerContactsWp.notMain {
    order: inherit;
    margin-top: 0;
  }
  .footerContactsButtons {
    align-items: center;
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .raz {
    order: 3;
  }
  .footerGray .container {
    align-items: flex-end;
  }
  .prava {
    width: 100%;
    text-align: center;
    order: 2;
    margin-bottom: 8rem;
  }
  .footerGray .polityc {
    order: 1;
    margin-bottom: 10rem;
  }
  .btnUp {
    order: 3;
  }
  .polityc {
    width: 100%;
  }
  .popularWraper {
    grid-template-columns: 1fr;
  }
  .calcCountryWraper {
    flex-direction: column;
  }
  .calkCounryLeft {
    width: 100%;
  }
  .calcCountryWraper {
    margin-bottom: 0;
  }
  .calkCountryHeading {
    font-size: 20rem;
    width: 100%;
    text-align: center;
    line-height: 130%;
  }
  .kurs {
    font-size: 18rem;
  }
  .raschCalk {
    width: 100%;
    font-size: 15rem;
    line-height: 18rem;
    border-radius: 0;
  }
  .itogo {
    flex-direction: column;
  }
  .itogoHeading {
    font-size: 16rem;
    line-height: 130%;
    margin-bottom: 10rem;
    width: 100%;
  }
  .itogoPrice {
    font-size: 20rem;
    line-height: 29rem;
    width: 100%;
  }
  .calkCountryRight {
    width: 320rem;
    margin-left: -10rem;
    height: 630rem;
  }
  .calkCountryRightInfo {
    width: 300rem;
    left: 10rem;
  }
  .calkCountryRightHeading {
    font-size: 18rem;
    margin-bottom: 20rem;
  }
  .middleFormForm.vertForm .polityc {
    text-align: left;
  }
  .calkPhone {
    font-size: 28rem;
    text-align: center;
  }
  .messageUs {
    font-size: 18rem;
    text-align: center;
  }
  .calkSeti {
    justify-content: center;
    width: 100%;
  }
  .setiItemHref {
    width: 60rem;
    height: 60rem;
  }
  .mainCountrykCar {
    width: 236.36rem;
    height: auto;
    right: 0rem;
    top: 10rem;
    left: auto;
  }
  .mainCountryInfo {
    display: flex;
    position: absolute;
    align-items: flex-end;
    left: 6rem;
    bottom: 11rem;
    width: 300rem;
  }
  .mainCountryInfo .mainBgText {
    position: relative;
    line-height: 100%;
    color: #171718;
  }
  .mainCountryInfo .mainBgRedArr {
    position: relative;
  }
  .mainBg.country {
    height: 194rem;
  }
  .formPopup {
    width: 100vw;
    height: 100%;
    overflow-y: scroll;
  }
  .formPopup .middleFormForm {
    width: 300rem;
  }
  .formPopupTop {
    padding: 10rem 10rem 0 0;
    margin-bottom: 20rem;
  }
  .formPopupCloseBtn {
    width: 35rem;
    height: 35rem;
  }
  .formPopupBody {
    width: 100%;
  }
  .formPopupHeading {
    font-size: 18rem;
    margin-bottom: 10rem;
  }
  .subtitle {
    font-size: 16rem;
  }
  .header-seti-item.mob {
    display: flex;
  }
  .cardPopup {
    width: 100vw;
    height: 100%;
    overflow-y: scroll;
  }
  .cardPopupHeaderBackSvg {
    width: 20rem;
  }
  .cardPopupBackText {
    font-size: 14rem;
  }
  .mainCardPopupWraper {
    flex-direction: column;
    width: 100%;
    margin-top: 0;
  }
  .cardPopupLeft {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  .cardSlider {
    width: 300rem;
    margin: 0;
    margin-bottom: 20rem;
  }
  .swiper-button-prev::after {
    font-size: 30rem;
  }
  .swiper-button-next::after {
    font-size: 30rem;
  }
  .cardPopupRight {
    width: 100%;
    overflow: hidden;
  }
  .cardPopupHeading {
    font-size: 18rem;
  }
  .popularSlideHarr {
    justify-content: space-between;
  }
  .popularSlideHarrItem {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .cardPriceHeading {
    font-size: 14rem;
  }
  .priseCardWraper {
    flex-direction: column;
    align-items: flex-start;
  }
  .cardPrieWraperNum {
    font-size: 18rem;
  }
  .priceCardCredit {
    font-size: 14rem;
  }
  .cardButtons {
    flex-direction: column;
  }
  .ostavitZayavku {
    width: 100%;
    height: 55rem;
    margin: 0;
    margin-bottom: 10rem;
  }
  .kredit {
    width: 100%;
    height: 55rem;
    margin: 0;
  }
  .cardFullHar {
    border: none;
    padding: 0;
    flex-direction: column;
  }
  .cardFullHarHeading {
    font-size: 16rem;
    margin-bottom: 16rem;
  }
  .cardFullHarListItem {
    width: 300rem;
  }
  .cardFullHarName {
    font-size: 15rem;
  }
  .cardFullHarHar {
    font-size: 15rem;
  }
  .cardPopupOpisText {
    font-size: 14rem;
  }
  .header-logo-link {
    flex-shrink: 0;
  }
  .calkNextMob.mob {
    width: 260rem;
    height: 45rem;
    background: #171718;
    color: #FCFCFC;
    font-family: "Wadik", "sans-serif";
    font-size: 15rem;
    font-weight: 700;
    line-height: 15rem;
    letter-spacing: 0em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .calkNextMob.mob.minWidth {
    width: 235rem;
  }
  .buttonCenter {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .calkLeftItem {
    margin: 0;
    margin-right: 20rem;
  }
  .calkLeftItem .tradeInBlock {
    order: 0;
  }
  .calcLeft {
    margin: 0;
    height: -moz-fit-content;
    height: fit-content;
  }
  .calculator {
    overflow: hidden;
  }
  .calkItog {
    display: none;
  }
  .castomcalcItem {
    height: -moz-fit-content;
    height: fit-content;
  }
  .mainBlock {
    margin-bottom: 30rem;
  }
  .selectCar {
    margin-bottom: 80rem;
  }
  .selectMark {
    margin-bottom: 50rem;
  }
  .selectMarkHeading {
    margin-bottom: 10rem;
  }
  .selectMark {
    margin-bottom: 80rem;
  }
  .calculator {
    margin-bottom: 50rem;
  }
  .whayWe {
    margin-bottom: 60rem;
  }
  .middleForm {
    margin-bottom: 80rem;
  }
  .steps {
    margin-bottom: 80rem;
  }
  .podbor {
    margin-bottom: 80rem;
  }
  .questions {
    margin-bottom: 80rem;
  }
  .news {
    margin-bottom: 50rem;
  }
  .newsLide {
    flex-direction: column;
  }
  .newsSliedeImg {
    width: 125rem;
    height: 100rem;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 15rem;
  }
  .newSLideDate {
    font-size: 14rem;
    font-weight: 400;
    line-height: 19rem;
    margin-bottom: 10rem;
  }
  .newSlideText {
    font-size: 16rem;
  }
  .errorBlock .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .errorInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .errorHeading {
    margin-bottom: 20rem;
  }
  .errorText {
    font-size: 16rem;
    margin-bottom: 40rem;
    text-align: center;
  }
  .errorButton {
    font-size: 16rem;
    width: 260rem;
    height: 55rem;
  }
  .errorImg {
    width: 100%;
    height: auto;
    margin-top: 50rem;
  }
  .selectSearchWraper {
    flex-direction: column;
  }
  .selectMarkInput {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20rem;
  }
  .selectMarkSearchSvg {
    top: 23rem;
    left: 10rem;
  }
  .midFormArr {
    display: none;
  }
  .stepsNumSvg {
    height: 25rem;
  }
  .cardSliderPaggination {
    display: none;
  }
  .yak {
    display: block;
    height: 80rem;
  }
  footer {
    margin-top: 80rem;
  }
  .calkTam .container {
    padding: 40rem 10rem;
  }
  .calkTamHeading {
    width: 100%;
    margin-bottom: 20rem;
  }
  .calkTamSubtitle {
    width: 100%;
    margin-bottom: 30rem;
    font-size: 16rem;
    font-weight: 400;
    line-height: 21.6rem;
    text-align: center;
  }
  .tamcalkWraper {
    flex-direction: column;
  }
  .calkTamLeft {
    flex-direction: column;
  }
  .calkTamTop {
    flex-direction: column;
    row-gap: 30rem;
  }
  .podborInputText {
    font-size: 16rem;
  }
  .calkTamMid {
    flex-direction: column;
    flex-flow: column-reverse;
    row-gap: 30rem;
  }
  .calkTamMid .calkTomMidInputs {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20rem;
  }
  .calkTamMid .calkSearch {
    width: 100%;
  }
  .calkTamMid .calkInput {
    width: 100%;
  }
  .calkTamBtn {
    width: 100%;
    font-size: 15rem;
    font-weight: 700;
    line-height: 18rem;
    text-align: center;
  }
  .calkTamRight {
    display: none;
  }
  .footerNotMainTop {
    flex-direction: column;
    align-items: center;
    row-gap: 20rem;
  }
  .footerNotMainBtm {
    flex-direction: column;
    align-items: center;
  }
  .header-logo-link {
    height: 30rem;
    width: auto;
  }
  .header.notMain .header-top .container {
    -moz-column-gap: 15rem;
         column-gap: 15rem;
  }
  .header-top-menu {
    justify-content: flex-end;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header-top-seti {
    margin-right: 0;
  }
  .headerMobMenu.notMain {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .mainBlockYak {
    height: 137rem;
  }
  .selectCaryak {
    height: 30rem;
  }
  .popularCarsyak,
  .calculatoryak,
  .stepsyak,
  .podboryak,
  .news_blockyak,
  .questionsyak,
  .contactsyak,
  .selectMarkyak,
  .middleFormyak,
  .whayWeyak {
    height: 80rem;
  }
  .popular {
    padding-top: 0;
  }
  .calkCountryRight {
    margin-top: 40rem;
  }
  .calcHeading {
    margin-bottom: 40rem;
  }
  .podbor {
    margin-bottom: 0;
  }
  .filters {
    position: fixed;
    top: 104rem;
    left: 0;
    width: 100vw;
    height: calc(100vh - 104rem);
    overflow-y: scroll;
    transform: translateY(-200vh);
    background: white;
    z-index: 99;
    transition: all 0.4s ease;
  }
  .filters.notMain {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .filters.active {
    transform: translateY(0);
  }
  .filterTop {
    padding: 15rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10rem;
  }
  .filterMobBack {
    display: flex;
    align-items: center;
  }
  .filterBackSvg {
    width: 15rem;
    margin-right: 8rem;
  }
  .filterTopBackText {
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
  }
  .filterMobSbros {
    display: flex;
    align-items: center;
    margin-top: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filterMobSbros.desk {
    display: none;
  }
  .filterMobSbrosSvg {
    width: 20rem;
    height: 20rem;
  }
  .filterMobSbrosText {
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
    margin-right: 6rem;
  }
  .filterWraper {
    padding: 15rem;
  }
  .filterWraper .calkInput {
    width: 100%;
  }
  .filterBlock {
    width: 100%;
  }
  .filterYearOt {
    width: 142rem;
  }
  .filterSearchBtn {
    width: 100%;
  }
  .showFilters {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 6rem 10rem;
    margin-bottom: 10rem;
  }
  .showFiltersSvg {
    width: 11rem;
    height: 22rem;
    margin-right: 10rem;
  }
  .showFiltersText {
    font-size: 14rem;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
  }
  .header-top .container {
    padding: 10rem 0;
  }
  .calkNextMob {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
  }
  .popularCarSlider {
    padding: 0;
    overflow: visible;
  }
  .popularCars {
    overflow: hidden;
  }
  .selectMark .container {
    gap: 20rem;
  }
  .selectMarkText {
    font-size: 10rem;
    text-align: center;
  }
  .calkLeftHeadingText {
    font-size: 16rem;
  }
  .imputLineHeader {
    font-size: 18rem;
  }
  .whayWeHeaing {
    margin-bottom: 30rem;
  }
  .whayWeWraperPluss {
    -moz-column-gap: 30rem;
         column-gap: 30rem;
  }
  .middleForm .container {
    padding: 60rem 0;
  }
  .middleFormSend {
    height: 55rem;
  }
  .stepsItem:last-child .stepsHeadingLine {
    display: none;
  }
  .footerGray .polityc {
    text-align: center;
  }
  .mobMenuSecondListItem {
    font-size: 16rem;
  }
  .mobMenuItem.active .mobMenuSecondList {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  .headerMobMenu.main.dixed {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .popupCart {
    width: 100vw;
    height: 100%;
    max-height: 100vh;
    padding: 0;
  }
  .popupCartcloseBlock {
    justify-content: space-between;
    padding: 0;
    padding: 12rem 10rem;
    border-bottom: 1rem solid #404040;
    margin-bottom: 40rem;
  }
  .popupCartCloseSvg {
    width: 30rem;
    height: 30rem;
  }
  .popupCartHeading {
    font-size: 16rem;
    margin-bottom: 25rem;
    width: 250rem;
    margin-bottom: 25rem;
  }
  .popupCartWraper {
    padding: 0 15rem;
  }
  .popupCartItem {
    position: relative;
  }
  .popupCarItemtImg {
    width: 64rem;
    height: 51rem;
    margin-right: 8rem;
  }
  .popupCartItemName {
    width: 190rem;
    margin-right: 8rem;
    margin-bottom: 34rem;
  }
  .popupCartPrice {
    position: absolute;
    top: 26rem;
    left: 72rem;
  }
  .popupCart .middleFormForm {
    width: 100%;
    padding: 0 15rem;
  }
  .cardPopup {
    top: 114rem;
    height: calc(100vh - 114rem);
  }
  .cardPopup.dixed {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .podborItemImgs:last-child .podborItemImgsWraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .podborItemImgs .podborItemImgsWraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .podborItemImgItem {
    width: -moz-fit-content;
    width: fit-content;
  }
  .podborItemInput {
    width: -moz-fit-content;
    width: fit-content;
  }
  .podborItemImgs,
  .podborItemImgsWraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .header-bottom-item:first-child {
    padding-left: 0;
  }
  .header-bottom-item:last-child {
    padding-right: 0;
  }
  .selectMarkBtn {
    width: 100%;
    height: 45rem;
  }
  .selectMarkInput {
    margin-bottom: 8rem;
  }
  .podborItemInput {
    margin-bottom: 0;
  }
  .podborItemImgs,
  .podborItemImgsWraper {
    row-gap: 16rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .popupCartPriceNum {
    line-height: 13rem;
  }
  .popupCart.notCredit .popupCartItemName {
    margin-bottom: 21rem;
  }
  .calkPrevMob {
    width: 45rem;
    height: 45rem;
    margin-right: 20rem;
  }
  .buttonCenter {
    align-items: center;
    margin-top: 30rem;
  }
  .footerNotMain .container {
    row-gap: 0;
  }
  .header-top .container {
    -moz-column-gap: 0;
         column-gap: 0;
    justify-content: space-between;
  }
  .podborItemImgs:last-child .podborItemImgsWraper {
    row-gap: 16rem;
  }
  .mobMenuItem.active .mobMenuSecondList {
    row-gap: 8rem;
  }
  .cardPopupHeader .container {
    border-bottom: none;
  }
  .moreInfoCars {
    height: 45rem;
  }
  .footerGray {
    padding: 20rem 0 10rem 0;
  }
  .footerGray .container {
    row-gap: 0;
  }
  .footerContactsWp {
    margin-bottom: 0;
  }
  .raz {
    margin-top: 30rem;
  }
  .podborItemHeading {
    font-size: 18rem;
    line-height: 24rem;
  }
  .footerItemLinkText {
    font-size: 16rem;
    font-weight: 700;
    line-height: 21.6rem;
    text-align: center;
  }
  .footerItemLink {
    padding: 10rem 17rem;
  }
  .footerNotMainTop {
    row-gap: 10rem;
  }
  .footerContactsWp.notMain {
    margin-bottom: 30rem;
  }
  .stepsHeadingLine {
    border-left: 2rem dashed #C60004;
    border: none;
  }
  .stepsSvg {
    width: auto;
    height: 1050rem;
    position: absolute;
    top: 0;
    left: 6rem;
    display: block;
  }
  .polHeading {
    font-size: 14rem;
  }
}
@media (min-width: 640px) and (max-width: 1000px) {
  .text-16-table {
    font-family: "Onest", "sans-serif";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 21.6rem */
  }
  .text-18-table {
    font-family: "Onest", "sans-serif";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 24.3rem */
  }
  .subtitle-table {
    font-family: "Onest", "sans-serif";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    /* 27rem */
  }
  .h4-table {
    font-family: "Onest", "sans-serif";
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    /* 27rem */
  }
  .title-20-table {
    font-family: "Wadik", "sans-serif";
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 25rem */
    text-transform: uppercase;
  }
  .h3-table {
    font-family: "Wadik", "sans-serif";
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    /* 30rem */
    text-transform: uppercase;
  }
  .h2-table {
    font-family: "Wadik", "sans-serif";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    /* 37.8rem */
    text-transform: uppercase;
  }
  .h1-table {
    font-family: "Wadik", "sans-serif";
    font-size: 50rem;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    /* 52.5rem */
    text-transform: uppercase;
  }
  .mob,
  .desk {
    display: flex;
  }
  html,
  body {
    font-size: 0.15625vw;
    max-width: 100vw;
    overflow-x: hidden;
  }
  .container {
    width: 600rem;
    margin: 0 20rem;
  }
  .header {
    position: fixed;
    width: 100vw;
    z-index: 11;
    background: #FCFCFC;
    top: 0;
  }
  .header.notMain .header-bottom {
    display: none;
  }
  .header.notMain .mainPage {
    display: none;
  }
  .header.notMain .mainPage.desk {
    display: none;
  }
  .header.notMain .NotmainPage {
    display: flex;
  }
  .header.notMain .NotmainPage.desk {
    display: none;
  }
  .header.main .header-bottom {
    display: flex;
  }
  .header.main .mainPage {
    display: flex;
  }
  .header.main .mainPage.desk {
    display: none;
  }
  .header.main .NotmainPage {
    display: none;
  }
  .header.main .NotmainPage.desk {
    display: none;
  }
  .header-top .container {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .header-logo-link {
    width: 140rem;
    height: 40rem;
    margin-right: 109rem;
  }
  .header-logo {
    width: 140rem;
    height: 40rem;
  }
  .header-top-menu {
    justify-content: flex-end;
  }
  .header-top-list {
    display: none;
  }
  .header-seti-item {
    width: 40rem;
    height: 40rem;
  }
  .mobMenuOpen {
    width: 40rem;
    height: 40rem;
    position: relative;
  }
  .mobMenuOpenSvg {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .mobMenuOpenSvg.close {
    display: none;
  }
  .header-bottom-menu {
    width: 100%;
    overflow-x: scroll;
  }
  .header-bottom-item {
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: nowrap;
    font-family: "Onest", "sans-serif";
    font-size: 14rem;
    font-weight: 500;
    line-height: 20.3rem;
    text-align: left;
    padding: 9rem 8rem;
  }
  .header-bottom-item:first-child {
    padding-left: 0;
  }
  .header-bottom-item:last-child {
    padding-right: 0;
  }
  .headerMobMenu.main.dixed {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .headerMobMenu {
    position: fixed;
    top: 104rem;
    left: 0;
    height: calc(100vh - 104rem);
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30rem 18rem;
    overflow-y: scroll;
    transition: all 0.4s ease;
    transform: translateY(-100vh);
    z-index: 9;
    background: white;
  }
  .headerMobMenu.active {
    transform: translateY(0);
  }
  .headerMobMenu.notMain .header-bottom {
    display: none;
  }
  .headerMobMenu.notMain .mainPage {
    display: none;
  }
  .headerMobMenu.notMain .mainPage.desk {
    display: none;
  }
  .headerMobMenu.notMain .NotmainPage {
    display: flex;
  }
  .headerMobMenu.notMain .NotmainPage.desk {
    display: flex;
  }
  .headerMobMenu.main .header-bottom {
    display: flex;
  }
  .headerMobMenu.main .mainPage {
    display: flex;
  }
  .headerMobMenu.main .mainPage.desk {
    display: flex;
  }
  .headerMobMenu.main .NotmainPage {
    display: none;
  }
  .headerMobMenu.main .NotmainPage.desk {
    display: none;
  }
  .mobMenuItem {
    width: 100%;
    margin-right: 10rem;
    padding: 3rem 0;
  }
  .mobMenuItem.mobSecond {
    padding: 0 0;
  }
  .mobMenuItem.active .mobMenuSecondSvg {
    transform: rotate(0);
  }
  .mobMenuItem.active .mobMenuSecondList {
    max-height: 300rem;
  }
  .mobMenuList {
    display: flex;
    flex-direction: column;
    row-gap: 12rem;
    width: 100%;
  }
  .mobMenuList.notMain .header-bottom {
    display: none;
  }
  .mobMenuList.notMain .mainPage {
    display: none;
  }
  .mobMenuList.notMain .NotmainPage {
    display: flex;
  }
  .mobMenuList.main .header-bottom {
    display: flex;
  }
  .mobMenuList.main .mainPage {
    display: flex;
  }
  .mobMenuList.main .NotmainPage {
    display: none;
  }
  .mobMenuItem {
    width: 100%;
    margin-right: 10rem;
    padding: 3rem 0;
  }
  .mobMenuItem.mobSecond {
    padding: 0 0;
  }
  .mobMenuItem.active .mobMenuSecondSvg {
    transform: rotate(0);
  }
  .mobMenuItem.active .mobMenuSecondList {
    max-height: 300rem;
  }
  .mobMenuItemTop {
    display: flex;
    align-items: center;
  }
  .MiobMenuItemText {
    font-family: "Wadik", "sans-serif";
    font-size: 20rem;
    font-weight: 700;
    line-height: 25rem;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
  }
  .mobMenuSecondSvg {
    width: 35rem;
    height: 35rem;
    transform: rotate(180deg);
    transition: all 0.4s ease;
  }
  .mobMenuSecondList {
    display: flex;
    flex-direction: column;
    row-gap: 15rem;
    padding: 0 15rem;
    transition: all 0.4s ease;
    max-height: 0rem;
    overflow: hidden;
  }
  .mobMenuSecondListItem {
    font-size: 20rem;
    font-weight: 400;
    line-height: 27rem;
    letter-spacing: 0em;
    text-align: left;
    padding: 6rem 0;
    color: #171718;
  }
  .mobMenuItem {
    margin: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .mobMenuItemTop {
    width: 300rem;
  }
  .headerMobMenuHeading {
    font-family: "Wadik", "sans-serif";
    font-size: 28rem;
    font-weight: 700;
    line-height: 35rem;
    letter-spacing: 0em;
    text-align: center;
    color: #C60004;
    margin-bottom: 26rem;
  }
  .mainBlock .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainTexts {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .mainHeading {
    width: 100%;
    text-align: center;
    margin-bottom: 20rem;
  }
  .mainSubtitle {
    text-align: center;
    margin-bottom: 40rem;
  }
  .mainButton {
    font-family: "Wadik", "sans-serif";
    font-size: 16rem;
    font-weight: 700;
    line-height: 17rem;
    letter-spacing: 0em;
    text-align: center;
    height: 60rem;
    width: 260rem;
  }
  .mainBg {
    position: relative;
    margin-top: 30rem;
    width: 600rem;
    height: 390rem;
  }
  .mainBgTopArr {
    width: 80rem;
    height: 80rem;
  }
  .mainBgBtmArr {
    width: 50rem;
    height: 50rem;
  }
  .mainBgRed {
    width: 380rem;
    height: 285rem;
  }
  .mainBgRedArr {
    width: 70rem;
    height: 70rem;
  }
  .mainBgText {
    font-size: 18rem;
    width: 161rem;
    bottom: 10rem;
    left: 10rem;
  }
  .mainBgBlackCar {
    width: 380rem;
    height: 286rem;
    right: 137rem;
    top: 5rem;
  }
  .mainBgWhiteCar {
    width: 400rem;
    height: 192rem;
    right: 2rem;
    top: 131rem;
  }
  .selectCar .container {
    width: 600rem;
    margin-left: 10rem;
    padding: 10rem 0;
  }
  .selectCarHeading {
    width: 100%;
    margin-bottom: 20rem;
  }
  .selectCarWraper {
    width: 100%;
    flex-wrap: wrap;
  }
  .selectCarItem {
    display: flex;
  }
  .selectCarItemText {
    font-size: 18rem;
  }
  .popularHeading {
    padding-left: 0;
  }
  .popularHeadingArr {
    width: 50rem;
    height: 50rem;
  }
  .popularHeadingText {
    text-align: center;
  }
  .calkHeadingArr {
    width: 50rem;
    height: 50rem;
  }
  .popularCarSlider {
    padding: 0;
    overflow: visible;
  }
  .popularCarSlide {
    flex-direction: row;
    align-items: flex-start;
    padding: 15rem;
  }
  .swiper-slide img.popularSlideImg {
    width: 215rem;
    height: 148rem;
    margin-right: 12rem;
  }
  .popularSlideName {
    margin-bottom: 12rem;
  }
  .popularCarPaggination {
    width: 600rem;
    display: flex;
    justify-content: center;
  }
  .selectCar .container {
    padding: 30rem 0;
    row-gap: 20rem;
    width: 600rem;
    margin: 0 20rem;
  }
  .selectCarHeading {
    margin-bottom: 0;
  }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translate(0, 0);
  }
  .selectMark .container {
    padding: 30rem 0;
  }
  .selectMarkHeading {
    text-align: center;
    margin-bottom: 30rem;
    padding: 0 20rem;
  }
  .selectMarkWraper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .selectMarkItem {
    width: 85rem;
  }
  .selectMarkInput {
    width: 432rem;
    height: 45rem;
  }
  .calcHeading {
    padding: 0;
    margin-bottom: 40rem;
  }
  .calcHeadingText {
    text-align: center;
    width: 100%;
  }
  .calcLeft {
    align-items: center;
    width: 600rem;
    margin: 0;
    flex-shrink: 0;
  }
  .calkLeftItem {
    width: 100%;
  }
  .rangeWraper {
    width: 100%;
  }
  .rabgeInp {
    width: 100%;
  }
  .calcRight {
    width: 600rem;
  }
  .tableNextCalk {
    font-family: "Wadik", "sans-serif";
    font-size: 15rem;
    font-weight: 700;
    line-height: 15rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260rem;
    height: 45rem;
    background: #171718;
    color: #FCFCFC;
  }
  .whayWeHeaing {
    padding: 0;
    width: 100%;
  }
  .whayWeHEadingText {
    text-align: center;
    width: 100%;
  }
  .whayWeWraperMain {
    display: none;
  }
  .whayWeWraperPluss {
    display: flex;
    flex-direction: column;
    row-gap: 20rem;
  }
  .whayWeItemHeading {
    margin-bottom: 15rem;
  }
  .middleForm .container {
    padding: 40rem 20rem;
  }
  .middleFormHeaidng {
    margin-bottom: 16rem;
    width: 100%;
    text-align: center;
  }
  .middleFormHeaidng br {
    display: none;
  }
  .middleFormText {
    text-align: center;
  }
  .middleFormForm {
    width: 540rem;
    position: relative;
  }
  .middleFormForm .tradeInBlock {
    display: none;
  }
  .middleFormForm .tradeInBlock.mob {
    display: flex;
    width: 540rem;
    margin-bottom: 16rem;
  }
  .middleFormInputWraper {
    flex-direction: column;
  }
  .middleFormInput {
    width: 540rem;
    height: 60rem;
    margin-bottom: 10rem;
  }
  .steps .calcHeading br {
    display: none;
  }
  .stepsWraper {
    display: flex;
    flex-direction: column;
  }
  .stepItemMobLines {
    display: none;
  }
  .calkPrevMob {
    display: none;
  }
  .midFormArr {
    display: none;
  }
  .stepsSvg {
    display: block;
    position: absolute;
    height: 741rem;
    left: 10rem;
    top: 20rem;
  }
  .stepsHeadingLine {
    display: none;
    order: 1;
  }
  .stepsDeskPath {
    order: 1;
  }
  .stepsNumBlock {
    order: 2;
    margin-left: 15rem;
  }
  .stepsWraper {
    position: relative;
  }
  .stepItemInfo {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 20rem;
         column-gap: 20rem;
  }
  .stepsItemNum {
    font-size: 34rem;
  }
  .stepsNumSvg {
    height: 34rem;
  }
  .podbor .container {
    padding: 30rem 20rem;
  }
  .podborWraper {
    flex-direction: column;
    width: 100%;
    row-gap: 20rem;
  }
  .podborItemText {
    width: 100%;
    margin: 0;
  }
  .podborItemImgsWraper {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
    column-gap: 10rem;
    flex-wrap: wrap;
  }
  .podborItemImgs {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .podborItemImgs:last-child .podborItemImgsWraper {
    display: flex;
    flex-wrap: wrap;
  }
  .podborImgItemImg {
    width: 121rem;
    height: 54rem;
  }
  .faqHeadingArr {
    display: none;
  }
  .faqWraper {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .faqItem {
    width: 100%;
  }
  .faqItem:nth-child(2) {
    border-top: none;
  }
  .contactsHeading {
    padding: 40rem 20rem;
  }
  .contactsHeadingLogo {
    width: 180rem;
    height: 52rem;
    margin-right: 70rem;
  }
  .contactsHeadingText {
    width: 309rem;
  }
  .contactsHeadingText.mob {
    display: none;
  }
  .contactsInfo {
    width: 256rem;
    margin-right: 20rem;
    padding-top: 0;
    padding-left: 20rem;
    flex-shrink: 0;
  }
  .contactsPhone {
    font-family: "Onest", "sans-serif";
    font-size: 24rem;
    font-weight: 700;
    line-height: 32.4rem;
    text-align: left;
    margin-bottom: 40rem;
  }
  .contactsSetiHeading {
    margin-top: 40rem;
  }
  .contactsForm {
    width: 309rem;
    margin-top: 0;
  }
  .contactsCar {
    display: none;
  }
  .lastNews {
    flex-direction: column;
  }
  .lastNewImg {
    width: 600rem;
    height: 360rem;
    margin-bottom: 40rem;
  }
  footer .container {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footerItem {
    margin-right: 0;
  }
  .footerItemHeading {
    font-family: "Onest", "sans-serif";
    font-size: 16rem;
    font-weight: 700;
    line-height: 21.6rem;
    text-align: left;
  }
  .footerItemLink {
    padding: 6rem 0;
  }
  .footerItemLinkText {
    font-family: "Onest", "sans-serif";
    font-size: 16rem;
    font-weight: 400;
    line-height: 21.6rem;
    text-align: left;
  }
  .footerContacts {
    width: 100%;
    margin-top: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footerContactsWp {
    order: 2;
    margin-bottom: 30rem;
  }
  .footerContactsButtons {
    order: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30rem;
    -moz-column-gap: 40rem;
         column-gap: 40rem;
  }
  .raz {
    order: 3;
    margin-top: 0;
  }
  .footerNotMainTop {
    display: none;
  }
  .footerGray {
    padding: 20rem 0;
    position: relative;
  }
  .footerGray .container {
    flex-direction: column;
    align-items: center;
    position: static;
  }
  .prava {
    order: 2;
  }
  .polityc {
    margin-bottom: 10rem;
    order: 1;
  }
  .btnUp {
    position: absolute;
    bottom: 20rem;
    right: 20rem;
  }
  .calculator .container {
    overflow: hidden;
  }
  .stepsArr {
    display: none;
  }
  .stepsCongText span {
    font-size: inherit;
    font-family: inherit;
  }
  .podborheading br {
    display: none;
  }
  .middleFormInputWraper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
  .middleFormInputWraper .inputThing {
    width: 263rem;
  }
  .middleFormInputWraper .inputThing .middleFormInput {
    width: 100%;
  }
  .polityc {
    font-size: 12rem;
    margin-bottom: 0;
  }
  .polityc.text-16-table {
    font-size: 16rem;
    margin-bottom: 12rem;
  }
  .formPopupBody .middleFormInputWraper .inputThing {
    width: 100%;
  }
  .popupCart .middleFormInputWraper .inputThing {
    width: 100%;
  }
  .mainCardPopupWraper {
    flex-direction: column;
  }
  .cardPopupLeft {
    margin-bottom: 30rem;
  }
  .mainBgText {
    width: 194rem;
  }
  .calcCountryWraper {
    flex-direction: column;
    align-items: center;
  }
  .calkCounryLeft, .calkCountryRight {
    width: 500rem;
  }
  .calkCounryLeft {
    margin-bottom: 40rem;
  }
  .calkCountryHeading {
    text-align: center;
  }
  .calkCountryRightInfo {
    top: 50%;
    left: 50%;
    width: 400rem;
    transform: translate(-50%, -50%);
  }
  .showFilters {
    display: flex;
    align-items: center;
  }
  .showFiltersSvg {
    width: 11rem;
    height: 22rem;
  }
  .showFiltersText {
    font-size: 14rem;
    font-weight: 500;
    line-height: 18.9rem;
    text-align: left;
    margin-left: 10rem;
  }
  .filters {
    position: fixed;
    top: 104rem;
    left: 0;
    width: 100vw;
    height: calc(100vh - 104rem);
    overflow-y: scroll;
    transform: translateY(-200vh);
    background: white;
    z-index: 99;
    transition: all 0.4s ease;
  }
  .filters.notMain {
    top: 60rem;
    height: calc(100vh - 60rem);
  }
  .filters.active {
    transform: translateY(0);
  }
  .filterWraper {
    padding: 15rem;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
  .filterWraper .calkInput {
    width: 100%;
  }
  .filterYearOt {
    width: 50%;
  }
  .filterMobSbros {
    display: flex;
    align-items: center;
    margin-top: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  .filterMobSbros.desk {
    display: none;
  }
  .filterMobSbrosSvg {
    width: 20rem;
    height: 20rem;
  }
  .filterMobSbrosText {
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
    margin-right: 6rem;
  }
  .filterTopBackText {
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
  }
  .filterTop.mob {
    display: flex;
    justify-content: space-between;
    padding: 15rem;
  }
  .filterMobBack {
    display: flex;
    align-items: center;
  }
  .filterBackSvg {
    width: 15rem;
    margin-right: 8rem;
  }
  .filterTopBackText {
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #171718;
  }
  .filterBlock {
    width: 100%;
  }
  .popularWraper {
    grid-template-columns: 1fr;
  }
  .calkTamHeading {
    width: 100%;
  }
  .calkTam .container {
    padding: 40rem 20rem;
  }
  .calkTamHeading span {
    font-family: inherit;
    font-size: inherit;
  }
  .calkTamSubtitle {
    width: 100%;
  }
  .calkTamSubtitle {
    width: 100%;
  }
  .calkTamRight {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .calkTamRight.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    width: 100%;
  }
  .calkTamLeft {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .calkTamLeft.active {
    position: relative;
    opacity: 1;
    z-index: 2;
    width: 100%;
  }
  .calkTamTop .podborItemText {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 !important;
  }
  .calkTamTop {
    justify-content: space-between;
    width: 100%;
  }
  .podborItemImgsWraper {
    width: 144rem;
  }
  .calkTamRight {
    width: 100%;
  }
  .calkTomMidInputs:last-child {
    width: 366rem;
  }
  .podborItemImgs:last-child .podborItemImgsWraper {
    width: 100%;
  }
  footer.notMain .footerContactsWp {
    margin-top: 30rem;
  }
  .headerMobMenu.notMain.dixedActive.active {
    top: 70rem;
    height: calc(100vh - 70rem);
  }
  .formPopup {
    width: 100vw;
  }
  .formPopup.active {
    left: 0;
    transform: translate(0, -50%);
  }
  .middleFormForm .tradeInBlock {
    display: flex;
  }
  .middleFormForm .tradeInBlock.desk {
    display: none;
  }
  .popupCart .header-logo-link {
    display: none;
  }
  .whayWeHeadingArr {
    width: 50rem;
    height: 50rem;
  }
  .calcHeadingText span {
    font-size: inherit;
    font-family: inherit;
  }
  .calcHeading {
    padding-top: 10rem;
  }
  .calcHeadingText {
    max-width: 508rem;
  }
  .calcHeading {
    display: flex;
    justify-content: center;
  }
  .podborItemImgs {
    position: absolute;
    width: 341rem;
    height: 452rem;
    right: 0;
  }
  .podborItemImgs .podborItemHeading {
    display: none;
  }
  .podborItemImgsWraper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .podborItemImgs:last-child .podborItemImgsWraper {
    display: grid;
    grid-template-columns: repeat(2, 145rem);
  }
  .podbor .container {
    position: relative;
  }
  .faqHeadungText {
    text-align: center;
  }
  .faqHeadungText span {
    font-family: inherit;
    font-size: inherit;
  }
  .contactsheadingArrBlack, .contactsheadingArrRed {
    width: 50rem;
    height: 50rem;
  }
  .mainBg.country {
    margin-top: 77rem;
  }
  .showFilters {
    margin-bottom: 20rem;
  }
  .calkCountryRight {
    width: 600rem;
    height: 568rem;
  }
  .calkCountryRightInfo {
    width: 445rem;
  }
  .calkCounrty .middleFormInputWraper .inputThing {
    width: 100%;
  }
  .calkCountryRightInfo .middleFormForm.vertForm .middleFormInputWraper {
    margin-bottom: 5rem;
  }
  .podborItemInput {
    margin-bottom: 0rem;
  }
  .podborItemImgsWraper {
    row-gap: 12rem;
  }
  .footerNotMainTop {
    display: flex;
  }
  footer {
    padding-top: 20rem;
  }
  .footerNotMain .footerNotMainRaz {
    order: 3;
  }
}
.swiper-wrapper-two .swiper-slide.swiper-slide-active {
  opacity: 1;
}/*# sourceMappingURL=style.css.map */