/* Start:/local/templates/auto/css/flipTimer.css?17161954184926*/
@-webkit-keyframes flipTop {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
  0% {
    -ms-transform: perspective(400px) rotateX(90deg); }

  100% {
    -ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
  0% {
    transform: perspective(400px) rotateX(0deg); }

  100% {
    transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
  0% {
    transform: perspective(400px) rotateX(90deg); }

  100% {
    transform: perspective(400px) rotateX(0deg); } }

.flipTimer {
  color: #FFF;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 90px;
  font-weight: bold;
  line-height: 100px;
  height: 100px; }
  .flipTimer .seperator {
    vertical-align: top;
    margin: 0 -20px;
    display: inline; }
  .flipTimer .seconds,
  .flipTimer .minutes,
  .flipTimer .hours,
  .flipTimer .days {
    height: 100%;
    display: inline; }
  .flipTimer .digit-set {
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    border: 1px solid #111111;
    width: 70px;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 0 1px; }
  .flipTimer .digit {
    position: absolute;
    height: 100%; }
    .flipTimer .digit > div {
      position: absolute;
      left: 0;
      overflow: hidden;
      height: 50%;
      padding: 0 10px; }
      .flipTimer .digit > div.digit-top, .flipTimer .digit > div.shadow-top {
        background-color: #333;
        border-bottom: 1px solid #333;
        box-sizing: border-box;
        top: 0;
        z-index: 0;
        border-radius: 10px 10px 0 0; }
        .flipTimer .digit > div.digit-top:before, .flipTimer .digit > div.shadow-top:before {
          content: "";
          box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.4);
          height: 100%;
          width: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .flipTimer .digit > div.shadow-top {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(black));
        width: 70px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in; }
      .flipTimer .digit > div.digit-bottom, .flipTimer .digit > div.shadow-bottom {
        background-color: #333;
        bottom: 0;
        z-index: 0;
        border-radius: 0 0 10px 10px; }
        .flipTimer .digit > div.digit-bottom .digit-wrap, .flipTimer .digit > div.shadow-bottom .digit-wrap {
          display: block;
          margin-top: -100%; }
        .flipTimer .digit > div.digit-bottom:before, .flipTimer .digit > div.shadow-bottom:before {
          content: "";
          box-shadow: inset 0 10px 25px rgba(0, 0, 0, 0.3);
          border-radius: 0 0 10px 10px;
          height: 100%;
          width: 100%;
          position: absolute;
          left: 0;
          top: 0; }
      .flipTimer .digit > div.shadow-bottom {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0)));
        width: 50px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in; }
    .flipTimer .digit.previous .digit-top,
    .flipTimer .digit.previous .shadow-top {
      opacity: 1;
      z-index: 2;
      -webkit-transform-origin: 50% 100%;
      -webkit-animation: flipTop 0.3s ease-in both;
      -moz-transform-origin: 50% 100%;
      -moz-animation: flipTop 0.3s ease-in both;
      -ms-transform-origin: 50% 100%;
      -ms-animation: flipTop 0.3s ease-in both;
      transform-origin: 50% 100%;
      animation: flipTop 0.3s ease-in both; }
    .flipTimer .digit.previous .digit-bottom,
    .flipTimer .digit.previous .shadow-bottom {
      z-index: 1;
      opacity: 1; }
    .flipTimer .digit.active .digit-top {
      z-index: 1; }
    .flipTimer .digit.active .digit-bottom {
      z-index: 2;
      -webkit-transform-origin: 50% 0%;
      -webkit-animation: flipBottom 0.3s 0.3s ease-out both;
      -moz-transform-origin: 50% 0%;
      -moz-animation: flipBottom 0.3s 0.3s ease-out both;
      -ms-transform-origin: 50% 0%;
      -ms-animation: flipBottom 0.3s 0.3s ease-out both;
      transform-origin: 50% 0%;
      animation: flipBottom 0.3s 0.3s ease-out both; }

/* End */


/* Start:/local/templates/auto/css/first.css?171619541833929*/
* {
    padding: 0;
    margin: 0;
	}
p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
}
/*Удалить потом старт*/
.links-noof .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #8267BE;
    background-color: rgb(26, 65, 166);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    width: 100%;
    color: #fff;
}
.sluj {
    background: #8267BE;
    width: 100%;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.links-noof .link a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin: 10px;
}
/*Удалить потом конец*/
:root {
    --blue: #6BCB77;
    --header-bg: #333333;
    --footer-bg: #1F1F1F;
    --light-c: #999999;
    --mlight-c: #666666;
    --dlight-c: #525252;
    --llight-c: #CCCCCC;
}
@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/Inter-Regular.woff2") format("woff2"),
    url("/local/templates/auto/css/../fonts/Inter-Regular.woff") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/Inter-Medium.woff2") format("woff2"),
    url("/local/templates/auto/css/../fonts/Inter-Medium.woff") format("woff");
}
@font-face {
    font-family: 'Inter';
    font-style:  normal;
    font-weight: 700;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/Inter-Bold.woff2") format("woff2"),
    url("/local/templates/auto/css/../fonts/Inter-Bold.woff") format("woff");
}
@font-face {
    font-family: 'GothamPro';
    font-style:  normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/GothamPro.woff2") format("woff2"), url("/local/templates/auto/css/../fonts/GothamPro.woff") format("woff");
}
@font-face {
    font-family: 'GothamPro';
    font-style:  normal;
    font-weight: bold;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/GothamPro-Bold.woff2") format("woff2"), url("/local/templates/auto/css/../fonts/GothamPro-Bold.woff") format("woff");
}

@font-face {
    font-family: 'GothamPro';
    font-style:  normal;
    font-weight: 300;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/GothamPro-Light.woff2") format("woff2"), url("/local/templates/auto/css/../fonts/GothamPro-Light.woff") format("woff");
}

@font-face {
    font-family: 'GothamPro';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/GothamPro-Medium.woff2") format("woff2"), url("/local/templates/auto/css/../fonts/GothamPro-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Rub';
    font-style:  normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/templates/auto/css/../fonts/rouble.otf") format("otf"), url("/local/templates/auto/css/../fonts/rouble-webfont.woff") format("woff"), url("/local/templates/auto/css/../fonts/rouble-webfont.ttf") format("ttf");
} 


body {
    font-family: 'Arial', 'GothamPro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #333333;
    background: #ffffff;
    position: relative;
    cursor: url('/local/templates/auto/css/../img/cursor_default.png'), auto;
	overflow-x: hidden;
}
.popular-cars-section .popular-cars {
    margin-top: 80px;
}
select {
    cursor: url('/local/templates/auto/css/../img/cursor_hand.png'), auto;
}
input {
    cursor: url('/local/templates/auto/css/../img/cursor_text.png'), auto;
}
span.caps-f {
    text-transform: capitalize;
	display: contents;
}
.diag-blue-block ul li {
    color: #fff;
}
.template-item-car .credit-form {
    margin-bottom: 120px;
}
.blue-btn:hover, .head-btn:hover, .credit-form.tadein button:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), #8267BE;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #8267BE;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #8267BE;
}
.blue-btn:active, .head-btn:active, .credit-form.tadein button:active {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), #8267BE;
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #8267BE;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #8267BE;
	}
.grey-btn:hover, .spoiler-har:hover, .parameters .title-cpoiler:hover {
    background: #E5E5E5;
}
.grey-btn:active {
    background: #E5E5E5;
}
.template-item-car {	
    position: relative;
}
.template-item-car--white {
    background-color: #FFFFFF;
}
.lines-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: -1;
}
.line {
    width: 1px;
    height: 100%;
    background: #EDF1F7;
    margin-left: 7%;
    z-index: -1;
}
.line:first-child {
    margin-left: 95px;
}
p {
    margin-bottom: 20px;
}
a {
    cursor: url('/local/templates/auto/css/../img/cursor_hand.png'), auto;
    color: inherit;
    text-decoration: none;
}
a:focus, input:focus, select:focus, textarea:focus {
    outline: none;
}
h1 {
    font-size: 48px;
    line-height: 48px;
    color: #000000;
}
.popup-form-wrapp {
    display: none;
}
.dark-header {
    background: var(--header-bg);
    color: var(--light-c);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 4px solid var(--blue);
    padding: 8px 0 12px;
}
select, textarea {
    background: #fff;
}
.wrapper {
    width: 1660px;
    margin: 0 auto;
}
.nice-select:hover, .nice-select:active, .nice-select:focus{
    border: 1px solid #E5E5E5!important;
    border-bottom: 2px solid var(--blue) !important;
}
.nice-select .option.selected {
    font-weight: 400!important;
    color: #1F1F1F;
    background: #F0F0F0 !important;
}

.light-header {
    background: #fff;
}
a.menu-down:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 7px;
    background: url(/local/templates/auto/css/../img/arrow-btm-menu.png);
    margin-right: 24px;
	transition: 0.3s;
	position: relative;
    top: 0px;
}
a.menu-down:hover:before{
    top: 5px;
}
.light-header input {
    background: url(/local/templates/auto/css/../img/search.png);
    background-repeat: no-repeat;
    background-position: left 20px top 14px;
    padding-left: 56px;
    opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.link-info nav a:last-child {
    padding-right: 0px;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.link-info {
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 20px;
    margin-left: 20px;
}
.link-info nav a {
    padding: 13px;
}
.main-info a {
    padding: 4px 30px;
}
a.menu-down {
    font-size: 16px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.026em;
    color: var(--blue);
	cursor: pointer;
}
.light-header .flex.between {
    position: relative;
}
.hz-block.down-menu {
    position: absolute;
    top: 76px;
    left: 0px;
    display: none;
    z-index: 9999;
    -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
	width: 420px;
}
.light-header nav {
    text-align: right;
}
.light-header nav a:first-child:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #FFC000;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 35px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.light-header nav a:nth-child(2):before {
    content: "";
    width: 8px;
    height: 8px;
    background: #299BFF;
    position: absolute;
    left: -16px;
    top: 35px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.light-header nav a:nth-child(3):before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    left: -16px;
    top: 35px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #54E051;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.light-header nav a:nth-child(4):before {
    content: "";
    width: 8px;
    height: 8px;
    background: #FF3D2F;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 35px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.light-header nav a:nth-child(5):before {
    content: "";
    width: 8px;
    height: 8px;
    background: #BB14CC;
    position: absolute;
    left: -16px;
    top: 35px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.light-header nav a:hover:before {
    top: 32px;
}
footer a:hover:not(.title), .dark-header a:hover {
    -webkit-filter: brightness(1.8);
    filter: brightness(1.8);
}
footer a.title,
footer a.title:hover {
    cursor: default;
}
/*
input {
    border: 1px solid #E5E5E5;
    height: 48px;
    padding: 0 10px 0 20px;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.02em;
    color: #666666;
    border-radius: 4px;
    width: 408px;
    box-sizing: border-box;
}*/
input {
    border: 1px solid #E5E5E5;
    height: 48px;
    padding: 0 10px 0 20px;
    font-size: 16px;
    line-height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.02em;
    color: #666666;
    width: 408px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    background: #fff;
}
a.logo {
    font-weight: bold;
    font-size: 20px;
    color: #000;
}
.light-header nav a {
    padding: 30px 0;
    margin-left: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #333333;
    position: relative;
}
.light-header input {
    width: 408px;
    margin-left: 64px;
}
.left.flex {
    width: auto;
}
.banner-bg .blue-block {
    background: var(--blue);
    width: 514px;
    color: #fff;
    padding: 27px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	    display: none;
}
.banner-bg p.title {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
}
.banner-bg .mini-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 14px;
}
.banner-bg .notice {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    opacity: 0.6;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 10px;
    margin-bottom: 0px;
}
.title img {
    margin-right: 10px;
}
.main-slider .item {
    width: 1230px;
    height: 548px;
    padding-top: 40px;
    -webkit-animation-name: fadeInMin;
    animation-name: fadeInMin;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
}
.hz-block .links-mark span.lazy {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: auto;
    background-position: center;
    margin-right: 6px;
    background-repeat: no-repeat;
	background-size: 95%;
}
.compare-btn .head-btn {
    display: none;
}
.compare-btn .head-btn:first-child {
    display: block;
}
.compare-btn .head-btn.add {
	display: flex;
}
.border-lines {
    background-color: #fafafa;
    background-image: -o-repeating-linear-gradient(45deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, #fafafa 2px, #fafafa 5px);
    background-image: repeating-linear-gradient(45deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, #fafafa 2px, #fafafa 5px);
    padding: 12px;
    margin: 80px 0 0;
    margin-top: 80px;
    margin-top: 0px;
}
.bg-white {
    background: #fafafa;
    padding: 90px 0 60px;
}
.hz-block {
    background: #fff;
    height: 590px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 19px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.hz-block .links-mark {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
}
.hz-block .links-mark a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #333;
    text-transform: capitalize;
    margin-bottom: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hz-block .title-catalog {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    width: 100%;
    margin-bottom: 32px;
}
.bottom-menu nav a {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.016em;
    color: #333333;
    padding: 20px 0;
    padding-right: 75px;
    display: inline-block;
}
.hz-block .links-mark {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
}
.bottom-menu {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
}
div.gifts-section {
    padding: 30px 0;
    margin-bottom: 30px;
}
.banner-bg.lazy {
    padding-bottom: 50px;
    background-repeat: no-repeat;
}
.popular-cars {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
	align-items: start;
}
.item img {
    max-width: 100%;
}
.info-car {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    /*padding-top: 20px;
    margin-top: 15px;*/
}
span.prices {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: 100;
    margin-left: 25px;
}
span.current-prices {
    font-weight: bold;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #8267BE;
    padding-left: 5px;
    white-space: nowrap;
}
span.old-prices {
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #666666;
    text-decoration: line-through;
    padding-left: 10px;
}
.info-car img {
    margin-right: 15px;
}
.popular-cars .item .btns a {
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    color: #666666;
    margin-right: 25px;
}
.btns {
    width: 100%;
    margin-top: 10px;
}
span.prices span:after {
    content: " \20BD";
}
section.trade-in {
    background: #F5F5F5;
    padding: 40px 0;
    /*margin: 80px 0;*/
    background-color: #F5F5F5;
    background-image: url(/local/templates/auto/css/../img/circles.png);
    background-repeat: no-repeat;
    background-position: left 120px bottom;
    /*margin-top: 168px;*/
}
section.trade-in .left p {
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0.02em;
    color: #999999;
    display: inline-block;
    padding-top: 8px;
}
section.trade-in input {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #666666;
    opacity: 1;
    border-radius: 0px;
    margin-bottom: 8px;
}
section.trade-in .title p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #999999;
    max-width: 408px;
    margin-top: 15px;
}
section.trade-in .left, section.trade-in .right {
    max-width: 408px;
}
section.trade-in .left {
    margin-right: 25px;
    position: relative;
    padding-left: 64px;
}
section.trade-in .left:before {
    content: "";
    background: url(/local/templates/auto/css/../img/arrow-btm.png);
    width: 39px;
    height: 218px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}
section.trade-in .title {
    padding-left: 120px;
}

button:not(.owl-dot, .fancybox-arrow ) {
    background: #8267BE;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.026em;
    color: #FFFFFF;
    width: 203px;
    height: 48px;
    border: none;
    margin-top: 8px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
section.trade-in .left p a {
    text-decoration: underline;
}
section.trade-in .flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.template-item-car h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	text-transform: capitalize;
}
.template-item-car .wrapper{
    width: 1416px;
}
.wrapp-blog, header .credit-wrapper, .rel-top .credit-wrapper {
    width: 1416px !important;
    margin: 0 auto;
}
p.main-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}
.credit-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 31px 0 0;
}
.credit-menu .tel {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.016em;
    color: #999999;
    margin-left: 40px;
}
p.credit-price {
    font-size: 16px;
    line-height: 16px;
    color: #999999;
}
p.date-sale {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    background: #D30000;
    padding: 4px 15px;
    position: relative;
}
.big-text-behind {
    font-weight: 800;
    font-size: 160px;
    line-height: 100%;
    text-align: center;
    color: #F0F0F0;
    position: absolute;
    top: 55px;
    width: 500px;
	z-index: -1;
}
.grid-form-img {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
}
.select-color {
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    letter-spacing: 0.01em;
    color: #000000;
}
.change-color {
    width: 24px;
    height: 16px;
    border-radius: 100px;
    margin-left: 8px;
    position: relative;
    cursor: url('/local/templates/auto/css/../img/cursor_hand.png'), auto;
    border: 1px solid rgba(0,0,0,0.1);
}
.change-color:hover::after {
    background: #8267BE;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
}
.one-complectation {
    margin-bottom: 100px;
}
.grid-option-credit .check {
    border: 2px solid
    #F0F0F0;
    width: 20px;
    height: 20px;
    display: block;
    cursor: url('/local/templates/auto/css/../img/cursor_hand.png'), auto;
    margin-right: 15px;
}
.grid-option-credit .check:hover {
    border-color: var(--blue);
}
.grid-option-credit .item {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    border-bottom: 2px solid #fff;
    margin-bottom: 8px;
}
.grid-option-credit .item.active {
    border-color: var(--blue);
}
.grid-option-credit .item div:first-child {
    font-size: 14px;
    line-height: 16px;
    color: #1F1F1F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
}
.grid-option-credit .item div:nth-child(2) {

    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.016em;
    color: #666666;
    background: #FAFAFA;
    padding: 16px 16px 30px;

}
.grid-option-credit .item div:nth-child(3) {
    padding: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8267BE;
}
.credit-options .notice {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #666;
}
.credit-options .flex p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-bottom: 0px;
}
.credit-options .flex .blue-btn {
    max-width: 448px;
    margin-right: 105px;
}
.credit-options .flex .value-sale {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #8267BE;

}
.grid-option-credit {
    display: -ms-grid;
    display: grid;
    grid-gap: 25px;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr;
    grid-template-columns: repeat(5, 1fr);
    margin: 32px 0 24px;
}
.change-color.active::after {
    background: #8267BE;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 10px;
}
p.date-sale:before {
    content: "";
    border: 16px solid transparent;
    border-right: 9px solid #D30000;
    display: block;
    position: absolute;
    top: 0;
    left: -25px;
}
.grid-form-img .img .select-color {
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.01em;
    color: #000000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}
.nice-select .list {
    width: 100%;
    border-radius: 0px;
}

.template-item-car h1 .logo-car {
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-size: 100%;
    margin-right: 25px;
}
.template-item-car h2 {
    font-family: 'Arial', Gotham Pro;
    font-size: 25px;
    line-height: 25px;
    font-style: normal;
    font-weight: bold;

    color: #000000;
}
.template-item-car .desc-title {
    margin-top: 7px;
    margin-bottom: 7px;

    font-family: 'Arial', Gotham Pro;
    font-size: 15px;
    line-height: 15px;
    font-style: normal;
    font-weight: normal;

    color: #868686;
}
.compare-btn .head-btn.compl0 {
    width: auto;
}
.template-item-car .first-banner .img img {

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.template-item-car .first-banner .img {
    width: 100%;
    text-align: center;
}
.half-block {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}
label {
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: #000;
}
.template-item-car .first-banner .form {
    width: 552px;
}
.half-block input {
    width: 100%;
    opacity: 1;
}
.template-item-car .first-banner .form .flex {
    margin: 25px 0 70px 73px;
}
.form .flex div .main-price {
    margin-bottom: 4px;
    margin-right: 60px;
}
.blue-btn {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #FFF;
    background: #8267BE;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.half-block.btns {
    margin-top: 32px;
}
.grey-btn {
    background: #F0F0F0;
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 0.026em;
    color:#333333;
    width: 100%;
    text-align: center;
    height: 48px;
}
.template-item-car .first-banner .nice-select {
    width: 100%;
    margin-bottom: 24px;
}
.template-item-car .credit-form {
    margin-bottom: 100px;
    margin-top: 100px;
}
.template-item-car section.credit-form.tadein {
    margin-bottom: 0px;
}
.template-item-car section.news {
    padding: 100px 0;
}
.template-item-car .credit-form.tadein button {
    width: 100%;
}
.template-item-car .first-banner {
    padding-top: 70px;
    padding-bottom: 60px;
}
.title-complect {
    margin-bottom: 25px;

    font-family: 'Arial', Gotham Pro;
    font-size: 15px;
    line-height: 24px;
    font-style: normal;
    font-weight: bold;

    color: #000000;
}
.title-complect:before {
    content: "";
    background: #8267BE;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
    display: none;
}
.blue-full .text .title {
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    color: #CED9F5;
    padding-top: 176px;
}
.blue-full .img-block .item {
    background-image: url("/local/templates/auto/css/img/mini-banner.jpg");
    width: 867px;
    height: 799px;
    display: block;
}
.blue-full .text .desc {
    padding-bottom: 176px;
    padding-top: 40px;
}
.blue-full {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--blue);
}
.blue-full.left {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: -o-linear-gradient(175deg, rgba(0,0,0,0) 54%, var(--blue) 55%, var(--blue) 100%);
    background-image: linear-gradient(-85deg, rgba(0,0,0,0) 54%, var(--blue) 55%, var(--blue) 100%);
}
.blue-full .text {
    padding-left: 130px;
    max-width: 602px;
}
.specifications div {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.btns-order {
    z-index: 2;
    position: relative;
}
.blue-full .text .desc p {
    margin-bottom: 25px;
    line-height: 24px;
    opacity: 0.8;
}
.sp-div:nth-child(2) {
    min-width: 390px;
    max-width: 390px;
    margin-right: 95px;
}
.specifications {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.specifications .sp-div{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sp-div:nth-child(3) .grey-btn {
    margin-left: 16px;
}
.old-price .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #999;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sale-price .value {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #D30000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.specifications .value::after, .credit-options .flex .value-sale:after {
    content: " \20BD";
    padding-left: 4px;
}
.specifications .grey-btn, .specifications .blue-btn {
    height: 38px;
    line-height: 38px;
    min-width: 190px;
    max-width: 190px;
    font-size: 14px;
}
.specifications .old-price, .specifications .sale-price {
    min-width: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.specifications .sp-div:first-child {
    min-width: 175px;
    max-width: 175px;
    padding-left: 0;
}

a.name::before {
    content: "";
    width: 14px;
    height: 7px;
    background: url(/local/templates/auto/css/../img/arr-btm.png);
    display: inline-block;
    margin-right: 20px;
    margin-left: 10px;
}
.complectations .item .desc {
    display: none;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.item.active .desc {
    display: block;
}
.complectations .item {
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;
    background-color: #FFFFFF;
}
.specifications .blue-btn {
    min-width: 110px;
    max-width: 110px;
    margin-left: 16px;
}
.sp-div:nth-child(3) .sale-price {
    margin-left: 54px;
}
.credit-options .flex {
    margin-top: 64px;
}
.grid-credit .text p{
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}
.grid-credit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 408px 140px608px;
    grid-template-columns: 408px 608px;
    grid-gap: 140px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
}
.grid-credit .form {
    position: relative;
}
.grid-credit .form::before {
    content: "";
    background: url(/local/templates/auto/css/../img/arrow-btm.png);
    width: 39px;
    height: 218px;
    display: block;
    position: absolute;
    left: -60px;
    top: 0px;
}
.grid-credit .form input {
    margin-bottom: 8px;
}
.grid-credit .form .blue-btn {
    width: 223px;
    height: 48px;
    display: block;
    margin-top: 8px;
}
.grid-credit p.notice {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: #CCC;
    margin-top: 20px;
}
.grid-credit .text a {
    color: var(--blue);
}
.credit-options {
    margin-bottom: 120px;
}
.credit-form .wrapper {
    background-color: #fff;
    background-image: -o-repeating-linear-gradient(45deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, #fff 2px, #fff 5px);
    background-image: repeating-linear-gradient(45deg, rgba(0,0,0,.1), rgba(0,0,0,.1) 1px, #fff 2px, #fff 5px);
    padding: 12px;
    -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.06);
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.credit-form.tadein .wrapper {
    width: 1416px !important;
}
.nice-select .list {
    border-radius: 0px !important;
}
.credit-form .wrapper .sub-div {
    background: #fff;
    padding: 54px 134px;
}
.grid-credit .notice a{
    text-decoration: underline;
}
.credit-form.tadein input {
    margin-bottom: 8px;
    opacity: 1;
}
.credit-form.tadein .left p {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: #CCC;
    display: block;
}
.credit-form.tadein .left p a{
    text-decoration: underline;
}
.to-top {
    background:#FAFAFA;
    border:1px solid #E5E5E5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:8px;
    width:840px;
    height:64px;
    display:block;
    margin:0 auto;
    margin-bottom:0;
    text-align:center;
    line-height:64px;
    font-weight:500;
    font-size:16px;
    letter-spacing:.016em;
    color:#8267BE;
    margin-bottom:120px
}
.to-top .lazy {
    width: 18px;
    height: 18px;
    background-size: 100%;
    display: inline-block;
    margin-right: 34px;
    position: relative;
    top: 3px;
}
.credit-form.tadein .sub-div {
    background: #fff;
    padding: 54px 0;
    width: 100%;
}
.credit-form.tadein .grid-credit {
    -ms-grid-columns: 408px 24px 408px;
    grid-template-columns: 408px 408px;
    grid-gap: 24px;
}
.credit-form.tadein .mini-wrapp {
    width: 840px;
    margin: 0 auto;
}
.template-item-car .credit-form.tadein .desc-title {
    margin-bottom: 40px;
}
.credit-form.tadein .left {
    position: relative;
}
.credit-form.tadein .left::before {
    content: "";
    background: url(/local/templates/auto/css/../img/arrow-btm.png);
    width: 39px;
    height: 218px;
    display: block;
    position: absolute;
    left: -60px;
    top: 0px;
}

input::-webkit-input-placeholder { color: #666; }
input:-ms-input-placeholder { color: #666; }
input::-ms-input-placeholder { color: #666; }
input::-moz-placeholder { color: #666; }
input::placeholder { color: #666; }
/* End */


/* Start:/local/templates/auto/css/style-timer.css?17161954183167*/
/*###########################################################*/
/*############      Кодировка Windows 1251!!!!   ############*/
/*###########################################################*/



.standart-banner-timer {
    padding-bottom: 36px;
    position: absolute;
    z-index: 5;
    left: 140px;
    bottom: -40px;
  }
  
  .standart-banner-timer__body {
    display: flex
  }
  
  .standart-banner-timer__heading {
    margin-bottom: 15px;
    font-family: CenturyGothic, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    display: inline-block
  }
  
  .standart-banner-timer__clock {
    margin-right: 25px
  }
  
  .standart-banner-timer .flipTimer {
    font-family: MyriadPro, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 58px;
    color: #1f1f37
  }
  
  .standart-banner-timer .days,
  .standart-banner-timer .hours,
  .standart-banner-timer .minutes {
    margin-right: 22px
  }
  
  .standart-banner-timer .flipTimer .digit-set {
    width: 60px;
    height: 60px;
    border: 1px solid #eae7e7;
    box-shadow: none
  }
  
  .standart-banner-timer .flipTimer .digit-set+.digit-set {
    margin-left: 5px
  }
  
  .standart-banner-timer .flipTimer div.digit-top {
    align-items: flex-start
  }
  
  .standart-banner-timer .flipTimer div.digit-bottom {
    align-items: flex-end
  }
  
  .standart-banner-timer .flipTimer div.digit-bottom,
  .standart-banner-timer .flipTimer div.digit-top {
    width: 60px;
    background-color: #ededed;
    display: flex;
    justify-content: center
  }
  
  .standart-banner-timer .flipTimer div.shadow-bottom,
  .standart-banner-timer .flipTimer div.shadow-top {
    width: 60px
  }
  
  .standart-banner-timer .flipTimer .digit>div.digit-bottom:before,
  .standart-banner-timer .flipTimer .digit>div.digit-top:before,
  .standart-banner-timer .flipTimer .digit>div.shadow-bottom:before,
  .standart-banner-timer .flipTimer .digit>div.shadow-top:before {
    display: none
  }
  
  .standart-banner-timer .flipTimer .days,
  .standart-banner-timer .flipTimer .hours,
  .standart-banner-timer .flipTimer .minutes,
  .standart-banner-timer .flipTimer .seconds {
    position: relative
  }
  
  .standart-banner-timer .flipTimer .days::before,
  .standart-banner-timer .flipTimer .hours::before,
  .standart-banner-timer .flipTimer .minutes::before,
  .standart-banner-timer .flipTimer .seconds::before {
    width: 100%;
    position: absolute;
    bottom: -12px;
    text-align: center;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
  }
  
  .standart-banner-timer .flipTimer .days::before {
    content: "дней";
  }
  
  .standart-banner-timer.timer_white .flipTimer .days::before {
    content: "дней" !important;
  }
  
  .standart-banner-timer .flipTimer .hours::before {
    content: "часов";
  }
  
  .standart-banner-timer .flipTimer .minutes::before {
    content: "минут";
  }
  
  .standart-banner-timer .flipTimer .seconds::before {
    content: "секунд";
  }
/* End */


/* Start:/local/templates/auto/css/style.css?1753700543469752*/
/*###########################################################*/
/*############      ��������� Windows 1251!!!!   ############*/
/*###########################################################*/


@font-face {
  font-family: Muller;
  src: local(Muller), url(/local/templates/auto/css/../fonts/Muller/MullerRegular.woff2) format("woff2"), url(/local/templates/auto/css/../fonts/Muller/MullerRegular.woff) format("woff");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: Muller;
  src: local(MullerBold), url(/local/templates/auto/css/../fonts/Muller/MullerBold.woff2) format("woff2"), url(/local/templates/auto/css/../fonts/Muller/MullerBold.woff) format("woff");
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: CenturyGothic;
  src: local(CenturyGothic), url(/local/templates/auto/css/../fonts/CenturyGothic.ttf);
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: CenturyGothic;
  src: local(CenturyGothicBold), url(/local/templates/auto/css/../fonts/CenturyGothic-Bold.ttf);
  font-weight: 700;
  font-display: swap
}

*,
::after,
::before {
  box-sizing: border-box
}

.page-body {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Muller, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-style: normal
}

input {
  border: 1px solid #ebebec;
  width: unset;
  height: unset;
  padding: unset;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: normal;
  color: #000;
  outline: 0
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0
}

input[type=range] {
  cursor: pointer
}

label {
  margin: 0;
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 22px
}

.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 10px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden
}

.main-content {
  padding-top: 100px
}

.auto-category {
  margin-top: 40px
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

.owl-carousel {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
  display: none
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/local/templates/auto/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale .1s ease;
  -o-transition: scale .1s ease;
  transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1
}

.owl-controls {
  position: absolute;
  width: 100%
}

.owl-nav {
  position: absolute;
  width: 100%
}

.owl-dots {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.owl-dot {
  width: 15px;
  height: 15px;
  background-color: #d9d9d9;
  margin: 6px;
  margin-top: 30px;
  cursor: pointer;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s
}

.owl-dot.active:hover,
.owl-dot:hover {
  background-color: #3a3a3a
}

.owl-dot.active {
  background-color: #3a3a3a
}

.owl-nav>div {
  position: absolute;
  width: 56px;
  height: 18px;
  top: -90px;
  z-index: 2;
  display: block !important;
  background-repeat: no-repeat;
  opacity: .25;
  -webkit-transition: all ease .25s;
  -o-transition: all ease .25s;
  transition: all ease .25s
}

.owl-prev {
  left: 0
}

.owl-next {
  right: 0
}

.owl-nav>div:hover {
  opacity: 1
}

.show-desktop {
  display: block
}

.hide-desktop {
  display: none !important
}

.constructor .list-complection::-webkit-scrollbar {
  background: 0 0
}

.constructor .list-complection::-webkit-scrollbar {
  width: 0
}

.constructor .list-complection {
  -ms-overflow-style: none
}

.constructor .list-complection {
  overflow: -moz-scrollbars-none
}

.constructor .list-complection {
  scrollbar-width: none
}

.complectation_popup2 {
  display: none
}

.banner-corona {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background-color: #8267BE
}

.banner-corona p {
  color: #fff;
  margin-bottom: 0
}

.header {
  z-index: 999;
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: solid 1px #c9c9c9;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.header:hover {
  background-color: #fff
}

.header.active {
  background-color: #fff
}

.header__feedback-block {
  padding: 2px 10px 2px 2px;
  border-radius: 30px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  transition: opacity .3s ease;
  background-color: #cf2a39;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header__feedback-block:hover {
  opacity: .6
}

.header__feedback-block .personal-form-icon {
  margin-right: 8px;
  box-shadow: none
}

.header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly
}

.header .logo {
  margin-right: 30px
}

.header--white .logo,
.header.active .logo,
.header:hover .logo {
  -webkit-filter: none;
  filter: none
}

.header nav {
  font-size: 0
}

.header nav .btn-open-submenu {
  display: inline-block
}

.header .btn-open-submenu>a,
.header nav>a {
  position: relative;
  height: 100px;
  margin: 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center
}

.header--white .btn-open-submenu>a,
.header--white nav>a,
.header.active nav>a,
.header:hover .btn-open-submenu>a,
.header:hover nav>a {
  color: #000
}

.header .btn-open-submenu>a.active::before,
.header .btn-open-submenu>a:hover::before,
.header nav>a.active::before,
.header nav>a:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background-color: #8267BE;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.header__search {
  display: inline-block;
  width: 50px;
  height: 100px;
  font-size: 0;
  line-height: 100px;
  background: url(/local/templates/auto/img/icon-search.svg);
  background-position: center right;
  background-repeat: no-repeat
}

.header--white .header__search,
.header.active .header__search,
.header:hover .header__search {
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

a.tottop {
  opacity: .5
}

.banner-idx {
  min-height: 960px;
  margin-bottom: 50px;
  padding-top: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover
}

.small-text {
  font-family: Muller, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400
}

p.banner-idx__text {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff
}

p.banner-idx__text--big {
  margin-top: 35px;
  font-size: 56px;
  line-height: 62px;
  text-align: center;
  color: #fff
}

p.banner-idx__text--big span {
  text-transform: uppercase;
  font-weight: 700
}

.banner-bg.lazy .flex.between {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.header .submenu {
  z-index: -1;
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  max-height: 0;
  padding: 0;
  background-color: #fff;
  -webkit-transition: max-height .15s ease-out;
  -o-transition: max-height .15s ease-out;
  transition: max-height .15s ease-out
}

.header .btn-open-submenu:hover .submenu {
  max-height: 500px;
  padding: 45px 0;
  -webkit-transition: max-height .25s ease-in;
  -o-transition: max-height .25s ease-in;
  transition: max-height .25s ease-in
}

.header .submenu-overlay {
  z-index: -1;
  position: absolute;
  overflow: hidden;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  max-height: 0;
  padding: 0;
  background-color: #000;
  opacity: 0
}

.header .btn-open-submenu:hover .submenu-overlay {
  max-height: 100vh;
  height: calc(100vh - 100%);
  opacity: .5
}

.header .btn-open-submenu:hover .header__contact {
  padding-top: 35px;
  padding-bottom: 130px
}

.header .btn-open-submenu:hover .header__credit-programs {
  padding-top: 45px;
  padding-bottom: 65px
}

.catalog__cars .wrapper,
.header__cars .wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.catalog__cars-brands,
.header__cars-brands,
.header__cars-sections {
  width: 100%
}

.header__cars-sections ul {
  list-style: none;
  margin-bottom: 20px
}

.header__cars-sections ul:after {
  display: block;
  content: '';
  clear: both
}

.header__cars-sections ul li {
  float: left;
  margin-right: 20px
}

.header__cars-sections ul li.active>* {
  border-bottom: 3px solid #981711
}

.header__cars-sections ul li:before {
  display: none
}

.header__cars-sections ul li>* {
  font-size: 16px;
  line-height: 22px;
  padding: 0 5px;
  font-weight: 700;
  border-bottom: 3px solid transparent;
  display: block;
  color: #000
}

.header__cars-sections ul li a:hover {
  color: #981711
}

.catalog__cars-brands .links-mark {
  margin-bottom: 35px;
  margin-top: 20px
}

.catalog__cars .hz-block,
.header__cars .hz-block {
  min-width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: 60px
}

.catalog__cars .hz-block {
  margin-bottom: 30px;
  padding: 0
}

.header__cars .title-catalog {
  display: none
}

.catalog__cars-brands .hz-block .links-mark,
.header__cars-brands .hz-block .links-mark {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.catalog__cars-brands .hz-block .links-mark a,
.header__cars-brands .hz-block .links-mark a {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: .01em;
  color: #333
}

.catalog__cars-brands .hz-block .links-mark a:hover,
.header__cars-brands .hz-block .links-mark a:hover {
  color: #8267BE
}

.catalog__cars-type,
.header__cars-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 30px
}

.catalog__cars-type a,
.header__cars-type a {
  position: relative;
  display: inline-block;
  height: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 40px;
  vertical-align: middle;
  color: #000;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.catalog__cars-type a::before,
.header__cars-type a::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #8267BE;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.catalog__cars-type a:hover,
.header__cars-type a:hover {
  font-weight: 700
}

.catalog__cars-type a:hover::before,
.header__cars-type a:hover::before {
  width: 100%
}

.btn-cars,
.btn-contact {
  position: relative
}

.btn-open-submenu a:hover::before {
  left: 0;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: 100%
}

.header__contact .wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header__contact dl {
  width: calc(100% - 400px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px
}

.header__contact dl div {
  width: 50%;
  margin-bottom: 35px
}

.header__contact dt {
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #868686
}

.header__contact dd {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #000
}

.header__contact dd span {
  display: block;
  margin-top: 20px;
  color: #8267BE
}

.header__contact #map-contact {
  width: 440px;
  height: 230px;
  background-color: #e5e5e5
}

[class*=ymaps-2][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%)
}

.header__credit-programs ul {
  width: 100%;
  text-align: center
}

.header__credit-programs li {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 16%;
  margin-bottom: 0;
  padding-left: .5%;
  padding-right: .5%;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.header__credit-programs h3 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #000
}

.header__credit-programs p {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #868686
}

.header__credit-programs li::before {
  display: none
}

.header__credit-programs li div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 120px;
  margin-bottom: 20px
}

.header__credit-programs li div img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto
}

.header__credit-programs a {
  margin-top: auto
}

.header__credit-programs a span {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  padding-right: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  vertical-align: middle;
  color: #8267BE
}

.header__credit-programs a span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: solid 1px #8267BE;
  border-right: solid 1px #8267BE;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.header__credit-programs a span:hover::before {
  right: -5px
}

.header__credit-programs a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.img-replacement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  width: 260px;
  height: 260px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

span.breadArr {
  width: 11px;
  display: inline-block;
  height: 10px;
  background: url(/local/templates/auto/img/arrow-btm-menu.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  margin: 0 10px;
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

.breadcrumb a,
.breadcrumb span {
  font-size: 13px;
  color: #fff
}

.breadcrumb a {
  color: #8267BE
}

.breadcrumb {
  display: flex
}

.breadcrumb .wrapper {
  width: unset !important;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.img-replacement img {
  max-width: 100%;
  width: 100%
}

.text-photo {
  height: 215px;
  overflow: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.more-text:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 7px;
  background: url(/local/templates/auto/css/../img/arrow-btm-menu.png);
  margin-left: 15px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  top: 0
}

.more-text {
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .026em;
  color: var(--blue);
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  display: block;
  padding: 15px 0
}

a.more-text:hover {
  opacity: .6
}

form.pd-top {
  margin-top: 40px
}

section.contacts .nice-select.dropdown {
  float: unset
}

.constructor .list-complection {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none
}

a.btn-on-banner {
  background: #a9a9a9;
  border-radius: 25px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  min-width: 210px;
  display: block;
  height: 50px;
  line-height: 50px;
  float: left
}

a.btn-on-banner:hover {
  background: #8267BE
}

.step.total.active.allow p.title-inputs {
  max-width: 330px
}

.step__text {
  margin-bottom: 45px;
  font-size: 20px;
  line-height: 24px;
  display: block
}

.wrapper.rew {
  margin-top: 60px;
  padding-bottom: 120px
}

section.popular-cars-section.top {
  margin-top: 60px
}

section.popular-cars-section.top .btns {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px
}

section.popular-cars-section.top a.blue-btn.credit-cmpl-show {
  font-size: 15px;
  line-height: 49px;
  color: #fff;
  border-bottom: none
}

section.popular-cars-section.top .item.no-show {
  display: block !important
}

section.popular-cars-section.top a.blue-btn.credit-cmpl-show.credit {
  background: #ff5e5e
}

.rews {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 40px) 80px calc(50% - 40px);
  grid-template-columns: calc(50% - 40px) calc(50% - 40px);
  grid-gap: 80px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 64px
}

.rews .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0
}

.rews .item .text {
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #666
}

.rews .meta-info .btns,
.rews .meta-info-top .btns {
  width: unset;
  margin: unset;
  min-height: 48px
}

.car-card {
  position: relative;
  padding-bottom: 40px;
  -webkit-box-shadow: 0 -1px 20px 10px rgba(101, 101, 101, .25);
  -moz-box-shadow: 0 -1px 20px 10px rgba(101, 101, 101, .25);
  box-shadow: 0 -1px 20px 10px rgba(101, 101, 101, .25);
  border-radius: 20px;
  /* overflow: hidden; */
  transition: all .3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.car-card:hover {
  -webkit-box-shadow: 0 -1px 20px 10px #8267BE38;
  -moz-box-shadow: 0 -1px 20px 10px #8267BE38;
  box-shadow: 0 -1px 20px 10px #8267BE38
}

button.car-card__decor {
  position: absolute;
  /* z-index: 10; */
  top: 18%;
  right: -6px;
  width: 80px;
  height: 80px;
  margin: 0;
  color: #fff;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: normal;
  text-align: center;
  border-radius: 50%;
  background-color: #393E46;
  /* background-image: url(/local/templates/auto/css/../img/icons/present.svg); */
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0 0 6px 4px rgba(39, 39, 39, .2);
  box-shadow: 0 0 6px 4px rgba(39, 39, 39, .2);
  transition: transform .7s ease, background-color .2s ease, color .2s ease;
  display: flex;
  justify-content: center;
  align-items: center
}

button.car-card__decor:hover {
  color: #000;
  /* background-image: url(/local/templates/auto/css/../img/icons/present-black.svg); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff !important
}

.car-card:hover .car-card__decor {
  transform: rotate(360deg)
}

.car-card__img {
  max-width: 80%
}

.car-card__name {
  position: relative;
  width: 90%;
  height: 80px;
  margin-bottom: 30px;
  font-size: 34px;
  line-height: 38px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.car-card__name::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 50px;
  height: 5px;
  /* background-color: #cf2a39; */
  transition: all .3s ease-in-out
}

.car-card:hover .car-card__name::before {
  width: 70%;
  left: 50%;
  transform: translateX(-50%)
}

.car-card__cost {
  margin-bottom: 5px;
  font-weight: 600;
  cursor: pointer
}

.car-card__cost .cost {
  font-size: 30px;
  line-height: 34px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700
}

.car-card__credit {
  margin-bottom: 20px;
  font-weight: 600;
  color: #8267BE;
  cursor: pointer;
  display: block
}

.RUNING_pagination .pager li {
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: .04em;
  color: #999;
  margin: 0 0;
  cursor: pointer;
  position: relative;
  width: 34px;
  height: 34px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pager ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.RUNING_pagination .pager {
  margin: 50px 0
}

.RUNING_pagination .pager li.active {
  color: var(--blue);
  border-radius: 50%;
  line-height: inherit;
  background: #eee;
  border-radius: 50%
}

.type-car label {
  color: var(--blue);
  border: 2px solid var(--blue);
  padding: 8px 20px;
  font-weight: 600;
  margin-right: 10px;
  font-size: 15px;
  line-height: 19px
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING_content_text {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  grid-gap: 20px
}

.CONTENT.CONTENT_PAGE.RUNING .text_bu_mash {
  margin-top: 50px
}

.CONTENT.CONTENT_PAGE.RUNING .text_bu_mash .detail {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  line-height: 26px
}

.text_bu_mash h2 {
  margin-bottom: 30px
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING__auto {
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  background: #fff;
  padding: 25px;
  text-align: center
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING_content_galery {
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  background: #fff;
  padding: 25px
}

.CONTENT.CONTENT_PAGE.RUNING .back-white {
  background: #f5f5f5;
  width: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text .title {
  font-size: 15px;
  font-weight: 600
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .carItem_OrderAuto {
  background: #8267BE;
  color: #fff;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .03em;
  text-align: center;
  display: block;
  padding: 0 25px
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .nice-select {
  margin-bottom: 0
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text .total {
  padding-left: 11px;
  font-weight: 600;
  color: var(--blue);
  font-size: 17px
}

.CONTENT.CONTENT_PAGE.RUNING .carItem_links {
  -ms-grid-columns: 100% !important;
  grid-template-columns: 100% !important;
  grid-gap: 15px !important;
  margin-top: 20px
}

.CONTENT.CONTENT_PAGE.RUNING .carItem_priceTitle.fixRuningAutoDetail {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px
}

.CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text .after__desc {
  margin-left: 40px;
  font-size: 12px;
  color: rgba(0, 0, 0, .6)
}

.CONTENT.CONTENT_PAGE.RUNING .rass_calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06)
}

.RUNING_content_galery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 74% 30px 1fr;
  grid-template-columns: 74% 1fr;
  grid-gap: 30px
}

.RUNING_content_priceAndBuy .carItem_priceBloker {
  margin-bottom: 50px
}

.RUNING_content_galery .carItem_priceVal.fixRuningAutoDetail {
  font-size: 26px;
  font-weight: 700;
  color: #000
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING__auto span.RUNING__auto-title-text {
  color: #999;
  padding-top: 5px;
  font-size: 13px
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING__auto span.RUNING__auto-value-text {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-top: 15px
}

.CONTENT.CONTENT_PAGE.RUNING .RUNING__auto-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 32px 30px 50px;
  grid-template-rows: 32px 30px 50px
}

.flex.type-car input[type=checkbox],
label.checkbox-circle input[type=checkbox] {
  position: absolute;
  left: -4000px
}

label.checkbox-circle:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px
}

label.checkbox-circle:hover:before {
  border: 2px solid var(--blue)
}

label.checkbox-circle.active:before {
  border: 2px solid var(--blue);
  background: var(--blue)
}

label.checkbox-circle {
  margin-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex.type-car label.active {
  background: var(--blue);
  color: #fff
}

.filter label {
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.filter input[type=checkbox] {
  width: 20px;
  border-radius: 50% !important;
  height: 20px;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important
}

section#running-section .flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 20px
}

.info-car p.name {
  position: relative
}

span.mobile-count:before {
  content: "";
  border: 16px solid transparent;
  border-right: 9px solid #d30000;
  position: absolute;
  top: 0;
  left: -25px
}

span.mobile-count {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #fff;
  background: #d30000;
  padding: 4px 15px;
  position: absolute;
  display: block !important;
  right: 0;
  top: -3px
}

section#running-section ol li:before {
  display: none
}

img.RUNING__auto-title-image {
  -webkit-filter: hue-rotate(223deg);
  filter: hue-rotate(223deg);
  margin: 0 auto
}

.CONTENT.CONTENT_PAGE.RUNING {
  max-width: 100%
}

section#running-section ol {
  padding-left: 40px
}

section#running-section {
  width: 1336px;
  margin: 40px auto
}

section .title h1 {
  padding-top: 50px
}

section#running-section ul {
  padding: 0
}

section#running-section .desc ul {
  padding-left: 20px
}

section#running-section .mark-list ul li {
  margin-bottom: 11px;
  background: rgba(255, 255, 255, .3)
}

section#running-section .mark-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 10px;
  font-weight: 500
}

section#running-section .mark-list ul li a img {
  margin-right: 10px;
  max-width: 23px
}

section#running-section .mark-list ul li a.active img {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2)
}

section#running-section .flex .mark-list {
  padding: 30px 80px 30px 0
}

section#running-section .car-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: .012em;
  color: #000;
  padding-bottom: 10px;
  display: block;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0 5px;
  margin-bottom: 15px;
  border-top: 3px solid #edf1f7
}

section#running-section .catalog-running .item .img .params li {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #999;
  margin-bottom: 0;
  position: relative
}

section#running-section .catalog-running .item {
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  background: #fff;
  padding: 25px
}

section#running-section .catalog-running {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 15px) 30px calc(50% - 15px);
  grid-template-columns: repeat(2, calc(50% - 15px));
  grid-gap: 30px
}

.CONTENT.CONTENT_PAGE.RUNING,
section#running-section .running {
  max-width: calc(100% - 237px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  width: 100%
}

section#running-section .catalog-running .item .img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 250px 50px 1fr;
  grid-template-columns: 250px 1fr;
  grid-gap: 50px
}

section#running-section .catalog-running .item .img .params b {
  font-weight: 500;
  color: var(--blue)
}

section#running-section .carItem_OrderAuto {
  background: #8267BE;
  color: #fff;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .03em;
  text-align: center;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.RUNING_content_priceAndBuy h1 {
  font-size: 31px;
  line-height: 34px;
  margin-bottom: 30px;
  color: var(--blue)
}

.RUNING_content_priceAndBuy h1 span.mini {
  font-size: 20px;
  color: #ff5e5e;
  white-space: nowrap
}

.carItem_OrderAuto.credit {
  background: #ff5e5e !important
}

section#running-section .flex .mark-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px 30px 20px;
  min-width: 207px;
  box-sizing: border-box;
  background-color: #fafafa;
  background-image: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fafafa 2px, #fafafa 5px);
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fafafa 2px, #fafafa 5px);
  margin-right: 25px;
  margin-top: 40px;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06)
}

section#running-section .carItem_OrderAuto.runing_fixButton.creditBTN {
  background: #ff5e5e
}

section#running-section .carItem_links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px
}

section#running-section .catalog-running .item .img .params {
  margin-top: 0;
  min-width: 200px
}

section#running-section .catalog-running .item .img .params li:before {
  display: none
}

section#running-section .catalog-running.def {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 30px
}

section#running-section .mark-list ul li:before {
  display: none
}

section#running-section .mark-list ul li a.active {
  color: #fff;
  background: #8267BE;
  -webkit-box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  border-radius: 4px
}

section#running-section .mark-list ul li:hover {
  color: #fff;
  background: #8267BE;
  -webkit-box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  border-radius: 4px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.actions .img.lazy {
  width: 550px;
  max-width: 100%;
  height: 340px;
  background-size: cover;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.filter .radio {
  margin-top: 0
}

.filter .radio {
  margin-right: 70px
}

h1.search {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px
}

.filter .flex:last-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

section#running-section .catalog-running.def .carItem_links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%
}

section#running-section .catalog-running.def .carItem_OrderAuto.runing_fixButton {
  margin-bottom: 10px
}

section#running-section .catalog-running.def .params li {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #999;
  margin-bottom: 0;
  position: relative
}

section#running-section .catalog-running.def .params li b {
  font-weight: 500;
  color: var(--blue)
}

section#running-section .catalog-running.def .params li:before {
  display: none
}

section#running-section .catalog-running.def .params {
  margin-top: 10px
}

section#running-section .catalog-running.def .price {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0 5px;
  margin-bottom: 15px;
  border-top: 3px solid #edf1f7
}

section#running-section .catalog-running.def .carItem_priceVal {
  font-weight: 600;
  font-size: 20px
}

.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pager ul li:before {
  display: none
}

a.show-selected-car {
  background: #8267BE;
  -webkit-box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  width: 200px;
  display: block;
  text-align: center;
  height: 45px;
  line-height: 45px;
  margin-top: 20px
}

.radio a.active span {
  background: var(--blue);
  border-color: var(--blue)
}

.filter {
  background: #fff;
  padding: 30px 30px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06)
}

.tabs__btn {
  line-height: 14px
}

.ifs .item {
  background: -o-linear-gradient(310.07deg, #fafafa 12.73%, #f4f4f4 94.64%);
  background: linear-gradient(139.93deg, #fafafa 12.73%, #f4f4f4 94.64%);
  padding: 35px 54px
}

.links .item:nth-child(3) .item__subitem:nth-child(2) {
  display: none
}

.item__subitem+.item__subitem {
  margin-top: 20px
}

.ifs {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-top: 66px
}

.ifs li {
  margin-bottom: 13px;
  font-size: 15px;
  color: #000;
  font-weight: 500
}

a.show-act {
  background: #8267BE;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #fcfcfc;
  width: 263px;
  height: 58px;
  display: block;
  margin: 30px auto 120px;
  line-height: 58px
}

.ifs li:before {
  background: url(/local/templates/auto/css/../img/galkanew-min.png);
  width: 22px;
  height: 22px;
  top: -3px;
  left: -38px;
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

.ifs ul {
  padding-left: 36px
}

.wrapper.credit-programs {
  width: 1140px
}

.wrapper.credit-programs h2 {
  font-size: 24px;
  line-height: 29px
}

.credit-img-text .lazy.img {
  min-width: 550px;
  height: 340px
}

.credit-img-text .text {
  width: 458px;
  margin: 60px 40px
}

.credit-img-text .text p {
  font-size: 16px;
  line-height: 19px;
  color: #000
}

.credit-img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.credit-img-text.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.ifs .item .title {
  font-size: 18px;
  line-height: 22px;
  color: #8267BE;
  font-weight: 600
}

.flex.type-car {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  margin-bottom: 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex.type-car a {
  color: var(--blue);
  border: 2px solid var(--blue);
  padding: 8px 20px;
  font-weight: 600;
  margin-right: 10px
}

.filter .radio span {
  border: 2px solid #f0f0f0;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 50%;
  margin-right: 11px
}

.radio a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px
}

.flex.type-car a.active {
  color: #fff;
  background: var(--blue)
}

a.logo {
  background-image: url(/local/templates/auto/css/../img/azbuka.svg);
  width: 200px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.actions .img.lazy:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2)
}

span.act-name {
  color: #8267BE
}

h1.action-h1 {
  width: 1130px;
  margin: 90px auto 50px auto
}

h1.credits-h1 {
  width: 100%;
  margin: 90px auto 50px auto
}

.grid-form-img a.grey-btn,
a.grey-btn.to_hidden_form:not(.srav) {
  background: #ff5e5e;
  color: #fff
}

a.get-act {
  background: #8267BE;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #fcfcfc;
  width: 550px;
  display: block;
  height: 58px;
  line-height: 59px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 20px
}

a.get-act:hover {
  background: #000
}

.actions {
  width: 1130px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin: 50px auto
}

.gifts p.title {
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-weight: 500
}

.gifts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 29px 1fr 29px 1fr 29px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  grid-gap: 29px
}

.gifts .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 35px 1fr;
  grid-template-rows: 35px 1fr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -o-linear-gradient(316.32deg, #fff 4.47%, #f3f3f3 92.69%);
  background: linear-gradient(133.68deg, #fff 4.47%, #f3f3f3 92.69%);
  padding: 45px 10px;
  text-align: center
}

.gifts .item img.lazy.loaded {
  display: block;
  margin: 0 auto
}

.half-block.btns a.blue-btn {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

#credit-cmpl span.name-car,
#order-cmpl span.name-car {
  color: #8267BE;
  text-transform: capitalize
}

section.credit-form.index {
  padding-bottom: 35px
}

section.credit-form.index .sub-div {
  padding: 54px 225px
}

#credit-cmpl .short_feature,
div#order-cmpl .short_feature {
  margin-bottom: 26px;
  padding-left: 30px
}

#credit-cmpl .short_feature .item,
div#order-cmpl .short_feature .item {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 13px;
  position: relative
}

#credit-cmpl .short_feature .item span,
div#order-cmpl .short_feature .item span {
  color: #8267BE;
  font-weight: 500
}

#credit-cmpl .item.popup_price span:after,
div#order-cmpl item.popup_price span:after {
  content: " \20BD"
}

div#credit-cmpl img,
div#order-cmpl img {
  max-width: 100%
}

div#credit-cmpl .title,
div#order-cmpl .title {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 25px;
  font-weight: 700
}

div#credit-cmpl,
div#order-cmpl {
  width: 700px;
  left: calc(50% - 350px)
}

#credit-cmpl-v2,
#rezinaPopUp {
  background-image: url(/local/templates/auto/css/../img/bgs/popup-bg-min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 700px;
  left: calc(50% - 350px);
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  top: 70px;
  padding: 20px 30px
}

#rezinaPopUp {
  padding: 40px 30px
}

#credit-cmpl-v2 .grid-form,
#rezinaPopUp .grid-form {
  width: 500px;
  max-width: 100%;
  margin: 0 auto
}

#credit-cmpl-v2 .title,
#rezinaPopUp .title {
  text-align: center;
  font-weight: 400;
  font-size: 38px;
  line-height: 40px;
  margin: 0
}

#credit-cmpl-v2 .subtitle,
#rezinaPopUp .subtitle {
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  line-height: 36px;
  margin: -5px -40px 20px -40px
}

#credit-cmpl-v2 .subtitle .dop-info {
  display: block;
  margin-top: 5px;
  color: #999;
  font-size: 22px;
  line-height: 24px
}

@media screen and (max-width:740px) {

  #credit-cmpl-v2,
  #rezinaPopUp {
    width: 90%;
    left: 5%;
    top: 100px
  }

  #credit-cmpl-v2 .subtitle,
  #rezinaPopUp .subtitle {
    margin: -5px 0 20px 0
  }
}

#credit-cmpl-v2 .car-data,
#rezinaPopUp .car-data {
  padding: 0;
  text-align: center
}

#credit-cmpl-v2 .car-data img,
#rezinaPopUp .car-data img {
  position: relative;
  max-width: 100%;
  width: initial;
  z-index: -1;
  right: initial;
  opacity: initial;
  bottom: initial;
  max-height: 200px
}

#credit-cmpl-v2 .mini-text-form,
#rezinaPopUp .mini-text-form {
  color: #000;
  font-size: 14px;
  line-height: 20px
}

#credit-cmpl-v2 .mini-text-form a,
#rezinaPopUp .mini-text-form a {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none
}

#credit-cmpl-v2 .mini-text-form a:hover,
#rezinaPopUp .mini-text-form a:hover {
  color: #000;
  border-bottom: 1px solid transparent;
  text-decoration: none
}

#credit-cmpl-v2 input,
#rezinaPopUp input {
  border: none;
  border-bottom: 2px solid #000;
  height: 40px;
  padding: 0 10px 0 20px;
  font-size: 16px;
  line-height: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: initial;
  color: #000;
  width: 100%;
  background: 0 0
}

#credit-cmpl-v2 button:not(.owl-dot),
#rezinaPopUp button:not(.owl-dot) {
  background: #8267BE;
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: initial;
  color: #fff;
  width: 100%;
  height: 50px;
  border: none;
  outline: 0
}

#rezinaPopUp button:not(.owl-dot) {
  margin-top: 40px
}

.rezinaPopUpContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px
}

.rezinaPopUpContent .bg {
  width: 50%;
  margin-right: 5%;
  height: 300px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/local/templates/auto/css/../img/bgs/bg-rezina-min.png)
}

.rezinaPopUpContent form {
  width: 45%
}

#credit-cmpl-v2.popup-form .hover-input,
#rezinaPopUp.popup-form .hover-input {
  margin-bottom: 25px
}

#credit-cmpl-v2 .nice-select,
#rezinaPopUp .nice-select {
  border: none;
  background-color: transparent;
  border-bottom: solid 2px #000;
  width: 100%;
  height: 40px;
  font-size: 16px;
  padding-left: 20px
}

#credit-cmpl-v2 .nice-select+.mini-text-form,
#rezinaPopUp .nice-select+.mini-text-form {
  margin-top: 10px
}

#credit-cmpl-v2 .nice-select:active,
#credit-cmpl-v2 .nice-select:focus,
#credit-cmpl-v2 .nice-select:hover,
#rezinaPopUp .nice-select:active,
#rezinaPopUp .nice-select:focus,
#rezinaPopUp .nice-select:hover {
  border: none !important;
  border-bottom: 2px solid #8267BE !important
}

#credit-cmpl-v2 .nice-select:after,
#rezinaPopUp .nice-select:after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000
}

#credit-cmpl-v2 .nice-select .option,
#rezinaPopUp .nice-select .option {
  min-height: 30px;
  line-height: 30px;
  padding-left: 20px
}

.car-data {
  padding-top: 87px;
  position: relative
}

section#success-credit {
  text-align: center;
  margin: 0 auto;
  width: 600px;
  padding: 100px 0
}

h2.rewTITLE.thanks {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
  font-size: 37px;
  color: #333
}

.half-block.btns button.blue-btn {
  margin-top: 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

a.show-gallery {
  font-weight: 600;
  position: relative;
  font-size: 14px;
  color: #d30000;
  padding-left: 40px
}

i.fas.fa-arrow-circle-down {
  font-size: 17px;
  position: relative;
  top: 1px;
  right: -7px
}

h2.rewTITLE.thanks img.thanks {
  padding-left: 27px
}

section#success-credit p {
  font-size: 18px
}

.car-data img {
  position: absolute;
  width: 415px;
  z-index: -1;
  right: 0;
  opacity: .2;
  bottom: 0
}

#credit-cmpl .short_feature .item:before,
div#order-cmpl .short_feature .item:before {
  width: 8px;
  height: 8px;
  background: var(--blue);
  content: "";
  position: absolute;
  left: -18px;
  top: 8px;
  border-radius: 50%
}

#credit-cmpl .grid-form,
div#order-cmpl .grid-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(43% - 10px) 20px calc(57% - 10px);
  grid-template-columns: calc(43% - 10px) calc(57% - 10px);
  grid-gap: 20px
}

#credit-cmpl .hover-input,
div#order-cmpl .hover-input {
  margin-bottom: 18px
}

div#credit-cmpl button,
div#order-cmpl button {
  margin: 25px auto 0;
  display: block;
  width: 100%
}

#credit-cmpl input,
div#order-cmpl input {
  width: 100%
}

.info-car img.lazy.loaded {
  max-width: 23px
}

a.phone:before {
  content: "\f879";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 5px;
  top: 7px
}

a.phone {
  position: relative;
  padding-left: 30px;
  margin-left: 30px
}

.main-info>span:before {
  content: "\f3c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px
}

#map canvas {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%)
}

span.ot {
  color: #333;
  font-size: 13px
}

.bottom-menu nav a:hover {
  color: #8267BE
}

.popular-cars__catalog {
  display: none
}

.popular-cars__mobile-catalog {
  display: none
}

.popular-cars__catalog.active {
  display: block
}

.popular-cars__catalog .hz-block {
  max-width: unset;
  min-width: unset;
  width: 100%;
  height: unset
}

.popular-cars-section h2 a:hover {
  color: #8267BE
}

span.ot-p {
  color: #8267BE
}

.constructor h2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.constructor h2 .right {
  width: 100%;
  margin-top: 11px;
  font-size: 25px;
  color: #8267BE
}

.page404_icon {
  font-size: 100px;
  display: block;
  line-height: 122px;
  font-weight: 700;
  color: #8267BE;
  text-align: center;
  padding: 30px
}

.hz-block .links-mark a:hover {
  color: #8267BE
}

.hz-block .links-mark a:hover span.lazy {
  -webkit-filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, .4));
  filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, .4))
}

.bottom-menu nav a,
.hz-block .links-mark a,
.hz-block .links-mark a span.lazy,
.popup-form.popup-special-credit-new,
a:not(.logo),
section.popular-cars-section .item,
section.popular-cars-section .popular-cars .info-car {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

section.popular-cars-section .popular-cars .item:hover {
  border-color: #8267BE
}

.page404_title {
  text-align: center;
  font-weight: 800;
  font-size: 30px
}

.page404_desc {
  padding-top: 60px;
  text-align: center
}

.page404_btnWrap {
  text-align: center;
  border-bottom: 3px solid #8267BE;
  display: block;
  width: 122px;
  margin: 0 auto;
  margin-bottom: 100px;
  margin-top: 23px;
  font-weight: 600;
  font-size: 17px
}

.page404_content {
  padding-top: 40px
}

a.close-success {
  border: none !important;
  position: absolute;
  top: 21px;
  right: 20px;
  font-size: 30px !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: .7
}

p.discont {
  font-weight: 600;
  font-size: 18px
}

p.discont:after {
  content: " \20BD";
  font-family: Arial, sans-serif
}

p.mark-model {
  color: #8267BE;
  font-size: 22px;
  font-weight: 800
}

a.back {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .026em;
  color: #000;
  padding: 18px 12px 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px
}

a.back img.lazy.loaded {
  width: 14px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .6;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

span.ot-p:after {
  display: none
}

a.grey-btn.to_hidden_form.srav {
  margin-left: 42px;
  min-width: unset;
  padding: 0 15px
}

a.tottop {
  display: none;
  position: fixed;
  bottom: 30px;
  left: 30px;
  background-color: #8267BE;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(/local/templates/auto/css/../img/to-top-img.png);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-y: 18px;
  background-position-x: center
}

.main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

p.prav-rek {
  font-size: 11px
}

span.desc-phone {
  font-size: 10px;
  text-align: center
}

a.phone {
  line-height: 13px
}

.abs-circle {
  display: block;
  width: 790px;
  height: 1041px;
  position: absolute;
  z-index: -1;
  background: url(/local/templates/auto/css/../img/circle-abs.png);
  right: -40px;
  top: 0
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.flex-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.map-block {
  max-width: 1380px;
  height: 100%;
  width: 100%;
  padding-left: 200px;
  margin-top: -135px
}

div#map {
  max-width: 1380px;
  height: 100%;
  width: 100%
}

.map-block {
  max-width: 1380px;
  height: 100%;
  width: 100%;
  padding-left: 200px
}

.ymaps-layers-pane {
  filter: grayscale(1) !important;
  -ms-filter: grayscale(1) !important;
  -webkit-filter: grayscale(1) !important;
  -moz-filter: grayscale(1) !important;
  -o-filter: grayscale(1) !important
}

.grid-about.one-fr {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr
}

button.ytp-large-play-button.ytp-button {
  background: url(https://newv.tmweb.ru/local/templates/auto/img/cars/play-youtube.png) !important
}

button.ytp-large-play-button.ytp-button svg {
  display: none
}

.yt-btn-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  font-weight: 400;
  position: relative;
  left: -230px
}

.thumb-play-button {
  z-index: 9999
}

.thumb-play-button {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important
}

.order-view .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 55px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

section.wrapp-form {
  width: 100%;
  margin-top: 80px;
  background-color: #fefefe;
  -webkit-box-shadow: none;
  box-shadow: none
}

.order-view-bg {
  background-color: #fefefe
}

.order-view-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.order-view-col-left {
  position: relative;
  padding-left: 215px
}

.order-view-col-left::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  background-color: #fafafa;
  border-radius: 50%;
  background-image: url(/local/templates/auto/css/../img/icon-notepad.svg);
  background-position: center;
  background-repeat: no-repeat
}

.order-view h2 {
  margin-bottom: 30px;
  color: #333
}

.order-view p {
  max-width: 490px;
  margin: 0;
  padding: 0;
  font-family: Arial, Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #333
}

.order-view p>a {
  text-decoration: none;
  white-space: nowrap;
  color: #8267BE
}

.order-view .blue-btn {
  width: 265px;
  margin-top: 10px;
  margin-bottom: 40px
}

.order-view-col>a {
  position: relative;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  display: inline-block;
  height: 48px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: .03em;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #8267BE
}

.order-view-col>a::before {
  content: '';
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  border-top: solid 3px #8267BE;
  border-right: solid 3px #8267BE
}

section.main-trade-in,
section.main-utilization {
  padding-top: 29px;
  background-repeat: no-repeat;
  background-position: top center
}

section.main-trade-in>.wrapper>.flex,
section.main-utilization>.wrapper>.flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.main-utilization .big-title {
  width: 734px;
  margin-top: 335px;
  font-size: 47px;
  line-height: 62px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff
}

.main-trade-in .big-title {
  width: 734px;
  margin-top: 48px;
  margin-bottom: 23px;
  font-size: 47px;
  line-height: 62px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff
}

.main-trade-in p {
  font-family: Arial, Inter;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #fff
}

.basic-features {
  margin-bottom: 65px
}

.basic-features__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0
}

.basic-features__title {
  margin-bottom: 65px
}

.basic-features__list-item {
  width: 29%;
  padding-top: 36px
}

.basic-features__list-item::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #8267BE;
  border-radius: 0
}

.basic-features__list-item::after {
  content: '';
  position: absolute;
  top: 8px;
  left: 80px;
  width: 75%;
  height: 1px;
  background-color: #cdd5e9
}

.basic-features__list-item b {
  display: inline-block;
  margin: 0;
  margin-bottom: 37px;
  padding: 0;
  font-family: Arial, Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  vertical-align: middle
}

.basic-features__list-item p {
  line-height: 32px
}

.enumeration .flex {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.program-list {
  width: 49%;
  margin-bottom: 90px;
  padding: 42px 62px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box
}

.program-list__title {
  margin-bottom: 45px
}

.program-list ul {
  padding-left: 40px
}

.program-list li::before {
  left: -40px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-color: #8267BE
}

.partners-banks {
  margin-bottom: 110px
}

.partners-banks.wrapp-form {
  margin-top: 0
}

.partners-banks__bg .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 47px;
  padding-bottom: 39px
}

.partners-banks__bg {
  background: -o-linear-gradient(328deg, #fff 42%, #8267BE 42%);
  background: linear-gradient(122deg, #fff 42%, #8267BE 42%)
}

.partners-banks__col-left {
  width: 600px;
  margin-right: auto
}

.partners-banks h2.big-title {
  margin-top: 30px;
  margin-bottom: 23px
}

.partners-banks p {
  margin-bottom: 60px
}

.partners-banks .blue-btn {
  width: 264px
}

.partners-banks__col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 52%
}

.partners-banks__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 100px;
  height: 80px;
  margin: 14px 10px;
  max-width: 150px
}

.partners-banks__item img {
  max-width: 100%;
  height: auto;
  display: block
}

.partners-banks__item:nth-of-type(1) {
  margin-left: 0
}

.partners-banks__item:nth-last-of-type(1) {
  margin-right: 20px
}

@media screen and (max-width:1660px) {
  .partners-banks__col-right {
    width: 53%
  }

  .partners-banks__item:nth-of-type(1) {
    margin-left: 0
  }
}

@media screen and (max-width:1440px) {
  .rews {
    margin-bottom: 0
  }

  .rews .item {
    margin-bottom: 64px
  }

  .rews .item .text {
    margin-bottom: 20px
  }

  .yt-btn-text {
    left: -200px
  }

  .credit-wrapper h1:before {
    left: -28px
  }
}

@media screen and (max-width:1300px) {
  .partners-banks__item {
    max-width: 120px
  }
}

@media screen and (max-width:1280px) {
  .yt-btn-text {
    left: -170px
  }

  .main-utilization .left {
    width: 50%
  }

  .main-utilization .big-title {
    font-size: 32px;
    line-height: 42px;
    width: auto
  }

  .main-trade-in .left {
    width: 50%
  }

  .main-trade-in .big-title {
    font-size: 32px;
    line-height: 42px;
    width: auto;
    margin-top: 325px
  }

  section.partners-banks {
    margin-top: 0
  }

  .partners-banks__col-left {
    width: 420px
  }
}

@media screen and (max-width:1024px) {
  .yt-btn-text {
    left: -270px
  }

  section.main-trade-in,
  section.main-utilization {
    margin-bottom: 60px;
    padding-bottom: 0;
    background-size: contain
  }

  .main-trade-in .wrapper,
  .main-utilization .wrapper {
    width: 100% !important
  }

  section.main-trade-in>.wrapper>.flex,
  section.main-utilization>.wrapper>.flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .main-trade-in .left,
  .main-utilization .left {
    width: calc(100% - 70px)
  }

  .main-utilization .big-title {
    margin-top: 128px;
    margin-bottom: 10px
  }

  .main-trade-in .big-title {
    max-width: 100px;
    margin-top: 40px;
    margin-bottom: 10px
  }

  .main-trade-in p {
    margin-bottom: 10px
  }

  .basic-features__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .basic-features__list-item {
    width: 100%;
    padding-top: 0;
    padding-left: 40px
  }

  .basic-features__list-item::after {
    top: 40px;
    left: 7px;
    width: 1px;
    height: 65%
  }

  .enumeration .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .program-list {
    width: 100%;
    margin-bottom: 60px
  }
}

div#__lpform_input_idx_1 {
  display: none
}

.wrapp-blog-item.policy h3 {
  margin-bottom: 20px
}

.wrapp-blog-item.policy ul {
  padding-left: 60px;
  list-style-type: none
}

.mini-text-form {
  font-size: 12px;
  line-height: 13px;
  letter-spacing: .02em;
  color: #999;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 0
}

.mini-text-form a {
  text-decoration: underline
}

.wrapp-blog-item.policy li {
  margin-bottom: 18px
}

.grid-about {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important
}

.shad-over {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6))
}

.yt-btn-text p {
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 16px;
  line-height: 20px
}

.yt-btn-text:hover {
  -webkit-filter: brightness(1.3);
  filter: brightness(1.3)
}

.credit-wrapper .car-block:before {
  content: "";
  width: 173px;
  height: 31px;
  background: url(/local/templates/auto/css/../img/scroll-d-st.png);
  display: block;
  position: absolute;
  top: 200px;
  left: -300px
}

.gos-credit .credit-wrapper .car-block:before {
  content: "";
  width: 173px;
  height: 31px;
  background: url(/local/templates/auto/css/../img/scroll-d-g.png);
  display: block;
  position: absolute;
  top: 200px;
  left: -300px
}

.fam-credit .credit-wrapper .car-block:before,
.first-credit .credit-wrapper .car-block:before {
  content: "";
  width: 173px;
  height: 31px;
  background: url(/local/templates/auto/css/../img/scroll-d-f.png);
  display: block;
  position: absolute;
  top: 200px;
  left: -300px
}

.rel-top .credit-wrapper h1 {
  max-width: 902px
}

.gos-credit p.italic {
  color: #000
}

.first-credit p.italic {
  color: #fff
}

.gos-credit a.next-step {
  border-color: #299bff
}

.gos-credit span.active {
  color: #299bff !important
}

.gos-credit .nice-select:active,
.gos-credit .nice-select:focus,
.gos-credit .nice-select:hover {
  border: 1px solid #e5e5e5 !important;
  border-bottom: 2px solid #299bff !important
}

.gos-credit .cond-slider .item.slick-slide:hover {
  border-color: #299bff !important
}

.gos-credit .cond-slider {
  cursor: url(/local/templates/auto/css/../img/cursor-gos.png), auto
}

.gos-credit .constructor-credit .main-price {
  color: #299bff
}

.gos-credit .ui-widget-header {
  background: #299bff !important
}

.gos-credit .constructor-credit .next-step.end {
  background: #299bff !important;
  border: 1px solid #299bff !important
}

.gos-credit .ui-button,
.gos-credit .ui-state-default,
.gos-credit .ui-widget-content .ui-state-default,
.gos-credit .ui-widget-header .ui-state-default,
html .gos-credit .ui-button.ui-state-disabled:active,
html .gos-credit .ui-button.ui-state-disabled:hover {
  background: #299bff !important
}

.first-credit a.next-step {
  border-color: #ff5e67
}

.first-credit span.active {
  color: #ff5e67 !important
}

.first-credit .nice-select:active,
.first-credit .nice-select:focus,
.first-credit .nice-select:hover {
  border: 1px solid #e5e5e5 !important;
  border-bottom: 2px solid #ff5e67 !important
}

.first-credit .cond-slider .item.slick-slide:hover {
  border-color: #ff5e67 !important
}

.first-credit .cond-slider {
  cursor: url(/local/templates/auto/css/../img/first_cursor.png), auto
}

.first-credit .constructor-credit .main-price {
  color: #ff5e67
}

.first-credit .ui-widget-header {
  background: #ff5e67 !important
}

.first-credit .constructor-credit .next-step.end {
  background: #ff5e67 !important;
  border: 1px solid #ff5e67 !important
}

.first-credit .ui-button,
.first-credit .ui-state-default,
.first-credit .ui-widget-content .ui-state-default,
.first-credit .ui-widget-header .ui-state-default,
html .first-credit .ui-button.ui-state-disabled:active,
html .first-credit .ui-button.ui-state-disabled:hover {
  background: #ff5e67 !important
}

.fam-credit a.next-step {
  border-color: #ff5e67
}

.fam-credit span.active {
  color: #ff5e67 !important
}

.fam-credit .nice-select:active,
.fam-credit .nice-select:focus,
.fam-credit .nice-select:hover {
  border: 1px solid #e5e5e5 !important;
  border-bottom: 2px solid #ff5e67 !important
}

.fam-credit .cond-slider .item.slick-slide:hover {
  border-color: #ff5e67 !important
}

.fam-credit .cond-slider {
  cursor: url(/local/templates/auto/css/../img/first_cursor.png), auto
}

.fam-credit .constructor-credit .main-price {
  color: #ff5e67
}

.fam-credit .ui-widget-header {
  background: #ff5e67 !important
}

.fam-credit .constructor-credit .next-step.end {
  background: #ff5e67 !important;
  border: 1px solid #ff5e67 !important
}

.fam-credit .ui-button,
.fam-credit .ui-state-default,
.fam-credit .ui-widget-content .ui-state-default,
.fam-credit .ui-widget-header .ui-state-default,
html .fam-credit .ui-button.ui-state-disabled:active,
html .fam-credit .ui-button.ui-state-disabled:hover {
  background: #ff5e67 !important
}

.first-credit .rel-bg {
  background: url(/local/templates/auto/css/../img/credit-red.png);
  background-repeat: no-repeat !important
}

.gos-credit .rel-bg {
  background: url(/local/templates/auto/css/../img/credit-blue.png);
  background-repeat: no-repeat !important
}

.fam-credit .rel-bg {
  background: url(/local/templates/auto/css/../img/credit-fam.png);
  background-repeat: no-repeat !important
}

.first-credit a.banner-btn {
  background: #ffda44;
  -webkit-box-shadow: 0 12px 16px rgba(215, 130, 83, .35), 0 6px 6px rgba(219, 120, 120, .3), 0 3px 1px #e43b3b, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(215, 130, 83, .35), 0 6px 6px rgba(219, 120, 120, .3), 0 3px 1px #e43b3b, inset 0 -2px 0 rgba(255, 255, 255, .12);
  border-radius: 4px;
  color: #1f1f1f
}

.gos-credit a.banner-btn {
  background: #299bff;
  -webkit-box-shadow: 0 12px 16px rgba(83, 128, 215, .35), 0 6px 6px rgba(120, 178, 219, .3), 0 3px 1px #4082d0, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(83, 128, 215, .35), 0 6px 6px rgba(120, 178, 219, .3), 0 3px 1px #4082d0, inset 0 -2px 0 rgba(255, 255, 255, .12)
}

.fam-credit a.banner-btn {
  background: #ff5e67;
  -webkit-box-shadow: 0 12px 16px rgba(234, 103, 103, .35), 0 6px 6px rgba(219, 120, 120, .3), 0 3px 1px #e43b3b, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(234, 103, 103, .35), 0 6px 6px rgba(219, 120, 120, .3), 0 3px 1px #e43b3b, inset 0 -2px 0 rgba(255, 255, 255, .12)
}

.constructor-credit .main-price {
  white-space: nowrap
}

.popup-form {
  position: fixed;
  background: #fff;
  padding: 30px;
  top: 20%;
  width: 480px;
  left: calc(50% - 200px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99999;
  display: none
}

.popup-form.credit-vigoda {
  padding: 80px 42px;
  left: calc(50% - 410px);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover
}

.popup-form.credit-vigoda .desc {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #333
}

.popup-form.active {
  display: block;
  animation: fadeInc .4s;
  -webkit-animation: fadeInc .4s
}

.popup-form.credit-vigoda {
  width: 820px
}

.form-note {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0
}

.fam-credit .rel-bg {
  opacity: 0;
  animation: fadeIns .8s;
  -webkit-animation: fadeIns .8s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes fadeIns {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
  }
}

@-webkit-keyframes fadeInc {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
  }
}

@keyframes fadeInc {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
  }
}

@-webkit-keyframes fadeIns {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
  }
}

@keyframes fadeInc {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    opacity: 0
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
  }
}

footer .links .item .cols-list a {
  text-transform: capitalize
}

.constructor-credit .step .center img {
  height: 350px;
  max-width: 100%
}

.popular-cars-section .popular-cars .item {
  display: none
}

.popular-cars-section .popular-cars .item.active {
  display: block
}

.popular-cars .item .btns a {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.popular-cars .item .btns a:hover {
  color: #8267BE;
  border-color: #8267BE
}

.cond-slider {
  cursor: url(/local/templates/auto/css/../img/cursor-credit.png), auto
}

.header-for-credit,
header.credit-header .dark-header,
header.credit-header .light-header {
  display: none
}

header.credit-header .header-for-credit {
  display: block
}

.cond-slider .item.slick-slide {
  border: 2px solid #fff
}

.cond-slider .item.slick-slide:hover {
  border: 2px solid #8267BE
}

.constructor-credit {
  margin-bottom: 30px;
  position: relative
}

.hidden-options .value-options div {
  display: none
}

.hidden-options .value-options div:first-child {
  display: block
}

.compare-btn .head-btn.add {
  padding: 0
}

.head-btn.compl1 .close {
  display: none !important
}

.template-item-car .first-banner .img img {
  max-width: 100%;
  min-width: 600px;
  padding-top: 50px
}

.credit-wrapper .car-block img {
  max-width: 734px
}

.constructor-credit .step img {
  max-width: 460px
}

.compare-btn .head-btn.add .nice-select {
  background: 0 0;
  border: none;
  margin-bottom: 0;
  height: 100%;
  line-height: 73px
}

.complectations .desc .spoiler-har {
  padding: 20px 30px;
  font-size: 14px
}

.credit-wrapper.order {
  padding: 60px 0
}

div.nice-select .option {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center
}

.credit-wrapper h1:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #ffc000;
  border-radius: 50%;
  position: absolute;
  left: -50px
}

.gos-credit h1:before {
  background: #299bff;
  border-radius: 0
}

.fam-credit h1:before {
  background: #ff3d2f
}

.first-credit h1:before {
  width: 0;
  height: 0;
  background: 0 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #54e051;
  border-radius: 0
}

.credit-wrapper h1 {
  position: relative
}

.constructor-credit .next-step.end img {
  -webkit-filter: brightness(15);
  filter: brightness(15)
}

button {
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto;
  text-decoration: none;
  font-family: Arial, Inter, sans-serif
}

.next-step img.lazy.loaded {
  margin-left: 24px
}

.desc {
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  margin: 20px 0
}

.complectations .item.active .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.complectations span.open-close {
  padding-right: 10px
}

.complectations .option__title {
  padding: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #000;
  background-color: #f0f0f0
}

.option__list {
  padding-top: 20px;
  list-style: none;
  border-left: solid 2px #f0f0f0
}

.option__list li {
  font-size: 14px;
  line-height: 16px;
  color: #666
}

.option__list li::before {
  display: none
}

.complectation--new .complectations .item .desc {
  border-top: solid 1px #000
}

.complectation--new .complectations .option__title {
  margin-top: 30px;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  color: #000;
  background-color: transparent
}

.complectation--new .option__list {
  -webkit-column-width: 200px;
  -moz-column-width: 200px;
  column-width: 200px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  border-left: none
}

.complectation--new .option__list li {
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #000
}

.complectation--new .option__list li::before {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #8267BE
}

.complectation--new .btn--border {
  width: 140px
}

.btns-order .btn {
  width: 140px
}

.compare-btn .head-btn.add .nice-select:active,
.compare-btn .head-btn.add .nice-select:focus,
.compare-btn .head-btn.add .nice-select:hover {
  background: 0 0 !important;
  border: none !important
}

section.news h2 a {
  font-size: 16px;
  line-height: 16px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #8267BE;
  font-weight: 100
}

section.contacts h1 {
  margin: 64px 0 24px 108px
}

p.metro img {
  margin-right: 13px
}

.cont-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  margin: 64px 0 24px
}

a.map-select {
  border-bottom: 1px solid
}

.meta-info-top {
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .02em;
  color: #999;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto 0 23px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5
}

.rew-wrapper .mini-desc {
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .01em;
  color: #999;
  margin-top: 10px;
  margin-bottom: 80px
}

.meta-info .btns {
  width: unset;
  margin: unset
}

.meta-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.meta-info .btns .grey-btn,
.meta-info-top .btns .grey-btn {
  padding: 8px 24px;
  margin-left: 8px;
  margin-right: 0
}

.rewsan-img {
  width: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

section.constructor .center img {
  max-height: 230px !important
}

section.constructor .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.constructor .img-color {
  max-height: 290px;
  max-width: 480px
}

.meta-info .btns .grey-btn img,
.meta-info-top .btns .grey-btn img {
  margin-right: 22px
}

span.photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #eee;
  margin-right: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.inend,
.instart {
  width: 20px;
  height: 20px;
  background-size: 100%;
  display: inline-block;
  display: none
}

.inend {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 64px;
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  margin-top: 64px;
  margin-bottom: 64px
}

h1.none {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  color: #e5e5e5
}

section.search label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #999;
  font-weight: 400
}

section.search input {
  background: url(/local/templates/auto/css/../img/search.png);
  background-repeat: no-repeat;
  background-position: left 20px top 14px;
  padding-left: 56px;
  padding-top: 0;
  opacity: 1;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

section.search h1 {
  margin-top: 80px
}

.not-found .center {
  display: block;
  margin: 80px auto;
  width: 408px
}

p.found {
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .01em;
  margin: 16px 0 40px;
  color: #999
}

section.search .to-top {
  margin: 100px auto 50px
}

section.search .info-car {
  display: block;
  border-top: none
}

.page-numbers span {
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: .04em;
  color: #999;
  padding: 6px 12px;
  margin: 0 8px;
  cursor: pointer
}

.page-numbers span.active {
  color: var(--blue);
  background: #e5e5e5;
  border-radius: 50%;
  line-height: inherit
}

.page-numbers span.big {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8267BE;
  padding: 12px 24px;
  border: 2px solid var(--blue);
  border-radius: 100px;
  margin: 0 48px 0 24px
}

a.author,
span.author {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000
}

.rew-wrapper {
  padding: 64px 0 64px 252px
}

.rews .item .title {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #000
}

.pad-cont {
  padding-left: 25px
}

.pad-cont p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333;
  margin-bottom: 16px
}

p.metro {
  color: #019ee0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-map {
  padding-left: 108px
}

.cont-title:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #ccc;
  display: inline-block;
  border-radius: 50%;
  margin-right: 16px;
  position: relative;
  top: -2px
}

section.news h2 a:before {
  content: "";
  width: 13px;
  height: 14px;
  background: url(/local/templates/auto/css/../img/arrow-right.png);
  display: inline-block;
  position: relative;
  top: 2px;
  left: -17px;
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

section.about {
  background: #fff
}

.numbers .item {
  background: -o-linear-gradient(317.73deg, #fff 35.38%, #f5f5f5 68.64%, rgba(240, 240, 240, 0) 100%);
  background: linear-gradient(132.27deg, #fff 35.38%, #f5f5f5 68.64%, rgba(240, 240, 240, 0) 100%);
  padding: 24px 32px 10px;
  margin-right: 0
}

.numbers {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 80px
}

.numbers .number {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #8267BE;
  margin-bottom: 10px
}

.numbers .desc {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .01em;
  color: #333;
  opacity: .5
}

section.news h2 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.slider-news {
  margin-top: 64px
}

.slider-news .item {
  width: 408px;
  height: 520px;
  background-size: cover !important;
  -webkit-transition: background .5s linear;
  -o-transition: background .5s linear;
  transition: background .5s linear;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin: 0 10px
}

.slider-news .item:active,
.slider-news .item:focus {
  outline: 0
}

.slider-news .item.st {
  background: 0 0 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.slider-news .item:hover {
  cursor: url(/local/templates/auto/css/../img/cursor.png), auto;
  background: unset
}

.slider-news .item .date {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #fff;
  margin-top: 40px;
  margin-left: 40px;
  z-index: 2;
  position: relative
}

.slider-news .item .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  margin-top: 100px;
  margin-left: 15px;
  padding-right: 15px;
  z-index: 2;
  position: relative
}

.slider-news .item:hover .date,
.slider-news .item:hover .title {
  color: #fff
}

section.about {
  padding: 80px 0
}

.text-photo p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333
}

.grid-about .img {
  width: 100%;
  padding-top: 47%;
  background-position: center
}

.main-slider {
  position: relative;
  margin-bottom: 40px
}

.text-photo h2 {
  margin-bottom: 40px
}

.grid-about {
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 100px;
  -ms-grid-columns: 1fr 100px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: start
}

.text-photo h2 {
  margin-bottom: 20px;
  font-size: 21px
}

div.diag-blue-block h2 {
  color: #fff
}

footer {
  background-color: #969696;
  padding: 64px 0;
  cursor: url(/local/templates/auto/css/../img/cursor_default_ondark.png), auto
}

.constructor,
.dark-header {
  cursor: url(/local/templates/auto/css/../img/cursor_default_ondark.png), auto
}

.constructor .right-options {
  cursor: url(/local/templates/auto/css/../img/cursor_default.png), auto
}

footer a {
  color: #fff;
  transition: all .25s ease
}

.dark-header a:hover,
footer a:hover:not(.title) {
  cursor: pointer;
  -webkit-filter: unset;
  filter: unset
}

footer .title {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: normal;
  color: #fff;
  display: inline-block
}

.links {
  width: 100%;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.links .item:nth-child(3) {
  flex-shrink: 0
}

.links .item+.item {
  margin-left: 25px
}

.footer__link.filled {
  margin-bottom: 0;
  padding: 5px 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .25);
  background-color: #ebebec;
  color: #000;
  border-radius: 10px;
  line-height: 18px;
  text-align: center;
  opacity: 1;
  transition: all .25s ease;
  display: flex;
  justify-content: center;
  align-items: center
}

.footer__link.filled:hover {
  opacity: .7
}

.links .item a.title {
  margin-bottom: 15px
}

.links .item:nth-child(3) .footer__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 50px;
  row-gap: 3px
}

.links .item:nth-child(1) .footer__grid,
.links .item:nth-child(2) .footer__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 10px
}

.cols-list {
  -webkit-column-count: 7;
  -moz-column-count: 7;
  column-count: 7
}

.bottom-footer p {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  line-height: 25px
}

.bottom-footer p+p {
  margin-left: 25px
}

.bottom-footer p:nth-child(1) {
  width: 30%
}

.bottom-footer p:nth-child(2) a {
  /*width: 30%*/
  text-decoration: underline;
}

.bottom-footer {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.bottom-footer__center {
  width: 40%;
}

.-mini-banner-bus .title p {
  font-size: 32px;
  line-height: 32px;
  color: #333;
  font-weight: 700;
  width: 303px
}

.-mini-banner-bus .info,
.-mini-banner-bus .info p {
  text-align: center;
  width: 100%
}

.-mini-banner-bus .grid .title {
  padding: 40px 0 0 64px
}

.-mini-banner-bus .info {
  padding-top: 25px
}

.-mini-banner-bus {
  width: 1128px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06);
  height: 203px;
  background: url(/local/templates/auto/css/../img/shina.png);
  background-repeat: no-repeat
}

.-mini-banner-bus .title p span.blue {
  color: #8267BE
}

.-mini-banner-bus .nano-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  opacity: .8
}

.-mini-banner-bus p.number-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 24px;
  color: #fff;
  text-shadow: 0 4px 1px rgba(0, 0, 0, .15)
}

a.get {
  background: #fff;
  -webkit-box-shadow: 0 6px 12px #9b136d, 0 4px 0 #ed2935, inset 0 -3px 0 #ffb6b6;
  box-shadow: 0 6px 12px #9b136d, 0 4px 0 #ed2935, inset 0 -3px 0 #ffb6b6;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .026em;
  color: #000;
  width: 204px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-align: center;
  margin: 30px auto 0
}

.newsListEl .img {
  position: relative
}

.newsListEl .newsDate {
  background: red;
  color: #fff;
  padding: 3px 5px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0
}

section.news {
  padding: 120px 0
}

.-mini-banner-bus .grid {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  background: url(/local/templates/auto/css/../img/prl.png);
  background-position: center right;
  background-repeat: no-repeat;
  height: 100%
}

div.configurator {
  background: url(/local/templates/auto/css/../img/footer-banner.jpg);
  padding: 46px 0;
  color: #fff;
  background-size: cover
}

div.configurator .title {
  font-weight: 700;
  font-size: 64px;
  line-height: 64px;
  color: #fff;
  font-family: Arial, Georgia
}

div.configurator .mini-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #fff;
  opacity: .8;
  width: 435px
}

a.conf {
  background: #ffda44;
  -webkit-box-shadow: 0 8px 12px rgba(255, 224, 143, .4), 0 4px 2px rgba(255, 133, 64, .8), 0 4px 0 #f5956b;
  box-shadow: 0 8px 12px rgba(255, 224, 143, .4), 0 4px 2px rgba(255, 133, 64, .8), 0 4px 0 #f5956b;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: .026em;
  color: #1f1f1f;
  height: 48px;
  width: 280px;
  display: block;
  text-align: center;
  margin-top: 80px
}

div.configurator hr {
  background: #fff;
  opacity: .1;
  width: 200px;
  margin-bottom: 16px;
  margin-top: 30px
}

div.configurator .border {
  padding-left: 150px;
  padding: 150px 0 160px;
  border-left: none;
  width: 950px;
  border-right: 4px solid rgba(255, 255, 255, .2);
  position: relative
}

div.configurator .border:before {
  content: "";
  width: 1200px;
  background: rgba(255, 255, 255, 0);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .2)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
  height: 4px;
  top: -150px;
  left: -250px;
  display: block;
  position: relative
}

div.configurator .border:after {
  content: "";
  width: 1200px;
  background: rgba(255, 255, 255, 0);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .2)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2));
  height: 4px;
  bottom: -160px;
  left: -250px;
  display: block;
  position: relative
}

section.parameters {
  padding-bottom: 128px
}

.flex.tupes .item {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #999;
  margin-right: 90px
}

.flex.tupes .item span.price {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  white-space: nowrap
}

.info-car p.name {
  width: 100%;
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: .012em;
  color: #000;
  border-bottom: 2px solid #ccc;
  padding-bottom: 18px;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s
}

.catalog-in-catalog {
  margin-bottom: 70px
}

section.catalog-in-catalog .info-car {
  display: block;
  border-top: none;
  padding-top: 10px
}

section.catalog-in-catalog span.price:after,
section.catalog-in-catalog span.sale-value:after {
  content: " \20BD"
}

section.catalog-in-catalog .popular-cars {
  padding: 100px 0;
  grid-gap: 135px
}

section.catalog-in-catalog .popular-cars.archive-cars {
  padding-top: 50px;
  padding-bottom: 100px
}

.pb0 {
  padding-bottom: 0 !important
}

section.catalog-in-catalog p.title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333
}

section.catalog-in-catalog.archive-wrapper {
  padding-top: 0
}

.archive-wrapper h3 {
  font-size: 24px
}

section.catalog-in-catalog .time {
  background: #fff;
  width: 411px;
  justify-self: flex-end;
  background: -o-linear-gradient(337.05deg, rgba(109, 109, 109, .8) 14.04%, rgba(1, 13, 154, .8) 98.35%);
  background: linear-gradient(112.95deg, rgba(109, 109, 109, .8) 14.04%, rgba(1, 13, 154, .8) 98.35%);
  border-radius: 3px
}

section.catalog-in-catalog .time .add-info {
  height: 80px;
  color: #fff;
  padding: 16px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

section.catalog-in-catalog .time .add-info p:first-child {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  margin-bottom: 8px
}

section.catalog-in-catalog .time .add-info p:nth-child(2) {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff
}

.counter .days-top,
.counter .hours-top,
.counter .minutes-top,
.counter .seconds-top {
  font-weight: 100;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  background: #2f3663;
  border-radius: 5px;
  padding: 3px 0;
  width: 100%;
  display: block
}

.grid-title-time {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.countdown-value {
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 38px;
  line-height: 65px;
  text-align: center;
  color: #fff
}

.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.counter {
  text-align: center;
  padding: 25px 0 5px
}

.countdown-container {
  margin-right: 20px;
  background: rgba(19, 40, 114, .3);
  border-radius: 5px;
  text-align: center;
  width: 65px
}

.countdown-container:last-child {
  margin-right: 0
}

.dotsCount {
  position: relative;
  left: -24px;
  top: -7px
}

.about-main .value-about {
  font-weight: 500;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -.04em;
  color: #333;
  margin-bottom: 5px
}

.about-main .title-about {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #666;
  opacity: .8;
  margin-bottom: 70px
}

.about-main .grid-about {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 0;
  margin-top: 70px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.about-main .grid-about .right {
  text-align: right
}

.about-main {
  margin-top: 120px
}

.hidden-options .title-option {
  font-size: 14px;
  line-height: 16px;
  color: #999;
  margin-bottom: 4px
}

a.to-top {
  display: none
}

.option-row {
  padding: 7px 15px 7px;
  border-bottom: 1px solid #f0f0f0
}

.hidden-options {
  background: #fafafa
}

.spoiler-har {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  background: #f0f0f0;
  padding: 20px 56px
}

.compare--white .spoiler-har {
  padding-left: 18px;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  background: #fff;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5
}

.hidden-options .value-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.hidden-options .value-options div {
  font-size: 16px;
  line-height: 16px;
  width: 190px;
  color: #1f1f1f;
  width: 320px
}

.spoiler-option-car .hidden-options {
  display: none;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.spoiler-option-car.active .hidden-options {
  display: block
}

.compare-btn .head-btn {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  background: var(--blue);
  padding: 16px 24px;
  -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
  width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.compare-btn .head-btn .close.lazy {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 30px;
  right: 30px
}

.compare--white .spoiler-option-car .hidden-options {
  background-color: #fff
}

.compare--white .option-row {
  padding: 20px 15px 20px;
  border-bottom: none
}

.compare--white .hidden-options .title-option {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 400
}

.compare--white .hidden-options .option-row.blue-option div {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #1f1f1f
}

.compare--white .compare-btn {
  background-color: #fff
}

.compare--white .compare-btn .head-btn.add .nice-select {
  background-color: #fff
}

.head-btn.add {
  border: 2px solid #8267BE;
  background: #fafafa;
  color: var(--blue);
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.compare-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  background: #f5f5f5
}

.compare-btn .head-btn a {
  opacity: .4;
  line-height: 16px;
  font-size: 14px
}

.compare-btn .head-btn.add a {
  opacity: 1
}

.compare-btn .head-btn p {
  margin-bottom: 8px
}

.hidden-options .option-row.blue-option div {
  color: #8267BE
}

.compare--white .head-btn.add {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #000
}

.compare--white .head-btn.add {
  border: 1px solid #000
}

.compare--white .compare-btn .head-btn {
  padding-left: 0;
  color: #000;
  background: 0 0
}

section.compare {
  margin-top: 120px
}

table {
  border-collapse: collapse;
  background: #fafafa
}

th {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #8267BE;
  background: #f0f0f0;
  text-align: left;
  padding: 16px;
  border: 1px solid #e6e6e6
}

.parameters th:first-child {
  width: 420px
}

.parameters th:nth-child(2) {
  width: 320px
}

td {
  padding: 16px;
  border: 1px solid #e6e6e6
}

.parameters .title-cpoiler {
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  background: #fafafa;
  padding: 16px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto;
  margin-bottom: 8px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.parameters .title-cpoiler .open-close {
  width: 16px;
  background: #ccc;
  height: 3px
}

.parameters .title-cpoiler .open-close::before {
  content: "";
  width: 3px;
  background: #ccc;
  height: 16px;
  display: inline-block;
  position: relative;
  top: -6px;
  left: 6px
}

.parameters .title-param {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1f1f1f;
  margin: 40px 0 16px
}

section.parameters {
  margin-top: 80px
}

.parameters .spoiler table {
  border-collapse: collapse;
  background: #fafafa;
  margin-bottom: 40px
}

section.compare .spoiler-har .open-close {
  position: relative;
  left: -20px
}

.parameters .spoiler table {
  display: none;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

section.parameters--gray {
  z-index: 2;
  position: relative;
  margin-bottom: 90px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f0f0f0
}

section.parameters--gray::before {
  z-index: -1;
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  right: 50%;
  width: 100vw;
  height: 100%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #f0f0f0
}

section.parameters--gray .title-cpoiler .open-close {
  width: 10px;
  background: #000;
  height: 2px
}

section.parameters--gray .title-cpoiler .open-close::before {
  width: 2px;
  background: #000;
  height: 10px;
  top: -7px;
  left: 4px
}

section.parameters--gray .title-cpoiler {
  padding-left: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  background-color: transparent
}

section.parameters--gray .title-param {
  font-style: normal;
  font-weight: 400;
  color: #1f1f1f
}

section.parameters--gray .spoiler table {
  background-color: transparent
}

section.parameters--gray td {
  border: 1px solid #e5e5e5;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #868686
}

section.parameters--gray th {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  background-color: #e6e6e6;
  color: #000
}

.colors-slider {
  max-width: 700px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translateX(-50%);
  overflow: hidden
}

.colors-slider .swiper-container {
  width: 100%;
  height: 320px;
  margin-left: auto;
  margin-right: auto;
  overflow: unset
}

.colors-slider .swiper-slide {
  background-size: cover;
  background-position: center
}

.colors-slider__cars .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center
}

.colors-slider__cars .swiper-slide img {
  max-height: 290px
}

.colors-slider__cars .swiper-slide .photo-Chery-tiggo-2 {
  width: 570px
}

.colors-slider__cars .swiper-slide .hoto-Chery-tiggo-3 {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Foton-sauvana {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Geely-emgrand-x7 {
  max-height: unset
}

.colors-slider__cars .swiper-slide .Wall-hover_h3 {
  /*width: 520px*/
  max-height: 350px;
}

.colors-slider__cars .swiper-slide .Wall-hover_h5 {
  /*width: 630px*/
  max-height: 350px;
}

.colors-slider__cars .swiper-slide .photo-Haval-gw-wingle-7 {
  width: 490px
}

.colors-slider__cars .swiper-slide .photo-JAC-j7 {
  width: 570px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Lada-lada-granta {
  width: 600px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Ravon-r2 {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Ravon-nexia-r3 {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Ravon-gentra {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Renault-duster {
  width: 630px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Renault-sandero_stepway {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Skoda-fabia {
  width: 580px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Skoda-fabia-combi {
  width: 560px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-UAZ-patriot {
  width: 460px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Volkswagen-tiguan-2021 {
  width: 560px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Zotye-zotye_t600 {
  width: 510px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Zotye-zotye_z300 {
  width: 510px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Chevrolet-traverse {
  width: 560px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Dongfeng-ax7 {
  width: 540px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Dongfeng-580-new-082019 {
  width: 600px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Ford-fiesta-5d {
  width: 525px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Ford-ecosport_new {
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Haval-havakh5 {
  width: 540px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Honda-cr-v-new-2020 {
  width: 540px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Hyundai-palisade {
  width: 520px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Hyundai-i40_new {
  width: 505px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Hyundai-genesis_new {
  width: 590px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-JAC-jac-s5-62018 {
  width: 520px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-JAC-jac-t6-082019 {
  width: 480px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Mitsubishi-l200_new {
  width: 630px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Opel-antara {
  width: 650px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Renault-kaptur {
  width: 500px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Renault-renault-kaptur {
  width: 515px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Renault-megane {
  width: 590px;
  max-height: unset
}

.colors-slider__cars .swiper-slide .photo-Toyota-hilux {
  width: 620px;
  max-height: unset
}

.colors-slider .colors-slider__thumb {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer
}

.colors-slider__cars {
  height: 80%;
  width: 100%
}

.colors-slider__thumbs.swiper-container {
  max-width: 415px;
  height: 38px;
  box-sizing: content-box;
  padding: 10px 0;
  overflow: hidden;
  display: flex;
  justify-content: flex-start
}

.colors-slider__thumbs .swiper-wrapper {
  margin: 0 auto;
  justify-content: space-between
}

.colors-slider__thumbs .swiper-slide {
  width: 42px !important;
  height: 100%
}

.colors-slider .swiper-slide span {
  display: block;
  object-fit: cover
}

.swiper-slide-thumb-active .colors-slider__thumb {
  border: 2px solid #8267BE
}

.colors-slider .swiper-button-next,
.colors-slider .swiper-button-prev {
  top: unset;
  bottom: -50px;
  color: #8267BE
}

.colors-slider .swiper-button-next {
  right: 15%
}

.colors-slider .swiper-button-prev {
  left: 15%
}

.colors-slider .swiper-button-next::after,
.colors-slider .swiper-button-prev::after {
  font-size: 24px;
  font-weight: 700
}

.gallery {
  margin-bottom: 80px
}

.gallery__exterior,
.gallery__interior {
  display: none
}

.gallery__exterior.active,
.gallery__interior.active {
  display: block
}

.gallery-tabs {
  display: flex;
  align-items: center
}

.gallery .wrapper {
  width: unset;
  margin: 0 0 25px 0
}

.gallery-tab {
  position: relative;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  cursor: pointer
}

.gallery-tab+.gallery-tab {
  margin-left: 50px
}

.gallery-tab::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #8267BE;
  transition: all .3s ease-in-out
}

.gallery-tab.active::before {
  width: 100%
}

.gallery .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto
}

.gallery .swiper-slide {
  background-size: cover;
  background-position: center
}

.gallery .car-gallery-main {
  height: 80%;
  width: 100%
}

.gallery .car-gallery-thumbs {
  height: 20%;
  box-sizing: border-box
}

.gallery .car-gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: .4
}

.gallery .car-gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1
}

.gallery .swiper-slide img {
  display: block;
  max-height: 700px;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.gallery .car-gallery-thumbs img {
  height: 96px
}

.gallerySlider .owl-thumbs {
  display: flex;
  align-items: center
}

.gallerySlider .photo-main img {
  max-width: 100%;
  max-height: 650px;
  height: auto
}

.gallery--margin {
  margin-bottom: 90px
}

.gallery__slider a::after {
  z-index: 2;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  background-image: url(/local/templates/auto/css/../img/icon-arrows.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.gallery__slider a:hover::after {
  opacity: 1
}

.gallery-stack {
  position: relative;
  width: 1416px;
  height: 596px;
  margin: 32px 0 190px
}

.gallery-stack .photo {
  display: none
}

.gallery-stack .photo {
  width: 1416px;
  height: 596px;
  margin: 0 auto;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 8px
}

.main-slider .number-slide {
  color: #ccc
}

.main-slider .number-slide .now {
  color: rgba(0, 0, 0, .8)
}

.main-slider .arrows .next {
  -webkit-filter: brightness(.8);
  filter: brightness(.8);
  opacity: .5
}

.main-slider .arrows .prev {
  -webkit-filter: brightness(.8);
  filter: brightness(.8)
}

.main-slider .number-slide {
  bottom: 20px;
  right: 115px
}

.main-slider .arrows {
  bottom: 14px;
  right: 17px
}

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.popular-cars-section h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.popular-cars-section h2 a {
  font-size: 13px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-weight: 400;
  padding-left: 40px;
  position: relative;
  top: 3px;
  font-weight: 500
}

.popular-cars-section h2 a:before {
  content: "";
  background: url(/local/templates/auto/css/../img/circle-arrow.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 16px
}

@-webkit-keyframes fadeInMin {
  0% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

.gallery-stack .photo.first {
  display: block !important;
  z-index: 2;
  position: relative;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.gallery-stack .photo.second {
  background: #e0e0e0 !important;
  display: block !important;
  position: absolute;
  top: 20px;
  left: -20px;
  z-index: 1;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: .5
}

.gallery-stack .photo.third {
  background: #ebebeb !important;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  display: block !important;
  position: absolute;
  top: 40px;
  left: 50% -40px;
  z-index: 0;
  opacity: .5
}

.gallery-stack .photo.fourth {
  background: #f5f5f5 !important;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  border-radius: 8px;
  display: block !important;
  position: absolute;
  top: 60px;
  left: -60px;
  z-index: -1;
  opacity: .3
}

.gallery-stack .slides {
  width: 100%;
  height: auto;
  position: relative
}

.number-slide {
  position: absolute;
  color: #fff;
  bottom: 48px;
  left: calc(50% - 50px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  font-size: 16px
}

.number-slide .now {
  font-weight: 700;
  margin-right: 8px;
  opacity: 1
}

.number-slide .total {
  margin-left: 8px;
  opacity: .6
}

.arrows {
  position: absolute;
  bottom: 42px;
  left: calc(50% + 50px);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.arrows .prev {
  width: 6px;
  height: 12px;
  background-image: url(/local/templates/auto/css/../img/gallery-arrow.png);
  background-color: rgba(255, 255, 255, .5);
  border-radius: 4px;
  padding: 10px 13px;
  background-repeat: no-repeat;
  background-position: top 10px left 12px;
  margin-right: 8px;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.arrows .prev.noactive {
  background-color: rgba(255, 255, 255, 0);
  cursor: default
}

.arrows .next {
  width: 6px;
  height: 12px;
  background-image: url(/local/templates/auto/css/../img/gallery-arrow.png);
  background-color: rgba(255, 255, 255, .5);
  border-radius: 4px;
  padding: 10px 13px;
  background-repeat: no-repeat;
  background-position: top 10px left 12px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.nice-select {
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto !important
}

.model-year ul.list,
.nice-select ul.list {
  max-height: 400px;
  overflow-y: scroll
}

.tabs-btn ul li {
  list-style-type: none;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 8px 16px;
  display: inline-block;
  margin-left: 0;
  background: #fafafa;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.gallery--margin .tabs-btn ul li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #000;
  background: 0 0;
  border: none;
  border-bottom: solid 3px #fff
}

.tabs-btn ul li.active {
  border-color: var(--blue)
}

.gallery--margin .tabs-btn ul li.active {
  border-bottom: 3px solid #8267BE
}

.tabs-btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tabs-btn {
  margin-top: 30px;
  margin-bottom: 20px
}

.diag-blue-block .title {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  color: #ced9f5;
  padding-top: 176px;
  margin-bottom: 40px
}

.diag-blue-block.left .blue-diag {
  background-image: -o-linear-gradient(175deg, rgba(0, 0, 0, 0) 49.8%, var(--blue) 50%, var(--blue) 100%);
  background-image: linear-gradient(-85deg, rgba(0, 0, 0, 0) 49.8%, var(--blue) 50%, var(--blue) 100%);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0
}

.diag-blue-block.left .img-block {
  position: absolute;
  width: 55%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1
}

.diag-blue-block .img-block .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.diag-blue-block {
  position: relative;
  overflow: hidden
}

.diag-blue-block .blue-overlay {
  background: rgba(26, 65, 166, .8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.diag-blue-block.left .text {
  width: 602px;
  padding-left: 252px;
  color: #fff;
  position: relative;
  padding-bottom: 176px
}

.diag-blue-block.right .blue-diag {
  background-image: -o-linear-gradient(355deg, rgba(0, 0, 0, 0) 46.7%, var(--blue) 47%, var(--blue) 100%);
  background-image: linear-gradient(95deg, rgba(0, 0, 0, 0) 46.7%, var(--blue) 47%, var(--blue) 100%);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0
}

.diag-blue-block.right .img-block {
  position: absolute;
  width: 55%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1
}

.diag-blue-block.right .text {
  width: 602px;
  padding-right: 252px;
  color: #fff;
  position: relative;
  padding-bottom: 176px;
  float: right
}

.template-item-car .gallery {
  margin-top: 75px
}

.parameters .spoiler.active table {
  display: block
}

.grid-option-credit .item.selected .check {
  background: var(--blue);
  border-color: var(--blue);
  position: relative
}

.grid-option-credit .item.selected .check:active:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

.grid-option-credit .item.selected .check:active:after {
  display: none
}

.grid-option-credit .item.selected .check:before {
  content: "";
  width: 12px;
  background: #fff;
  height: 2px;
  display: block;
  position: absolute;
  top: 9px;
  left: 4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.grid-option-credit .item.selected .check:after {
  content: "";
  width: 12px;
  background: #fff;
  height: 2px;
  display: block;
  position: absolute;
  top: 9px;
  left: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.grid-option-credit .item.selected .check:hover {
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #f4f4f4;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1))), #f4f4f4;
  background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #f4f4f4
}

.credit-options__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px
}

.credit-options__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 440px;
  padding: 35px 40px;
  margin-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  border-radius: 5px;
  background-color: #fff
}

.credit-options__desc h3 {
  margin-bottom: 35px;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  color: #000
}

#credit-options .nice-select {
  padding-left: 15px;
  height: 66px;
  background: #f4f4f4;
  border-radius: 5px;
  margin-bottom: 20px
}

#credit-options .nice-select:hover {
  padding-left: 15px;
  height: 66px;
  background: #f4f4f4;
  border-radius: 5px;
  margin-bottom: 20px
}

.credit-options__desc .main-price {
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  display: none;
  color: #000
}

.credit-options__desc .credit-price {
  margin-bottom: 30px;
  background: #f4f4f4;
  border-radius: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  color: #000;
  padding: 7px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 33px
}

@media screen and (max-width:650px) {
  .credit-options__desc .credit-price {
    width: 100%;
    margin-bottom: 12px
  }
}

.credit-options__desc .credit-price .rub,
.credit-options__desc .credit-price .value {
  color: #ea261c
}

.credit-options__desc .equipment {
  margin-bottom: 45px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #000
}

.credit-options__desc .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 250px;
  height: 138px;
  margin: 0 auto;
  margin-bottom: 20px
}

.credit-options__desc .photo img {
  width: 100%
}

.credit-options__desc .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0
}

.credit-options__desc .flex p {
  font-style: normal;
  font-weight: 750;
  font-size: 15px;
  line-height: 26px;
  color: #9c9c9c
}

.credit-options__desc .flex div {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  padding: 6px 18px;
  color: #8267BE;
  background: #f4f4f4;
  border-radius: 5px
}

.credit-options__desc .flex .rub {
  font-family: Arial
}

.credit-options__desc .special-offer {
  margin-top: 5px;
  padding-bottom: 15px
}

.credit-options__desc .flex .value-sale {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  color: #8267BE;
  background: #f4f4f4;
  border-radius: 5px
}

.credit-options .flex .value-sale::after {
  font-family: Arial
}

.credit-options__desc .flex.total-value {
  margin-bottom: 30px
}

.credit-options__desc .btn {
  width: 100%;
  margin-top: auto
}

.credit-options__wrap .grid-option-credit {
  width: 65%;
  margin: 0;
  grid-template-columns: repeat(2, 48%)
}

.credit-options__wrap .grid-option-credit .item {
  padding: 4% 10%;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #d9d9d9;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.credit-options__wrap .grid-option-credit .item div:first-child {
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #1f1f1f
}

.credit-options__wrap .grid-option-credit .item>div:first-child {
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #1f1f1f
}

.credit-options__wrap .grid-option-credit .item div:nth-child(2) {
  width: 100%;
  padding: 0;
  min-height: unset;
  background-color: transparent
}

.credit-options__wrap .grid-option-credit .selected .item .wrap div:nth-last-of-type(1) {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #8267BE;
  background: #f4f4f4
}

.credit-options__wrap .grid-option-credit .item .wrap div:nth-last-of-type(1) {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  background: #f4f4f4
}

.head-btn:hover {
  background: #fff !important
}

.credit-options__wrap .grid-option-credit .check {
  width: 36px;
  height: 36px;
  background: #f4f4f4;
  border-radius: 50%;
  border: none;
  background-image: url(/local/templates/auto/img/new_cross.svg);
  background-position: center;
  background-repeat: no-repeat
}

.credit-options__wrap .grid-option-credit .item.selected {
  padding: 4% 10%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px rgba(0, 0, 0, .1)
}

.credit-options__wrap .grid-option-credit .selected .check {
  border: none;
  background-color: #f4f4f4;
  background-image: url(/local/templates/auto/img/new_check.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.credit-options__wrap .grid-option-credit .selected .check::after,
.credit-options__wrap .grid-option-credit .selected .check::before {
  display: none
}

.tabs-content .content {
  display: none;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.tabs-content .content.active {
  display: block
}

.tabs-content .photo {
  width: 100%;
  overflow: hidden
}

.tabs-content .photo img {
  width: auto !important
}

@media screen and (min-width:641px) {
  .tabs-content .photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
  }

  .tabs-content .photo {
    height: 440px
  }

  .tabs-content .photo img {
    width: auto !important;
    min-height: 440px;
    max-height: 440px
  }
}

.parameters .spoiler.active .title-cpoiler .open-close:before {
  display: none
}

.parameters div.parameters {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  width: 100%
}

.main-slider .slides .item {
  display: block;
  background-size: cover;
  position: relative;
  background-position: center center;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  background-repeat: no-repeat
}

.main-slider {
  position: relative
}

.main-slider .owl-dots {
  position: absolute;
  bottom: 32px
}

.main-slider .owl-dots .owl-dot span {
  display: none !important
}

.main-slider .owl-dots .owl-dot {
  background-color: rgba(0, 0, 0, .24);
  border: 1px solid #fff;
  outline: 0
}

.main-slider .owl-dots .owl-dot:hover {
  background-color: rgba(0, 0, 0, .72)
}

.main-slider .owl-dots .owl-dot.active {
  background-color: #000;
  border-color: #8267BE
}

.main-slider .arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all ease .24s;
  -o-transition: all ease .24s;
  transition: all ease .24s;
  cursor: pointer
}

.main-slider .arrow.left {
  left: 20px
}

.main-slider .arrow.right {
  right: 20px
}

.main-slider .arrow:after {
  content: "";
  display: block;
  position: relative
}

.main-slider .arrow.left:after {
  content: "";
  width: 24px;
  height: 24px;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.main-slider .arrow.right:after {
  content: "";
  width: 24px;
  height: 24px;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.main-slider .arrow:hover {
  opacity: .8
}

.main-slider .arrow:active {
  opacity: .48
}

.main-slider .slides {
  width: 100%;
  min-width: 100%;
  max-width: 100%
}

.main-slider .item {
  height: 900px;
  padding-top: 0;
  position: relative
}

.whiteText {
  color: #fff
}

.blackText {
  color: #000
}

.main-slider .sliderCustomText {
  position: absolute;
  left: 90px;
  top: 30%
}

.main-slider .sliderCustomText.NYBanner {
  left: 5%;
  right: 65%;
  top: 15%;
  text-align: center;
  padding: 20px
}

.main-slider .sliderCustomText.blackFridayBanner,
.main-slider .sliderCustomText.startWinterBanner {
  left: 90px;
  top: 35%
}

.startWinterBanner.whiteText {
  -moz-text-shadow: 0 0 3px #00f;
  -webkit-text-shadow: 0 0 3px #00f;
  text-shadow: 0 0 3px #00f
}

.NYBanner.blackText {
  -moz-text-shadow: 0 0 3px red;
  -webkit-text-shadow: 0 0 3px red;
  text-shadow: 0 0 3px red;
  padding: 20px 0;
  background: rgba(46, 47, 69, .45);
  color: #fff;
  border-radius: 5px
}

.main-slider .h1 {
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 20px;
  font-weight: 700
}

.main-slider .h3 {
  font-size: 32px;
  line-height: 44px;
  font-weight: 700
}

.main-slider .h3 strong {
  font-size: 40px
}

.main-slider .item .black-block {
  background-image: url(/local/templates/auto/css/../img/black-block-bg.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: 100% auto;
  position: absolute;
  bottom: 200px;
  width: 60%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 20px 20% 20px 80px
}

.owl-item:nth-child(5) .item .black-block {
  bottom: 200px
}

.main-slider .item .black-block:before {
  display: block;
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  background: #8267BE;
  top: -6px;
  left: 80px
}

.main-slider .item .black-block:after {
  display: block;
  position: absolute;
  content: '';
  width: 67%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0
}

.main-slider .item .black-block h2 {
  font-size: 32px;
  margin: 0 0 20px 0;
  font-weight: 700;
  color: #fff
}

.main-slider .item .black-block p {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 20px 0;
  color: #fff
}

.main-slider .item .black-block ul li {
  margin-bottom: 5px;
  font-size: 16px
}

.main-slider .item .black-block ul li:last-child {
  margin-bottom: 20px
}

.main-slider .item .black-block p:last-child {
  margin-bottom: 0
}

.main-slider .item {
  background-position: center;
  background-size: cover
}

.grid-about .img {
  background-position: center bottom;
  background-size: 133%
}

.popular-cars .item:hover .info-car p.name {
  border-color: var(--blue)
}

.constructor {
  background: url(/local/templates/auto/css/../img/contr_back.jpg);
  position: relative
}

.success {
  background: #fff;
  padding: 25px;
  width: 636px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  left: 24px;
  bottom: 24px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: none;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999
}

.success.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06)
}

.success .lazy {
  margin-right: 25px
}

.success .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 8px
}

.success .text {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .01em;
  color: #666
}

.success a {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .01em;
  color: #000;
  border-bottom: 1px solid;
  margin-left: 67px
}

.constructor h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 50px
}

.constructor h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  color: #333;
  margin-bottom: 15px;
  margin-top: 24px;
  padding-left: 48px
}

.right-options .step {
  display: none;
  height: 100%
}

.right-options .step.active {
  display: block
}

.constructor .wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 230px calc(100% - 230px);
  grid-template-columns: 230px calc(100% - 230px);
  overflow-x: hidden;
  position: relative;
  z-index: 1
}

.constructor .left-menu {
  padding-left: 20px;
  padding-top: 40px
}

.constructor .list-complection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-left: 48px;
  overflow-x: auto;
  padding-bottom: 18px;
  z-index: 9999
}

.constructor .img-color {
  display: block;
  margin: 0 auto
}

.constructor .color-val {
  border-radius: 2px;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  position: relative;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.constructor .popular-cars.slider-car {
  display: none
}

.slider-sections {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33% 33% 33%;
  grid-template-columns: 33% 33% 33%
}

.slider-sections div img {
  max-width: 100%;
  margin: 0 auto;
  display: block
}

.slider-sections .left,
.slider-sections .right {
  opacity: .3;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  position: relative;
  top: 74px;
  max-width: 80%
}

.slider-sections img {
  display: none
}

.fadeUpImg {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  display: block !important
}

.slider-sections .left img {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.slider-sections .right {
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
  left: 115px
}

.wrapp-blog-item {
  width: 1128px;
  margin: 64px auto;
  position: relative
}

.prologue {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333;
  padding: 64px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 80px
}

.desc p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333;
  margin-bottom: 25px
}

.desc h2 {
  margin: 64px 0 32px
}

.nice-select li {
  margin-bottom: 0
}

p.italic {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: -.02em;
  color: #999;
  -webkit-transform: rotate(10.64deg);
  -ms-transform: rotate(10.64deg);
  transform: rotate(10.64deg);
  font-family: cursive
}

.mini-wrapp-blog-item,
.next-article {
  width: 840px;
  margin: 0 auto
}

.mini-wrapp-blog-item {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333
}

.mini-wrapp-blog-item ul {
  margin: 20px 0
}

.next-article {
  margin-top: 120px
}

.mini-wrapp-blog-item img {
  max-width: 100%;
  height: auto
}

.clap-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed
}

.abs-btn {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -213px;
  display: none
}

.clap-btn span.count {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #999;
  margin-left: 36px
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none
}

.tabs-btn ul li:before {
  display: none
}

.tabs-btn ul {
  padding-left: 0
}

.wrapp-blog-item a.to-top {
  margin-top: 40px
}

.diag-blue-block .desc p {
  color: #fff
}

p.theme {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .01em;
  color: #8267BE;
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  margin-bottom: 32px
}

.next-article .lazy {
  width: 831px;
  height: 320px;
  position: relative;
  margin: 24px 0
}

.next-article .category-time {
  position: absolute;
  bottom: 6px;
  left: 24px
}

.wrapp-blog-item h1 {
  font-family: Arial, Georgia;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #1f1f1f;
  margin-bottom: 64px
}

.constructor .popular-cars.slider-car .item {
  width: 420px;
  float: left;
  margin: 15px;
  opacity: .5;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.constructor .popular-cars.slider-car .item.active {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0)
}

.constructor .popular-cars.slider-car .item .info-car {
  display: none
}

.constructor .popular-cars.slider-car .item.active .info-car {
  display: block
}

.constructor .color-selector {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px
}

.color-val.active::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--blue);
  position: absolute;
  bottom: -16px;
  left: 18px
}

.color-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: 0;
  opacity: .1
}

.scroll-custom {
  width: 100%;
  height: 500px
}

.constructor .list-complection .item {
  background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .06), 0 12px 24px rgba(0, 0, 0, .06);
  padding: 24px 32px;
  margin-right: 16px;
  min-width: 420px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.big-btn-compl {
  background: #8267BE;
  color: #fff;
  width: calc(100% - 32px);
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 23px;
  text-shadow: 0 0 3px rgba(0, 0, 0, .7);
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none
}

.wrapp-marks .lazy {
  width: 24px;
  height: 24px;
  background-size: 100%;
  display: inline-block;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center
}

.wrapp-marks a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: capitalize;
  padding: 16px 24px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.grid-total-form {
  padding-left: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.img-color-block {
  width: 410px;
  border-right: 1px solid #e5e5e5;
  padding-right: 24px;
  margin-right: 24px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.complection-block.list-complection {
  padding-left: 0
}

.constructor .complection-block.list-complection .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 16px 24px;
  margin-right: 0;
  min-width: 365px;
  border: 1px solid #e5e5e5
}

.constructor .inputs-block input {
  width: 382px;
  margin-bottom: 8px
}

.constructor .inputs-block .notice {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .02em;
  color: #ccc;
  width: 382px;
  font-weight: 100 !important;
  margin-top: 24px
}

.constructor .inputs-block .notice a {
  text-decoration: underline
}

.constructor .complection-block.list-complection .item .title {
  width: 175px
}

.complection-block.list-complection {
  padding: 20px 24px 20px 0;
  border-right: 1px solid #e5e5e5;
  margin-right: 24px
}

.title-inputs {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8267BE;
  margin-bottom: 16px;
  margin-top: 16px
}

.complection-block.list-complection .item .row-values:last-child .value {
  font-size: 20px
}

.complection-block.list-complection .item .name {
  margin-bottom: 0 !important
}

.img-color-block .img-color {
  max-width: 100%
}

.grid-total-form .selected-color {
  background: #f5f5f5;
  border-radius: 2px;
  width: 116px;
  height: 32px;
  display: block;
  margin: 48px auto 0
}

.selected-color-name {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .024em;
  color: #666;
  background: #fff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
  border-radius: 4px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  padding: 8px 16px;
  margin: 0 auto
}

.wrapp-marks {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding-left: 48px
}

.wrapp-marks a:hover {
  background: #f5f5f5
}

.wrapp-marks a.active {
  background: #f5f5f5
}

a.big-btn-compl span::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  margin-left: 15px;
  background: url(/local/templates/auto/css/../img/arrow-right.png);
  -webkit-filter: brightness(10);
  filter: brightness(10);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 5px
}

.constructor .info-car {
  display: block;
  border-top: none;
  position: absolute;
  bottom: 200px;
  left: calc(50% - 207px);
  width: 414px
}

.constructor .next img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.constructor .right-options {
  background: #fff;
  padding: 16px;
  min-height: 640px;
  max-height: 640px;
  overflow-y: hidden;
  overflow-x: hidden;
  margin-bottom: 85px;
  position: relative
}

.constructor .car-arrow-slider {
  position: absolute;
  bottom: 248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 670px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: calc(50% - 335px)
}

.constructor .left-menu ul li {
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .01em;
  color: #fff;
  opacity: .4;
  margin-bottom: 32px
}

.constructor .car-arrow-slider div.next,
.constructor .car-arrow-slider div.prev {
  background: #f5f5f5;
  padding: 19px 27px 17px 25px;
  border-radius: 4px;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none
}

.constructor .car-arrow-slider div.next:hover,
.constructor .car-arrow-slider div.prev:hover {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

.constructor .left-menu ul li.active:last-child {
  color: #54e051;
  position: relative
}

.constructor .left-menu ul li.active:last-child:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #54e051;
  margin-right: 24px;
  position: absolute;
  border-radius: 50%;
  left: -12px;
  top: 8px
}

.constructor .left-menu ul li.allow {
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.constructor .left-menu ul li:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/local/templates/auto/css/../img/circles-min.png);
  margin-right: 24px;
  position: inherit;
  top: unset
}

.constructor .left-menu ul li.active:before {
  margin-right: 40px
}

.constructor .left-menu ul li.active {
  opacity: 1 !important
}

.radio .circle {
  width: 20px;
  height: 20px;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 16px;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.radio .circle:hover {
  border-color: var(--blue)
}

.radio:hover .circle {
  border-color: var(--blue)
}

.radio.active .circle {
  background: var(--blue);
  border-color: var(--blue)
}

.constructor .list-complection .item .name {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 16px;
  margin-bottom: 24px
}

.constructor .list-complection .item .title {
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  width: 200px
}

.radio {
  margin-top: 26px;
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1f1f1f;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.constructor .list-complection .item .value {
  font-size: 16px;
  line-height: 16px;
  color: #333
}

.constructor .list-complection .item .row-values {
  border-bottom: 1px dashed #e5e5e5;
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.wrapp-blog h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  margin: 64px 0 48px
}

.grid-blog .item {
  display: inline-block;
  vertical-align: top
}

.grid-blog .item:nth-child(2n+1) {
  width: calc(60% - 30px);
  margin-right: 30px
}

.grid-blog .item:nth-child(2n) {
  width: 40%
}

.grid-blog .item:nth-child(2n+1) .img {
  padding-top: 40.5%;
  width: 100%
}

.grid-blog .item:nth-child(2n) .img {
  padding-top: 31.5%;
  width: 100%
}

.grid-blog .item .img {
  background-size: cover;
  background-position: center
}

.grid-blog .category-time {
  padding: 24px 32px
}

.category-time p:first-child {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 8px
}

.category-time p:nth-child(2) {
  font-size: 14px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  opacity: .8
}

.grid-blog h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #1f1f1f;
  margin-top: 24px;
  margin-bottom: 16px
}

.grid-blog p.desc {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #666
}

.grid-blog .item {
  margin-bottom: 64px
}

.credit-wrapper {
  width: 1700px;
  margin: 0 auto
}

.rel-bg {
  width: 1434px;
  height: 1434px;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  left: calc(50% - 717px);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .04) 0, rgba(0, 0, 0, 0) 33.12%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .04)), color-stop(33.12%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, .04) 0, rgba(0, 0, 0, 0) 33.12%);
  -webkit-animation: fadeInUp .8s;
  animation: fadeInUp .8s
}

.rel-bg:before {
  content: "";
  display: block;
  width: 938px;
  height: 938px;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  left: calc(50% - 469px);
  background: -o-linear-gradient(top, rgba(116, 116, 116, .03) 0, rgba(0, 0, 0, 0) 32.88%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(116, 116, 116, .03)), color-stop(32.88%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(116, 116, 116, .03) 0, rgba(0, 0, 0, 0) 32.88%);
  -webkit-animation: fadeInUp .5s;
  animation: fadeInUp .5s;
  top: 160px
}

.rel-bg:after {
  content: "";
  display: block;
  width: 698px;
  height: 698px;
  position: absolute;
  border-radius: 100%;
  z-index: -1;
  left: calc(50% - 349px);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .04) 0, rgba(213, 213, 213, 0) 52.41%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .04)), color-stop(52.41%, rgba(213, 213, 213, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, .04) 0, rgba(213, 213, 213, 0) 52.41%);
  -webkit-animation: fadeInUp .5s;
  animation: fadeInUp .5s;
  top: 300px
}

.constructor-credit .step {
  min-height: 602px
}

.credit-wrapper h1 {
  font-family: Arial, Georgia;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  margin-bottom: 32px
}

.credit-wrapper .desc {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333;
  width: 696px
}

.credit-wrapper .car-block {
  width: 698px;
  margin: 0 auto;
  text-align: center;
  position: relative
}

svg#line {
  position: absolute;
  right: 45px
}

.credit-wrapper .italic {
  font-size: 19px;
  line-height: 100%;
  letter-spacing: -.02em;
  color: #999;
  -webkit-transform: rotate(10.64deg);
  -ms-transform: rotate(10.64deg);
  transform: rotate(10.64deg);
  font-family: cursive;
  position: absolute;
  top: -40px;
  right: -80px
}

a.banner-btn {
  background: #8267BE;
  -webkit-box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  box-shadow: 0 12px 16px rgba(83, 112, 215, .35), 0 6px 6px rgba(0, 0, 0, .3), 0 3px 1px #244cb3, inset 0 -2px 0 rgba(255, 255, 255, .12);
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 18px 40px;
  letter-spacing: .026em;
  margin-top: 64px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.credit-top-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 120px 0 140px
}

.credit-top-flex .item {
  background: rgba(255, 255, 255, .4);
  border: 2px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 24px;
  position: relative
}

.nr-bg1 {
  width: 330px;
  height: 169px;
  position: absolute;
  top: -41px;
  right: 20px;
  z-index: 0;
  background-repeat: no-repeat !important
}

.nr-bg2 {
  width: 260px;
  height: 141px;
  position: absolute;
  bottom: -24px;
  right: 15px;
  z-index: 0;
  background-repeat: no-repeat !important
}

.nr-bg3 {
  width: 330px;
  height: 130px;
  position: absolute;
  top: -36px;
  right: -30px;
  z-index: 0;
  background-repeat: no-repeat !important
}

.credit-top-flex .item:first-child .position-text,
.credit-top-flex .item:nth-child(3) .position-text {
  position: relative;
  top: 92px
}

.cond-slider.slick-slider {
  overflow-x: hidden;
  margin-right: -100px
}

.cond-slider .slick-list {
  margin-left: 0
}

.cond-slider .item {
  background: rgba(255, 255, 255, .6);
  padding: 40px;
  width: 408px;
  height: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 24px
}

.cond-slider p.title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  max-width: 100%;
  margin-bottom: 50px
}

.cond-slider p.desc,
.cond-slider p.mini-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #999;
  max-width: 100%
}

section.conditions {
  padding: 120px 0
}

.popular-cars .flex.tupes {
  min-height: 60px
}

.rews-slider p.title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #000
}

.rews-slider .text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #666
}

.blue-preview-skan,
.blue-preview-video {
  width: 264px;
  height: 366px;
  background-repeat: no-repeat;
  margin-right: 24px;
  color: #fff;
  background: -o-linear-gradient(bottom, rgba(26, 65, 166, .6), rgba(26, 65, 166, .6)), url(/local/templates/auto/css/image.png);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 65, 166, .6)), to(rgba(26, 65, 166, .6))), url(/local/templates/auto/css/image.png);
  background: linear-gradient(0deg, rgba(26, 65, 166, .6), rgba(26, 65, 166, .6)), url(/local/templates/auto/css/image.png);
  border: 4px solid #fff
}

.blue-preview-skan p,
.blue-preview-video p {
  width: 100%;
  text-align: center
}

.blue-preview-skan div,
.blue-preview-video div {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 35px
}

.cond-slider {
  margin-top: 64px
}

.bank-slider img.lazy {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 60px
}

.bank-slider {
  margin: 137px 0 0
}

p.mini-text {
  margin-bottom: 80px
}

.credit-top-flex .item:last-child {
  margin-right: 0
}

.credit-top-flex .item .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: #000;
  margin-bottom: 10px
}

.credit-top-flex .item .text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #666
}

img.foundation {
  position: relative;
  top: -100px;
  z-index: -1;
  width: 100%
}

.default-constructor .step2 input {
  height: 50px
}

.default-constructor .step3 input {
  margin-bottom: 25px
}

.constructor-credit .step4 {
  min-height: unset
}

.constructor-credit .inputs {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.step4 .inputs {
  width: 100%
}

.step4 .standart-inp {
  width: 240px
}

.step4 .checkbox-label,
.step4 .personal-accept__link {
  color: #000
}

.constructor-credit .inputs>div {
  width: 100%
}

.constructor-credit .step3 .inputs {
  padding-top: 30px
}

.constructor-credit .step3 label {
  margin-bottom: 10px
}

.constructor-credit .step3 input {
  height: 50px
}

.constructor-credit .constructor-input,
.constructor-credit .nice-select {
  margin-bottom: 24px
}

.constructor-credit .nice-select,
.constructor-credit input {
  width: 100%
}

.constructor-credit input {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px
}

.constructor-credit .flex-step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.constructor-credit .flex-step-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px
}

.constructor-credit .step2 .flex-step-btn {
  padding-top: 30px
}

.constructor-credit .step2 label {
  margin-bottom: 15px
}

.constructor-credit .step2 .image-model-wrapper,
.constructor-credit .step3 .image-model-wrapper {
  box-shadow: 0 0 10px 15px rgb(255 255 255) inset
}

.constructor-credit .step2 .center img,
.constructor-credit .step3 .center img {
  position: relative;
  z-index: -1;
  height: 350px
}

.constructor-credit .navigator-holder {
  white-space: nowrap
}

.constructor-credit .step3 .flex-step-btn {
  padding-top: 70px
}

.constructor-credit .notice {
  font-size: 12px;
  line-height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .02em;
  color: #ccc;
  margin-top: 16px
}

.constructor-credit .notice a {
  text-decoration: underline
}

.ui-widget.ui-widget-content {
  border: none !important;
  background: #e5e5e5
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  background: var(--blue) !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  top: -10px !important;
  width: 24px !important;
  height: 24px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ui-widget-header {
  background: var(--blue) !important
}

.ui-slider-horizontal {
  height: 4px !important
}

p.first-pay-value {
  margin-bottom: 32px
}

div.first-pay-value {
  position: relative;
  margin-top: 15px;
  margin-bottom: 24px
}

div.first-pay-value::before {
  content: " \20BD";
  position: absolute;
  width: 15px;
  height: 22px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.first-pay-value:after,
.time-credit-value:after {
  display: block;
  content: '';
  clear: both
}

div.time-credit-value {
  position: relative;
  margin-top: 15px;
  margin-bottom: 24px
}

div.time-credit-value span {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px
}

.flex-step-btn {
  font-size: 16px;
  line-height: 16px;
  color: rgba(0, 0, 0, .5)
}

.params .bold {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -.02em;
  color: #1f1f1f;
  margin-bottom: 0
}

.params p.grey {
  margin-bottom: 48px
}

.constructor-credit .main-price {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -.02em;
  color: #8267BE;
  margin-bottom: 0
}

.price-center-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

img.image-model+.price-center-flex {
  margin-top: 30px
}

.image-model-wrapper {
  margin-bottom: 25px;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.price-center-flex div {
  margin-right: 104px
}

.params {
  display: none
}

.params .item:nth-child(2) {
  margin-left: 35px
}

.params .item:nth-child(3) {
  margin-left: 70px
}

.credit-top-flex .position-text {
  padding: 64px 40px
}

.opacity.bold {
  color: #ccc
}

.constructor-credit .credit-period,
.constructor-credit .first-credit-pay,
.constructor-credit .month-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -.02em;
  color: #1f1f1f;
  margin-bottom: 0;
  white-space: nowrap
}

.constructor-credit .grey {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .04em;
  color: rgba(0, 0, 0, .5)
}

.flex-step-btn span.active {
  padding-left: 50px;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #8267BE
}

a.next-step {
  width: unset;
  height: unset;
  margin: 0;
  padding: 5px 18px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  background: 0 0;
  border: 2px solid #8267BE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

a.next-step img.lazy.loaded {
  margin-left: 24px
}

.constructor-credit .step p.title {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #000;
  margin-bottom: 50px
}

.credit-wrapper h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

a.next-step.end {
  background: var(--blue);
  color: #fff
}

a.next-step.end img {
  -webkit-filter: brightness(15);
  filter: brightness(15)
}

.rews-slider .item.slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -43px;
  padding-right: 112px
}

.rews-slider .item.slick-slide>div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 80px
}

.rews-slider .item.slick-slide>div:nth-child(2) {
  width: 696px
}

.rews-slider {
  margin: 120px 0
}

.constructor-credit .step:nth-child(2) label {
  margin-bottom: 15px
}

.time-credit-value,
p.first-pay-value {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: right;
  color: #1f1f1f;
  margin-top: 23px
}

.constructor-credit .main-price:after,
.constructor-credit .month-price:after,
.opacity.bold:after,
p.first-pay-value:after {
  content: " \20BD"
}

.ui-slider-handle {
  cursor: url(/local/templates/auto/css/../img/cursor.png), auto
}

.slick-slide:active,
.slick-slide:focus,
.ui-slider-handle:active,
.ui-slider-handle:focus {
  outline: 0
}

.constructor-credit .step {
  display: none
}

.constructor-credit .step.active {
  display: block
}

.cond-slider .item.slick-slide:hover {
  border-color: var(--blue)
}

.grid-about .video {
  position: relative
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  padding-top: 4px
}

.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.up {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 1
}

.popUp-rew-skan {
  overflow: auto;
  position: fixed;
  top: 10vh;
  background: #fff;
  width: 800px;
  height: auto;
  max-height: 580px;
  left: calc(50% - 400px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  display: none;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  z-index: 99
}

.close-rew {
  position: absolute;
  right: 16px;
  font-size: 31px;
  top: 13px;
  color: var(--blue);
  font-weight: 500;
  cursor: url(/local/templates/auto/css/../img/cursor_hand.png), auto
}

.close-rew:hover {
  opacity: .8
}

.used-auto-page .fancybox-inner,
.used-auto-page .fancybox-outer {
  position: relative;
  overflow: initial
}

.slick-slide img {
  display: block;
  margin: 0 auto;
  max-width: 100%
}

.shadow-absolute {
  position: absolute;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: none
}

.shadow-absolute.active {
  display: block
}

.popUp-rew-skan iframe {
  width: 100%;
  display: block;
  margin: 0 auto
}

.popUp-rew-skan img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: initial;
  opacity: 0;
  width: 100%
}

.dark-header .flex.end {
  position: relative
}

.dark-header a.logo {
  margin-right: auto;
  color: #d4d3d3;
  -webkit-filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, .3));
  filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, .3))
}

.light-header a.logo {
  display: none
}

.constructor .flex.tupes .item {
  margin-right: 0
}

.constructor .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex-step .center {
  min-width: 450px;
  max-width: 50%;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0
}

.step1 .flex-step .center::after {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, .7511379551820728) 32%, rgba(255, 255, 255, .3477766106442577) 65%, rgba(255, 255, 255, 0) 100%)
}

.constructor .info-car span.price.m:after {
  content: " \20BD";
  font-family: sans-serif
}

.constructor .info-car span.price.a:after {
  content: " \20BD";
  font-family: sans-serif
}

section.search .info-car span.price:after {
  content: " \20BD";
  font-family: sans-serif
}

.popular-cars-section .popular-cars .item {
  position: relative
}

.new-ico {
  position: absolute;
  top: 0;
  right: 160px;
  width: 56px;
  height: 59px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(/local/templates/auto/css/../img/icons/new-ico-big.png)
}

.price-credit {
  position: absolute;
  top: 0;
  right: 0;
  width: 152px;
  font-size: 13px;
  text-align: center;
  background: #f4f4f4;
  border-radius: 5px;
  padding: 8px 0
}

.popular-cars .item {
  position: relative
}

.popular-cars .item_cars {
  padding-top: 59px
}

section.popular-cars-section .item {
  margin-bottom: 100px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

a.gotoLOGIN.cupon_popUp_content_log_in {
  display: none
}

.bottom-menu a:last-child {
  padding-right: 20px
}

a.gidt {
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 45px;
  color: #d30000;
  background: #fff;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .1));
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .1))
}

.popular-cars .item a img {
  min-height: 170px
}

.price-credit span.value {
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #8267BE
}

.price-credit span.value:after,
.ruba:after {
  content: " \20BD"
}

.slider-news .item {
  position: relative
}

.slider-news .item .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  display: block;
  -webkit-filter: brightness(.5) !important;
  filter: brightness(.5) !important;
  background-size: cover !important
}

.slider-news .item:hover .bg {
  -webkit-filter: brightness(.3) !important;
  filter: brightness(.3) !important
}

section.trade-in button {
  width: 100%
}

button:hover {
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #8267BE;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1))), #8267BE;
  background: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), #8267BE
}

@media screen and (max-width:1720px) {
  .credit-wrapper {
    width: calc(100% - 80px);
    margin: 0 auto
  }

  .rews .item .title {
    font-size: 30px;
    line-height: 36px
  }

  .flex.tupes {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (max-width:1700px) {
  .main-slider .item {
    height: 700px
  }

  .main-slider .item .black-block {
    bottom: 130px
  }

  .hz-block .links-mark a {
    font-size: 12px
  }

  .hz-block .links-mark span.lazy {
    width: 22px;
    height: 22px
  }

  .hz-block {
    padding: 19px 15px;
    min-width: 342px;
    height: 575px;
    max-width: 342px
  }

  .img-color-block {
    width: 340px
  }

  .constructor .inputs-block input {
    width: 100%
  }

  .credit-top-flex {
    margin: 100px 0 100px
  }

  .rews-slider {
    margin: 80px 0 100px
  }

  .credit-top-flex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: 33% 33% 33%
  }

  .rews-slider .item.slick-slide>div:first-child {
    margin-right: 30px
  }

  .credit-form.tadein .wrapper,
  .wrapper {
    width: calc(100% - 155px) !important
  }

  .constructor .popular-cars.slider-car .item {
    width: 370px
  }

  .banner-bg.lazy .flex.between {
    overflow-x: hidden
  }

  .bottom-menu nav a {
    padding-right: 58px
  }

  section.trade-in {
    background-position: left 100px bottom
  }

  .flex.tupes .item {
    margin-right: 70px
  }

  div.configurator .border {
    padding: 80px 0 80px
  }

  div.configurator .border::before {
    top: -80px
  }

  div.configurator .border::after {
    bottom: -80px
  }

  .flex.tupes .item {
    margin-right: 0
  }
}

@media screen and (max-width:1680px) {
  .credit-top-flex .position-text {
    padding: 64px 22px
  }

  section.conditions {
    margin: 120px 0 0 0
  }

  .blue-preview-skan div,
  .blue-preview-video div {
    margin-top: 120px;
    margin-bottom: 25px
  }

  .hz-block {
    height: 566px;
    padding: 17px 15px
  }
}

@media screen and (max-width:1660px) {
  .banner-idx {
    min-height: 800px
  }

  .hz-block .title-catalog {
    margin-bottom: 20px
  }

  .hz-block {
    height: 556px
  }
}

@media screen and (max-width:1600px) {
  .hz-block .links-mark a {
    margin-bottom: 16px
  }

  .hz-block {
    height: 527px
  }

  .diag-blue-block.left .text {
    padding-left: 122px
  }

  .diag-blue-block.right .text {
    padding-right: 122px
  }

  .credit-wrapper h1 {
    font-size: 60px
  }

  .blue-preview-skan,
  .blue-preview-video {
    width: 230px;
    height: 310px;
    margin-right: 15px
  }

  .banner-bg .blue-block {
    padding: 24px 30px
  }

  .bottom-menu nav a {
    padding-right: 40px
  }

  .popular-cars .item img {
    max-width: 97%
  }

  h1 {
    font-size: 45px
  }

  .img-color-block {
    width: 300px
  }

  .constructor .complection-block.list-complection .item .title {
    width: 160px
  }

  .constructor .complection-block.list-complection .item {
    min-width: 330px
  }
}

section.credit-form.index a.blue-btn {
  width: 100%
}

.specifications .sp-div:first-child {
  min-width: 280px;
  max-width: 280px
}

@media screen and (max-width:1540px) {
  .abs-circle {
    width: 690px
  }

  .bank-slider img.lazy.loaded {
    max-width: 13.5%
  }

  .hz-block {
    min-width: 348px;
    max-width: 348px
  }

  a.phone {
    margin-left: 0
  }

  .link-info nav a {
    padding: 8px
  }

  .main-info span:first-child {
    max-width: 220px
  }

  .RUNING_content_priceAndBuy h1 {
    font-size: 28px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING_content_galery {
    margin-top: 0
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .nice-select {
    max-width: 310px
  }

  .grid-credit {
    grid-gap: 110px
  }

  section.credit-form.index .sub-div {
    padding: 54px 124px
  }

  span.prices {
    margin-left: 15px
  }

  .slider-news .item {
    height: 460px
  }

  .bank-slider img.lazy {
    margin: 0 35px
  }

  .yt-btn-text {
    left: -200px
  }

  .credit-wrapper .car-block:before {
    left: -200px !important
  }

  .credit-form.tadein .wrapper,
  .wrapp-blog,
  .wrapper {
    width: calc(100% - 90px) !important
  }

  .img-color-block {
    width: 250px
  }

  .inputs-block {
    width: 300px
  }

  .constructor .inputs-block .notice {
    width: 100%
  }

  .complection-block.list-complection .item .row-values:last-child .value {
    font-size: 19px
  }

  .blue-preview-skan div,
  .blue-preview-video div {
    margin-top: 100px;
    margin-bottom: 25px
  }

  .rew-wrapper {
    padding: 64px 0 64px 195px
  }

  .cond-slider .item {
    height: 250px
  }

  section.trade-in {
    background-size: 26%
  }

  .numbers .item {
    padding: 24px 25px 10px;
    margin-right: 0
  }

  .grid-about {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .bottom-menu nav a {
    padding-right: 29px
  }

  .bank-slider {
    margin: 100px 0 0
  }

  section.conditions {
    padding: 100px 0
  }

  .blue-preview-skan,
  .blue-preview-video {
    width: 200px;
    height: 265px
  }

  .rews-slider .item.slick-slide {
    margin-left: -43px;
    padding-right: 85px
  }

  .credit-top-flex .item:nth-child(2) .position-text {
    padding: 30px 30px
  }

  .light-header input {
    width: 325px;
    margin-left: 44px
  }

  .light-header nav a {
    margin-left: 30px;
    font-size: 15px
  }

  .cond-slider .item {
    height: 250px;
    padding: 30px
  }

  .links .item:nth-child(3) .footer__grid {
    display: grid;
    column-gap: 40px
  }

  .specifications .sp-div:first-child {
    min-width: 235px;
    max-width: 235px;
    padding-left: 0
  }

  .diag-blue-block.left .text {
    padding-left: 85px
  }

  .diag-blue-block.right .text {
    padding-right: 85px
  }

  .gallery-stack .photo {
    width: 100%;
    height: unset;
    background-size: contain !important;
    padding-top: 42%
  }

  .gallery-stack {
    width: unset;
    height: unset;
    margin: 32px 0 190px
  }

  .diag-blue-block .title {
    font-size: 44px
  }

  header .credit-wrapper {
    width: calc(100% - 80px) !important
  }

  .blue-preview-skan,
  .blue-preview-video {
    background-position: center;
    background-size: cover
  }

  .abs-btn {
    margin-left: -65px
  }
}

@media screen and (max-width:1440px) {
  .banner-idx {
    min-height: 736px
  }

  .hz-block .title-catalog {
    margin-bottom: 15px
  }

  .hz-block .links-mark span.lazy {
    width: 20px;
    height: 20px;
    margin-right: 4px
  }

  .hz-block {
    min-width: 325px;
    max-width: 325px;
    height: 490px;
    padding-top: 12px
  }
}

.diag-blue-block.right .text {
  padding-top: 100px
}

.diag-blue-block li:before {
  background: #fff
}

.diag-blue-block li {
  margin-bottom: 10px
}

.diag-blue-block.left .text {
  padding-top: 100px
}

div.diag-blue-block h2 {
  margin-bottom: 20px
}

.slider-nav {
  margin-top: 20px
}

@media screen and (max-width:1366px) {
  .main-slider .NYBanner .h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: 700
  }

  .main-slider .NYBanner .h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700
  }

  .main-slider .NYBanner .h3 strong {
    font-size: 30px
  }

  .hz-block .links-mark span.lazy {
    width: 18px;
    height: 18px;
    margin-right: 3px
  }

  .hz-block {
    min-width: 325px;
    max-width: 325px;
    height: 455px;
    padding-top: 9px;
    overflow: hidden
  }

  .bank-slider img.lazy {
    margin: 0
  }

  section#running-section .flex {
    margin-top: 0
  }

  section#running-section {
    width: 100%;
    margin: 40px auto
  }

  section#running-section .flex .mark-list {
    padding: 20px;
    min-width: 157px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .CONTENT.CONTENT_PAGE.RUNING,
  section#running-section .running {
    max-width: calc(100% - 207px);
    width: 100%
  }

  .RUNING_content_galery {
    grid-gap: 20px
  }

  section#running-section .flex .mark-list {
    margin-right: 20px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING_content_galery {
    padding: 20px
  }

  section#running-section .catalog-running .item .img {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 224px 20px 1fr;
    grid-template-columns: 224px 1fr;
    grid-gap: 20px
  }

  .grid-credit {
    grid-gap: 100px
  }

  .specifications .sp-div:first-child {
    min-width: 150px;
    max-width: 150px;
    padding-left: 0
  }

  .sp-div:nth-child(3) .sale-price {
    margin-left: 15px
  }

  .sp-div:nth-child(2) {
    min-width: 310px;
    max-width: 310px
  }

  .specifications div {
    font-size: 14px
  }

  .credit-wrapper .car-block img {
    max-width: 634px
  }

  .credit-wrapper .car-block:before {
    top: 160px !important
  }

  .abs-circle {
    width: 620px
  }

  .constructor .list-complection .item .row-values {
    padding: 14px 0
  }

  .constructor .complection-block.list-complection .item {
    min-width: 320px
  }

  .inputs-block {
    width: 285px
  }

  .rews-slider .item.slick-slide>div:nth-child(2) {
    width: 100%
  }

  .credit-wrapper h1 {
    font-size: 50px
  }

  .rew-wrapper {
    padding: 64px 0 64px 177px
  }

  .price-center-flex {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
  }

  .rews-slider .item.slick-slide {
    margin-left: 0;
    padding-right: 0
  }

  .price-center-flex div {
    margin-right: 50px;
    text-align: center
  }

  .constructor-credit .main-price {
    font-size: 29px
  }

  .credit-top-flex .item .title {
    font-size: 22px
  }

  .grid-option-credit .check {
    margin-right: 10px
  }

  .grid-option-credit .item div:first-child {
    font-size: 13px;
    padding: 16px 8px 16px 16px
  }

  .grid-option-credit .item div:nth-child(2) {
    font-size: 13px
  }

  .grid-option-credit .item div:nth-child(3) {
    font-size: 15px
  }

  .grid-credit {
    grid-gap: 158px
  }

  .diag-blue-block .title {
    padding-top: 126px
  }

  .diag-blue-block.right .text {
    padding-bottom: 126px;
    padding-top: 100px
  }

  .diag-blue-block li:before {
    background: #fff
  }

  .diag-blue-block.left .text {
    padding-left: 65px;
    padding-top: 100px
  }

  .grid-about {
    grid-gap: 50px
  }

  section.trade-in .title {
    padding-left: 40px;
    min-width: 300px
  }

  section.trade-in {
    background-position: left 45px bottom
  }

  .banner-bg .blue-block {
    width: 500px
  }

  .diag-blue-block.right .text {
    padding-right: 65px
  }

  .main-info span:first-child {
    max-width: 185px;
    font-size: 13px
  }

  .link-info {
    padding-left: 10px;
    margin-left: 10px
  }

  .template-item-car h1 {
    font-size: 44px
  }

  .template-item-car .first-banner {
    padding-bottom: 150px
  }

  .diag-blue-block.left .blue-diag {
    background-image: -o-linear-gradient(175deg, rgba(0, 0, 0, 0) 44.7%, var(--blue) 45%, var(--blue) 100%);
    background-image: linear-gradient(-85deg, rgba(0, 0, 0, 0) 44.7%, var(--blue) 45%, var(--blue) 100%)
  }

  .about-main .value-about {
    font-size: 36px
  }

  .light-header input {
    width: 270px;
    margin-left: 30px
  }

  .light-header input {
    background-position: left 10px top 14px;
    padding-left: 37px;
    font-size: 14px
  }

  .border-lines {
    margin-top: 128px
  }

  .flex-map {
    padding-left: 50px
  }

  section.contacts h1 {
    margin: 64px 0 24px 50px
  }

  h1 {
    font-size: 42px
  }

  .wrapp-blog-item h1 {
    font-size: 52px;
    line-height: 61px
  }

  .prologue {
    padding: 45px;
    margin-bottom: 60px
  }

  .abs-btn {
    margin-left: -45px
  }

  .slider-sections .right {
    left: 80px
  }
}

@media screen and (max-width:1280px) {
  .hz-block {
    min-width: 305px;
    max-width: 305px;
    height: 423px
  }

  .hz-block .links-mark a {
    margin-bottom: 10px
  }

  .hz-block .links-mark span.lazy {
    width: 16px;
    height: 16px
  }

  .hz-block .links-mark {
    grid-gap: 5px
  }

  .bottom-menu a:last-child {
    padding-right: 0
  }

  .light-header .left.flex input {
    display: none
  }

  .bank-slider img.lazy.loaded {
    max-width: 10.5%
  }

  .link-info nav a {
    padding: 5px;
    font-size: 14px
  }

  .RUNING_content_priceAndBuy h1 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 27px
  }

  .grid-credit {
    grid-gap: 80px
  }

  .RUNING_content_priceAndBuy .carItem_priceBloker {
    margin-bottom: 25px
  }

  .CONTENT.CONTENT_PAGE.RUNING .carItem_links {
    grid-gap: 10px !important
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white {
    padding: 20px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING__auto {
    padding: 15px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING__auto span.RUNING__auto-value-text {
    font-size: 18px
  }

  .bank-slider img.lazy {
    width: 128px
  }

  .abs-circle {
    width: 560px
  }

  .credit-wrapper .car-block:before {
    top: 180px !important;
    left: -190px !important
  }

  .complection-block.list-complection .item .row-values:last-child .value {
    font-size: 15x
  }

  .wrapp-marks {
    grid-template-columns: repeat(5, 1fr);
    padding-left: 0
  }

  .constructor h2 {
    font-size: 29px;
    padding-left: 0
  }

  .rew-wrapper {
    padding: 64px 0;
    width: calc(100% - 80px);
    margin: 0 auto
  }

  .wrapp-blog-item h1 {
    font-size: 45px;
    line-height: 59px
  }

  .credit-top-flex .item .title {
    font-size: 18px
  }

  .credit-top-flex .item:nth-child(2) .position-text {
    padding: 20px 20px
  }

  .constructor .list-complection .item .title {
    font-size: 13px
  }

  .img-color-block {
    width: 210px
  }

  .inputs-block {
    width: 260px
  }

  .constructor .complection-block.list-complection .item {
    padding: 16px 16px;
    min-width: 300px
  }

  .constructor .list-complection .item .value {
    font-size: 14px
  }

  .bank-slider img.lazy {
    margin: 0
  }

  .credit-top-flex .item .position-text {
    padding: 20px 20px
  }

  .credit-top-flex .item:first-child .position-text,
  .credit-top-flex .item:nth-child(3) .position-text {
    top: 130px
  }

  .time-credit-value,
  p.first-pay-value {
    font-size: 16px;
    margin-top: 16px
  }

  .constructor-credit .main-price {
    font-size: 26px
  }

  img.foundation {
    top: -80px
  }

  .credit-wrapper .italic {
    top: 10px
  }

  .params .bold {
    font-size: 22px
  }

  .cond-slider p.title {
    font-size: 21px
  }

  p.mini-text {
    margin-bottom: 60px
  }

  .cond-slider .item {
    height: 250px;
    padding: 25px
  }

  .blue-preview-skan,
  .blue-preview-video {
    width: 180px;
    height: 240px
  }

  .rews-slider .item.slick-slide>div:first-child {
    margin-right: 15px
  }

  .meta-info-top {
    margin: 30px 0 23px
  }

  .credit-wrapper h1 {
    font-size: 46px
  }

  a.banner-btn {
    padding: 16px 32px
  }

  .credit-top-flex .item:first-child .position-text,
  .credit-top-flex .item:nth-child(3) .position-text {
    top: 123px
  }

  .constructor-credit .nice-select {
    margin-bottom: 17px
  }

  .bottom-menu nav a {
    padding-right: 19px
  }

  .info-car {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  span.prices {
    margin-left: 0;
    width: 100%;
    margin-top: 11px
  }

  .popular-cars .item .btns a {
    margin-right: 15px
  }

  section.trade-in .left,
  section.trade-in .right {
    max-width: 340px
  }

  section.trade-in .nice-select,
  section.trade-in input {
    width: 100%
  }

  .bottom-menu nav a {
    padding-right: unset
  }

  .bottom-menu nav {
    width: 100%;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .numbers .item {
    padding: 19px 20px 3px;
    margin-right: 20px
  }

  .text-photo p {
    font-size: 15px;
    line-height: 23px
  }

  .light-header nav a {
    margin-left: 40px
  }

  .link-info nav a {
    padding: 9px
  }

  .specifications div {
    font-size: 15px;
    line-height: 15px
  }

  .sale-price .value {
    font-size: 15px
  }

  .sp-div:nth-child(3) .sale-price {
    margin-left: 10px
  }

  a.grey-btn.to_hidden_form.srav {
    margin-left: 35px
  }

  .complectation--new .btn--border {
    width: 130px
  }

  .specifications .sp-div:first-child {
    padding-left: 0
  }

  .grid-credit {
    grid-gap: 115px;
    -ms-grid-columns: 408px 115px 480px;
    grid-template-columns: 408px 480px
  }

  .diag-blue-block.right .blue-diag {
    background-image: -o-linear-gradient(355deg, rgba(0, 0, 0, 0) 39.7%, var(--blue) 40%, var(--blue) 100%);
    background-image: linear-gradient(95deg, rgba(0, 0, 0, 0) 39.7%, var(--blue) 40%, var(--blue) 100%)
  }

  .grid-option-credit {
    grid-template-columns: repeat(4, 1fr)
  }

  .grid-option-credit .item div:nth-child(2) {
    min-height: 33px
  }

  div.configurator .border {
    padding: 80px 0 80px
  }

  div.configurator .border::before {
    top: -80px
  }

  div.configurator .border::after {
    bottom: -80px
  }

  div.configurator .title {
    font-size: 52px
  }

  .nice-select span.current {
    width: 100%;
    display: inline-block;
    overflow: hidden
  }

  .link-info nav a {
    padding: 7px;
    font-size: 14px
  }

  .main-info span:first-child {
    max-width: 175px;
    font-size: 12px;
    text-align: center;
    margin-right: 10px
  }

  .banner-bg.lazy {
    padding-bottom: 30px;
    background-position: bottom
  }
}

@media screen and (max-width:1200px) {
  .main-slider .sliderCustomText.NYBanner {
    left: 5%;
    right: 65%;
    top: 15%;
    text-align: center;
    padding: 10px
  }

  .main-slider .NYBanner .h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: 700
  }

  .main-slider .NYBanner .h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
  }

  .main-slider .NYBanner .h3 strong {
    font-size: 22px
  }

  .popup-form.popup-special-credit .subtitle {
    width: 100%;
    margin-top: 0
  }

  .popup-form.popup-special-credit form {
    width: 100%
  }

  .constructor-credit input#first-pay-value,
  .constructor-credit input#time-credit-value {
    width: 100%
  }

  .constructor-credit .step2 .flex-step-btn {
    padding-top: 25px
  }

  .main-slider .arrow.left {
    left: 10px
  }

  .main-slider .arrow.right {
    right: 10px
  }

  .banner-bg.lazy {
    padding-bottom: 30px;
    background-position: top
  }

  .credit-form.tadein .wrapper,
  .wrapper {
    width: calc(100% - 70px) !important
  }

  .main-slider .slides .item {
    height: 540px
  }

  .hz-block .links-mark span.lazy {
    width: 19px;
    height: 19px
  }

  .rews {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 0
  }

  .slick-slide img {
    max-width: 100%
  }

  .RUNING_content_priceAndBuy {
    margin-top: 30px
  }

  .text_bu_mash h2 {
    font-size: 25px
  }

  span.price-val {
    white-space: nowrap
  }

  .CONTENT.CONTENT_PAGE.RUNING .carItem_links {
    -ms-grid-columns: 1fr 15px 1fr !important;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 15px !important
  }

  section#running-section .car-name {
    white-space: nowrap
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .nice-select {
    max-width: 210px
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .carItem_OrderAuto {
    padding: 0 15px;
    font-size: 15px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING__auto span.RUNING__auto-value-text {
    font-size: 16px
  }

  .RUNING_content_galery {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 15px;
    display: block !important
  }

  section#running-section {
    width: 100%;
    margin: 40px auto
  }

  section#running-section .catalog-running .item .img {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 15px
  }

  section#running-section .car-name {
    font-weight: 600;
    font-size: 17px
  }

  section#running-section .carItem_links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 10px
  }

  .CONTENT.CONTENT_PAGE.RUNING .text_bu_mash .detail {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }

  section#running-section .catalog-running .item {
    padding: 20px
  }

  .ifs .item {
    padding: 35px 30px
  }

  a.show-act {
    margin: 30px auto 60px
  }

  .credit-img-text .text {
    width: unset;
    margin: 60px 15px
  }

  .link-info {
    padding-left: 10px;
    margin-left: 10px
  }

  .link-info nav a {
    padding: 5px;
    font-size: 13px
  }

  .main-info a {
    font-size: 13px
  }

  .main-info span {
    max-width: 200px;
    font-size: 13px
  }

  span.desc-phone {
    font-size: 10px
  }

  section.credit-form.index a.blue-btn {
    width: 408px
  }

  a.phone {
    padding-right: 10px
  }

  .actions,
  h1.action-h1 {
    width: 100%
  }

  .actions {
    -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    grid-gap: 20px
  }

  .actions .img.lazy {
    width: 100%;
    height: 283px;
    background-size: contain
  }

  a.get-act {
    width: 100%;
    margin-bottom: 0
  }

  div.gifts-section {
    padding: 10px 0;
    margin-bottom: 40px
  }

  html {
    overflow-x: hidden
  }

  .cond-slider .item {
    height: 250px;
    padding: 20px
  }

  .cond-slider p.title {
    font-size: 19px
  }

  .cond-slider p.desc,
  .cond-slider p.mini-text {
    font-size: 15px;
    width: 245px
  }

  .bank-slider {
    margin: 60px 0 0
  }

  .abs-circle {
    width: 458px;
    top: -49px
  }

  .credit-wrapper .car-block:before {
    top: 173px !important;
    left: -162px !important;
    width: 122px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important
  }

  .blue-preview-skan div,
  .blue-preview-video div {
    margin-top: 50px;
    margin-bottom: 15px
  }

  .blue-preview-skan p,
  .blue-preview-video p {
    font-size: 13px
  }

  .grid-total-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .img-color-block {
    display: none
  }

  .grid-total-form {
    padding-left: 20px
  }

  .slider-sections .right {
    left: 48px
  }

  .wrapp-marks {
    grid-template-columns: repeat(4, 1fr);
    padding-left: 20px
  }

  .grid-blog .item:nth-child(2n),
  .grid-blog .item:nth-child(2n+1) {
    width: 100%
  }

  .grid-blog {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
  }

  .rews .item .title {
    font-size: 27px;
    line-height: 33px
  }

  .grid-blog .item {
    margin-bottom: 10px
  }

  .grid-blog .item:nth-child(2n) .img,
  .grid-blog .item:nth-child(2n+1) .img {
    padding-top: 40%
  }

  .rews {
    width: 100%
  }

  .wrapp-blog-item {
    width: calc(100% - 80px)
  }

  .params .item,
  .params .item:nth-child(2),
  .params .item:nth-child(3) {
    margin-left: 0;
    text-align: center
  }

  h1 {
    font-size: 37px
  }

  .clap-btn {
    display: none
  }

  .nr-bg1,
  .nr-bg2,
  .nr-bg3 {
    display: none
  }

  .credit-top-flex .item:first-child .position-text,
  .credit-top-flex .item:nth-child(3) .position-text {
    top: unset
  }

  .credit-top-flex .item {
    border-color: var(--blue)
  }

  .nice-select {
    font-size: 13px;
    height: 43px;
    line-height: 43px
  }

  .credit-top-flex {
    margin: 60px 0 80px
  }

  .flex-step-btn span.active {
    padding-left: 30px
  }

  .time-credit-value,
  p.first-pay-value {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 400
  }

  .params .bold {
    font-size: 19px
  }

  .price-center-flex {
    display: block
  }

  .price-center-flex div {
    float: left;
    width: 48%;
    margin-right: 2%
  }

  .credit-wrapper .car-block {
    width: 62%
  }

  .blue-preview-skan,
  .blue-preview-video {
    width: 120px;
    height: 170px
  }

  .credit-wrapper .car-block img {
    max-width: 100%
  }

  .rews-slider .item.slick-slide>div:first-child {
    margin-right: 0
  }

  .rews-slider .text {
    font-size: 15px;
    line-height: 22px
  }

  .meta-info-top {
    margin: 15px 0 19px
  }

  section.conditions {
    margin: 0
  }

  .rews-slider {
    margin: 60px 0 60px
  }

  section.conditions {
    padding: 60px 0
  }

  .credit-wrapper .italic {
    top: -36px
  }

  .credit-form.tadein .left::before {
    display: none
  }

  .credit-wrapper h2 {
    font-size: 28px
  }

  .constructor-credit .main-price,
  .constructor-credit .month-price {
    font-size: 22px
  }

  a.next-step img.lazy.loaded {
    margin-left: 10px;
    max-width: 13px
  }

  .params .bold {
    font-size: 21px
  }

  .banner-bg.lazy .flex.between {
    overflow-x: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .hz-block .links-mark {
    grid-template-columns: repeat(7, 1fr)
  }

  .hz-block {
    height: auto;
    min-width: 100%;
    max-width: 100%
  }

  .main-slider .item .black-block {
    width: 100%
  }

  .-mini-banner-bus {
    width: calc(100% - 60px)
  }

  .-mini-banner-bus .grid .title {
    padding: 40px 0 0 30px
  }

  .grid-about .img {
    padding-top: 42%
  }

  .bg-white {
    padding: 0 0 60px
  }

  section.catalog-in-catalog .time .add-info p:nth-child(2) {
    font-size: 21px
  }

  section.catalog-in-catalog .time {
    width: 400px
  }

  .hz-block {
    border-top: 1px solid rgba(0, 0, 0, .1)
  }

  .banner-bg .blue-block {
    padding: 20px 25px;
    margin-top: 30px
  }

  section.trade-in {
    background: #fafafa
  }

  section.trade-in .title {
    padding-left: 40px;
    min-width: 100%
  }

  section.trade-in .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  section.trade-in .left,
  section.trade-in .right {
    max-width: calc(50% - 45px);
    width: calc(50% - 45px)
  }

  .main-slider .arrows {
    bottom: 9px
  }

  .main-slider .number-slide {
    bottom: 12px;
    right: 250px
  }

  .banner-bg .blue-block {
    width: 455px
  }

  section.trade-in .left {
    padding-left: 40px
  }

  section.trade-in .left::before {
    left: -10px
  }

  .grid-about {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 25px
  }

  .grid-about .img {
    background-size: 118%
  }

  .main-info a {
    font-size: 14px
  }

  .main-info a:last-child {
    display: none
  }

  .light-header nav a {
    margin-left: 34px;
    padding: 20px 0
  }

  .numbers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .numbers .item {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0
  }

  .flex.type-car {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 5px
  }

  .type-car label {
    text-align: center;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  section#running-section .catalog-running {
    grid-gap: 20px
  }

  .numbers {
    margin-top: 60px
  }

  section.about {
    padding: 80px 0 40px
  }

  .popular-cars {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
  }

  span.prices {
    margin-left: 20px;
    width: unset;
    margin-top: 0
  }

  .light-header nav a:first-child::before,
  .light-header nav a:nth-child(2)::before,
  .light-header nav a:nth-child(3)::before,
  .light-header nav a:nth-child(4)::before,
  .light-header nav a:nth-child(5)::before {
    top: 25px
  }

  a.logo {
    font-size: 19px
  }

  .template-item-car h1 {
    font-size: 35px
  }

  .template-item-car .first-banner .form {
    width: 390px
  }

  p.main-price {
    font-size: 22px
  }

  .blue-btn,
  .grey-btn,
  button {
    font-size: 15px
  }

  .template-item-car h2 {
    font-size: 28px
  }

  .sp-div:nth-child(2) {
    min-width: 260px;
    max-width: 260px
  }

  .specifications .blue-btn,
  .specifications .grey-btn {
    font-size: 13px;
    min-width: 145px;
    max-width: 1445px
  }

  a.grey-btn.to_hidden_form.srav {
    margin-left: 5px;
    min-width: unset;
    padding: 0 8px
  }

  .specifications .blue-btn {
    margin-left: 10px
  }

  .specifications div {
    font-size: 13px;
    line-height: 15px
  }

  .sale-price .value {
    font-size: 14px
  }

  .sp-div:nth-child(3) .sale-price {
    margin-left: 10px
  }

  .sp-div:nth-child(3) .grey-btn {
    margin-left: 10px
  }

  .specifications a.name::before {
    margin-right: 15px;
    margin-left: 0
  }

  .specifications .blue-btn {
    min-width: 90px;
    max-width: 90px
  }

  .sp-div:nth-child(2) {
    margin-right: 0
  }

  .grid-option-credit {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid-credit {
    grid-gap: 35px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    width: 100%
  }

  .about-main .value-about {
    font-size: 32px
  }

  .diag-blue-block.left .blue-diag {
    background-image: -o-linear-gradient(175deg, rgba(0, 0, 0, 0) 20.7%, var(--blue) 25%, var(--blue) 100%);
    background-image: linear-gradient(-85deg, rgba(0, 0, 0, 0) 20.7%, var(--blue) 25%, var(--blue) 100%)
  }

  section.news {
    padding: 80px 0
  }

  .links .item:nth-child(3) {
    width: 55%
  }

  .cols-list {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
  }

  .bottom-footer p:first-child {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 47px
  }

  .bottom-footer__center {
    width: 100%;
    margin: 0 !important;
  }

  .diag-blue-block .title {
    font-size: 39px
  }

  section.parameters {
    padding-bottom: 80px
  }

  th {
    font-size: 15px
  }

  .diag-blue-block.right .blue-diag {
    background-image: -o-linear-gradient(355deg, rgba(0, 0, 0, 0) 22.7%, var(--blue) 25%, var(--blue) 100%);
    background-image: linear-gradient(95deg, rgba(0, 0, 0, 0) 22.7%, var(--blue) 25%, var(--blue) 100%)
  }

  .template-item-car .first-banner .img img {
    max-width: 100%;
    min-width: 400px
  }

  .template-item-car .first-banner .form .flex {
    margin: 15px 0 70px 73px
  }

  .template-item-car .credit-form {
    margin-bottom: 80px
  }

  .popup-form.popup-special-credit .subtitle-red {
    width: 100%;
    margin-bottom: 30px
  }

  .popup-form.popup-special-credit .wrap {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .owl-item:nth-child(5) .item .black-block {
    bottom: 60px
  }
}

@media screen and (max-width:1024px) {
  .order-view .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .order-view-col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .order-view-col-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px
  }

  .wrapp-form .blue-btn {
    margin-bottom: 10px
  }

  .partners-banks__col-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48%
  }

  .partners-banks__item {
    margin: 11px auto
  }

  .partners-banks__item:nth-last-of-type(1),
  .partners-banks__item:nth-of-type(1) {
    margin: 11px auto
  }
}

a.refresh-popular {
  display: none !important
}

a.refresh-popular.mobile {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-top: 0;
  text-align: center;
  font-weight: 600;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px
}

a.refresh-popular.mobile:before {
  content: "";
  background: url(/local/templates/auto/css/../img/circle-arrow.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 16px;
  -webkit-filter: brightness(-50%);
  filter: brightness(-50%)
}

.contacts_coll_wrap_faq_items b {
  position: relative;
  top: 10px
}

@media screen and (max-width:640px) {
  section.main-utilization {
    background-size: 825px;
    background-position: top left -155px
  }

  section.main-trade-in {
    background-size: 910px
  }

  .main-utilization .big-title {
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 28px
  }

  .main-trade-in.big-title {
    margin-top: 65px;
    margin-bottom: 30px;
    font-size: 19px;
    line-height: 28px
  }

  .main-trade-in p {
    font-size: 16px;
    line-height: 20px
  }

  .basic-features {
    margin-bottom: 20px
  }

  .program-list {
    margin-bottom: 20px;
    padding: 42px 20px
  }

  .enumeration {
    margin-bottom: 40px
  }

  .partners-banks__bg {
    background: -o-linear-gradient(278deg, #fff 330px, #8267BE 330px);
    background: linear-gradient(172deg, #fff 330px, #8267BE 330px)
  }

  .partners-banks__bg .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .partners-banks__col-left {
    margin-bottom: 90px
  }

  .partners-banks h2.big-title {
    margin-top: 0
  }

  .partners-banks .blue-btn {
    width: 100%;
    margin-bottom: 0
  }

  .partners-banks__col-right {
    width: 100%
  }

  .partners-banks__item {
    min-width: 48%;
    max-width: 48%
  }

  .partners-banks__item:nth-of-type(1) {
    margin-left: 0
  }

  .main-slider .slides .item {
    height: 400px
  }

  a.refresh-popular.mobile {
    margin-top: 20px;
    margin-bottom: 20px
  }

  a.banner-btn.show-form-credit-podberi {
    display: none
  }

  .credit-wrapper .desc {
    width: 100%
  }

  select {
    height: 48px;
    background: #fff;
    width: 100%
  }

  section#running-section .flex .mark-list {
    display: none !important
  }

  .mobile-marks .nice-select {
    margin-bottom: 0
  }

  .mobile-marks {
    display: block !important;
    width: 100%;
    background-color: #fafafa;
    background-image: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fafafa 2px, #fafafa 5px);
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fafafa 2px, #fafafa 5px);
    margin-right: 25px;
    margin-top: 40px;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0
  }

  section#running-section .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING_content_text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    grid-gap: 20px
  }

  .CONTENT.CONTENT_PAGE.RUNING .RUNING__auto span.RUNING__auto-value-text {
    font-size: 14px
  }

  section#running-section .flex .mark-list {
    min-width: 100%;
    margin-right: 0 !important
  }

  .CONTENT.CONTENT_PAGE.RUNING .text_bu_mash .detail {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
  }

  .CONTENT.CONTENT_PAGE.RUNING,
  section#running-section .running {
    max-width: 100%;
    width: 100%;
    margin-top: 20px
  }

  section#running-section .catalog-running {
    display: block
  }

  section#running-section .carItem_links {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
    grid-gap: 10px !important
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .nice-select {
    max-width: 100% !important;
    width: 100% !important
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white div {
    width: 100%
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  a.carItem_OrderAuto.credit {
    margin-top: 5px
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text .total {
    padding-left: 0
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .nice-select {
    margin-bottom: 15px
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text .after__desc {
    margin-left: 0
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white .calc-text {
    line-height: 25px
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white a.carItem_OrderAuto.credit {
    width: 100%
  }

  section#running-section .catalog-running .item {
    margin-bottom: 20px
  }

  span.mobile-count {
    top: -8px
  }

  label.checkbox-circle {
    margin-right: 40px
  }

  .flex.type-car a,
  .type-car label {
    color: var(--blue);
    border: 2px solid var(--blue);
    padding: 3px 2px;
    font-weight: 600;
    margin-right: 0;
    font-size: 13px;
    font-weight: 100;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .gallery--margin {
    margin-bottom: 40px
  }

  .flex.type-car {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px
  }

  a.show-selected-car {
    width: 100%
  }

  .filter {
    background: #fff;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 15px
  }

  .filter .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .filter .nice-select {
    margin-top: 20px
  }

  .nice-select.dropdown {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important
  }

  section.popular-cars-section .item {
    padding-bottom: 20px;
    margin-bottom: 20px
  }

  .credit-img-text {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .credit-img-text .lazy.img {
    min-width: 100%;
    height: 229px;
    background-size: contain
  }

  .credit-img-text .text {
    width: unset;
    margin: 0
  }

  .credit-img-text .lazy.img {
    margin-bottom: 20px
  }

  .ifs {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-top: 0
  }

  .ifs .item .title {
    font-size: 16px
  }

  a.show-act {
    width: 100%;
    height: 50px;
    margin: 10px auto 30px;
    line-height: 50px
  }

  h1 {
    font-size: 25px;
    line-height: 32px
  }

  .wrapper.credit-programs h1.action-h1 {
    margin: 25px auto 20px;
    font-size: 24px
  }

  .wrapper.credit-programs h2 {
    font-size: 20px;
    line-height: 29px
  }

  .credit-img-text {
    margin-top: 10px
  }

  .ifs .item {
    padding: 0;
    margin-bottom: 15px;
    background: 0 0
  }

  section.credit-form.index .sub-div {
    padding: 20px
  }

  .wrapper.sto-mob {
    width: 100% !important;
    margin: 40px 0 0
  }

  section.credit-form.index a.blue-btn {
    width: 100%
  }

  span.bold-blue {
    font-weight: 500;
    color: var(--blue)
  }

  ul.mobile-list {
    display: block !important
  }

  ul.mobile-list li {
    margin-bottom: 8px
  }

  ul.mobile-list {
    margin-top: 20px
  }

  a.logo {
    margin-top: 10px;
    height: 40px
  }

  a.logo.active {
    width: 50px !important;
    margin-right: 10px !important;
    /* background-image: url(/local/templates/auto/css/../img/logos/mini-logo.png) */
  }

  .credit-top-flex {
    display: none
  }

  a.show-gallery {
    display: none
  }

  .actions {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin: 25px auto
  }

  h1.action-h1,
  h1.credits-h1 {
    margin: 25px auto 0
  }

  .gifts {
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
  }

  a.grey-btn.to_hidden_form:not(.srav) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .cupon_rightBUTTON br,
  .cupon_rightBUTTON span {
    display: none !important
  }

  .cupon_rightBUTTON img {
    max-width: 90px !important
  }

  .half-block.btns {
    grid-gap: 15px;
    margin-top: 25px
  }

  a.grey-btn.to_hidden_form.srav {
    display: none
  }

  .numbers {
    grid-template-columns: repeat(1, 1fr)
  }

  .numbers .item {
    margin-bottom: 10px
  }

  .constructor .right-options {
    min-height: unset;
    max-height: unset
  }

  .constructor .left-menu {
    padding-top: 20px
  }

  .constructor .left-menu li {
    margin: 9px 22px;
    margin-bottom: 30px !important
  }

  .constructor .left-menu ul {
    padding-left: 0
  }

  .constructor .left-menu ul li {
    position: relative
  }

  .constructor .left-menu ul li:before {
    content: "";
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    display: block;
    position: absolute;
    background: 0 0;
    left: -13px
  }

  .constructor .left-menu ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    right: -25px;
    position: absolute;
    opacity: .4;
    border-radius: 50%
  }

  .constructor .color-val {
    border: 1px solid rgba(0, 0, 0, .1)
  }

  .constructor .left-menu li {
    font-size: 20px !important;
    font-weight: 100 !important
  }

  .constructor .left-menu ul li:last-child:after {
    display: none
  }

  .constructor h1 {
    margin-bottom: 15px
  }

  .constructor .left-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .constructor .wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
  }

  .wrapp-marks {
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0
  }

  .big-btn-compl {
    width: 100%;
    height: 70px;
    line-height: 70px;
    position: initial
  }

  .step.models {
    min-height: 540px
  }

  .constructor h2 {
    font-size: 25px
  }

  .constructor .info-car {
    position: inherit;
    bottom: unset;
    left: unset;
    width: 100%
  }

  .constructor .car-arrow-slider {
    position: initial;
    width: 100%
  }

  .wrapp-models {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }

  .wrapp-models .slider-sections {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .wrapp-models .car-arrow-slider {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .constructor .info-car {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0
  }

  .wrapp-marks a {
    padding: 11px 24px 11px 6px
  }

  .light-header {
    display: none
  }

  .slider-sections .left,
  .slider-sections .right {
    display: none !important
  }

  .slider-sections {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%
  }

  .constructor .list-complection {
    padding-left: 0
  }

  .constructor .list-complection .item {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 24px 20px;
    margin-right: 15px;
    min-width: unset;
    border: 1px solid #ccc
  }

  .constructor .list-complection .item .name {
    padding-bottom: 10px;
    margin-bottom: 0
  }

  .constructor .list-complection .item .title {
    width: 150px
  }

  .constructor .list-complection .item .value {
    font-size: 13px;
    white-space: nowrap
  }

  .dark-header {
    display: none
  }

  .constructor h2 {
    margin-bottom: 15px
  }

  .scroll-custom {
    height: unset
  }

  .popular-cars {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .credit-form.tadein .wrapper,
  .wrapper {
    width: calc(100% - 48px) !important
  }

  .constructor .img-color {
    max-height: 290px;
    max-width: 100%
  }

  .constructor .color-selector {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .constructor .color-val {
    border-radius: 2px;
    width: 25px;
    height: 25px;
    margin-right: 15px
  }

  .color-val.active::after {
    bottom: -10px;
    left: 11px
  }

  .popular-cars-section h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .step.total .constructor .complection-block.list-complection .item {
    min-width: 100%
  }

  .step.total .complection-block.list-complection {
    padding: 0;
    border-right: none;
    margin-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .step__text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 18px
  }

  .step.total .inputs-block {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .step.total .step.total.active.allow {
    width: 100%;
    max-width: 100%;
    overflow: hidden
  }

  .step.total .grid-total-form {
    padding-left: 0
  }

  .step.total .img-color-block {
    width: 100%;
    border-right: none;
    padding-right: 0;
    margin-right: 0
  }

  .img-color-block {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .popular-cars-section h2 a {
    padding-left: 0;
    margin-top: 15px
  }

  .bottom-menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .bottom-menu nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 10px;
    padding-top: 10px
  }

  .bottom-menu nav a {
    padding: 10px 0;
    margin-right: 15px
  }

  .hz-block {
    display: none
  }

  .main-slider .item {
    height: auto
  }

  .banner-bg .blue-block {
    width: 100%;
    margin: 0
  }

  section.trade-in .left,
  section.trade-in .right {
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0
  }

  section.trade-in .title {
    padding-left: 0
  }

  .blue-btn,
  .grey-btn,
  button {
    width: 100%
  }

  .main-slider::after {
    width: 200px
  }

  .numbers .item {
    width: 100%;
    margin-bottom: 20px
  }

  .numbers .item {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .numbers {
    margin-top: 25px
  }

  section.news h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .grid-about .text-photo {
    display: none
  }

  section.news h2 a {
    margin-left: 17px;
    margin-top: 10px
  }

  .links .item:first-child {
    width: 100%
  }

  .links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .links .item:nth-child(3) {
    width: 100%;
    margin-top: 20px
  }

  .cols-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }

  .bottom-footer {
    margin-top: 60px
  }

  section.catalog-in-catalog .time {
    width: 100%
  }

  .grid-title-time {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  section.catalog-in-catalog .popular-cars {
    grid-gap: 40px
  }

  div.configurator .border {
    padding: 0 !important;
    width: 100%
  }

  div.configurator hr {
    display: none
  }

  div.configurator .mini-title {
    width: 100%
  }

  div.configurator .title {
    font-size: 35px;
    line-height: 45px
  }

  a.conf {
    margin-top: 40px;
    width: 100%
  }

  .-mini-banner-bus .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    height: auto !important;
    background: 0 0
  }

  .-mini-banner-bus .grid .title {
    padding: 20px
  }

  .-mini-banner-bus {
    width: 100%;
    height: auto;
    padding: 40px 0;
    background-size: cover
  }

  .template-item-car .first-banner .form {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .grid-form-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .big-text-behind {
    text-align: center
  }

  .grid-form-img .img .select-color {
    margin-top: 22px
  }

  .half-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 25px
  }

  .template-item-car .first-banner .form .flex {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  p.date-sale {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 20px
  }

  .template-item-car .first-banner .form .flex>div:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .template-item-car h1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .grid-option-credit {
    grid-gap: 20px;
    -ms-grid-columns: 1rf;
    grid-template-columns: repeat(1, 1fr);
    margin: 32px 0 24px
  }

  .credit-options .flex .blue-btn {
    padding: 0 10px;
    max-width: 100%;
    margin-right: 0;
    height: auto;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: -o-linear-gradient(357.1deg, #f30c00 .01%, #ea261c 100%);
    background: linear-gradient(92.9deg, #f30c00 .01%, #ea261c 100%);
    border-radius: 5px
  }

  .credit-options .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
  }

  .credit-form .wrapper .sub-div {
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .grid-credit .form::before {
    display: none
  }

  .grid-credit .form input {
    width: 100%
  }

  .grid-credit .form .blue-btn {
    width: 100%
  }

  .credit-form.tadein .mini-wrapp {
    width: 100%
  }

  .credit-form.tadein .grid-credit {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 24px
  }

  .nice-select {
    width: 100%
  }

  .about-main .grid-about {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 40px
  }

  .about-main .title-about {
    margin-bottom: 30px
  }

  .about-main .grid-about img.lazy.loaded {
    width: 100%
  }

  .about-main .grid-about .right {
    text-align: left
  }

  .about-main .grid-about .center {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .about-main .grid-about .right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .about-main .grid-about .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .diag-blue-block.left .text {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .parameters div.parameters {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .specifications {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .specifications .sp-div:first-child {
    min-width: 0 !important
  }

  .diag-blue-block.right .text {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: inherit
  }

  input {
    width: 100%
  }

  .nice-select {
    width: 100%
  }

  .to-top {
    width: 100%
  }

  .credit-top-flex {
    ms-grid-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .credit-top-flex .item {
    margin-right: 0;
    margin-bottom: 20px
  }

  .mob-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20
  }

  .mob-nav__top {
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 20;
    padding: 9px 15px;
    background-color: #fff;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between
  }

  .mob-nav__menu {
    width: 60px;
    height: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    z-index: 999
  }

  .mob-nav__menu i {
    width: 29px;
    height: 4px;
    background-color: #000;
    display: block;
    margin: 6px 0;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
  }

  .mob-nav__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 32px
  }

  .mob-nav__slide {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(/local/templates/auto/css/../img/icon__search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px
  }

  .is-open .mob-nav__menu i:first-child {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .is-open .mob-nav__menu i:last-child {
    opacity: 1;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .is-open .mob-nav__menu i {
    opacity: 0;
    background-color: #f44336
  }

  .is-open .mob-nav__full {
    /*margin-top: 38px;*/
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    pointer-events: painted;
    left: 0
  }

  .mob-nav__full {
    width: 100%;
    max-height: calc(100vh - 72px);
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
    overflow-y: visible;
    border-top: 1px solid #e0e0e0;
    top: 60px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    pointer-events: none;
    position: absolute;
    -webkit-box-shadow: 0 2rem 2rem rgba(41, 26, 85, .16);
    box-shadow: 0 2rem 2rem rgba(41, 26, 85, .16);
    -webkit-overflow-scrolling: touch
  }

  .js-mob-nav__full {
    padding: 15px;
    padding-top: 0
  }

  .mob-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .mob-nav__telephones {
    width: 100%;
    height: 40px;
    padding: 8px 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ebebec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between
  }

  .decorative-line {
    width: 4px;
    height: 18px;
    background-color: #cf2a39
  }

  a.mob-nav__telephone {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    padding: 0;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  a.mob-nav__logo.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .hz-block.down-menu {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 0
  }

  body {
    padding-top: 115px
  }

  body {
    padding-top: 90px
  }

  .banner-bg.lazy {
    background-position: bottom
  }

  .main-slider .sliderCustomText {
    position: absolute;
    left: 40px;
    top: 30%
  }

  .main-slider .sliderCustomText.startWinterBanner {
    left: 20px;
    top: 35%
  }

  .main-slider .sliderCustomText.blackFridayBanner {
    left: 40px;
    top: 5%
  }

  .main-slider .h1 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 700
  }

  .main-slider .NYBanner .h1,
  .startWinterBanner .h1 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: 700
  }

  .main-slider .h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
  }

  .main-slider .NYBanner .h3,
  .startWinterBanner .h3 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
  }

  .main-slider .h3 strong {
    font-size: 22px
  }

  .main-slider .NYBanner .h3 strong,
  .startWinterBanner .h3 strong {
    font-size: 16px
  }

  .main-slider .item .black-block {
    bottom: 60px;
    padding: 20px 30px
  }

  .main-slider .item .black-block:before {
    left: 30px
  }

  .main-slider .item .black-block h2 {
    font-size: 20px;
    margin: 0 0 10px 0
  }

  .main-slider .item .black-block p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 5px 0
  }

  .main-slider .item .black-block ul li {
    margin-bottom: 0;
    font-size: 12px
  }

  .main-slider .item .black-block ul li:last-child {
    margin-bottom: 5px
  }

  a.btn-on-banner {
    background: rgba(213, 0, 28, .5);
    border-radius: 20px;
    font-size: 12px;
    min-width: 150px;
    height: 40px;
    line-height: 40px
  }

  .hz-block .title-catalog {
    margin-bottom: 16px;
    display: none
  }

  .numbers .number {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 0
  }

  .hz-block .links-mark {
    grid-template-columns: repeat(3, 1fr)
  }

  .numbers .desc {
    grid-gap: 20px;
    margin: 4px 0 20px
  }

  .hz-block .links-mark a {
    margin-bottom: 10px;
    font-size: 13px
  }

  .hz-block .links-mark span.lazy {
    width: 20px;
    height: 20px
  }

  .tabs__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px
  }

  .tabs__btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-bottom: 2px solid #eaeaea;
    padding: 8px 0;
    font-size: 14px;
    -webkit-transition: all ease .24s;
    -o-transition: all ease .24s;
    transition: all ease .24s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .tabs__btn.is-active {
    border-bottom: solid #8267BE;
    color: #8267BE
  }

  a.mob-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 14px;
    height: 45px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  a.mob-link:last-child {
    border-bottom: 0
  }

  a.mob-link:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 2px;
    top: 15px
  }

  h1.none {
    font-size: 24px;
    line-height: 32px
  }

  .not-found .center {
    width: 100%;
    margin: 30px 0;
    text-align: center
  }

  .to-top {
    padding: 0;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .to-top .lazy {
    margin-right: 15px
  }

  .template-item-car .first-banner {
    padding-top: 0
  }

  .-mini-banner-bus p.number-title {
    color: #1b41a6
  }

  .-mini-banner-bus .nano-title {
    color: #333
  }

  .diag-blue-block .title {
    font-size: 30px;
    line-height: 40px
  }

  .template-item-car h2 {
    display: block
  }

  span.caps-f {
    width: 100%;
    display: block
  }

  .parameters .title-cpoiler {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }

  .parameters .title-cpoiler .open-close {
    right: 0;
    top: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px
  }

  .specifications .blue-btn {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: inherit;
    margin-left: 10px;
    margin-top: 10px
  }

  .sp-div:nth-child(3) .grey-btn {
    margin: 0;
    margin-top: 10px
  }

  .specifications .old-price,
  .specifications .sale-price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px
  }

  .specifications div {
    font-size: 14px;
    line-height: 15px;
    margin-right: 0
  }

  .specifications .blue-btn {
    margin-top: 0
  }

  .specifications .btns-order {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: nowrap
  }

  .complectation--new .btn {
    width: initial !important
  }

  .complectation--new .btn:last-child {
    margin-bottom: 0
  }

  .template-item-car .first-banner .img img {
    padding-top: 10px
  }

  .template-item-car .benefits,
  .template-item-car .benefits.first-banner {
    margin-bottom: 10px
  }

  .sp-div:nth-child(3) .sale-price {
    margin-top: 0
  }

  .specifications .blue-btn {
    margin-left: 10px
  }

  .to-top {
    margin-bottom: 30px;
    margin-left: 25px;
    width: calc(100% - 50px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .to-top .lazy {
    margin-right: 5px
  }

  .diag-blue-block .title {
    padding-top: 0;
    margin-bottom: 20px
  }

  .nice-select {
    width: 100% !important
  }

  header.credit-header {
    display: none
  }

  .credit-wrapper {
    width: calc(100% - 48px)
  }

  .credit-wrapper h1 {
    font-size: 32px;
    line-height: 40px
  }

  .constructor-credit {
    margin-top: 20px
  }

  .constructor-credit .flex-step-btn {
    padding-top: 10px !important;
    justify-content: center
  }

  .rews .item .title {
    font-size: 20px;
    line-height: 30px
  }

  .rew-wrapper {
    padding: 48px 0;
    width: calc(100% - 48px)
  }

  .rews iframe {
    width: 100% !important;
    height: 220px
  }

  .rews .item .title {
    font-size: 20px;
    line-height: 30px
  }

  .rew-wrapper {
    padding: 48px 0;
    width: calc(100% - 48px)
  }

  .rews iframe {
    width: 100% !important;
    height: 220px
  }

  .page-numbers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .page-numbers span {
    padding: 5px 10px
  }

  .page-numbers span.big {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    margin-top: 10px
  }

  .inend,
  .instart {
    display: none
  }

  .wrapp-blog-item h1 {
    font-size: 24px;
    line-height: 32px
  }

  .prologue {
    padding: 45px 0;
    width: 100%
  }

  .mini-wrapp-blog-item,
  .next-article {
    width: 100%
  }

  .grid-blog {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .credit-form.tadein .wrapper,
  .wrapp-blog,
  .wrapper {
    width: calc(100% - 48px) !important
  }

  .flex-map {
    padding: 0 24px
  }

  .credit-wrapper .italic {
    display: none
  }

  svg#line {
    display: none
  }

  img.foundation {
    display: none
  }

  .credit-wrapper .car-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding: 20px
  }

  .rel-bg {
    display: none;
    width: 320px;
    height: 320px
  }

  .slider-news .item.st {
    width: 100%
  }

  .slider-news .item {
    background: unset !important
  }

  .slider-news .item.st .bg {
    display: block
  }

  .slider-news .item .title {
    color: #fff
  }

  .slider-news .item .date {
    color: #fff
  }

  .mini-wrapp-blog-item img {
    max-width: 100%;
    height: auto
  }

  .prologue {
    padding: 18px 0 0;
    width: 100%;
    text-align: center;
    margin: 0 0 20px
  }

  .wrapp-blog-item h1 {
    margin-bottom: 20px
  }

  .wrapp-blog-item {
    width: calc(100% - 48px);
    margin-top: 0
  }

  .lines-bg {
    display: none !important
  }

  div.configurator .border {
    border-right: none
  }

  .popup-form,
  div#order-cmpl {
    padding: 20px;
    top: 113px;
    width: calc(100% - 40px);
    left: 20px
  }

  div#order-cmpl .grid-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .car-data {
    padding-top: 20px
  }

  .popup-form .title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 30px;
    font-weight: 700;
    margin-top: -11px;
    padding-right: 7px
  }

  .template-item-car .first-banner .img img {
    max-width: 100%;
    max-height: 210px;
    min-height: 210px;
    min-width: initial !important
  }

  .big-text-behind {
    display: none
  }

  .compare-btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }

  .compare-btn .head-btn {
    width: 100%
  }

  .compare-btn .head-btn.add .nice-select {
    line-height: 73px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .parameters .title-cpoiler {
    padding: 16px 16px 16px 5px
  }

  .parameters .title-cpoiler .open-close {
    right: 5px
  }

  .template-item-car h1 {
    font-size: 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px
  }

  .template-item-car h2 {
    font-size: 22px
  }

  .credit-form .wrapper {
    padding: 8px
  }

  .credit-form .wrapper .sub-div {
    padding: 15px
  }

  .about-main,
  section.compare {
    margin-top: 30px
  }

  .spoiler-har {
    font-size: 15px;
    padding: 15px 30px
  }

  td,
  th {
    padding: 10px;
    font-size: 15px
  }

  .parameters .title-param {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    color: #1f1f1f;
    margin: 20px 0 15px
  }

  div.configurator .title {
    font-size: 27px;
    line-height: 30px
  }

  .about-main .value-about {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 0
  }

  .gallery-stack .arrows {
    bottom: 17px;
    right: 15px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  .gallery-stack .number-slide {
    display: none
  }

  .slider-news .item .title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 60px
  }

  .slider-news .item .date {
    margin-left: 20px
  }

  .slider-news .item {
    height: auto;
    padding-bottom: 50px
  }

  section.news {
    padding: 40px 0
  }

  .template-item-car .desc-title {
    font-size: 14px;
    line-height: 20px;
    margin-top: 7px
  }

  .template-item-car .gallery {
    margin-top: 40px
  }

  section.parameters {
    margin-top: 0;
    padding-bottom: 40px;
    margin-bottom: 0
  }

  .credit-options {
    margin-bottom: 40px
  }

  .template-item-car .first-banner {
    padding-bottom: 40px
  }

  .template-item-car h1 .logo-car {
    width: 28px;
    height: 28px;
    margin-right: 10px
  }

  p.date-sale {
    display: none
  }

  .specifications .sp-div:nth-child(2) div {
    background: #f0f0f0;
    padding: 5px 11px;
    border-radius: 2px;
    font-size: 13px;
    margin: 0
  }

  .specifications .sp-div:nth-child(2) {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .specifications .blue-btn,
  .specifications .grey-btn {
    min-width: calc(50% - 2.5px);
    max-width: calc(50% - 2.5px);
    font-size: 12px
  }

  .specifications {
    background: #fff;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
    border-bottom: 2px solid #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .specifications .blue-btn {
    margin-left: 5px;
    background-color: transparent;
    color: #666;
    font-weight: 500
  }

  .complectations .item {
    padding: 5px 0;
    border-bottom: none;
    background: 0 0
  }

  .credit-form.tadein .wrapper,
  .credit-wrapper,
  .wrapp-blog,
  .wrapper {
    width: calc(100% - 40px) !important
  }

  .rel-top .credit-wrapper {
    width: 100% !important
  }

  .one-complectation {
    margin-bottom: 20px
  }

  .gallery-stack {
    margin: 0 0 70px
  }

  .complectations .item.active .desc {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 4px;
    margin-top: 0;
    border-top: none
  }

  .complectations .desc .spoiler-har {
    padding: 10px 10px;
    font-size: 14px
  }

  .template-item-car,
  body,
  html {
    max-width: 100%;
    overflow-x: hidden
  }

  .option-row {
    padding: 7px 0 7px
  }

  .hidden-options .title-option {
    font-size: 12px;
    margin-bottom: 5px
  }

  .hidden-options .value-options div {
    font-size: 13px;
    width: 100%
  }

  span.prices {
    margin-left: 10px
  }

  .popular-cars .item .btns a {
    margin-right: 10px
  }

  .popular-cars .item .btns a {
    font-size: 13px
  }

  .popular-cars .info-car span.caps-f {
    display: contents !important
  }

  .popular-cars .info-car {
    padding-top: 10px;
    margin-top: 0
  }

  .popular-cars-section .popular-cars {
    margin-top: 10px
  }

  .border-lines {
    margin-top: 40px
  }

  section.trade-in .left::before {
    display: none
  }

  section.about {
    padding: 40px 0 40px
  }

  .bottom-menu {
    display: none
  }

  .banner-bg .blue-block {
    padding: 12px
  }

  .banner-bg p.title {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 10px
  }

  .banner-bg .blue-block {
    bottom: 0;
    position: absolute
  }

  .main-slider::after {
    width: 100%;
    bottom: -50px;
    background: rgba(0, 0, 0, .5)
  }

  .banner-bg.lazy .flex.between {
    overflow: visible
  }

  .countdown-container {
    margin-right: 15px;
    width: 55px
  }

  .countdown-container:last-child {
    margin-right: 0
  }

  .countdown-value {
    font-size: 30px
  }

  section.catalog-in-catalog .popular-cars {
    grid-gap: 10px
  }

  section.catalog-in-catalog .popular-cars {
    padding: 20px 0 30px
  }

  .yt-btn-text {
    left: -100px
  }

  .-mini-banner-bus {
    padding: 0 0 20px;
    background-size: inherit;
    background-position: bottom
  }

  .-mini-banner-bus .grid .title {
    padding: 15px 30px;
    background: #1b41a6
  }

  .-mini-banner-bus .title p {
    font-size: 25px;
    line-height: 27px;
    color: #f9f9fa;
    width: auto;
    text-align: center;
    margin-bottom: 0
  }

  .-mini-banner-bus .title p span.blue {
    color: #ffb6b6
  }

  .-mini-banner-bus {
    width: calc(100% - 40px);
    margin: 0 20px
  }

  .text-photo h2 {
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 22px
  }

  .slider-news {
    margin-top: 40px
  }

  .diag-blue-block .img-block .item {
    background: #8267BE !important
  }

  .template-item-car .credit-form {
    margin-bottom: 40px
  }

  .wrapp-blog h1 {
    font-size: 32px;
    line-height: 34px;
    margin: 20px 0 20px
  }

  h1 {
    font-size: 28px;
    line-height: 32px
  }

  .grid-blog h2 {
    font-size: 20px;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 10px
  }

  .grid-blog p.desc {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .01em;
    color: #666;
    margin: 10px 0
  }

  .grid-blog {
    grid-gap: 10px
  }

  .rew-wrapper .mini-desc {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 32px
  }

  .rews .item .title {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px
  }

  .popUp-rew-skan {
    top: 103px;
    width: calc(100% - 20px);
    max-height: 580px;
    left: 10px;
    padding: 15px
  }

  .rews .item {
    margin-bottom: 0
  }

  .rel-top .credit-wrapper h1 {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 33px
  }

  a.banner-btn {
    margin-top: 10px;
    margin-bottom: 30px
  }

  .credit-top-flex .item {
    height: auto
  }

  .constructor-credit .inputs {
    width: 100%;
    min-width: 100%
  }

  .constructor-credit .step3 .inputs {
    padding-top: 0
  }

  .credit-top-flex {
    margin: 60px 0 40px
  }

  .constructor-credit .step {
    min-height: unset
  }

  .credit-wrapper h2 {
    font-size: 22px
  }

  .cond-slider {
    margin-top: 30px
  }

  section.conditions {
    padding: 30px 0 35px
  }

  section.conditions {
    margin: 0
  }

  .constructor-credit .next-step.end {
    font-size: 14px;
    padding: 12px 12px
  }

  p.nomobile {
    display: none !important
  }

  .credit-form.tadein .grid-credit {
    grid-gap: 0
  }

  p.onmobile {
    display: block !important
  }

  p.onmobile {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .02em;
    color: #ccc;
    margin-top: 10px;
    margin-bottom: 0
  }

  .template-item-car .credit-form.tadein .desc-title {
    margin-bottom: 20px
  }

  p.onmobile a {
    text-decoration: underline
  }

  span.okras {
    display: none
  }

  .change-color {
    margin-left: 0;
    margin: 0 5px
  }

  .grid-form-img .img .select-color {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .change-color.active::after,
  .change-color.hover::after {
    left: 6.5px !important
  }

  .change-color.hover::after {
    display: none
  }

  .change-color {
    width: 17px;
    height: 17px;
    min-width: 17px;
    min-height: 17px;
    max-width: 17px;
    max-height: 17px
  }

  .constructor .wrapper {
    width: 100% !important
  }

  .constructor .right-options {
    margin-bottom: 0
  }

  section.constructor .center img {
    max-height: 220px !important;
    min-height: 220px
  }

  .step.total .complection-block.list-complection {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .step.total .inputs-block {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .step.total .complection-block.list-complection {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
  }

  .constructor .complection-block.list-complection .item {
    min-width: 100%;
    margin-top: 20px
  }

  .grid-total-form .selected-color {
    display: none
  }

  .success {
    background: #fff;
    padding: 20px 0 20px 10px;
    width: 100%;
    left: 0;
    bottom: -120px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute
  }

  .success.active img.lazy.loaded {
    max-width: 40px;
    margin-right: 15px
  }

  .success.active .main-text {
    max-width: calc(100% - 65px)
  }

  .success a {
    margin-left: 55px;
    margin-top: 9px
  }

  .flex-map {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .map-block {
    padding-left: 0;
    margin-top: 20px;
    max-height: 400px !important;
    margin-bottom: 23px
  }

  section.contacts h1 {
    margin: 15px 0 0 20px
  }

  div#map {
    max-height: 400px !important
  }

  .cont-title {
    color: #333;
    margin: 30px 0 6px
  }

  .constructor .left-menu li {
    font-size: 14px !important
  }

  .constructor .left-menu ul li:before {
    width: 25px;
    height: 25px;
    left: -11px
  }

  .constructor .left-menu ul li:after {
    display: none
  }

  .constructor .left-menu li {
    margin: 1px 12px
  }

  .constructor h1 {
    float: left
  }

  .constructor .left-menu ul {
    width: unset;
    display: none
  }

  .constructor .left-menu ul li {
    width: 9px;
    text-align: center
  }

  .constructor h2 {
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 5px !important;
    line-height: 20px
  }

  .wrapp-marks {
    grid-template-columns: repeat(3, 33%)
  }

  .wrapp-marks .lazy {
    margin-right: 5px;
    width: 18px;
    height: 18px
  }

  .wrapp-marks a {
    padding: 6px 0 6px 0;
    font-size: 14px
  }

  .constructor .left-menu li {
    margin-bottom: 20px !important
  }

  .constructor h1 {
    font-size: 21px
  }

  .big-btn-compl {
    height: 54px;
    line-height: 54px;
    margin-top: 5px
  }

  .wrapp-models {
    position: relative
  }

  .constructor .car-arrow-slider {
    position: absolute;
    top: 60px;
    left: -10px;
    width: calc(100% + 20px)
  }

  .constructor .car-arrow-slider div.next,
  .constructor .car-arrow-slider div.prev {
    background: 0 0
  }

  .constructor .car-arrow-slider div.next,
  .constructor .car-arrow-slider div.prev {
    padding: 9px 0 6px 0
  }

  .constructor .list-complection .item .row-values {
    padding: 7px 0
  }

  .radio {
    margin-top: 8px;
    font-size: 13px
  }

  .constructor .list-complection {
    padding-bottom: 10px;
    padding-top: 12px
  }

  .info-car p.name {
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 9px
  }

  .constructor .right-options {
    min-height: calc(100vh - 187px)
  }

  .constructor h2 .right {
    margin-top: 3px;
    font-size: 19px;
    line-height: 22px
  }

  .constructor .color-val {
    border-radius: 2px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%
  }

  .constructor .img-color {
    margin: 26px auto
  }

  .color-val.active::after {
    left: 7px
  }

  .constructor .step.total .grid-total-form .img-color {
    margin: 0 auto;
    max-height: 130px !important
  }

  .constructor .inputs-block .notice {
    font-size: 11px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px
  }

  .step.total .inputs-block {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .img-color-block {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 15px
  }

  .constructor-credit .params {
    display: none
  }

  .constructor-credit .flex-step .center {
    display: none
  }

  div#credit-cmpl {
    width: calc(100% - 30px);
    left: 15px
  }

  #credit-cmpl .grid-form {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 0
  }

  div#credit-cmpl .title {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 15px
  }

  div#credit-cmpl .car-data {
    padding-top: 17px
  }

  #credit-cmpl .short_feature .item {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px
  }

  #credit-cmpl .short_feature .item:before {
    left: -15px
  }

  #credit-cmpl .short_feature {
    margin-bottom: 0;
    padding-left: 15px
  }

  .mini-text-form {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 0
  }

  .cupon_popUp .newForma input[type=text],
  .cupon_popUp_content_forms_content input#phone {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important
  }

  .newForma.fixPOPUPCODE .notice {
    width: 100% !important;
    line-height: 19px !important
  }

  ul.mobile-list {
    background: -o-linear-gradient(337.05deg, rgba(109, 109, 109, .8) 14.04%, #ff5e5e 98.35%);
    background: linear-gradient(112.95deg, rgba(109, 109, 109, .8) 14.04%, #ff5e5e 98.35%);
    padding: 15px 0 5px 27px;
    border-radius: 4px
  }

  ul.mobile-list li {
    color: #fff
  }

  ul.mobile-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 6px;
    left: -15px
  }

  span.bold-blue {
    color: #fff;
    font-weight: 800;
    background: #d24343;
    padding: 2px 5px;
    border-radius: 3px;
    white-space: nowrap
  }

  .RUNING_content_galery .slider-nav .slick-list {
    height: 38px
  }

  .main-slider .sliderCustomText.NYBanner {
    left: 5%;
    right: 5%;
    top: 55%;
    text-align: center;
    padding: 10px 0
  }
}

@media screen and (max-width:390px) {
  .personal-form-icon {
    width: 41px !important;
    height: 61px !important;
  }

  .sub-telephones__item {
    font-size: 13px !important;
    line-height: 19px !important;
  }

  .a.mob-nav__logo.logo {
    height: 36px !important;
  }

  .template-item-car .first-banner .img img {
    max-height: 170px;
    min-height: 170px
  }

  main-slider {
    height: 46vh
  }

  section.constructor .center img {
    max-height: 200px !important;
    min-height: 200px
  }

  .gifts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }

  .constructor-credit .next-step.end {
    font-size: 14px;
    padding: 12px 5px
  }

  .flex-step-btn span.active {
    padding-left: 20px
  }

  .constructor-credit .step .flex-step {
    margin-top: 20px
  }

  .rel-top .credit-wrapper h1 {
    margin-top: 0
  }

  .time-credit-value,
  p.first-pay-value {
    font-size: 12px;
    margin-top: 1px
  }

  p.first-pay-value {
    margin-bottom: 15px
  }
}

@media screen and (max-width:400px) {
  .actions .img.lazy {
    height: 215px
  }

  .credit-img-text .lazy.img {
    height: 215px
  }

  .price-credit {
    width: 130px;
    padding: 3px 0
  }

  .popular-cars .item a img {
    margin-top: 20px
  }

  .new-ico {
    right: 140px;
    width: 47px;
    height: 49px
  }
}

@media screen and (max-width:385px) {
  .actions .img.lazy {
    height: 205px
  }

  .counter {
    padding: 15px 0 0
  }

  .credit-img-text .lazy.img {
    height: 205px
  }

  .price-credit {
    width: 115px;
    font-size: 11px;
    padding: 3px 0;
    line-height: 13px
  }

  h1,
  h2 {
    font-size: 22px;
    line-height: 21px;
    margin-bottom: 10px
  }

  .new-ico {
    right: 120px;
    width: 41px;
    height: 43px
  }
}

@media screen and (max-width:360px) {
  .actions .img.lazy {
    height: 172px
  }

  .cupon_popUp_content_header_title img.lazy.loaded {
    width: 64px !important
  }

  .flex.type-car {
    -ms-grid-columns: 1fr 5px 1fr;
    grid-template-columns: repeat(2, 1fr)
  }

  .credit-img-text .lazy.img {
    min-width: 100%;
    height: 172px
  }

  .CONTENT.CONTENT_PAGE.RUNING .back-white a.carItem_OrderAuto.credit {
    line-height: 17px !important;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media screen and (max-width:340px) {
  .wrapper.credit-programs h1.action-h1 {
    font-size: 20px
  }

  .wrapper.credit-programs h2 {
    font-size: 17px
  }

  .template-item-car .first-banner .img img {
    max-height: 150px;
    min-height: 150px
  }

  .specifications .sp-div:nth-child(2) div {
    padding: 5px 3px
  }

  .credit-form.tadein .wrapper,
  .wrapp-blog,
  .wrapper {
    width: calc(100% - 40px) !important
  }

  .popular-cars .item .btns a {
    font-size: 11px
  }

  .countdown {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  .yt-btn-text img {
    max-width: 60px
  }

  .yt-btn-text {
    left: -84px
  }

  .-mini-banner-bus .title p {
    font-size: 22px
  }

  .-mini-banner-bus p.number-title {
    font-size: 27px
  }

  section.constructor .center img {
    max-height: 170px !important;
    min-height: 170px
  }

  .specifications .btns-order {
    width: auto
  }
}

@media screen and (max-height:560px) and (max-width:440px) {
  .hz-block .links-mark a {
    margin-bottom: 5px
  }
}

.banner-bg.lazy .flex.between {
  overflow-y: hidden
}

section.lazy.tradein-form.mrgn.mrgtn {
  margin-top: 0 !important
}

.grid-other img.lazy.loaded {
  max-width: 80%;
  margin-bottom: 30px
}

section.lazy.tradein-form.mrgn {
  margin-bottom: 0 !important
}

.new-credit-banner+h2 {
  margin-top: 30px
}

.new-credit-banner.lazy .flex p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.new-credit-banner.lazy .flex p.big-bold span {
  font-size: 18px;
  font-weight: 400;
  padding-right: 9px;
  padding-left: 9px
}

.new-credit-banner.lazy .flex p.big-bold {
  white-space: nowrap
}

.new-credit-banner.lazy.car .flex p.big-bold,
.new-credit-banner.lazy.fam .flex p.big-bold,
.new-credit-banner.lazy.fir .flex p.big-bold {
  font-weight: 700;
  font-size: 48px !important;
  line-height: 34px !important
}

.new-credit-banner.lazy.car h1,
.new-credit-banner.lazy.fam h1,
.new-credit-banner.lazy.fir h1 {
  margin-top: 100px;
  margin-bottom: 85px
}

section.about-news .desc {
  max-height: 129px;
  overflow: hidden
}

.new-credit-banner.lazy.car p.big-bold.mrgn {
  margin-bottom: 0
}

.grid-other {
  margin-top: 50px
}

.grid-other .item {
  background: #fff;
  text-align: center;
  padding-bottom: 15px;
  margin: 0 10px;
  max-height: 300px
}

.grid-other .name {
  font-size: 24px;
  line-height: 16px;
  text-align: center;
  color: #000
}

.grid-other .price {
  font-weight: 600;
  font-size: 24px;
  line-height: 16px;
  color: #000
}

section.other-kuz,
section.other-price {
  background: #e5e5e5;
  padding: 100px 0
}

section.other-kuz {
  padding-top: 0
}

section.lazy.tradein-form.banner-mark {
  background-image: -o-linear-gradient(26.98deg, rgba(29, 49, 89, .83) 19.29%, rgba(118, 146, 218, .56) 90.65%);
  background-image: linear-gradient(63.02deg, rgba(29, 49, 89, .83) 19.29%, rgba(118, 146, 218, .56) 90.65%);
  background-repeat: no-repeat;
  margin-top: 0;
  padding-bottom: 60px;
  background-position: center;
  background-size: cover
}

.grid-about .img {
  background-position: center bottom;
  background-size: auto !important;
  -webkit-box-shadow: -8px -6px 20px 3px rgba(0, 0, 0, .15);
  box-shadow: -8px -6px 20px 3px rgba(0, 0, 0, .15)
}

section.about {
  margin-bottom: 0 !important
}

h2.big-title {
  position: relative
}

span.logo-car-b.lazy {
  width: 64px;
  height: 64px;
  position: relative;
  left: -30px;
  background-position: center;
  background-repeat: no-repeat
}

section.lazy.tradein-form.banner-mark {
  margin-bottom: 0 !important
}

section.numbers-cart {
  margin-bottom: 80px
}

section.lazy.tradein-form.banner-mark .flex .left img.lazy.loaded {
  max-width: 780px;
  margin-top: 160px
}

section.lazy.tradein-form.before-other {
  margin-bottom: 0
}

section.lazy.tradein-form.banner-mark h2.big-title {
  padding-left: 30px;
  font-size: 38px;
  line-height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 360px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: .016em;
  color: #fff;
  text-transform: inherit
}

section.about-news .desc.active {
  max-height: unset !important
}

.pad-left {
  padding-left: 70px
}

.title img.icon {
  position: absolute;
  background-repeat: no-repeat;
  top: 7px;
  left: -70px
}

div.banner-in-catalog .pad-left .title {
  position: relative
}

.gs .nr-bg2 {
  width: 330px;
  height: 169px;
  position: absolute;
  top: -41px;
  right: 20px;
  z-index: 0;
  background-repeat: no-repeat !important
}

.gs .nr-bg1 {
  width: 260px;
  height: 141px;
  position: absolute;
  bottom: -24px;
  right: 15px;
  z-index: 0;
  background-repeat: no-repeat !important;
  top: unset !important
}

.gs.credit-top-flex .item:nth-child(2) {
  padding-bottom: 50px
}

.gs.credit-top-flex .item:nth-child(2) .position-text {
  position: relative;
  top: 100px
}

.gs.credit-top-flex .item:first-child .position-text {
  top: 15px
}

.credit-top-flex .item:last-child .position-text {
  top: 15px !important
}

.gs.credit-top-flex .item {
  width: calc(33.3% - 16.6px) !important
}

.first-credit .gs li:before {
  background: #ffb746 !important
}

.fam-credit .gs li:before {
  background: #ff6b75 !important
}

.fam-credit .gs li.slick-active:before {
  background: #c32b35 !important
}

.first-credit .gs li.slick-active:before {
  background: #ff7367 !important
}

.first-credit .gs.credit-top-flex .item:first-child .position-text {
  top: -25px
}

.fam-credit .gs.credit-top-flex .item:first-child .position-text {
  top: -25px
}

.fam-credit .credit-top-flex .item:last-child .position-text {
  top: -5px !important
}

.car-credit .gs.credit-top-flex .item:first-child .position-text {
  top: -25px
}

.car-credit .credit-top-flex .item:last-child .position-text {
  top: -5px !important
}

.credit-top-flex {
  margin: 70px 0 90px !important
}

.credit-top-flex .position-text {
  padding: 64px 40px !important
}

.credit-top-flex .item .title {
  margin-bottom: 26px !important
}

.nice-select span.current {
  white-space: initial;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.nr-bg3 {
  right: -6px
}

a.name.active::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

a.grey-btn.to_hidden_form.credit-cmpl-show:hover {
  -webkit-filter: brightness(.9);
  filter: brightness(.9)
}

.head-btn.add {
  max-height: 80px
}

.head-btn.add .nice-select {
  max-height: 80px;
  max-width: 100%
}

.grid-form-img a.grey-btn,
a.grey-btn.to_hidden_form:not(.srav) {
  background: #f0f0f0;
  color: #333
}

.specifications .sp-div:first-child a.name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.complectation--new .btn {
  margin-left: 15px
}

.complectation--new .specifications .sp-div:first-child a.name {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #000
}

.complectation--new a.name::before {
  -webkit-filter: grayscale(100%) brightness(-50%);
  filter: grayscale(100%) brightness(-50%)
}

.complectation--new .active a.name::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.complectation--new .specifications .sp-div {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #000
}

.complectation--new .old-price .value {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #8267BE
}

.complectation--new .complectation--new {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  color: #000
}

.complectation--new .sp-div:nth-child(3) .sale-price {
  margin-left: 2px
}

.complectation--new .specifications .value::after {
  font-family: Arial
}

.to-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.new-credit-banner.lazy {
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: 490px
}

section.conditions {
  margin: 0
}

a.name::before {
  min-width: 14px
}

a.grey-btn.to_hidden_form.srav {
  display: none
}

div.diag-blue-block.right {
  display: none
}

div.gifts-section {
  display: none
}

.template-item-car div.configurator {
  display: none
}

.template-item-car div.diag-blue-block.left {
  display: none
}

.template-item-car section.credit-form.tadein {
  display: none
}

.bank-slider .slick-slide img {
  transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  opacity: .4;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.wrapp-bank-slider {
  position: relative
}

.bank-slider .slick-active img {
  transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  opacity: .4;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.wrap-arrows,
.wrap-arrows-cond {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0
}

.wrap-arrows img.slick-arrow,
.wrap-arrows-cond img.slick-arrow {
  cursor: pointer
}

.wrap-arrows-cond img.slick-arrow {
  position: absolute
}

.wrap-arrows img.slick-arrow.next {
  position: absolute;
  right: 0
}

.wrap-arrows-cond img.slick-arrow.prev {
  left: -15px
}

.wrap-arrows-cond img.slick-arrow.next {
  right: -15px
}

@media screen and (min-width:641px) {
  .wrap-arrows-cond {
    display: none
  }
}

.wrapp-bank-slider .slick-dots li button::before {
  display: none
}

.wrapp-bank-slider li:before {
  background: #aaa
}

.wrapp-bank-slider li.slick-active:before {
  background: #8267BE
}

.wrapp-bank-slider .slick-dots {
  position: absolute;
  bottom: -42px
}

.cond-slider-wrapper {
  position: relative
}

.cond-slider-wrapper-inner {
  overflow: hidden
}

.bank-slider .slick-active+.slick-active img {
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}

.bank-slider .slick-active+.slick-active+.slick-active img {
  transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  opacity: .4;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.bank-slider .slick-slide {
  height: unset !important;
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.template-item-car .countdown-container {
  position: relative;
  width: 53px;
  height: 53px;
  background: #fafafa;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 1.5px rgba(48, 47, 47, .47);
  box-shadow: 0 3px 1.5px rgba(48, 47, 47, .47)
}

.template-item-car .countdown-heading {
  position: absolute;
  background: 0 0 !important
}

.template-item-car .countdown-value span {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #8267BE;
  z-index: 2
}

.template-item-car .counter {
  background: -o-linear-gradient(318.89deg, rgba(196, 196, 196, .304) 14.04%, rgba(26, 65, 166, .768) 98.35%);
  background: linear-gradient(131.11deg, rgba(196, 196, 196, .304) 14.04%, rgba(26, 65, 166, .768) 98.35%);
  border-radius: 3px;
  width: 342px;
  height: 97px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px
}

.template-item-car .countdown-heading {
  color: #8267BE !important
}

.template-item-car .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 73px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px
}

.credit-top-flex .item {
  width: calc(33.3% - 24px) !important
}

.credit-top-flex .item:first-child .position-text,
.credit-top-flex .item:nth-child(3) .position-text {
  top: 47px
}

ul.cir-blue li {
  margin-bottom: 8px !important
}

.frame360 .btn-play {
  position: absolute;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.frame360 {
  margin-top: 77px;
  position: relative;
  width: 1128px;
  height: 600px;
  margin: 0 auto
}

.circ-360 {
  height: 100px;
  background: rgba(255, 255, 255, .2);
  position: absolute;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 50%;
  text-align: center;
  left: calc(50% - 50px);
  top: calc(50% - 50px)
}

.circ-360 p {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .02em;
  color: #fff;
  position: absolute;
  top: 57px
}

.circ-360 img.lazy.loaded {
  position: relative;
  top: -10px
}

.frame360 iframe {
  margin: 0 auto;
  display: block
}

.template-item-car .first-banner .form .flex {
  margin: 25px 0 0 73px !important
}

.template-item-car .time p.title {
  font-size: 13px;
  line-height: 15px;
  color: #525252;
  text-transform: uppercase
}

.template-item-car .countdown-value {
  width: 53px;
  height: 53px;
  border-radius: 8px;
  background: #fafafa
}

.template-item-car .countdown-container:before {
  content: "";
  width: 53px;
  height: 26.5px;
  top: 0;
  background: #3c3c3c;
  opacity: .25;
  border-radius: 8px 8px 0 0;
  position: absolute;
  left: 0
}

.template-item-car .countdown-container:after {
  content: "";
  width: 53px;
  height: 2px;
  top: 26.5;
  background: #869ace;
  position: absolute;
  left: 0;
  z-index: 0;
  opacity: .75
}

.svg-rotate {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 9999
}

.circle_animation {
  stroke-dasharray: 212;
  stroke-dashoffset: 212;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
  stroke-linecap: round
}

.new-credit-banner.lazy h1 {
  font-weight: 700 !important;
  font-size: 44px !important;
  line-height: 50px !important;
  color: #fff;
  font-family: Arial, Inter, sans-serif !important;
  margin-top: 70px
}

.new-credit-banner.lazy h1:before {
  display: none
}

.new-credit-banner.lazy .flex p {
  font-size: 18px;
  line-height: 130%;
  color: #fff
}

.new-credit-banner.lazy .flex img {
  margin-right: 20px
}

.new-credit-banner.lazy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 0
}

.right-50 {
  width: 50%;
  background: rgba(0, 0, 0, .4);
  padding: 10px 10px 80px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.new-credit-banner.lazy {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-size: cover
}

section.about-news .grid {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 100px
}

.right-50:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 0;
  left: 0;
  top: 0
}

.right-50 .flex {
  position: relative
}

.car .right-50 .flex {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

p.big-bold.mrgn3 {
  margin-bottom: 1px
}

.right-50 {
  position: relative
}

p.big-bold.mrgn2 {
  margin-bottom: 11px
}

div.banner-in-catalog {
  background-image: url(/local/templates/auto/img/new-forms/fam-header.png), -webkit-gradient(linear, left top, left bottom, from(white), to(transparent));
  background-image: url(/local/templates/auto/img/new-forms/fam-header.png), -o-linear-gradient(top, #fff, transparent);
  background-image: url(/local/templates/auto/img/new-forms/fam-header.png), linear-gradient(to bottom, #fff, transparent);
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  padding: 150px 0 100px
}

div.banner-in-catalog .flex {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  color: #fff
}

div.banner-in-catalog .flex p {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: .02em;
  color: #fdfdfd;
  max-width: 400px
}

div.banner-in-catalog .wrapper {
  position: relative
}

div.banner-in-catalog .title {
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fffdfd
}

div.banner-in-catalog .flex .item {
  margin-right: 50px
}

div.banner-in-catalog .time {
  position: absolute;
  right: 0;
  bottom: -50px
}

.new-credit-banner .time {
  position: absolute;
  right: 0;
  top: 0
}

.new-credit-banner.lazy {
  position: relative
}

.main-slider svg {
  stroke-dasharray: 300;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out
}

.new-credit-banner svg {
  stroke-dasharray: 300;
  -webkit-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out
}

p.big-bold {
  font-weight: 700;
  font-size: 30px !important;
  line-height: 32px;
  letter-spacing: .02em;
  color: #fff
}

.new-credit-banner.lazy .flex p.big-bold {
  font-weight: 700;
  font-size: 80px !important;
  line-height: 64px !important
}

.new-credit-banner.lazy .flex .item {
  margin-right: 80px
}

.main-slider .countdown-value {
  border: 2px dotted #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.new-credit-banner .countdown-value,
div.banner-in-catalog .countdown-value {
  border: 2px dotted #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.new-credit-banner .countdown-value {
  border: 3px solid rgba(254, 254, 254, .3)
}

.main-slider .countdown-value span {
  font-weight: 600;
  font-size: 26px;
  position: relative;
  top: -8px
}

.main-slider .countdown-heading {
  position: relative;
  top: -34px;
  font-size: 12px !important;
  left: 2px
}

.new-credit-banner .countdown-value span {
  font-weight: 600;
  font-size: 26px;
  position: relative;
  top: -8px
}

.new-credit-banner .countdown-heading {
  position: relative;
  top: -34px;
  font-size: 12px !important;
  left: 2px
}

.new-credit-banner .counter,
div.banner-in-catalog .counter {
  background: -o-linear-gradient(325.53deg, rgba(50, 50, 50, .198) 11.9%, rgba(28, 28, 28, .387) 93.01%);
  background: linear-gradient(124.47deg, rgba(50, 50, 50, .198) 11.9%, rgba(28, 28, 28, .387) 93.01%);
  border-radius: 3px;
  width: 411px;
  height: 152px
}

.main-slider .counter,
.new-credit-banner .counter {
  background: 0 0
}

.new-credit-banner .counter p.title,
div.banner-in-catalog .counter p.title {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.new-credit-banner .svg-rotate,
div.banner-in-catalog .svg-rotate {
  margin-right: 9.1px
}

.new-credit-banner .svg-circles,
div.banner-in-catalog .svg-circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 45px;
  top: 62px
}

.new-credit-banner .svg-circles {
  top: 20.4px
}

.main-slider .svg-rotate {
  margin-right: 9.1px
}

.main-slider .svg-circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 62px
}

.main-slider .svg-circles {
  top: 18.4px;
  left: .5px
}

.main-slider .countdown-heading,
.new-credit-banner .countdown-heading,
div.banner-in-catalog .countdown-heading {
  background: 0 0 !important
}

.main-slider .countdown-container,
.new-credit-banner .countdown-container,
div.banner-in-catalog .countdown-container {
  background: 0 0
}

.main-slider .time {
  position: absolute;
  bottom: -34px;
  right: 150px;
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  z-index: 2
}

p.title-act {
  position: absolute;
  bottom: -8px;
  right: 445px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  z-index: 2
}

.main-slider::after {
  width: 590px !important
}

section.about-news .grid .title {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  margin: 30px 0 23px
}

section.about-news h2 {
  margin-bottom: 60px
}

section.params-car {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 70px
}

.tooltip-div .tooltip {
  display: none
}

.template-item-car .first-banner .img {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tooltips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 450px;
  position: absolute;
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 99
}

.tooltip-div:hover .tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tooltip-div:hover>a {
  background: #d30000
}

.tooltip-div>a {
  background: #8267BE;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .04);
  box-shadow: 0 4px 15px rgba(0, 0, 0, .04);
  border-radius: 3px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fafafa;
  padding: 7px 19px;
  margin-left: 25px
}

.tooltip-div {
  padding-bottom: 20px;
  position: relative
}

.tooltip-div .tooltip p.title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0
}

.tooltip-div .tooltip .desc {
  text-align: left;
  margin: 7px 0;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 15px
}

.tooltip-div .tooltip>a {
  color: #8267BE;
  border-bottom: 1px solid;
  font-size: 14px
}

.tooltip {
  background: #fff;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  z-index: 999;
  border-radius: 5px;
  padding: 15px;
  right: 0;
  width: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: calc(100% - 10px);
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06)
}

section.params-car .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

section.params-car .info {
  margin-left: 15px
}

section.params-car .info p {
  margin-bottom: 7px;
  font-size: 16px;
  color: #868686;
  line-height: 16px
}

section.params-car .info .bold {
  font-weight: 600;
  color: #000
}

section.about-news .grid a {
  font-size: 14px;
  line-height: 16px;
  color: #8267BE;
  text-align: right;
  display: block;
  text-decoration: underline
}

section.about-news .grid a:before {
  content: "";
  width: 11px;
  height: 13px;
  background: url(/local/templates/auto/css/../img/arrow-right.png);
  display: inline-block;
  position: relative;
  top: 3px;
  left: -11px;
  background-size: contain;
  background-repeat: no-repeat
}

section.about-news .grid .desc {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 10px;
  color: #333
}

section.tradein-form {
  margin-bottom: 80px;
  margin-top: 80px;
  padding: 60px 0
}

section.tradein-form>.wrapper>.flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.tradein-form .big-title {
  font-weight: 400;
  font-size: 47px;
  line-height: 62px;
  text-transform: uppercase;
  color: #fff;
  width: 734px;
  margin-bottom: 40px
}

.picto-block .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  max-width: 420px;
  margin-bottom: 20px
}

.picto-block .item img {
  margin-right: 25px
}

.wrapp-form {
  background-color: #fff;
  background-image: -o-repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fff 2px, #fff 5px);
  background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 1px, #fff 2px, #fff 5px);
  padding: 12px;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .06);
  width: 554px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.wrapp-form form {
  background: #fff;
  padding: 60px 61px 100px 61px;
  position: relative
}

section.lazy.vigod {
  background-repeat: no-repeat;
  background-position: left center;
  margin: 120px 0;
  padding: 55px 0 30px;
  background-size: 50% auto
}

.icons-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.icons-flex .item {
  text-align: center
}

.icons-flex p {
  font-size: 12px !important;
  line-height: 24px !important;
  text-align: center;
  color: #868686 !important;
  margin-top: 15px;
  margin-bottom: 0
}

section.lazy.vigod a.blue-btn {
  width: 233px;
  height: 48px;
  display: block;
  margin: 0 auto
}

section.lazy.vigod .flex .left {
  width: 50%
}

section.lazy.vigod .flex .left h2.big-title {
  color: #fff;
  font-weight: 700;
  font-size: 50px;
  line-height: 90px
}

section.lazy.vigod .flex .right {
  margin-left: 125px
}

section.lazy.vigod .bold-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  margin-bottom: 80px
}

span.numb {
  color: #8267BE !important;
  font-weight: 600;
  font-size: 17px !important
}

section.lazy.vigod .picto-block span {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: .02em;
  color: #666
}

section.lazy.vigod .flex {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%
}

.wrapp-form form .title {
  font-size: 24px;
  line-height: 32px;
  color: #000;
  margin-bottom: 35px;
  text-align: center
}

.wrapp-form .notice {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .02em;
  color: #3c3c3c;
  margin-top: 40px
}

.wrapp-form span.hover-input {
  margin-bottom: 24px
}

.wrapp-form .blue-btn {
  margin-top: 0
}

.wrapp-form .notice a {
  text-decoration: underline
}

section.lazy.vigod .picto-block .item {
  margin-bottom: 50px
}

ul.cir-blue li {
  color: #666
}

.gs li:before {
  background: #49a2f0
}

.wrapp-bank-slider.gs li:before {
  background: #aaa
}

.wrapp-bank-slider.gs li.slick-active:before {
  background: #49a2f0
}

section.news {
  padding: 0 0
}

section.about {
  margin-bottom: 80px
}

.template-item-car section.news {
  margin-bottom: 80px;
  padding: 0 0
}

.car-intro {
  position: relative;
  padding-top: 170px;
  padding-bottom: 85px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(/local/templates/auto/css/../img/bg-auto_2021.jpg);
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden
}

.car-intro__photo {
  z-index: 2;
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 500px;
  height: 300px
}

.car-intro h1 {
  position: relative;
  z-index: 1;
  max-width: 740px;
  margin-bottom: 50px;
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 58px;
  color: #fff
}

.intro-special-offer {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 740px;
  max-width: 100%;
  padding: 20px 0;
  background-color: #ea261c;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px
}

.intro-special-offer::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  background-color: #ea261c
}

.intro-special-offer.dark-bg,
.intro-special-offer.dark-bg::before {
  background-color: #000
}

.intro-special-offer div {
  position: relative;
  margin-right: 20px;
  padding-right: 30px
}

.intro-special-offer div::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% + 2px);
  background-color: #fff
}

.intro-special-offer p.main-price {
  margin-bottom: 11px;
  white-space: nowrap;
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 38px;
  color: #fff
}

.intro-special-offer p.credit-price {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #fff
}

.intro-special-offer p.credit-price .rub,
.intro-special-offer p.main-price .rub {
  font-family: Arial, Inter
}

.intro-special-offer__desc {
  position: relative;
  margin-bottom: 0;
  margin-right: 30px;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  width: 240px
}

.dark-bg .intro-special-offer__desc {
  font-weight: 400
}

.btn {
  display: inline-block;
  width: 200px;
  height: 45px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background-color: #000;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

.btn:hover {
  background-color: #8267BE
}

.btn--white {
  color: #000;
  background-color: #fff
}

.btn--grey {
  color: #000;
  background-color: #d3d3d3;
  border-radius: 5px
}

.btn--border {
  color: #000;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 5px
}

.btn--red {
  background-color: #8267BE;
  border-radius: 5px;
  color: #fff !important
}

.btn--border:hover,
.btn--red:hover,
.btn--white:hover {
  color: #878787;
  background-color: #000
}

.btn--grey:hover {
  color: #000;
  background-color: #a9a9a9
}

.intro-special-offer .btn {
  position: relative;
  height: 54px;
  margin-top: 0;
  line-height: 54px
}

.template-item-car .nav {
  background-color: transparent
}

.template-item-car .nav.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%
}

.template-item-car .nav ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.template-item-car .nav li {
  height: 40px;
  margin-bottom: 0;
  display: flex
}

.template-item-car .nav li::before {
  display: none
}

.template-item-car .nav a {
  height: 35px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 4px 18px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  display: flex;
  justify-content: center;
  align-items: center
}

.template-item-car .nav a:hover {
  border: 1px solid #cf2a39
}

.template-item-car .benefits {
  margin-bottom: 90px;
  padding-bottom: 0;
  overflow: hidden
}

.benefits .big-title {
  margin: 0;
  margin-bottom: 50px;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  color: #000
}

.benefits__wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0
}

.benefits__wrap li {
  width: 330px;
  background: #fff;
  -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px rgba(0, 0, 0, .1);
  border-radius: 5px;
  padding: 23px 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.benefits__wrap li h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.04em;
  color: #333
}

.benefits__wrap li p {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  height: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: .01em;
  color: #333;
  opacity: .8
}

@media screen and (max-width:1470px) {
  .benefits__wrap ul {
    padding-right: 0
  }

  .benefits__wrap li {
    width: 300px
  }
}

@media screen and (max-width:1400px) {
  .benefits__wrap li {
    width: 49%;
    background: #fff;
    -webkit-box-shadow: 0 0 29px rgba(0, 0, 0, .1);
    box-shadow: 0 0 29px rgba(0, 0, 0, .1);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .benefits__wrap li p {
    height: 80px
  }

  .benefits__wrap li:nth-child(3) p,
  .benefits__wrap li:nth-child(4) p {
    height: 50px
  }
}

@media screen and (max-width:1350px) {
  .benefits__wrap li {
    width: 48%
  }
}

.benefits__wrap li a {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0;
  margin-top: 10px;
  padding: 0;
  padding-right: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  vertical-align: middle;
  color: #8267BE
}

.benefits__wrap li a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-top: solid 1px #8267BE;
  border-right: solid 1px #8267BE;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.benefits__wrap li a:hover::before {
  right: -5px
}

.benefits__wrap li a.blackBtn {
  display: block;
  background: #000;
  color: #fff;
  text-align: center;
  border: none;
  width: 210px;
  margin-top: 10px;
  line-height: 40px;
  padding: 0
}

.benefits__wrap li a.blackBtn::before {
  display: none
}

.benefits__wrap li a.lightGreyBtn {
  display: block;
  background: #ea261c;
  border-radius: 5px;
  color: #000;
  text-align: center;
  border: none;
  width: 210px;
  margin-top: 10px;
  line-height: 40px;
  padding: 0
}

.benefits__wrap li a.lightGreyBtn::before {
  display: none
}

.benefits__wrap li a.lightGreyBtn:hover {
  background: #a9a9a9
}

.benefits__wrap li::before {
  display: none
}

.benefits__wrap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.benefits__wrap .link {
  display: block;
  width: 345px;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  color: #8267BE
}

.benefits .img {
  z-index: 1
}

.benefits .big-text-behind {
  right: 0;
  top: -50px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
  color: #f0f0f0
}

.benefits .img img {
  padding-top: 155px
}

.benefits .btn {
  position: relative;
  z-index: 2;
  width: 250px
}

.trade-in-features {
  min-height: 550px;
  margin-bottom: 90px;
  padding-top: 113px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-image: url(/local/templates/auto/css/../img/trade-in-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.trade-in-features--margin {
  margin-top: 90px
}

.trade-in-features h2 {
  margin: 0;
  margin-bottom: 7px;
  padding: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 120%;
  color: #fff
}

.trade-in-features p {
  margin: 0;
  margin-bottom: 40px;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px
}

.trade-in-features dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px
}

.trade-in-features dl div {
  width: 290px;
  margin-right: 75px
}

.trade-in-features dt {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 120%
}

.trade-in-features dt span {
  font-family: Arial
}

.trade-in-features dd {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px
}

.car-drive {
  position: relative;
  margin-bottom: 90px;
  padding-top: 120px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center
}

.car-drive .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}

.car-drive h2 {
  margin: 0;
  margin-bottom: 35px;
  padding: 0;
  font-size: 36px;
  line-height: 20px;
  font-style: normal;
  font-weight: 700;
  color: #fff
}

.car-drive .car-drive-title {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.car-drive p {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  font-size: 50px;
  line-height: 58px;
  font-style: normal;
  font-weight: 700;
  text-align: center
}

.car-drive .btn {
  width: 270px;
  height: 54px;
  margin-bottom: 10px;
  outline: 0;
  border: none;
  line-height: 54px
}

.car-drive .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 440px;
  position: relative;
  z-index: 1
}

.reviews__list {
  position: relative;
  overflow: hidden;
  padding: 10px 60px
}

.reviews__list .owl-stage {
  display: flex;
  justify-content: space-between
}

.reviews__list .owl-nav {
  top: 35% !important;
  left: 0
}

.reviews__list .owl-nav button {
  border-radius: 50% !important;
  -webkit-box-shadow: 0 0 6px 4px rgba(105, 51, 51, .2);
  -moz-box-shadow: 0 0 6px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 0 6px 4px rgba(0, 0, 0, .2);
  display: flex !important;
  justify-content: center;
  align-items: center
}

.single-review {
  width: 450px;
  height: 210px;
  padding: 10px;
  -webkit-box-shadow: 0 -1px 6px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 -1px 6px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 -1px 6px 2px rgba(0, 0, 0, .2);
  display: flex
}

.single-review__link {
  flex-grow: 1;
  display: flex;
  justify-content: space-between
}

.single-review__left {
  width: 45%;
  display: flex;
  flex-direction: column
}

.single-review__heading {
  margin-bottom: 10px;
  font-size: 18px;
  color: #8267BE;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700
}

.single-review__right {
  width: 55%;
  display: flex;
  flex-direction: column
}

.single-review__image {
  max-width: 270px;
  margin-bottom: 10px;
  position: relative;
  display: flex
}

.single-review__image img {
  max-width: 100%;
  height: auto
}

.single-review__image::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-image: url(/local/templates/auto/css/../img/play-video.svg);
  background-repeat: no-repeat;
  background-size: cover
}

.single-review__text {
  margin: 0
}

.single-review__logo {
  max-width: 160px;
  margin-bottom: 30px
}

.single-review__date {
  width: 170px;
  height: 35px;
  border: 2px solid #8267BE;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center
}

.car-reviews {
  margin-bottom: 50px
}

.car-reviews__desc {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 23px;
  font-style: normal;
  font-weight: 600;
  color: #000
}

.car-reviews__item-photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 312px;
  max-width: 100%;
  height: 218px;
  margin-bottom: 20px
}

.car-reviews__item-photo::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: #8267BE;
  border-radius: 50%;
  background-image: url(/local/templates/auto/css/../img/icon-play.png);
  background-repeat: no-repeat;
  background-position: left 26px center
}

.car-reviews__item-auto {
  max-width: 300px;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000
}

.car-reviews__item-author {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  color: #868686
}

.form-express {
  min-height: 550px;
  padding-top: 67px;
  padding-bottom: 45px;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #fff
}

.form-express h2 {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-size: 70px;
  line-height: 80px;
  font-style: normal;
  font-weight: 700;
  color: #fff
}

.form-express p {
  margin: 0;
  margin-bottom: 50px;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  font-style: normal;
  font-weight: 400
}

.form-express form,
.trade-in-features form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff
}

.form-express input,
.trade-in-features input {
  width: 312px;
  height: 35px;
  margin-top: 13px;
  margin-bottom: 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #868686;
  outline: 0;
  border: none;
  border-bottom: 1px solid #949494
}

.form-express input {
  font-size: 16px
}

.form-express input::-webkit-input-placeholder,
.trade-in-features input::-webkit-input-placeholder {
  color: #868686
}

.form-express input::-moz-placeholder,
.trade-in-features input::-moz-placeholder {
  color: #868686
}

.form-express input:-ms-input-placeholder,
.trade-in-features input:-ms-input-placeholder {
  color: #868686
}

.form-express input::-ms-input-placeholder,
.trade-in-features input::-ms-input-placeholder {
  color: #868686
}

.form-express input::placeholder,
.trade-in-features input::placeholder {
  color: #868686
}

.form-express input:active,
.form-express input:focus,
.trade-in-features input:active,
.trade-in-features input:focus {
  border-bottom: 1px solid #000 !important
}

.form-express input[type=text],
.trade-in-features input[type=text] {
  position: relative;
  margin-left: 56px;
  margin-right: 79px
}

.form-express input[type=text]::after,
.trade-in-features input[type=text]::after {
  content: '';
  position: absolute;
  top: 0;
  right: -79px;
  width: 1px;
  height: 47px;
  background-color: #e5e5e5
}

.form-express input[type=tel],
.trade-in-features input[type=tel] {
  margin-left: 79px
}

.form-express .btn,
.trade-in-features .btn {
  width: 320px;
  height: 72px;
  margin-left: auto;
  margin-top: 0;
  line-height: 72px;
  border: none;
  outline: 0
}

.form-express small,
.trade-in-features small {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
  color: #f0f0f0
}

.form-express small a,
.trade-in-features small a {
  text-decoration: underline
}

.car-reviews .car-reviews__item-photo {
  position: relative;
  width: 100%
}

.car-reviews .date {
  background: #8267BE;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  left: 0;
  bottom: -10px
}

.car-reviews .owl-nav {
  top: 50%;
  margin-top: -25px
}

.car-reviews .owl-nav>* {
  position: absolute;
  top: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  outline: 0;
  border-radius: 25px
}

.car-reviews .owl-nav>* span {
  font-size: 40px;
  line-height: 44px;
  color: #cf2a39;
  width: 50px;
  height: 50px;
  display: block
}

.car-reviews .owl-nav>:hover {
  background: #fff !important
}

.car-reviews .owl-nav .owl-prev {
  left: 10px
}

.car-reviews .owl-nav .owl-next {
  right: 10px
}

.car-reviews .owl-nav .owl-next span {
  text-indent: 3px
}

@media screen and (min-width:740px) {
  #finprog-cmpl.popup-form {
    width: 730px;
    padding-left: 380px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(/local/templates/auto/css/../img/bgs/bg-min.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    left: calc(50% - 365px)
  }

  #finprog-cmpl.popup-form .hover-input {
    margin-bottom: 10px
  }

  #finprog-cmpl.popup-form input {
    max-width: 100%;
    height: 40px;
    width: 270px
  }

  #finprog-cmpl.popup-form .title {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 26px
  }

  #finprog-cmpl.popup-form .sub-title {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px
  }

  #finprog-cmpl.popup-form button {
    margin: 10px 0 0 0;
    height: 40px
  }

  #finprog-cmpl .mini-text-form {
    margin-top: 10px
  }
}

@media screen and (max-width:1700px) {
  section.lazy.vigod .picto-block .item {
    margin-bottom: 35px
  }

  .credit-top-flex .item:nth-child(3) .position-text,
  .gos-credit .credit-top-flex .item:first-child .position-text {
    top: 39px !important
  }

  .gos-credit .credit-top-flex .item:last-child .position-text {
    top: 15px !important
  }

  ul.cir-blue li {
    margin-bottom: 8px !important;
    font-size: 15px;
    line-height: 21px;
    color: #666
  }

  .credit-top-flex .item .text {
    font-size: 15px;
    line-height: 21px
  }

  .gs.credit-top-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (max-width:1440px) {
  section.lazy.vigod .bold-title {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 40px
  }

  section.lazy.vigod .picto-block .item {
    margin-bottom: 20px
  }

  section.lazy.vigod .picto-block span {
    font-size: 16px;
    line-height: 27px
  }

  .credit-top-flex .position-text {
    padding: 64px 17px
  }

  section.lazy.vigod .flex .left h2.big-title {
    font-size: 47px;
    line-height: 68px
  }
}

@media screen and (max-width:1366px) {
  .template-item-car .first-banner .img img {
    max-width: 100%;
    min-width: 500px
  }

  .position-text .text br {
    display: none
  }

  .wrapp-form {
    width: 480px
  }

  .picto-block .item img {
    margin-right: 15px;
    max-width: 60px
  }

  .wrapp-form form .title {
    font-size: 20px
  }

  .tradein-form .big-title {
    font-size: 40px;
    line-height: 56px
  }

  .wrapp-form form {
    padding: 60px 40px 50px 80px
  }

  section.tradein-form {
    background-position: center
  }

  div.banner-in-catalog .flex .item {
    margin-right: 30px
  }

  div.banner-in-catalog .flex p {
    font-size: 21px;
    line-height: 30px;
    max-width: 280px
  }

  div.banner-in-catalog {
    background-size: cover;
    background-position: top center, top center
  }

  .template-item-car .benefits.first-banner {
    padding-bottom: 0
  }

  .benefits__wrap ul {
    padding-right: 0
  }

  .form-express input[type=tel],
  .trade-in-features input[type=tel] {
    margin-left: 56px
  }

  .form-express input[type=text],
  .trade-in-features input[type=text] {
    margin-right: 56px
  }
}

@media screen and (max-width:1280px) {
  .template-item-car .counter {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  section.lazy.tradein-form.banner-mark .flex .left img.lazy.loaded {
    max-width: 615px;
    margin-top: 160px
  }

  .credit-top-flex .item .title {
    margin-bottom: 6px !important
  }

  .first-credit .credit-top-flex .item:last-child .position-text {
    top: 25px !important
  }

  .fam-credit .credit-top-flex .item:last-child .position-text {
    top: 25px !important
  }

  .car-credit .credit-top-flex .item:last-child .position-text {
    top: 25px !important
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    padding-left: 30px;
    font-size: 33px;
    max-width: 585px
  }

  .grid-other .price {
    font-size: 21px
  }

  .template-item-car .time {
    position: relative;
    left: 15px
  }

  section.lazy.vigod .flex .left h2.big-title {
    font-size: 44px;
    line-height: 56px
  }

  section.lazy.vigod .flex .right {
    margin-left: 75px
  }

  section.lazy.vigod .bold-title {
    font-size: 27px
  }

  .gos-credit .credit-top-flex .item:first-child .position-text {
    top: 10px !important
  }

  .gos-credit .credit-top-flex .item:last-child .position-text {
    top: 10px !important
  }

  .right-50 {
    width: 65%
  }

  .credit-options__wrap .grid-option-credit {
    width: 60%
  }
}

@media screen and (max-width:1100px) {
  .grid-form-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .benefits__wrap li {
    width: 44%
  }
}

@media screen and (max-width:767px) {
  .benefits__wrap li {
    width: 49%
  }
}

section.about-news .grid .desc:after {
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, #fafafa, rgba(0, 0, 0, 0));
  background: linear-gradient(0deg, #fafafa, rgba(0, 0, 0, 0))
}

section.about-news .grid .desc {
  font-size: 16px;
  line-height: 24px;
  position: relative
}

section.about-news .desc.active:after {
  display: none
}

@media screen and (max-width:1300px) {

  .popup-form.popup-goscredit,
  .popup-form.popup-special-credit,
  .popup-form.popup-trade-in {
    left: 0
  }
}

@media screen and (max-width:1200px) {
  .header nav a {
    padding: 0 10px
  }

  .template-item-car .nav {
    display: none
  }

  .car-drive {
    padding-top: 90px
  }

  .car-drive p {
    font-size: 42px;
    line-height: 48px
  }

  .form-express input,
  .trade-in-features input {
    width: 240px
  }

  .form-express input[type=tel],
  .trade-in-features input[type=tel] {
    margin-left: auto
  }

  .form-express input[type=text],
  .trade-in-features input[type=text] {
    margin-left: auto;
    margin-right: auto
  }

  .complectation--new .option__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
  }
}

@media screen and (max-width:1024px) {
  .popup-form.popup-goscredit {
    padding-left: 30%;
    background-size: 150% auto
  }

  .specifications .sp-div:first-child {
    min-width: 190px;
    max-width: 190px
  }

  .fam-credit .credit-top-flex .item:last-child .position-text {
    top: inherit !important
  }

  .credit-top-flex {
    margin: 30px 0 50px !important
  }

  .new-credit-banner.lazy {
    margin-bottom: 30px;
    min-height: 300px
  }

  .car-credit .credit-top-flex .item:last-child .position-text {
    top: inherit !important
  }

  .first-credit .credit-top-flex .item:last-child .position-text {
    top: inherit !important
  }

  .fam-credit .credit-top-flex .item {
    border-color: #ff6b75
  }

  .car-credit .credit-top-flex .item {
    border-color: #49a2f0
  }

  .first-credit .credit-top-flex .item {
    border-color: #ffb746;
    padding-bottom: 0 !important
  }

  span.logo-car-b.lazy {
    width: 60px;
    height: 60px;
    left: -15px
  }

  .gs.credit-top-flex .item:first-child .position-text {
    top: unset
  }

  .credit-top-flex .item:last-child .position-text {
    top: unset !important
  }

  .credit-top-flex .position-text {
    padding: 20px !important
  }

  section.lazy.tradein-form.banner-mark {
    background-size: auto
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    padding-left: 15px;
    font-size: 25px;
    max-width: 450px;
    margin-top: 320px
  }

  section.lazy.tradein-form.banner-mark .flex .left img.lazy.loaded {
    max-width: 465px;
    margin-top: 160px
  }

  ul.cir-blue li br {
    display: none
  }

  .gs.credit-top-flex .item:nth-child(2) .position-text {
    top: unset
  }

  .credit-top-flex .item .title {
    margin-bottom: 13px !important
  }

  .credit-top-flex .item:first-child .position-text .text br {
    display: none
  }

  .tradein-form .big-title {
    font-size: 32px;
    line-height: 42px;
    width: 500px
  }

  .credit-top-flex .item:last-child .position-text {
    top: 0 !important
  }

  .credit-top-flex .item:first-child .position-text,
  .credit-top-flex .item:nth-child(3) .position-text {
    top: 0 !important
  }

  .wrapp-form {
    width: 445px
  }

  .tooltips {
    display: none
  }

  section.lazy.vigod .flex .left h2.big-title {
    font-size: 34px;
    line-height: 51px
  }

  .new-credit-banner.lazy h1 {
    font-size: 36px !important;
    line-height: 42px !important
  }

  .new-credit-banner .svg-circles {
    top: 20px !important
  }

  .new-credit-banner .time {
    right: -35px;
    top: -20px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .new-credit-banner.lazy .flex p.big-bold {
    font-size: 59px !important;
    line-height: 40px !important
  }

  .new-credit-banner.lazy .flex .item {
    margin-right: 30px
  }

  .gallery-stack {
    margin: 32px 0 80px
  }

  .template-item-car .first-banner {
    padding-bottom: 80px
  }

  section.lazy.vigod {
    background-position: left top;
    padding: 15px 0 30px
  }

  .template-item-car .time {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 58px
  }

  .picto-block .item img {
    margin-right: 15px;
    max-width: 45px
  }

  section.lazy.vigod .picto-block span {
    font-size: 15px;
    line-height: 24px
  }

  section.lazy.vigod .bold-title {
    font-size: 22px;
    margin-bottom: 20px
  }

  .frame360 {
    max-width: 100%;
    width: 100%
  }

  iframe#tour_frame {
    max-width: 100%;
    width: 100%
  }

  section.about-news .grid .desc {
    font-size: 16px;
    line-height: 24px
  }

  .about-main .value-about {
    font-size: 28px
  }

  section.params-car .item img {
    max-width: 32px;
    max-height: 30px
  }

  .wrapp-form form {
    padding: 20px 20px 20px 20px
  }

  .wrapp-form input {
    width: 100%
  }

  .template-item-car .counter {
    -webkit-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93);
    margin-left: -13px
  }

  section.params-car .info p {
    font-size: 14px;
    line-height: 13px
  }

  .wrapp-form form:before {
    display: none
  }

  .main-slider .number-slide {
    bottom: 15px;
    right: 105px
  }

  .main-slider .time {
    bottom: -39px;
    right: 120px;
    -webkit-transform: scale(.55);
    -ms-transform: scale(.55);
    transform: scale(.55)
  }

  p.title-act {
    right: 385px;
    bottom: -11px
  }

  .main-slider::after {
    width: 520px !important
  }

  div.banner-in-catalog .flex p {
    font-size: 17px;
    line-height: 25px
  }

  div.banner-in-catalog .flex .item {
    margin-right: 25px
  }

  div.banner-in-catalog .flex p {
    max-width: 216px
  }

  div.banner-in-catalog .time {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  div.banner-in-catalog .title {
    font-size: 27px;
    line-height: 39px;
    margin-bottom: 30px
  }

  .new-credit-banner .svg-circles,
  div.banner-in-catalog .svg-circles {
    top: 72px
  }

  div.banner-in-catalog .time {
    right: -35px
  }
}

@media screen and (max-width:980px) {
  .header nav a {
    height: 70px;
    font-size: 12px !important;
    line-height: 70px
  }
}

@media screen and (max-width:960px) {
  .main-slider .owl-dots {
    bottom: 0
  }

  .main-slider .arrow {
    display: none
  }

  .popup-form.popup-goscredit {
    padding-left: 40%;
    background-position: top left -300px;
    background-size: 260% auto
  }

  .popup-form.popup-goscredit form,
  .popup-form.popup-trade-in form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }

  .popup-form.popup-goscredit input {
    width: 100%
  }

  .popup-form.popup-goscredit button {
    width: 100%
  }

  .popup-form.popup-trade-in {
    top: 0
  }

  .popup-form.popup-trade-in .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .popup-form.popup-trade-in .box-desc {
    margin-right: 0;
    margin-bottom: 40px
  }

  .popup-form.popup-trade-in form {
    margin-top: 0
  }

  .banner-idx {
    min-height: 590px;
    padding-top: 150px;
    background-size: 150%
  }

  .header__search {
    width: 25px;
    height: 70px;
    line-height: 70px
  }

  .new-credit-banner.lazy .flex p {
    margin-bottom: 5px;
    line-height: 20px !important
  }

  section.lazy.tradein-form.banner-mark .wrapper {
    background-size: contain
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    margin-top: 0
  }

  .new-credit-banner.lazy .flex .item {
    margin-right: 0;
    margin-bottom: 12px
  }

  .new-credit-banner.lazy.car h1,
  .new-credit-banner.lazy.fam h1,
  .new-credit-banner.lazy.fir h1 {
    margin-top: 85px;
    margin-bottom: 25px
  }

  .new-credit-banner.lazy.car .flex p.big-bold,
  .new-credit-banner.lazy.fam .flex p.big-bold,
  .new-credit-banner.lazy.fir .flex p.big-bold {
    font-size: 32px !important;
    line-height: 34px !important
  }

  .credit-top-flex.gs {
    display: none
  }

  .right-50 {
    padding-bottom: 15px
  }

  .main-slider::after {
    width: 100% !important
  }

  .main-slider .time,
  p.title-act {
    display: none
  }

  .specifications .sp-div:first-child {
    min-width: 115px;
    max-width: 115px;
    padding-left: 0
  }

  section.lazy.tradein-form.banner-mark .flex .left img.lazy.loaded {
    display: none
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    padding-left: 15px;
    font-size: 32px;
    max-width: 100%
  }

  .grid-other {
    margin-top: 50px
  }

  .specifications .blue-btn {
    min-width: 80px;
    max-width: 80px
  }

  .specifications .old-price,
  .specifications .sale-price {
    min-width: 85px
  }

  section.params-car {
    margin-bottom: 10px
  }

  .-mini-banner-bus {
    margin-top: 30px
  }

  .slider-news .item {
    margin: 0
  }

  section.popular-cars-section {
    margin-top: 5px
  }

  section.tradein-form>.wrapper>.flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  section.tradein-form {
    background-size: cover
  }

  .tradein-form .big-title {
    font-size: 27px;
    line-height: 38px;
    width: 100%;
    margin-bottom: 15px
  }

  .wrapp-form form .title {
    line-height: 27px;
    margin-bottom: 20px
  }

  .wrapp-form .notice {
    margin-top: 10px;
    margin-bottom: 0
  }

  section.tradein-form {
    margin-bottom: 20px;
    margin-top: 40px;
    padding: 40px 0
  }

  .wrapp-form {
    width: 100%
  }

  div.banner-in-catalog .time {
    position: relative
  }

  div.banner-in-catalog .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  div.banner-in-catalog .flex .item {
    width: 100%;
    margin-right: 0
  }

  div.banner-in-catalog .flex p {
    max-width: 100%
  }

  div.banner-in-catalog .title br {
    display: none
  }

  div.banner-in-catalog .time {
    position: relative;
    width: 100% !important
  }

  div.banner-in-catalog .time {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    right: unset !important;
    bottom: 0
  }

  .new-credit-banner .counter,
  div.banner-in-catalog .counter {
    width: 100% !important
  }

  .new-credit-banner .svg-circles,
  div.banner-in-catalog .svg-circles {
    display: none
  }

  .countdown-container {
    margin-right: 27px
  }

  div.banner-in-catalog {
    background-position: top 80px right, top center
  }

  .template-item-car .first-banner .form .flex {
    margin: 0 !important
  }

  .template-item-car .time {
    padding-left: 0;
    left: 0
  }

  .template-item-car .time p.title {
    margin-bottom: 10px
  }

  section.params-car {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  section.params-car .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 49%;
    margin-bottom: 10px;
    padding: 10px;
    background: -o-linear-gradient(316.32deg, #fff 4.47%, #f3f3f3 92.69%);
    background: linear-gradient(133.68deg, #fff 4.47%, #f3f3f3 92.69%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }

  section.params-car {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .template-item-car .first-banner {
    padding-bottom: 30px
  }

  section.lazy.vigod .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  section.lazy.vigod .flex .left {
    display: none
  }

  section.params-car .info {
    margin-left: 0;
    width: 100%;
    margin-top: 10px
  }

  section.lazy.vigod {
    background: 0 0 !important
  }

  section.lazy.vigod .flex .left h2.big-title {
    font-size: 25px;
    line-height: 42px;
    color: #000
  }

  section.lazy.vigod .flex .right {
    margin-left: 0
  }

  section.lazy.vigod {
    margin: 20px 0
  }

  section.lazy.vigod a.blue-btn {
    width: 100%
  }

  .icons-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .icons-flex .item {
    text-align: center;
    padding: 30px 20px;
    background: -o-linear-gradient(316.32deg, #fff 4.47%, #f3f3f3 92.69%);
    background: linear-gradient(133.68deg, #fff 4.47%, #f3f3f3 92.69%);
    width: 100%;
    margin-bottom: 10px
  }

  section.about-news .grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    grid-gap: 30px;
    margin-bottom: 50px
  }

  .template-item-car .counter {
    width: 100%
  }

  .right-50 {
    width: 100%;
    padding: 10px
  }

  section.other-kuz,
  section.other-price {
    background: #e5e5e5;
    padding: 40px 0
  }

  .car-intro {
    min-height: 430px;
    padding-top: 150px;
    background-size: contain;
    background-color: #8267BE
  }

  .car-intro h1 {
    margin-bottom: 30px
  }

  .intro-special-offer div {
    margin-right: 30px;
    padding-right: 30px
  }

  .intro-special-offer p.main-price {
    font-size: 24px;
    line-height: 30px
  }

  .intro-special-offer__desc {
    margin-right: 10px;
    color: #333;
    width: initial
  }

  .car-drive {
    margin-bottom: 40px;
    padding-top: 50px
  }

  .car-drive p {
    font-size: 30px;
    line-height: 36px
  }

  .car-drive .photo {
    width: 100%;
    height: 280px
  }

  .car-drive .photo img {
    width: 80%;
    height: auto
  }

  .complectation--new .option__list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
  }

  .credit-options__wrap .grid-option-credit .item .wrap {
    padding: 0 70px !important
  }

  .popup-form.credit-vigoda {
    width: 100%;
    left: 0
  }
}

@media screen and (max-width:1020px) {
  .order-view .wrapper {
    display: block
  }

  .order-view p {
    width: 100%
  }

  .order-view p.text-center {
    text-align: center
  }

  .order-view-col-left {
    display: block;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    width: 400px;
    max-width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto
  }

  .order-view-col-left::before {
    display: none
  }

  .show-mobile {
    display: block !important
  }

  .hide-mobile {
    display: none !important
  }
}

@media screen and (max-width:640px) {
  .main-slider .number-slide {
    bottom: -13px;
    right: unset !important;
    left: 50px
  }

  .main-slider .arrows {
    bottom: -15px;
    right: 20px
  }

  .rezinaPopUpContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0
  }

  .rezinaPopUpContent .bg {
    width: 100%;
    margin-right: 0;
    height: 150px
  }

  .rezinaPopUpContent form {
    width: 100%
  }

  .cond-slider .item {
    height: 150px
  }

  .cond-slider p.title {
    margin-bottom: 20px
  }

  .bank-slider {
    margin: 30px 0 0
  }

  .bank-slider .slick-slide {
    min-height: 100px
  }
}

@media screen and (max-width:600px) {
  .popup-form.popup-special-credit .subtitle2 span:last-child {
    font-size: 18px
  }

  .popup-form .hover-input {
    width: 100%
  }

  .new-credit-banner.lazy {
    min-height: 320px
  }

  .popup-form.popup-trade-in .btn,
  .popup-form.popup-trade-in .hover-input {
    width: 100%
  }

  .notice-popup-trade-in.white-text {
    margin-top: 20px
  }

  .meta-info-top {
    display: block
  }

  .meta-info-top .author {
    float: left
  }

  .meta-info-top .btns {
    float: right;
    min-height: initial !important
  }

  .meta-info-top .btns .grey-btn {
    line-height: 32px
  }

  .meta-info-top .date {
    display: block;
    clear: both;
    padding-top: 10px
  }

  .popup-form.popup-goscredit {
    padding: 40px 15px;
    background-image: none
  }

  .popup-form.popup-trade-in {
    padding: 40px 15px
  }

  .popup-form.popup-trade-in .inner {
    height: 80vh;
    overflow-y: auto
  }

  .popup-form.popup-trade-in .title {
    margin-top: 0;
    font-size: 24px;
    line-height: 30px
  }

  .popup-form.popup-trade-in .box-desc p {
    font-size: 18px;
    line-height: 22px
  }

  .popup-form.popup-trade-in .box-desc ol {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .popup-form.popup-trade-in .box-desc ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .popup-form.popup-trade-in .box-desc ol li {
    max-width: 290px;
    margin-bottom: 15px;
    margin-right: 0
  }

  .popup-form.popup-trade-in .box-desc ol li:nth-last-of-type(1) {
    margin-bottom: 0
  }

  .popup-form.popup-trade-in .box-desc ul {
    margin-top: 20px
  }

  .popup-form.popup-trade-in .box-desc ul li {
    max-width: 290px;
    margin-bottom: 15px;
    margin-right: 0
  }

  .popup-form.popup-trade-in .box-desc ul li:nth-last-of-type(1) {
    margin-bottom: 0
  }

  .popup-form.popup-special-credit {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 86px;
    background-color: #f9f9f9;
    background-size: 100% auto;
    background-position: bottom center;
    position: absolute
  }

  .popup-form.credit-vigoda {
    position: absolute
  }

  .popup-form .title {
    margin-bottom: 20px
  }

  .popup-form.popup-special-credit .title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px
  }

  .popup-form.popup-special-credit .subtitle-red {
    padding: 5px 0;
    padding-right: 40px;
    height: auto;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px
  }

  .popup-form.popup-special-credit .subtitle {
    margin-bottom: 0;
    font-size: 68px;
    line-height: 68px
  }

  .popup-form.popup-special-credit .subtitle span {
    font-size: 30px;
    line-height: 36px
  }

  .popup-form.popup-special-credit form {
    width: 100%;
    flex-direction: column
  }

  .form-note {
    margin-top: 15px
  }

  .popup-form.popup-special-credit input {
    width: 100%;
    height: 40px;
    line-height: 40px
  }

  .banner-idx {
    min-height: 360px;
    padding-top: 30px;
    background-size: 160%
  }

  p.banner-idx__text--big {
    margin-top: 10px;
    font-size: 24px;
    line-height: 30px
  }

  .header {
    display: none
  }

  .breadcrumb {
    position: relative
  }

  .breadcrumb .wrapper {
    flex-wrap: wrap
  }

  .car-credit,
  .contacts h1,
  .fam-credit,
  .first-credit,
  .gos-credit,
  .wrapp-blog h1,
  .wrapp-blog-item h1,
  h1.action-h1,
  h1.credits-h1 {
    padding-top: 0
  }

  .specifications .sp-div:nth-child(2) {
    display: none
  }

  .specifications .old-price {
    display: none
  }

  a.grey-btn.credit-cmpl-show {
    display: none !important
  }

  .wrapp-form form .title {
    line-height: 23px;
    margin-bottom: 20px;
    font-size: 17px !important
  }

  .btns-order {
    width: 100%;
    margin-right: 0 !important
  }

  .specifications .sp-div .prices {
    width: 100%
  }

  .new-credit-banner.lazy h1 {
    font-size: 23px !important;
    line-height: 31px !important
  }

  .new-credit-banner.lazy .flex .item {
    width: 100%
  }

  section.other-kuz,
  section.other-price {
    background: #e5e5e5;
    padding: 30px 0
  }

  .new-credit-banner.lazy .flex .item p br,
  .new-credit-banner.lazy h1 br {
    display: none
  }

  .grid-other .price {
    font-size: 15px
  }

  .grid-other .name {
    font-size: 21px
  }

  span.logo-car-b.lazy {
    display: none
  }

  section.lazy.tradein-form.banner-mark .wrapper {
    background-size: 500px auto
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    padding-left: 15px;
    font-size: 23px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box
  }

  section.lazy.tradein-form.banner-mark {
    background-size: cover !important;
    padding-bottom: 30px
  }

  section.lazy.tradein-form.banner-mark h2.big-title br {
    display: none
  }

  .wrapp-form {
    padding: 8px
  }

  .picto-block .item {
    font-size: 16px;
    line-height: 20px;
    max-width: 100%;
    margin-bottom: 20px
  }

  .tradein-form .big-title {
    font-size: 24px;
    line-height: 35px
  }

  .wrapp-form span.hover-input {
    margin-bottom: 8px
  }

  .wrapp-form form .title {
    line-height: 23px;
    margin-bottom: 15px;
    font-size: 16px !important
  }

  .wrapp-form form {
    padding: 10px
  }

  p.big-bold {
    font-size: 24px !important
  }

  div.banner-in-catalog .flex p {
    line-height: 16px
  }

  .new-credit-banner .time {
    right: auto;
    top: -20px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    left: -20px
  }

  .right-50 .flex {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  div.banner-in-catalog .time {
    display: none !important
  }

  div.banner-in-catalog {
    display: none;
    background-position: top center, top center
  }

  section#success-credit {
    width: 270px;
    padding: 100px 15px;
    box-sizing: border-box
  }

  h2.rewTITLE.thanks {
    font-size: 32px;
    line-height: 40px
  }

  .template-item-car .time a {
    margin: 0 auto
  }

  .template-item-car .counter {
    margin: 0
  }

  .template-item-car section.news {
    margin-bottom: 25px
  }

  section.wrapp-form {
    margin-top: 0;
    margin-bottom: 0
  }

  .order-view .wrapper {
    padding: 40px 0
  }

  .order-view-col-left {
    padding-left: 0
  }

  .order-view-col-left::before {
    display: none
  }

  .gallery-stack .photo {
    background-size: cover !important
  }

  .wrapper.rew {
    padding-bottom: 60px
  }

  section#running-section .catalog-running .item .img a {
    text-align: center
  }

  section#running-section .car-name {
    white-space: normal
  }

  section.news {
    margin-top: 60px
  }

  section.compare {
    display: none
  }

  section.about {
    display: none
  }

  section.lazy.vigod {
    display: none
  }

  .about-main .value-about {
    font-size: 20px
  }

  section.params-car .item {
    width: 100%
  }

  section.params-car .item:nth-of-type(3) {
    display: none
  }

  .specifications .sale-price {
    justify-content: flex-end
  }

  .specifications .blue-btn {
    min-width: 70px;
    max-width: 70px
  }

  .intro-special-offer {
    flex-wrap: wrap
  }

  .intro-special-offer div {
    margin-bottom: 25px
  }

  .intro-special-offer div::after {
    display: none
  }

  .trade-in-features {
    margin-bottom: 40px;
    padding-top: 80px;
    background-size: cover
  }

  .trade-in-features h2 {
    font-size: 24px;
    line-height: 35px
  }

  .trade-in-features p {
    margin-bottom: 50px
  }

  .trade-in-features dl {
    flex-wrap: wrap
  }

  .trade-in-features dl div {
    width: 100%;
    margin-right: 0
  }

  .trade-in-features dl div:nth-of-type(1) {
    margin-bottom: 20px
  }

  .car-intro {
    position: relative;
    min-height: 520px;
    margin-bottom: 40px;
    padding-top: 80px;
    padding-bottom: 200px;
    box-sizing: border-box;
    background-color: transparent;
    background-size: contain
  }

  .car-intro h1 {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 36px
  }

  .car-intro::before {
    bottom: auto;
    height: 40%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3), transparent)
  }

  .intro-special-offer {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    bottom: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, .5)
  }

  .intro-special-offer__desc {
    margin-bottom: 10px
  }

  .intro-special-offer::before {
    display: none
  }

  .intro-special-offer>div {
    order: 2
  }

  .intro-special-offer div {
    color: #333
  }

  .intro-special-offer p.credit-price {
    color: #333
  }

  .intro-special-offer p.main-price {
    color: #333;
    margin-bottom: 0
  }

  .intro-special-offer.dark-bg .intro-special-offer__desc,
  .intro-special-offer.dark-bg>div {
    color: #fff;
    margin-right: 0;
    padding: 20px 20px 0 20px
  }

  .intro-special-offer.dark-bg p.credit-price,
  .intro-special-offer.dark-bg p.main-price {
    color: #fff
  }

  .intro-special-offer>button {
    order: 2
  }

  .btn {
    width: 100%
  }

  .benefits__wrap {
    min-width: 0
  }

  .benefits .big-title {
    margin-bottom: 30px
  }

  .benefits__wrap ul {
    padding-right: 0
  }

  .benefits__wrap li {
    width: 100%;
    margin-bottom: 20px
  }

  .benefits__wrap li:nth-of-type(2n) {
    margin-left: 0
  }

  .benefits__wrap div {
    align-items: flex-start;
    flex-direction: column
  }

  .benefits__wrap .link {
    width: 100%;
    margin-bottom: 15px
  }

  .benefits .btn {
    width: 100%
  }

  .car-drive {
    background-size: 200% auto
  }

  .car-drive p {
    font-size: 20px;
    line-height: 24px
  }

  .car-drive .photo {
    width: 100%;
    height: 180px
  }

  .car-reviews__list {
    width: 290px !important;
    margin: 0 auto
  }

  .car-reviews__desc {
    margin-bottom: 30px
  }

  .form-express h2 {
    font-size: 20px;
    line-height: 34px;
    -moz-text-shadow: 1px 1px 1px #000;
    -webkit-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000
  }

  .form-express form,
  .trade-in-features form {
    flex-wrap: wrap;
    justify-content: center
  }

  .form-express input,
  .trade-in-features input {
    width: calc(100% - 30px)
  }

  .form-express input[type=text],
  .trade-in-features input[type=text] {
    margin-left: 0;
    margin-right: 0
  }

  .form-express input[type=tel],
  .trade-in-features input[type=tel] {
    margin-left: 0
  }

  .form-express .btn,
  .trade-in-features .btn {
    width: 100%
  }

  .complectation--new .specifications {
    flex-wrap: wrap
  }

  .complectation--new .sp-div:nth-child(3) .sale-price {
    margin-left: 0
  }

  .complectation--new .btn {
    display: block;
    width: auto;
    height: auto;
    line-height: 18px;
    color: #000;
    min-width: 140px;
    text-align: center;
    border: 1px solid
  }

  .credit-options__desc {
    padding: 35px 15px
  }

  .credit-options__wrap .grid-option-credit {
    grid-template-columns: repeat(1, 1fr)
  }

  .credit-options__wrap .grid-option-credit .item .wrap {
    padding: 0 24px !important
  }

  .credit-options__wrap .grid-option-credit .check {
    flex-shrink: 0
  }

  .credit-options__desc .photo {
    width: 100%;
    margin: 15px 0 0 0;
    height: auto
  }

  .credit-options__desc .photo img {
    max-width: 100%
  }

  .credit-options .flex {
    margin-top: 15px;
    justify-content: space-between
  }

  .credit-options__desc .btn span {
    display: none
  }

  .popup-form.credit-vigoda .subtitle {
    margin-bottom: 30px;
    font-size: 38px;
    line-height: 42px
  }

  .popup-form.credit-vigoda .desc {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px
  }

  .car-intro {
    padding-top: 60px
  }

  .car-intro__photo {
    position: relative;
    padding: 20px 0;
    bottom: initial;
    top: initial;
    width: 100%;
    height: initial;
    max-width: 100%;
    z-index: 0
  }

  .car-intro__photo img {
    width: initial !important;
    max-width: 100%
  }

  .car-drive .btn {
    width: 170px;
    height: 40px;
    line-height: 40px
  }

  .car-drive .photo img {
    width: 100%;
    height: auto;
    margin-top: 20px
  }
}

@media screen and (max-width:520px) {
  .car-intro {
    min-height: 550px
  }
}

@media screen and (max-width:475px) {
  .car-intro {
    min-height: 500px
  }

  .popular-cars-section h2 {
    margin-bottom: 30px
  }
}

@media screen and (max-width:410px) {
  .car-intro {
    min-height: 450px
  }

  .banner-idx {
    min-height: 265px
  }

  .tradein-form .big-title {
    font-size: 21px;
    line-height: 30px
  }

  .icons-flex .item img {
    max-width: 50px
  }

  section.lazy.tradein-form.banner-mark h2.big-title {
    font-size: 19px;
    line-height: 28px
  }

  .car-intro {
    padding-top: 30px
  }

  .car-intro__photo {
    bottom: auto;
    width: 200px;
    height: 200px
  }

  .car-intro__photo img {
    width: 100%
  }

  .car-intro h1 {
    margin-bottom: 40px
  }

  .car-drive {
    background-size: 250% auto
  }
}

@media screen and (max-width:360px) {
  .car-intro {
    min-height: 430px
  }

  .tradein-form .big-title {
    font-size: 19px;
    line-height: 28px
  }

  .picto-block .item img {
    margin-right: 10px;
    max-width: 35px
  }

  div.banner-in-catalog .time {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
  }

  .new-credit-banner .time {
    left: -31px
  }

  .new-credit-banner.lazy .flex p.big-bold {
    font-size: 48px !important;
    line-height: 30px !important
  }

  div.banner-in-catalog .title {
    font-size: 23px;
    line-height: 32px
  }

  div.banner-in-catalog .countdown {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.8);
    position: relative;
    left: -6px
  }

  .new-credit-banner.lazy h1 {
    font-size: 21px !important;
    line-height: 31px !important
  }

  .new-credit-banner.lazy.car .flex p.big-bold,
  .new-credit-banner.lazy.fam .flex p.big-bold,
  .new-credit-banner.lazy.fir .flex p.big-bold {
    font-size: 26px !important;
    line-height: 29px !important
  }
}

.banner-idx.lazy img {
  display: block;
  width: 100%;
  opacity: 0
}

.red {
  color: #f10 !important
}

@media screen and (max-width:1200px) {
  .catalog__cars .hz-block .links-mark {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (max-width:640px) {
  .catalog__cars .hz-block .title-catalog {
    display: block
  }

  .catalog__cars .hz-block {
    display: inline-flex
  }

  .catalog__cars .hz-block .links-mark {
    grid-template-columns: repeat(3, 1fr)
  }

  .catalog__cars .hz-block .links-mark a {
    margin-bottom: 10px;
    font-size: 13px
  }

  .catalog__cars .hz-block .links-mark span.lazy {
    width: 20px;
    height: 20px
  }

  .catalog__cars .catalog__cars-type {
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 150px;
    padding: 0
  }

  .catalog__cars .catalog__cars-type>a {
    width: 33%
  }

  .tabs-content .photo img {
    max-width: 100%;
    width: auto;
    height: auto
  }
}

.wrapp-blog-item .abs-btn {
  display: none !important
}

.intro-special-offer .btn {
  color: #000;
  background-color: #fff;
  outline: 0;
  border: none;
  border-radius: 5px
}

.intro-special-offer .btn:hover {
  background-color: #a9a9a9
}

.slider-news .slick-next,
.slider-news .slick-prev {
  display: none !important
}

.main-trade-in .wrapp-form .blue-btn {
  margin-top: 0;
  width: 100%
}

.notice-popup-trade-in {
  font-size: 12px !important;
  margin-top: 0
}

.notice-popup-trade-in.white-text {
  color: #fff;
  line-height: 16px;
  margin-bottom: 0
}

.mobileMenu,
.mobileMenu ul {
  padding-left: 0
}

.mobileMenu .hz-block .links-mark {
  grid-template-columns: repeat(2, 1fr)
}

.mobileMenu .hz-block .links-mark a {
  margin-bottom: 10px;
  font-size: 14px;
  letter-spacing: 1px
}

.mobileMenu .hz-block .links-mark a span {
  margin-right: 10px
}

.mobileMenu li {
  margin: 0;
  position: relative
}

.mobileMenu li>a {
  display: block;
  padding: 12px 0
}

.mobileMenu li:before {
  display: none
}

.mobileMenu .parrent li>a {
  padding-left: 20px
}

.mobileMenu a.open {
  color: #8267BE;
}

.mobileMenu .parrent li>a:not(.mobileMenuEl):before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  background: var(--blue);
  top: 16px;
  left: 0;
  border-radius: initial
}

.mobileMenu .childMenuHolder {
  display: none
}

.mobileMenu .parrent>a:after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 16px;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(/local/templates/auto/css/../img/icons/arrow.svg)
}

.mobileMenu .parrent>a.open:after {
  background-image: url(/local/templates/auto/css/../img/icons/arrow-hover.svg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.mobileMenuEl {
  color: #333;
  line-height: 20px;
  display: block
}

.mobileMenuEl:before {
  margin-right: 10px;
  display: block;
  content: '';
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain
}

.ico-1:before {
  background-image: url(/local/templates/auto/css/../img/icons/car.svg)
}

.ico-1.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/car-hover.svg)
}

.ico-2:before {
  background-image: url(/local/templates/auto/css/../img/icons/ruble.svg)
}

.ico-21:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-01-new-min.png)
}

.ico-22:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-02-new-min.png)
}

.ico-23:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-03-new-min.png)
}

.ico-24:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-04-new-min.png)
}

.ico-25:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-05-new-min.png)
}

.ico-26:before {
  background-image: url(/local/templates/auto/css/../img/credit-programm-logo/credit-programs-06-new-min.png)
}

.ico-2.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/ruble-hover.svg)
}

.ico-3:before {
  background-image: url(/local/templates/auto/css/../img/icons/change.svg)
}

.ico-3.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/change-hover.svg)
}

.ico-4:before {
  background-image: url(/local/templates/auto/css/../img/icons/sale.svg)
}

.ico-4.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/sale-hover.svg)
}

.ico-5:before {
  background-image: url(/local/templates/auto/css/../img/icons/chat.svg)
}

.ico-5.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/chat-hover.svg)
}

.ico-6:before {
  background-image: url(/local/templates/auto/css/../img/icons/mail.svg)
}

.ico-6.open:before {
  background-image: url(/local/templates/auto/css/../img/icons/mail-hover.svg)
}

.prizrak {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.prizrak p {
  display: inline-block;
  text-align: center;
  color: #000
}

.prizrak p:first-child {
  font-size: 36pt;
  line-height: 36pt;
  margin-bottom: 70px;
  margin-top: -120px
}

.prizrak p:last-child {
  font-size: 14pt
}

@media screen and (max-width:1040px) {
  .prizrak p:first-child {
    font-size: 30pt;
    line-height: 30pt;
    margin-bottom: 60px;
    margin-top: -110px
  }

  .popup-form.popup-special-credit-new {
    width: 90%;
    left: 5%;
    top: 100px;
    padding: 0;
    position: fixed;
    overflow-y: initial
  }

  .popup-form.popup-special-credit-new .innerBlock {
    padding: 30px 25px;
    background-size: auto 160%;
    background-position: 50% 100%
  }

  .popup-form.popup-special-credit-new .title {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px
  }

  .popup-form.popup-special-credit .title-new .name-car {
    white-space: initial;
    display: block
  }

  .popup-form.popup-special-credit-new .wrap {
    display: block;
    width: initial;
    float: none;
    padding: 30px 0 0 0;
    min-height: initial;
    max-width: initial
  }

  .popup-form.popup-special-credit-new .subtitle-top.wsnr {
    white-space: initial
  }

  .popup-form.popup-special-credit-new .car-data,
  .popup-form.popup-special-credit-new .car-data.r50 {
    margin-top: -30px;
    position: relative;
    right: initial;
    text-align: center
  }

  .popup-form.popup-special-credit-new form {
    width: 600px;
    max-width: 85%;
    margin: 0 auto
  }

  .popup-form.popup-special-credit-new .mini-text-form {
    width: 600px;
    max-width: 85%;
    margin: 15px auto 0 auto
  }

  .popup-form.popup-special-credit-new .mini-text-form+.mini-text-form {
    max-width: 100%
  }

  .popup-form.popup-special-credit-new .btn,
  .popup-form.popup-special-credit-new .hover-input,
  .popup-form.popup-special-credit-new .nice-select {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: initial
  }

  .popup-form.popup-special-credit-new .btn {
    margin-top: 15px
  }
}

@media screen and (max-width:600px) {
  .prizrak p:first-child {
    font-size: 26pt;
    line-height: 26pt;
    margin-bottom: 40px;
    margin-top: -100px
  }

  .popup-form.popup-special-credit-new .title {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px
  }

  .popup-form.popup-special-credit-new .wrap {
    padding: 15px 0 0 0
  }

  .popup-form.popup-special-credit-new .subtitle1,
  .popup-form.popup-special-credit-new .subtitle2 {
    line-height: 50px;
    font-size: 50px
  }

  .popup-form.popup-special-credit-new .subtitle1 {
    letter-spacing: -2px
  }

  .popup-form.popup-special-credit-new .subtitle1 span {
    font-size: 30px
  }

  .popup-form.popup-special-credit-new .subtitle2 span {
    font-size: 26px
  }

  .popup-form.popup-special-credit-new .subtitle-top {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 5px
  }

  .popup-form.popup-special-credit-new .big-subtitle {
    font-size: 26px;
    line-height: 28px
  }

  .popup-form.popup-special-credit-new .small-subtitle {
    font-size: 26px;
    line-height: 40px
  }

  .popup-form.popup-special-credit-new .smallForMobile {
    font-size: 16px;
    line-height: 22px
  }

  .popup-form.popup-special-credit-new .subtitle-grey {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 18px
  }

  .popup-form.popup-special-credit-new .text-right-mobile {
    text-align: right
  }

  .popup-form.popup-special-credit-new .car-data,
  .popup-form.popup-special-credit-new .car-data.r50 {
    margin-top: -5px
  }

  .popup-form.popup-special-credit-new .subtitle-red {
    margin-top: 5px;
    font-size: 22px;
    line-height: 26px
  }

  .car-intro .btn {
    background-color: #8267BE;
    color: #fff
  }

  .popup-form.popup-special-credit-new {
    top: 10px
  }

  .popup-form.popup-special-credit-new .innerBlock {
    padding: 20px 25px;
    background-size: auto 190%
  }

  .popup-form.popup-special-credit-new .car-data img {
    width: auto;
    max-height: 130px
  }

  .popup-form.popup-special-credit-new .btn,
  .popup-form.popup-special-credit-new .hover-input,
  .popup-form.popup-special-credit-new .nice-select {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px
  }

  .popup-form.popup-special-credit-new .btn {
    margin-top: 5px
  }

  .popup-form.popup-special-credit-new .mini-text-form {
    margin: 0 auto 10px auto
  }

  .popup-form.popup-special-credit-new .mini-text-form:last-child {
    margin-bottom: 0
  }

  #credit-cmpl-v2 .title,
  #rezinaPopUp .title {
    font-size: 28px;
    line-height: 30px
  }

  #credit-cmpl-v2 .car-data img,
  #rezinaPopUp .car-data img {
    max-height: 150px
  }

  #credit-cmpl-v2 .subtitle,
  #rezinaPopUp .subtitle {
    font-size: 18px;
    line-height: 20px;
    margin: -5px 0 10px 0
  }

  #credit-cmpl-v2 .subtitle .dop-info,
  #rezinaPopUp .subtitle .dop-info {
    font-size: 16px;
    line-height: 18px
  }

  #credit-cmpl-v2 .nice-select,
  #credit-cmpl-v2 input,
  #rezinaPopUp .nice-select,
  #rezinaPopUp input {
    border-bottom: 1px solid #000;
    height: 36px;
    padding: 0 10px 0 20px;
    font-size: 14px;
    line-height: 14px
  }

  #credit-cmpl-v2 button:not(.owl-dot),
  #rezinaPopUp button:not(.owl-dot) {
    background: #8267BE;
    font-size: 16px;
    line-height: 16px;
    height: 40px;
    margin-top: 15px
  }

  #rezinaPopUp button:not(.owl-dot) {
    margin: 25px 0 10px 0
  }

  #credit-cmpl-v2 .mini-text-form,
  #rezinaPopUp .mini-text-form {
    font-size: 11px;
    line-height: 12px
  }

  #credit-cmpl-v2 .nice-select+.mini-text-form,
  #rezinaPopUp .nice-select+.mini-text-form {
    margin-top: 5px
  }

  #credit-cmpl-v2.popup-form .hover-input,
  #rezinaPopUp.popup-form .hover-input {
    margin-bottom: 15px
  }
}

@media screen and (max-width:400px) {
  .prizrak p:first-child {
    font-size: 22pt;
    line-height: 22pt;
    margin-bottom: 40px
  }

  .prizrak p:last-child {
    font-size: 14pt
  }

  #credit-cmpl-v2 .title,
  #rezinaPopUp .title {
    font-size: 22px;
    line-height: 24px
  }

  #credit-cmpl-v2 .car-data img,
  #rezinaPopUp .car-data img {
    max-height: 80px
  }

  #credit-cmpl-v2 .subtitle,
  #rezinaPopUp .subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: -5px 0 5px 0
  }

  #credit-cmpl-v2 .subtitle .dop-info,
  #rezinaPopUp .subtitle .dop-info {
    font-size: 14px;
    line-height: 16px
  }

  #credit-cmpl-v2 .nice-select,
  #credit-cmpl-v2 input,
  #rezinaPopUp .nice-select,
  #rezinaPopUp input {
    border-bottom: 1px solid #000;
    height: 30px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    line-height: 14px
  }

  #credit-cmpl-v2 button:not(.owl-dot),
  #rezinaPopUp button:not(.owl-dot) {
    background: #8267BE;
    font-size: 16px;
    line-height: 16px;
    height: 34px;
    margin-top: 10px
  }

  #rezinaPopUp button:not(.owl-dot) {
    margin: 15px 0 5px 0
  }

  #credit-cmpl-v2 .mini-text-form,
  #rezinaPopUp .mini-text-form {
    font-size: 9px;
    line-height: 10px
  }

  #credit-cmpl-v2 .nice-select+.mini-text-form,
  #rezinaPopUp .nice-select+.mini-text-form {
    margin-top: 5px
  }

  #credit-cmpl-v2.popup-form .hover-input,
  #rezinaPopUp.popup-form .hover-input {
    margin-bottom: 10px
  }
}

img.hidden {
  display: none
}

.colorSlider {
  width: 730px;
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-45%, -5%);
  box-sizing: border-box
}

.colorSlider .owl-item div {
  display: flex;
  justify-content: center;
  align-items: center
}

.colorSlider img {
  width: unset !important;
  height: 245px
}

.colorSlider .owl-nav {
  bottom: 0;
  width: initial;
  left: -40px;
  right: -40px
}

.colorSlider .owl-carousel .owl-nav button.owl-next,
.colorSlider .owl-carousel .owl-nav button.owl-prev {
  width: 35px;
  height: 80px;
  background: 0 0;
  color: #cf2a39;
  position: absolute;
  bottom: -67px;
  font-size: 70px;
  text-align: center;
  outline: 0
}

.colorSlider .owl-carousel .owl-nav button:hover {
  color: red
}

.colorSlider .owl-carousel .owl-nav button.owl-next {
  right: 143px
}

.colorSlider .owl-carousel .owl-nav button.owl-prev {
  left: 143px
}

.colorSlider .owl-carousel .owl-nav button span {
  display: block;
  height: 32px
}

.colorSlider img {
  max-width: 100%;
  min-width: initial !important;
  max-height: initial !important;
  min-height: initial !important
}

.colorSlider .owl-thumbs {
  width: 55%;
  margin: 0 auto;
  overflow: auto;
  display: flex;
  position: relative;
  justify-content: center;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}

.colorSlider .owl-thumbs::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.colorSlider .owl-thumbs::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 10px;
  transition: all .25s ease
}

.colorSlider .owl-thumbs::-webkit-scrollbar-thumb:hover {
  transition: all .25s ease;
  background: #000
}

.colorSlider .owl-thumbs::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 7px 10px 12px 0 #f0f0f0
}

.colorSlider .owl-thumbs:before {
  left: -5px
}

.colorSlider .owl-thumbs:after {
  right: -5px
}

.colorSlider .owl-thumb-item {
  margin: 2px 3px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  display: inline-block;
  width: 40px
}

.colorSlider .owl-thumb-item .colorThumb {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #ccc;
  overflow: hidden;
  position: relative;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}

.colorSlider .owl-thumb-item.active .colorThumb {
  border: 2px solid red
}

.colorSlider .owl-thumb-item .colorDesc {
  margin-top: 3px;
  color: #000;
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  text-transform: capitalize
}

.colorSlider .owl-thumb-item.active .colorDesc {
  color: red
}

@media screen and (max-width:1350px) and (min-width:1100px) {
  .colorSlider {
    width: 480px
  }

  .colorSlider .owl-thumb-item {
    margin: 2px
  }

  .big-text-behind {
    font-size: 56px;
    line-height: 56px
  }
}

.credit-form-calc .error .errorDesc {
  color: red;
  font-size: 12px;
  line-height: 14px;
  margin-top: 0;
  margin-bottom: 15px
}

.credit-form-calc .error .nice-select,
.credit-form-calc .error input {
  border: 1px solid red;
  -webkit-box-shadow: inset 0 0 4px 0 rgba(255, 0, 0, .75);
  -moz-box-shadow: inset 0 0 4px 0 rgba(255, 0, 0, .75);
  box-shadow: inset 0 0 4px 0 rgba(255, 0, 0, .75);
  margin-bottom: 5px
}

.CONTENT_TYPE {
  animation-fill-mode: both;
  animation-name: fadeContent;
  animation-duration: .9s;
  animation-delay: .3s;
  animation-timing-function: ease-out;
  will-change: animation-name
}

.CONTENT_TYPE.flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial
}

.CONTENT_TYPE h2 {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  position: relative
}

.CONTENT_TYPE_L {
  width: 1px;
  background-color: hsla(0, 0%, 67.8%, .2);
  margin-top: 40px;
  margin-bottom: 20px
}

.CONTENT_TYPE_R {
  width: calc(100% - 1px);
  box-sizing: border-box;
  padding-left: 40px
}

.CONTENT_TYPE_R h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 9px;
  background-color: #adadad;
  top: 11px;
  left: -44px
}

.CONTENT_TYPE_R li {
  font-size: 15px;
  letter-spacing: .5px;
  line-height: 22px;
  color: #333;
  margin: 0 !important
}

ul.bank-block {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 10px;
  padding-left: 0
}

ul.bank-block.orderBankForm {
  align-items: stretch
}

ul.bank-block.orderBankForm img,
ul.bank-block.orderBankForm img:hover,
ul.bank-block.orderBankForm li.active img {
  border: 0 !important;
  margin: 0 !important;
  box-shadow: none !important
}

ul.bank-block.orderBankForm li {
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #efefef;
  transition: all ease .25s
}

ul.bank-block.orderBankForm li:before {
  display: none
}

ul.bank-block.orderBankForm li:hover {
  border: 1px solid #333
}

ul.bank-block.orderBankForm li.active {
  box-shadow: inset 0 0 0 3px #ea1530
}

ul.bank-block img {
  width: 130px;
  border: 1px solid #efefef;
  margin-bottom: 10px;
  margin-right: 15px;
  padding: 0;
  transition: all ease .25s;
  cursor: pointer
}

ul.bank-block.orderBankForm .credit_banks_item {
  display: none
}

#company_info {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 10000;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-x: hidden;
  height: 100%
}

#company_info .nice-select {
  max-width: 100%
}

#company_info .modal {
  position: relative;
  width: 868px;
  margin-left: -434px;
  left: 50%;
  top: 0;
  margin-bottom: 0;
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
  z-index: 2;
  margin-top: 50px
}

#company_info .logotype img {
  max-height: 200px;
  max-width: 100%;
  margin-bottom: 10px
}

.clearfix {
  clear: both
}

#company_info .left {
  width: 450px;
  position: relative
}

#company_info .right {
  width: 305px;
  padding: 35px 20px;
  box-sizing: border-box;
  background: #f1f5f7;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2)
}

#company_info .top_info {
  display: flex;
  justify-content: space-between;
  align-items: stretch
}

#company_info .left .infos {
  border-left: 1px solid #f0f0f0;
  box-sizing: border-box;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px
}

#company_info .name_company {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700
}

#company_info .number_company {
  display: flex;
  justify-content: flex-start;
  align-items: stretch
}

#company_info .number_company .bank_on {
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  padding: 0 15px;
  margin: 0 15px;
  flex: 0 0 100px
}

#company_info .number_company>div {
  box-sizing: border-box
}

#company_info .number_company .count {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 800
}

#company_info .number_company .text {
  font-size: 12px
}

#company_info .credit_good {
  flex: 0 0 140px
}

#company_info .prices {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 20px;
  background: #f1f5f7;
  box-sizing: border-box
}

#company_info .prices .item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9
}

#company_info .prices .item:last-child {
  margin-bottom: 0
}

#company_info .prices .top {
  font-size: 12px;
  margin-bottom: 7px
}

#company_info .prices .price {
  font-size: 16px
}

#company_info .prices .price input {
  background: 0 0;
  color: #000;
  font-size: 16px;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  outline: 0;
  height: initial
}

#company_info form input:not([type=checkbox]) {
  border: 0;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 15px;
  background: 0 0;
  font-size: 12px;
  outline: 0;
  height: initial
}

#company_info form button {
  background: #e91631;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  height: 46px;
  line-height: 46px;
  border: 0;
  box-shadow: 9px 9px 31px 1px rgba(233, 22, 49, .2);
  cursor: pointer;
  transition: .3s all;
  margin: 20px 0 25px;
  outline: 0
}

#company_info form button:hover {
  background: #ce0c24
}

#company_info form input[type=checkbox] {
  margin: 3px 5px 3px 0;
  outline: 0;
  float: left;
  width: 13px;
  height: 13px
}

#company_info form input[type=checkbox]+a {
  color: #008ec0;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
  text-decoration: underline
}

#company_info form input[type=checkbox]+a:hover {
  text-decoration: none
}

#company_info .programms {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  margin-top: 40px
}

#company_info .programms .item {
  flex: 1 1 0;
  box-sizing: border-box;
  margin-right: 20px
}

#company_info .programms .item:last-child {
  margin-right: 0
}

#company_info .programms .img {
  height: 88px;
  width: 88px;
  border-radius: 44px;
  margin: 0 auto 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffdd2d
}

#company_info .programms .text {
  font-size: 14px
}

#company_info .tabs {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#company_info .tabs .tab {
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: .4s all;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer
}

#company_info .tabs .tab.active {
  border-bottom: 2px solid #2092c3
}

#company_info .content_tab {
  display: none;
  transition: .3s all
}

#company_info .content_tab.active {
  display: block
}

#company_info,
#company_info h4,
#company_info p,
#company_info span {
  color: #000
}

#company_info h4 {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin: 30px 0 20px;
  color: #000
}

.point-li-type li {
  position: relative;
  font-size: 15px;
  margin-bottom: 5px;
  padding-left: 15px
}

.point-li-type li:before {
  content: " ";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  display: block;
  left: 0;
  top: 6px;
  background: #c4c4c4
}

#company_info .content_tab p {
  font-size: 14px
}

#company_info .close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  color: #fff;
  box-shadow: 6px 6px 18px rgba(234, 21, 48, .4);
  background-color: #ea1531;
  border-radius: 40px;
  transition: all ease .25s;
  cursor: pointer;
  background-image: url(/local/templates/auto/css/../img/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

#company_info .close:hover {
  background-color: #d4112a
}

.slider_credits .progress {
  width: 100%;
  background: #3b3b3b;
  height: 3px;
  position: relative;
  margin-top: 20px
}

.slider_credits .progress .left {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #000
}

.slider_credits .progress .left div {
  width: 10px;
  height: 25px;
  position: absolute;
  right: 0;
  top: -1px;
  background: #ccc;
  box-sizing: border-box;
  border: 1px solid #000;
  cursor: pointer
}

.point_year {
  position: relative;
  margin-top: 10px
}

.point_year div {
  position: absolute;
  bottom: -20px;
  font-size: 16px;
  color: #333;
  font-weight: 700
}

.point_year>div:nth-child(1) {
  left: 37px
}

.point_year>div:nth-child(2) {
  left: 102px
}

.point_year>div:nth-child(3) {
  left: 166px
}

.point_year>div:nth-child(4) {
  left: 229px
}

.point_year>div:nth-child(5) {
  left: 295px
}

.point_year>div:nth-child(6) {
  left: 359px
}

.point_year>div:nth-child(7) {
  left: 94%
}

.slider_credits .ui-widget.ui-widget-content {
  height: 6px;
  border: 0;
  background-color: #ccc
}

.point_year .year_valueT {
  left: 50%;
  margin-left: -100%
}

.slider_credits .ui-slider-horizontal .ui-slider-handle {
  margin-left: -5px;
  width: 16px !important;
  height: 20px !important;
  background-color: #ea1631;
  box-shadow: 0 0 0 #000;
  border: 0 solid transparent !important;
  outline: 0;
  cursor: pointer;
  border-radius: 4px 4px 0 0 !important
}

.slider_credits {
  margin-top: 0;
  padding: 0;
  padding-top: 35px
}

div#custom-handle:after {
  content: "";
  display: block;
  position: absolute;
  border: 8px solid transparent;
  border-top: 8px solid #ea1631;
  top: 20px
}

.titleYearCredit {
  font-size: 24px;
  margin-bottom: 20px
}

.slider_credits {
  margin-top: 0;
  padding: 0;
  padding-top: 35px;
  height: 290px
}

.year_valueT {
  font-size: 12px !important;
  margin-left: -1px;
  top: 19px;
  position: relative;
  display: block;
  opacity: .5
}

section.popular-cars-section .popular-cars .item:hover {
  border: none
}

section.popular-cars-section .popular-cars .item {
  border: none !important
}

@media screen and (max-width:600px) {
  .CONTENT_TYPE {
    padding: 0 !important
  }

  .CONTENT_TYPE_R {
    width: 100% !important;
    padding: 0
  }

  .CONTENT_TYPE_L,
  .CONTENT_TYPE_R h2:before {
    display: none
  }

  #company_info .name_company {
    text-align: center
  }

  ul.bank-block.orderBankForm li {
    width: 27%
  }

  #company_info .logotype {
    text-align: center
  }

  .slider_credits {
    height: auto
  }

  #company_info a {
    color: inherit !important
  }

  #company_info .number_company {
    flex-direction: column;
    align-items: center
  }

  #company_info .number_company>div {
    max-width: 200px;
    text-align: center
  }

  #company_info .credit_good {
    flex-basis: 100px
  }

  #company_info .modal {
    width: 100%;
    margin-left: 0;
    left: 0;
    padding: 20px 10px;
    background-color: #eee
  }

  #company_info .left .infos {
    padding: 0;
    margin-right: 0;
    width: 100%;
    border: 0
  }

  #company_info .top_info {
    display: block
  }

  #company_info .prices {
    position: static;
    bottom: auto;
    margin-top: 20px;
    padding: 15px
  }

  #company_info .left {
    width: 100%
  }

  #company_info .right {
    width: 100%;
    margin-top: 20px
  }

  #company_info .programms {
    flex-wrap: wrap
  }

  #company_info .programms .item {
    width: 50%;
    margin-bottom: 20px;
    margin-right: 0;
    padding: 0 15px;
    box-sizing: border-box;
    flex: none
  }

  #company_info .programms .item .text {
    text-align: center
  }

  #company_info .close {
    top: 40px;
    right: 20px
  }

  #company_info .tabs {
    display: block
  }

  #company_info .tabs .tab {
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 21px;
    padding: 0 10px;
    height: 21px;
    text-align: center;
    box-sizing: border-box
  }

  #company_info .tabs .tab.active {
    background: #2092c3;
    color: #fff
  }

  ul.bank-block.orderBankForm {
    align-items: center;
    justify-content: space-around
  }

  ul.bank-block img {
    max-width: 65px;
    width: 100%;
    padding: 20px;
    transition: all .25s ease;
    cursor: pointer
  }

  .point_year {
    display: flex;
    margin: 15px auto;
    text-align: center;
    justify-content: center;
    align-items: center
  }

  .point_year div {
    position: static;
    width: 100%
  }

  .point_year .year_valueT {
    margin: 0 auto
  }

  .popular-cars__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@keyframes fadeContent {
  from {
    opacity: 0;
    transform: scale(.97);
    will-change: transform
  }

  to {
    opacity: 1;
    transform: scale(1) perspective(1px) translateZ(0);
    backface-visibility: hidden;
    will-change: transform
  }
}

.complectation--new a.name:before,
.owl-thumb-item .colorThumb:after,
.owl-thumb-item .colorThumb:before {
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s
}

@media screen and (min-width:700px) {
  .credit-options .slidka {
    display: none
  }
}

.car-intro .wrapper .info_action,
.card_mobile-btns,
.credit-options__desc .btn,
.credit-options__desc .credit-price,
.credit-options__desc .main-price,
.mobile_price-info {
  display: none
}

.banner-in-catalog .flex .big-bold {
  color: #ea261c
}

.credit-options .value-total-sale:after,
.mobile_price-info p.credit-price .value:after,
.mobile_price-info p.main-price .value:after,
.template-item-car .rub_new:after {
  content: " \20BD";
  padding-left: 4px
}

.template-item-car .car-intro .filter_background {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  filter: opacity(.5);
  background: #000
}

#credit-options .credit-options__desc .flex .credit-price {
  background: #f4f4f4;
  border-radius: 5px;
  padding: 10px 15px;
  text-align: center;
  box-sizing: border-box;
  display: flex
}

#credit-options .credit-options__desc .flex .credit-price .rub,
#credit-options .credit-options__desc .flex .credit-price .value,
#credit-options .credit-options__desc>div:nth-child(12)>p>span:nth-child(3) {
  color: #ea261c;
  font-size: 16px;
  line-height: 25px
}

.credit-options .flex .blue-btn {
  margin-right: 0;
  max-width: 170px;
  background: #ea261c;
  border-radius: 5px;
  display: block !important
}

.personal-form-icon {
  width: 70px;
  height: 80px;
  position: relative;
  background: url(/local/templates/auto/img/icons/new_callback.svg) no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  /* box-shadow: 0 0 30px rgba(0, 0, 0, .25) */
}

.sub-telephones {
  margin-right: 10px;
  display: none
}

.sub-telephones__item {
  color: #000;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px
}

.sub-telephones.active {
  display: flex;
  flex-direction: column
}

.credit-options__wrap .grid-option-credit .item .wrap div:nth-last-of-type(1) {
  min-height: unset
}

@media screen and (max-width:650px) {
  a.mob-nav__telephone {
    color: #000;
    font-family: CenturyGothic, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px
  }

  a.mob-nav__logo.logo {
    width: 163px;
    height: 48px;
    margin-right: 55px;
    margin-top: 0;
    flex: unset;
    display: block
  }

  .credit-options__wrap .grid-option-credit .item .wrap div:nth-last-of-type(1) {
    min-height: unset;
    margin-bottom: 15px
  }

  .credit-options__wrap .grid-option-credit {
    width: auto;
    display: flex;
    overflow: auto
  }

  .credit-options__wrap .grid-option-credit .item,
  .credit-options__wrap .grid-option-credit .item.selected {
    min-height: 190px;
    margin: 10px
  }

  .credit-options .flex {
    justify-content: space-between;
    margin-top: 0
  }

  #credit-options .credit-options__desc .flex .credit-price {
    background: #f4f4f4;
    border-radius: 5px;
    width: 100%;
    margin: auto;
    margin-bottom: 15px;
    justify-content: center
  }

  .credit-options .flex .blue-btn {
    margin-right: 0;
    max-width: 100%;
    background: #ea261c;
    border-radius: 5px;
    display: block !important
  }

  .credit-options__desc h3 {
    font-size: 30px;
    margin-bottom: 5px
  }

  .credit-options__desc .flex div {
    padding: 6px 10px
  }

  #credit-options .nice-select,
  #credit-options .nice-select:hover {
    margin-bottom: 5px
  }

  .credit-options .slidka {
    margin-top: 15px
  }

  .credit-options .slidka span {
    color: #ea261c !important
  }

  .credit-options__desc .photo {
    margin-bottom: 15px
  }

  .template-item-car .car-intro .filter_background {
    position: absolute;
    height: 28%
  }

  .template-item-car .car-intro {
    background-size: 150%
  }

  .car-intro .wrapper .info_action {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    align-items: center;
    margin-bottom: 30px
  }

  .car-intro .wrapper .info_action .btn--red {
    display: flex;
    height: 40px;
    align-items: center;
    width: 50%;
    font-size: 14px;
    margin-top: 20px;
    justify-content: center
  }

  .car-intro h1 {
    color: #000;
    margin-bottom: 5px
  }

  .mobile_price-info {
    display: flex;
    border-top: 5px solid #ea261c;
    padding-top: 10px;
    box-sizing: border-box;
    justify-content: space-between
  }

  .mobile_price-info p.main-price {
    font-weight: 700;
    color: #ea261c;
    line-height: 28px;
    font-size: 30px
  }

  .mobile_price-info p.credit-price {
    font-weight: 700;
    color: #000;
    line-height: 28px;
    font-size: 20px
  }

  .car-intro__photo {
    margin-top: -40px
  }

  .colorSlider .owl-thumbs {
    overflow: auto;
    flex-flow: row nowrap;
    justify-content: flex-start
  }

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

  .card_mobile-btns a {
    display: flex;
    height: 41px;
    width: 48%;
    align-items: center;
    justify-content: center
  }

  .card_mobile-btns .lightGreyBtn {
    background: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, .29);
    box-sizing: border-box;
    border-radius: 5px
  }

  .benefits .big-title,
  .breadcrumb,
  .intro-special-offer,
  .template-item-car .first-banner .img {
    display: none
  }

  .template-item-car .car-intro .car-intro__photo>div>div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  #credit-options .flex.total-value.slidka span.rub,
  #credit-options .flex.total-value.slidka span.value-total-sale {
    font-size: 24px;
    line-height: 24px
  }
}

section.popular-cars-section span.prices_new>span:nth-child(1) {
  background: #ea261c;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 10px;
  margin-bottom: 5px
}

section.popular-cars-section .info-car>span.prices>span:nth-child(1):after,
section.popular-cars-section span.prices_new>span:nth-child(1):after {
  display: none
}

section.popular-cars-section span.prices_new {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0
}

section.catalog-in-catalog .popular-cars span.prices_new {
  text-align: center;
  position: absolute;
  top: 14px;
  right: 15px;
  background: #ea261c;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 10px;
  margin-bottom: 5px;
  color: #fff;
  visibility: initial;
  cursor: pointer
}

section.catalog-in-catalog .popular-cars span.prices_new span {
  color: #fff !important
}

.flex.tupes .item {
  position: inherit
}

.flex.tupes .item:nth-child(2) {
  display: none
}

section.popular-cars-section span.prices_new span.old-prices {
  padding-left: 0;
  font-size: 15px
}

section.popular-cars-section span.prices_new .ot-p,
section.popular-cars-section span.prices_new span.current-prices {
  color: #fff;
  cursor: pointer
}

section.catalog-in-catalog .popular-cars .caps-f-new a,
section.popular-cars-section .caps-f-new a {
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
  font-weight: 700
}

section.catalog-in-catalog .popular-cars .caps-f-new a>span:nth-child(2),
section.popular-cars-section .caps-f-new a>span:nth-child(2) {
  color: #ea261c;
  padding-top: 10px;
  line-height: 30px
}

section.popular-cars-section .price-credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

section.popular-cars-section .info-car,
section.popular-cars-section .price-credit {
  display: none
}

section.catalog-in-catalog div.popular-cars .info-car {
  height: 0
}

section.catalog-in-catalog div.popular-cars .credit-new,
section.popular-cars-section .credit-new {
  height: 70px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  position: relative;
  cursor: pointer
}

section.catalog-in-catalog div.popular-cars .credit-new span.value,
section.popular-cars-section .credit-new span.value {
  color: #ea261c
}

section.catalog-in-catalog div.popular-cars .btn-info-new,
section.popular-cars-section .item .btn-info-new {
  float: right;
  width: calc(100% - 160px)
}

section.catalog-in-catalog div.popular-cars div.info-car span.ot:after {
  content: ''
}

section.catalog-in-catalog div.popular-cars .express-btns,
section.popular-cars-section .express-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

section.catalog-in-catalog div.popular-cars .express-btns>span,
section.popular-cars-section .express-btns>span {
  background: #f4f4f4;
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer
}

section.catalog-in-catalog .btns,
section.popular-cars-section .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 10px
}

section.catalog-in-catalog div.popular-cars div.info-car .item p {
  visibility: collapse
}

section.catalog-in-catalog .popular-cars .item {
  padding-top: 59px
}

.popular-cars .item .btns a {
  margin-right: 0
}

.popular-cars .item a img {
  width: 97%;
  margin-left: 1.5%
}

section.catalog-in-catalog .popular-cars .item a img {
  margin-top: -20px
}

section.catalog-in-catalog .popular-cars .item .btns-mark {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

section.catalog-in-catalog .popular-cars .item .credit-mark {
  height: 70px !important
}

@media screen and (max-width:640px) {
  body {
    padding-top: 60px
  }

  section.catalog-in-catalog div.popular-cars .item .credit-new,
  section.popular-cars-section .credit-new {
    height: 90px;
    width: 35%
  }

  section.catalog-in-catalog div.popular-cars .item .btn-info-new,
  section.popular-cars-section .item .btn-info-new {
    width: calc(100% - 37%)
  }

  .popular-cars .item .btns a,
  section.catalog-in-catalog div.popular-cars .item .btns a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 2.6px
  }

  section.catalog-in-catalog div.popular-cars .btns,
  section.popular-cars-section .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  section.catalog-in-catalog .popular-cars .item a img {
    margin-top: -20px
  }

  section.catalog-in-catalog .popular-cars .caps-f-new a {
    font-size: 24px
  }

  section.catalog-in-catalog .popular-cars span.prices_new {
    top: 53px;
    right: 0
  }

  section.popular-cars-section span.prices_new {
    top: -8px
  }

  .gallery__slider .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    height: 100%;
    color: #fff;
    font-size: 40px;
    -webkit-transition: all .15s ease 20ms;
    -o-transition: all .15s ease 20ms;
    transition: all .15s ease 20ms
  }

  .gallery__slider .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    border: none;
    outline: 0
  }

  .gallery__slider .owl-nav button.owl-next {
    right: 0
  }

  .gallery__slider .owl-nav button.owl-prev {
    left: 0
  }

  .gallery__slider .owl-item img {
    height: 220px !important;
    margin: auto !important
  }
}

@media screen and (min-width:1024px) {

  .popular-cars-section .popular-cars .item.active,
  section.catalog-in-catalog div.popular-cars>.item {
    -webkit-box-shadow: 0 0 29px rgb(0 0 0 / 10%);
    box-shadow: 0 0 29px rgb(0 0 0 / 10%);
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
  }

  .popular-cars-section .popular-cars .item.active:hover,
  section.catalog-in-catalog div.popular-cars>.item:hover {
    -webkit-box-shadow: 0 0 29px rgb(234 38 28 / 20%);
    box-shadow: 0 0 29px rgb(234 38 28 / 20%)
  }

  section.catalog-in-catalog div.popular-cars>.item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
  }

  section.popular-cars-section span.prices_new {
    top: 19px;
    right: 15px
  }
}

.uppercase {
  text-transform: uppercase
}

.slide1__wrapper {
  width: 380px
}

.slide1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #f0f0f0
}

.slide1__heading {
  font-size: 46px
}

.slide1__text {
  margin: 26px 0 14px 0;
  font-size: 25px;
  line-height: 25px
}

.slide1__list {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none
}

.slide1__list-item {
  color: #f0f0f0;
  margin-left: 40px;
  margin-bottom: 0;
  position: relative
}

.slide1__list-item+.slide1__list-item {
  margin-top: 5px
}

.slide1__list-item::before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 1px;
  left: -35px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/local/templates/auto/css/../img/icons/done.svg);
  background-repeat: no-repeat
}

.slide1__link {
  position: relative;
  z-index: 10;
  font-weight: 700;
  padding: 8px 50px;
  color: #f0f0f0;
  text-decoration: none;
  background-color: #e82f2f;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
  border-radius: 4px
}

.slide1__link:focus,
.slide1__link:hover {
  background-color: #aa0e0e;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.main-menu__wrapper {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-between
}

.grid-option-credit .check {
  margin-right: 10px
}

.grid-option-credit .item {
  margin-bottom: 0;
  border-bottom: none
}

.credit-options__wrap .grid-option-credit .item .wrap {
  width: 100%;
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.credit-options__wrap .grid-option-credit .item.selected .credit-options-btn {
  color: #ea261c !important
}

.wrapper .tel-header {
  position: unset !important
}

.wrapper .tel-header a {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
  transition: opacity .3s ease
}

.wrapper .tel-header a:hover {
  opacity: .5
}

.new-credit-banner .right-50 {
  padding-bottom: 20px
}

.fam .right-50 .flex-column,
.fir .right-50 .flex-column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.credit-items__row {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-column .btn--red {
  font-size: 15px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.flex-column .btn--red:hover {
  background-color: #949494
}

.gos-sale {
  margin-bottom: 60px
}

@media screen and (max-width:1400px) {
  .main-menu__wrapper a[href="/reviews/"] {
    display: none
  }

  .popular-cars__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (min-width:1024px) and (max-width:1350px) {
  .tel-header {
    display: block !important
  }
}

@media screen and (max-width:1100px) {
  .gos-sale {
    margin-bottom: 40px
  }

  .header .btn-open-submenu>a,
  .header nav>a {
    padding: 0 15px
  }

  .main-menu__wrapper a[href="/action/"] {
    display: none
  }
}

@media screen and (max-width:910px) {
  .credit-options__desc {
    width: 100%;
    margin-right: 0
  }

  .header .btn-open-submenu>a,
  .header nav>a {
    padding: 0 15px
  }

  .header .logo {
    width: 130px
  }

  .main-menu__wrapper a[href="/trade-in/"] {
    display: none
  }
}

@media screen and (min-width:700px) and (max-width:1100px) {
  .btns-order {
    width: 50%
  }

  .btns-order .btn.btn--red {
    width: 40%;
    margin: 0;
    font-size: 15px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .btns-order .btn.btn--border {
    margin: 0 0 0 15px;
    font-size: 13px;
    line-height: 13px;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:700px) and (max-width:868px) {
  .btns-order {
    width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .btns-order .btn.btn--red {
    width: 85%;
    height: 35px;
    margin: 0 0 5px 0
  }

  .btns-order .btn.btn--border {
    width: 85%;
    height: 35px;
    margin: 0
  }
}

@media screen and (max-width:767px) {
  .wrapper .logo {
    width: 110px
  }

  .header .btn-open-submenu>a,
  .header nav>a {
    padding: 0 8px
  }

  .wrapper .tel-header {
    display: block !important
  }

  .wrapper .tel-header a {
    font-size: 11px
  }
}

@media screen and (max-width:640px) {
  .wrapper .tel-header {
    display: none !important
  }

  .slide1__wrapper {
    padding: 0
  }

  .slide1__heading {
    font-size: 21px;
    line-height: 21px
  }

  .slide1__text {
    margin: 6px 0;
    font-size: 15px;
    line-height: 16px
  }

  .slide1__list {
    margin: 0 0 4px 0
  }

  .slide1__link {
    font-size: 11px;
    height: 20px;
    padding: 4px 17px
  }

  .slide1__list-item {
    margin-left: 20px;
    font-size: 12px
  }

  .slide1__list-item+.slide1__list-item {
    margin-top: 0
  }

  .slide1__list-item::before {
    width: 11px;
    height: 11px;
    top: 4px;
    left: -18px
  }

  .specifications .btns-order {
    height: 60px;
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
}

@media screen and (max-width:430px) {
  .slide1__wrapper {
    padding: 0
  }

  .slide1__heading {
    font-size: 21px;
    line-height: 21px
  }

  .slide1__text {
    margin: 6px 0;
    font-size: 15px;
    line-height: 16px
  }

  .slide1__list {
    margin: 0 0 4px 0
  }

  .slide1__link {
    font-size: 11px;
    padding: 4px 17px
  }

  .slide1__list-item {
    margin-left: 20px;
    font-size: 12px
  }

  .slide1__list-item+.slide1__list-item {
    margin-top: 0
  }

  .slide1__list-item::before {
    width: 11px;
    height: 11px;
    top: 4px;
    left: -18px
  }

  .owl-item:nth-child(5) .item .black-block {
    bottom: 25px
  }

  .main-slider .item .black-block {
    padding: 10px 30px
  }

  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0
  }

  .owl-dot {
    margin-top: 10px
  }

  .actions .img.lazy {
    height: 230px
  }

  .countdown-value {
    line-height: 50px
  }

  .main-slider .slides .item {
    height: 240px
  }
}

a.abc-btn,
button.abc-btn {
  width: 240px;
  height: 50px;
  margin: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  background-color: #8267BE;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 6px 4px rgba(13, 15, 64, .2);
  box-shadow: 0 0 6px 4px rgba(13, 15, 64, .2);
  cursor: pointer;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.abc-btn:hover {
  background-color: #8267BE;
}

.standart-banner {
  position: relative;
  min-height: 600px;
  display: flex;
  flex-direction: column
}

.credit-banner {
  margin-bottom: 0
}

.credit-banner--tradein .banner-content {
  justify-content: flex-start
}

.credit-banner--tradein .banner-content__heading,
.credit-banner--tradein .banner-content__text {
  text-align: left
}

.main-banner__slider {
  overflow: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.main-banner .slide-counter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 32px;
  z-index: 1;
  color: #fff;
  font-size: 27px;
  line-height: 27px;
  display: flex;
}

.main-banner__slider .owl-stage {
  display: flex
}

.main-banner__slider .owl-stage-outer {
  flex-grow: 1;
  display: flex
}

.main-banner__slider .owl-item {
  display: flex
}

.main-banner__slider .owl-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 192px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between
}

.main-banner__slider .owl-nav button {
  width: 50px;
  height: 50px;
  margin: 0 !important;
  position: absolute;
  /* top: -325px; */
  bottom: 20px;
  background: none;
  background-image: url(/local/templates/auto/css/../img/new_arrow.svg);
  /* background-size: 25%; */
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  /* transition: opacity .25s ease; */
  border: none;
  border-radius: 50%;
  cursor: pointer
}

.main-banner__slider .owl-nav .owl-prev {
  transform: rotate(180deg)
}

.main-banner__slider .owl-nav button:hover {
  opacity: 1
}

.main-banner__slider .owl-nav span {
  display: none
}

.main-banner__slider .main-banner__slide.first .banner-content {
  justify-content: flex-start;
}

.main-banner__slider .banner-content__right {
  padding: 32px 0;
}

.main-banner__slider .banner-content__heading {
  font-size: 45px;
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 44px;
}

.main-banner__slider .banner-content__heading span {
  display: block;
  font-weight: 700;
}

.main-banner__slider .banner-content__text {
  font-size: 33px;
  line-height: 33px;
  font-weight: 400;
}

.main-banner__slider .banner-content__text + .banner-content__text {
  margin-top: 71px;
}

.main-banner__slider .main-banner__slide.first .abc-btn,
.main-banner__slider + .abc-btn {
  margin: 0;
  margin-top: 36px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Muller', sans-serif;
  background: #484A9A;
  width: 327px;
  height: 58px;
}

.main-banner__slider + .abc-btn {
  display: none;
}

.main-banner__slider + .btn-abc {
  display: none;
}

.standart-banner__inner {
  padding-top: 60px;
  padding-bottom: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-grow: 1
}

.main-banner__slide.first {
  background-image: url(/local/templates/auto/css/../img/main-banner-bg1.webp)
}

.main-banner__slide.second {
  background-image: url(/local/templates/auto/css/../img/main-banner-bg2.webp);
  justify-content: flex-end;
  display: flex;
}

.main-banner__slide.third {
  padding-top: 10px;
  background-image: url(/local/templates/auto/css/../img/main-banner-bg3.jpg)
}

.main-banner__slide.fourth {
  background-image: url(/local/templates/auto/css/../img/main-banner-bg4.jpg)
}

.standart-banner .wrapper {
  /* position: relative; */
  z-index: 9;
  margin-top: auto;
}

.banner-content {
  color: #fff;
  display: flex;
  justify-content: flex-start;
}

.mark-banner {
  position: relative;
  background-size: cover;
  background-position: center
}

.mark-banner .banner-content {
  justify-content: flex-start
}

.banner-content__inner {
  display: flex;
  align-items: flex-start
}

.mark-banner .banner-content__inner {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(76, 76, 76, .7);
  flex-direction: column
}

.banner-content__mobile {
  display: none
}

.banner-content__img {
  margin-right: 35px
}

.banner-content__right {
  padding: 20px;
  border-radius: 10px;
  text-shadow: #8267be 0 0 2px;
  /* background-color: rgba(76, 76, 76, .7) */
}

.banner-content__heading {
  position: relative;
  margin-bottom: 23px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  display: inline-block
}

.banner-content__heading::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 4px;
  /* background-color: #cf2a39; */
  transition: all .3s ease-in-out
}

.banner-content__inner:hover .banner-content__heading::before {
  width: 100%
}

.mark-banner .banner-content__heading {
  margin-bottom: 25px
}

.credit-banner .banner-content__text {
  font-size: 24px;
  line-height: 30px
}

.credit-banner .banner-content__text+.banner-content__text {
  margin-top: 5px
}

.mark-banner .btn-bordered {
  margin-bottom: 50px;
  font-weight: 400;
  color: #fff;
  background-color: #8267BE
}

.mark-list__item {
  font-family: Muller, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center
}

.mark-list__item+.mark-list__item {
  margin-top: 20px
}

.mark-list__img {
  width: 20px;
  margin-right: 14px;
  margin-bottom: 2px;
  display: flex
}

.banner-content__text {
  margin-bottom: 0;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px
}

.banner-content__text+.banner-content__text {
  margin-top: 15px
}

.banner-content .abc-btn {
  /* position: relative;
  z-index: 10;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px; */
  margin: 0;
  margin-top: 36px;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Muller', sans-serif;
  background: #484A9A;
  width: 327px;
  height: 58px;
  position: absolute;
  bottom: 150px;
}


.second .banner-content .abc-btn {
  bottom: 85px;
  left: 10%;
}

@media screen and (max-width: 1930px) {
.second .banner-content .abc-btn {
  bottom: 85px;
  left: 14%;
}
}

@media screen and (max-width: 1600px) {
  .second .banner-content .abc-btn {
  bottom: 85px;
  left: 6%;
}
}

.banner-content__list {
  max-width: 60%;
  margin-top: 20px
}

.banner-content__list--item {
  position: relative;
  padding-left: 30px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px
}

.banner-content__list--item+.banner-content__list--item {
  margin-top: 8px
}

.banner-content__list--item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff
}



.car-banner {
  min-height: 600px;
  position: relative;
  padding-top: 36px;
  padding-bottom: 29px;
  background-image: url(/local/templates/auto/css/../img/catalog-banner-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.car-banner .container {
  position: relative
}

h1.car-banner__heading {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
  color: #fff
}

h2.car-banner__heading {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
  color: #fff
}

.car-banner__img {
  max-width: 40%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.breadcrumbs__link {
  position: relative;
  color: #fff;
  font-weight: 500
}

.breadcrumbs__link+.breadcrumbs__link {
  margin-left: 15px
}

.breadcrumbs__link::after {
  content: "/";
  position: absolute;
  right: -11px
}

.breadcrumbs__link:nth-last-child(1)::after {
  display: none
}

.characteristics-item {
  color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 25px auto 25px auto;
  /*  grid-template-columns: repeat(2, auto);*/
  vertical-align: middle;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px
}

.characteristics-item+.characteristics-item {
  margin-top: 18px
}

.characteristics-item__img {
  max-width: 52px;
  margin: auto;
}

.characteristics-item__value {
  width: 110px;
  font-weight: 600
}

.characteristics-item__text {
  width: 169px;
  margin-top: 10px;
  /*  text-align: left;*/
  text-align: center;
}

.car-banner__middle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.car-banner h1.car-banner__heading {
  margin-right: 120px
}

.car-banner h2.car-banner__heading {
  margin-right: 120px
}

.car-banner__characteristics {
  display: grid;
  column-gap: 8px;
  grid-template-columns: repeat(2, auto);
  margin-top: 34px;
  /*align-items: baseline;*/
}

.car-banner__feedback {
  align-items: center;
  margin-top: 60px;
  padding: 20px;
  color: #000;
  line-height: 20px;
  background-image: url(/local/templates/auto/css/../img/feedback-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 8px 0 rgba(34, 60, 80, .2);
  box-shadow: 0 0 8px 0 rgba(34, 60, 80, .2);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.feedback-banner__cost {
  margin-top: 2px;
  margin-bottom: 10px
}

.feedback-banner__sale {
  margin-top: 2px;
  margin-bottom: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.feedback-banner__cost span,
.feedback-banner__sale span {
  min-width: 200px;
  height: 40px;
  font-size: 40px;
  line-height: 50px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center
}

.banner-menu {
  width: 70%;
  position: absolute;
  left: 50%;
  bottom: 2%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.banner-menu__item::before {
  display: none
}

.banner-menu__link {
  padding: 0 20px;
  color: #000;
  border: 2px solid transparent;
  border-radius: 20px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}

.banner-menu__link:hover {
  border-color: #8267BE
}

.main-offer {
  margin: 15px 0 50px 0;
  padding: 20px 0;
  background-color: #ebebec
}

.main-offer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.main-offer__left {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.main-offer__text-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.main-offer__heading {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  text-transform: uppercase
}

.main-offer__tip {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #8267BE;
}

.main-offer__right {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.main-offer .checkbox-label,
.main-offer .personal-accept__link {
  color: #000
}

.main-offer .car-date {
  margin-bottom: 12px;
  display: inline-block
}

.vertical-red-line {
  width: 17px;
  height: 85px;
  margin-right: 40px;
  background-color: #8267BE;
  border-radius: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block
}

.offers {
  margin-bottom: 80px
}

.offers-top {
  /*margin-bottom: 80px;*/
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.offers-top__item {
  height: 50px;
  padding: 0 20px;
  background-color: #ebebec;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease-in;
  -o-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.offers .abc-btn {
  display: none
}

.offers-top__item:hover {
  background-color: #cfcfcf
}

.item-check {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background-image: url(/local/templates/auto/css/../img/new_item-check.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.offers-top__text {
  margin-right: 8px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600
}

.offers-top__value {
  font-size: 13px;
  line-height: 23px;
  font-weight: 600;
  color: #8267BE
}

.offers__wrapper {
  width: 100%;
  max-width: 90%;
  margin: 0 auto
}

.offers__list {
  margin: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 20px 1fr;
  grid-template-rows: repeat(1, 1fr);
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 20px
}

.offers__list>:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1
}

.offers__list>:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3
}

.offers__list>:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5
}

.offers__list>:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1
}

.offers__list>:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3
}

.offers__list>:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5
}

.offers__card {
  height: 290px;
  padding: 17px 27px 27px 27px;
  margin-bottom: 0;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: grey;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: 0 0 8px 5px rgba(34, 60, 80, .2);
  box-shadow: 0 0 8px 5px rgba(34, 60, 80, .2);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.offers__card::before {
  display: none
}

.offers__card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.offers__card-heading {
  margin-bottom: 10px;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block
}

.offers__card-description {
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  color: #fff
}

.actions-list button.offers__btn,
.offers__wrapper button.offers__btn {
  width: 245px;
  height: 40px;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: normal;
  background-color: #8267BE;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  transition: background-color .25s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.offers__wrapper button.offers__btn:hover {
  background-color: #8267BE
}

.car-page-heading {
  width: 100%;
  margin-bottom: 40px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 36px;
  line-height: 40px
}

.complictations {
  margin-bottom: 60px
}

.engine+.engine {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #8267BE
}

.engine__top {
  width: 60%;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.engine__name {
  width: 210px;
  font-weight: 600
}

.engine__desc {
  font-weight: 600;
  text-align: center
}

.engine-stock {
  position: relative;
  left: 18px
}

.complictation__visible {
  padding: 15px;
  background-color: #ebebec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.engine__item:nth-child(2n) .complictation__visible {
  background-color: #fff
}

.complictation__visible span {
  text-align: center
}

.complictation__name {
  width: 75px;
  font-weight: 600
}

.complictation__stock span {
  display: none
}

.complictation__btn,
.engine__btn {
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  background-image: url(/local/templates/auto/css/../img/new_filled-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.engine__btn {
  display: none
}

.complictation__characteristics {
  width: 255px;
  line-height: 20px
}

.complictation__cost {
  width: 130px;
  color: #969696;
  text-decoration: line-through
}

.complictation__sale {
  width: 130px;
  font-weight: 600
}

.complictation__reserv {
  width: 240px !important;
  height: 50px !important;
  background-color: #fff !important;
  border-radius: 10px;
  margin: 0 !important;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  color: #000 !important;
  border: none;
  -webkit-box-shadow: 0 0 6px 4px rgb(13 15 64 / 20%);
  box-shadow: 0 0 6px 4px rgb(13 15 64 / 20%);
  cursor: pointer
}

.complictation__reserv:hover {
  background-color: #e9e9e9 !important
}

.complictation__reserv:hover {
  background: 0 0 !important;
  background-color: transparent
}

.mini-heading {
  margin-bottom: 28px;
  font-weight: 600;
  display: inline-block
}

.lineup-heading {
  margin-top: 0;
  margin-bottom: 50px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-align: center
}

.complictation__hidden {
  display: none
}

.complictation__hidden.active {
  display: block
}

.complictation__hidden-lists {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #ebebec;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5% 1fr 5% 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 5%;
  -moz-column-gap: 5%;
  column-gap: 5%
}

.complictation__hidden-options {
  padding: 25px 10px;
  border: 2px solid #ebebec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.complictation__hidden-options .complictation__list-item+.complictation__list-item {
  margin-top: 0
}

.engine__item:nth-child(2n) .complictation__hidden {
  background-color: #fff
}

.complictation__list {
  padding: 0
}

.complictation__list-item {
  position: relative;
  margin: 0;
  padding-left: 35px;
  line-height: 20px
}

.complictation__list-item::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: unset;
  background-color: #fff;
  background-image: url(/local/templates/auto/css/../img/new_checkbox.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.complictation__list-item+.complictation__list-item {
  margin-top: 10px
}

.revert {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.trade-in-form {
  min-height: 565px;
  margin-bottom: 30px;
  padding-top: 80px;
  background-image: url(/local/templates/auto/css/../img/trade-in-bg.jpg);
  background-size: cover
}

.trade-in-form .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.trade-in-form h3 {
  margin-bottom: 7px;
  color: #fff;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px
}

.trade-in-form__tip {
  margin-bottom: 35px;
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block
}

.form-top {
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.input-wrap {
  margin-right: 20px
}

.standart-inp {
  width: 240px;
  height: 50px;
  padding: 10px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  background-color: #ebebec;
  border: none;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, .35))
}

.standart-inp::-webkit-input-placeholder {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.standart-inp::-moz-placeholder {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.standart-inp:-ms-input-placeholder {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.standart-inp::-ms-input-placeholder {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.standart-inp::placeholder {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.standart-inp:focus {
  outline: 0
}

.checkbox-label {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.fake-checkbox {
  margin-bottom: 2px;
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 15px;
  background-color: #ebebec;
  border-radius: 3px;
  cursor: pointer
}

.standart-checkbox:checked+.checkbox-label .fake-checkbox::before {
  display: block
}

.fake-checkbox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: transparent;
  background-image: url(/local/templates/auto/css/../img/new_checkbox-done.svg);
  background-size: 77%;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  filter: grayscale(100%) brightness(0.7);
}

.personal-accept__link {
  color: #fff;
  text-decoration: underline
}

.special-banner-mobile {
  display: none
}

.special-banner {
  min-height: 595px;
  padding: 40px;
  margin: 0 auto 20px auto;
  background-image: url(/local/templates/auto/css/../img/special-banner-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.special-banner__img {
  max-width: 600px
}

.special-banner__right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.special-banner .checkbox-label {
  color: #969696
}

.special-banner .personal-accept__link {
  color: #969696
}

.special-window {
  width: 65%;
  height: 320px;
  padding: 35px 45px;
  margin-bottom: 60px;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 6px 4px rgba(13, 15, 64, .2);
  box-shadow: 0 0 6px 4px rgba(13, 15, 64, .2);
  background-image: url(/local/templates/auto/css/../img/special-window.jpg);
  background-size: cover;
  background-position-y: center;
  background-repeat: no-repeat
}

.special-window__heading {
  margin-bottom: 55px;
  font-size: 28px;
  line-height: 36px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fff;
  display: inline-block
}

.special-window__text {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700
}

.express-banner {
  min-height: 567px;
  padding: 40px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.express-banner__text {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #fff
}

.express-banner__text+.express-banner__text {
  margin-top: 4px
}

.express-banner form {
  margin-top: 34px
}

.competitors-banner {
  min-height: 500px;
  padding: 40px 0;
  background-image: url(/local/templates/auto/css/../img/conq-banner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.competitors-banner__inner {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.competitors-banner__heading {
  margin-bottom: 24px;
  font-size: 36px;
  line-height: 40px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fff;
  display: inline-block
}

.competitors-banner__list {
  margin: 0 0 35px 0;
  padding: 0
}

.standart-list__item {
  position: relative;
  padding-left: 25px;
  line-height: 20px
}

.standart-list__item+.standart-list__item {
  margin-top: 14px
}

.competitors-banner__list li {
  color: #fff
}

.standart-list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 100%;
  background-image: url(/local/templates/auto/css/../img/new_checkbox-done.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: center
}

.competitors-banner__date {
  margin-top: 100px;
  margin-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.competitors-banner__date span {
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700
}

span.car-date {
  color: #8267BE;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700
}

.modal .car-date {
  margin-bottom: 12px
}

.offers-top__ad {
  max-width: 335px;
  height: 92px;
  padding: 0 25px;
  background-color: #8267BE;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.offers-top__ad:hover {
  color: #8267BE;
  background-color: white
}

.abc-btn.black-btn {
  background-color: #000;
  color: #fff
}

.abc-btn.black-btn:hover {
  background-color: #595959
}

.main-page-heading {
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  display: block
}

.popular-cars-section {
  margin-bottom: 80px
}

.popular-cars__list {
  transition: height 1s linear;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  row-gap: 50px
}

.popular-cars__item {
  display: none
}

.popular-cars__item.active {
  display: flex
}

.popular-cars__item .abc-btn {
  position: relative;
  /* z-index: 5 */
}

.popular-cars__item .abc-btn+.abc-btn {
  margin-top: 10px
}

.popular-cars__controls {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

a.btn-bordered,
button.btn-bordered {
  width: unset;
  height: unset;
  margin: 0;
  padding: 5px 18px;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  background: 0 0;
  border: 2px solid #8267BE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btn-bordered:hover {
  -webkit-box-shadow: 0 0 6px 4px rgba(255, 84, 84, .2);
  box-shadow: 0 0 6px 4px rgba(255, 84, 84, .2)
}

button.showMoreFooter {
  display: none
}

.popular-cars__controls button+button {
  margin-left: 22px
}

.popular-cars__link {
  position: relative;
  width: 100%;
  padding: 5px 10px 15px 10px;
  color: #000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.base-card {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px 6px rgba(34, 60, 80, .2);
  -moz-box-shadow: 0 0 12px 6px rgba(34, 60, 80, .2);
  box-shadow: 0 0 12px 6px rgba(34, 60, 80, .2);
  display: flex;
  align-items: center
}

.base-card__list {
  padding-left: 20px;
  list-style: disc
}

.base-card__item+.base-card__item {
  margin-top: 10px
}

.advantages-banner {
  min-height: 460px;
  margin-bottom: 90px;
  background-image: url(/local/templates/auto/css/../img/adv-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  display: flex;
  align-items: center
}

.advantages-banner__card {
  margin-bottom: 15px
}

.advantages-banner__card .abc-btn {
  display: none
}

.advantages-banner__inner {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: stretch
}

.advantages-banner__left,
.advantages-banner__right {
  width: 28%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between
}

.advantages-banner__left {
  margin-right: 10%
}

.advantages-banner__heading {
  margin-bottom: 20px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  display: inline-block
}

.standart-input-text {
  width: 240px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 10px;
  border: 1px solid #cf2a39;
  font-size: 18px;
  transition: box-shadow .25s ease
}

.standart-input-text:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 12px 8px rgba(207, 42, 57, .3);
  -moz-box-shadow: 0 0 12px 8px rgba(207, 42, 57, .3);
  box-shadow: 0 0 12px 8px rgba(207, 42, 57, .3)
}

.standart-select {
  position: relative;
  display: block;
  width: 240px;
  height: 50px;
  margin: 0 auto;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px
}

.standart-select__current {
  position: relative;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .1);
  cursor: pointer;
  outline: 0
}

.standart-select__current:focus+.standart-select__list {
  opacity: 1;
  animation-name: none
}

.standart-select__current:focus+.standart-select__list .standart-select__option {
  cursor: pointer
}

.standart-select__current:focus .standart-select__icon {
  transform: translateY(-50%) rotate(180deg)
}

.standart-select__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  opacity: .3;
  transition: .2s ease
}

.standart-select__value {
  display: flex
}

.standart-select__input {
  display: none
}

.standart-select__input:checked+.standart-select__input-text {
  display: block
}

.standart-select__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #cf2a39;
  border-radius: 10px
}

.standart-select__list {
  position: absolute;
  z-index: 1;
  max-height: 312px;
  overflow-y: scroll;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  border-bottom: 1px solid #cf2a39;
  border-right: 1px solid #cf2a39;
  border-left: 1px solid #cf2a39;
  border-radius: 0 0 10px 10px;
  animation-name: HideList;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: step-start;
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .1)
}

.standart-select__option {
  display: block;
  padding: 15px;
  background-color: #fff
}

.standart-select__option:focus,
.standart-select__option:hover {
  color: #546c84;
  background-color: #fbfbfb
}

@keyframes HideList {
  from {
    transform: scaleY(1)
  }

  to {
    transform: scaleY(0)
  }
}

.constructor-input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  box-shadow: 0 0 30px rgb(0 0 0 / 25%);
  border: 2px solid transparent;
  border-radius: 10px
}

.constructor-input:focus,
.constructor-input:hover {
  border-bottom: 2px solid #cf2a39
}

.constructor-input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 22px
}

.constructor-input::-moz-placeholder {
  font-size: 14px;
  line-height: 22px
}

.constructor-input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 22px
}

.constructor-input::-ms-input-placeholder {
  font-size: 14px;
  line-height: 22px
}

.constructor-input::placeholder {
  font-size: 14px;
  line-height: 22px
}

.tradein-calc form {
  display: flex;
  flex-direction: column;
  align-items: center
}

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

.choose-auto__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.choose-auto__left,
.choose-auto__right {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.choose-auto__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-image: url(/local/templates/auto/css/../img/icons/right-and-left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.choose-auto .standart-input-text,
.choose-auto .standart-select {
  width: 100%
}

.choose-auto .standart-select+.standart-select {
  margin-top: 30px
}

.constructor-credit .inputs .cash-type {
  width: unset
}

.cash-type__inner {
  background-color: #ebebec;
  border-radius: 10px;
  display: flex
}

.cash-type__inner label {
  height: 50px;
  margin-bottom: 0 !important;
  padding: 0 10px;
  background-color: transparent;
  border-radius: 10px;
  transition: all .25s ease;
  cursor: pointer;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: center
}

.cash-type__inner input:checked+label {
  background-color: #fff;
  box-shadow: 0 0 15px 4px rgb(0 0 0 / 25%)
}

.standart-check {
  display: flex
}

.tradein-calc .standart-check {
  margin-bottom: 20px
}

.standart-check label {
  position: relative;
  padding-left: 30px;
  cursor: pointer
}

.standart-check label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #ebebec
}

.standart-check label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 34%;
  width: 8px;
  height: 15px;
  border-bottom: 3px solid #cf2a39;
  border-right: 3px solid #cf2a39;
  transform: rotate(45deg) translateY(-50%);
  display: none
}

.standart-check input:checked+label::after {
  display: block
}

.modal {
  width: 795px;
  position: fixed;
  z-index: 105;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: none
}

.modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal__inner {
  padding: 32px 40px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.modal-credit {
  background-image: url(/local/templates/auto/css/../img/modal-credit-bg.jpg)
}

.modal-offer {
  background-image: url(/local/templates/auto/css/../img/modal-offer-bg.jpg)
}

.modal-benefit {
  background-image: url(/local/templates/auto/css/../img/modal-benefit-bg.jpg)
}

.mini-block p::before {
  content: "";
  position: absolute;
  background: url(/local/templates/auto/css/../img/rus.svg)no-repeat;
  width: 32px;
  height: 32px;
  left: -39px;
  top: -5px;
}

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



.modal-credit .modal__tip {
  margin-bottom: 67px
}

.modal-benefit .modal__heading,
.modal-offer .modal__heading {
  margin-bottom: 95px
}

.modal__heading {
  color: #fff;
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  display: inline-block
}

.modal__tip {
  font-family: CenturyGothic, Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  display: inline-block
}

.modal form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.modal .form-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.modal .input-wrap {
  margin-right: 0;
  margin-bottom: 15px
}

.modal-benefit .standart-inp::placeholder {
  font-size: 15.6604px;
  line-height: 130%;
  color: #8066BD;
}

.close-modal {
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: -70px;
  border-radius: 50%;
  background-color: #ffffff00 !important;
  background-image: url(/local/templates/auto/css/../img/icons/close-x.svg) !important;
  background-size: 51% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

}

.global-shadow {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .75;
  display: none
}

.global-shadow.active {
  display: block
}

button.showDesc {
  display: none;
}

@media screen and (max-width:1500px) {
  .main-offer__left {
    width: 40%
  }

  .vertical-red-line {
    width: 12px;
    height: 75px
  }

  .main-offer__heading {
    font-size: 22px;
    line-height: 26px
  }

  .main-offer__tip {
    font-size: 20px;
    line-height: 22px
  }

  .main-offer__right {
    width: 56%
  }

  .main-offer .standart-inp {
    width: 220px
  }

  .special-banner .standart-inp {
    width: 200px
  }

  .engine-stock {
    left: 11px
  }

  .car-card__name {
    font-size: 30px;
    line-height: 34px
  }
}

@media screen and (max-width:480px) {
  .car-banner__characteristics {
    /*top: 94%;
    position: absolute;*/
	order: 2;
    /*    column-gap: 43px;*/
    column-gap: 0;
    row-gap: 25px;
  }

  .characteristics-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  .characteristics-item__text {
    color: #393E46;
    /*    width: 100px;*/
    text-align: center;
  }

  .car-banner__characteristics {
    display: grid !important
  }

  .actions .img.lazy {
    height: 270px
  }

  a.get-act {
    height: 45px;
    line-height: 45px;
    margin-top: 10px;
    margin-bottom: 0
  }
}

@media screen and (max-width:430px) {
  .page-body {
    padding-top: 50px
  }

  .main-content {
    padding-top: 10px;
  }

  .main-page-heading {
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    line-height: 30px
  }

  .car-page-heading {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 30px
  }

  .competitors-banner__heading {
    margin-bottom: 142px;
    font-size: 25px;
    line-height: 30px
  }

  .express-banner {
    min-height: 445px;
    background-image: url(/local/templates/auto/css/../img/express-bg-mobile.webp) !important
  }

  .express-banner__heading {
    margin-bottom: 35px;
    font-size: 28px;
    line-height: 32px
  }

  .express-banner__text {
    width: 100%;
    font-size: 16px;
    line-height: 18px
  }

  a.abc-btn,
  button.abc-btn {
    height: 40px;
    font-size: 14px;
    line-height: 16px;
    z-index: 1;
  }

  .personal-form-icon {
    width: 70px;
    height: 80px;
  }

  .car-banner {
    min-height: 841px;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 40px;
    background-image: url(/local/templates/auto/css/../img/banners/car-banner__mobile.webp);
    background-position: center
  }

  .car-banner h1.car-banner__heading {
    margin-right: 0
  }

  .car-banner h2.car-banner__heading {
    margin-right: 0
  }

  .car-banner__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .car-banner__characteristics {
    display: none
  }

  div.car-banner__feedback {
    margin-top: 0;
    background-color: transparent;
    background-image: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
  }

  .car-banner__menu {
    display: none
  }

  .standart-banner {
    min-height: 300px;
    margin-bottom: 240px
  }

  .credit-banner {
    margin-bottom: 125px
  }

  .tradein-banner {
    margin-bottom: 0
  }

  .credit-banner .banner-content__inner {
    width: 100%;
    justify-content: flex-end
  }

  .credit-banner--tradein .banner-content__inner {
    justify-content: flex-start
  }

  .credit-banner .banner-content__right {
    width: 90%;
    align-items: flex-start;
    padding: 0;
  }

  .credit-banner--tradein .banner-content__right {
    align-items: flex-start
  }

  .credit-banner .banner-content__heading {
    margin-bottom: 122px
  }

  .credit-banner--tradein .banner-content__heading,
  .credit-banner--tradein .banner-content__text {
    text-align: left
  }

  .credit-banner .banner-content__text {
    font-size: 18px;
    line-height: 20px
  }

  .credit-banner .banner-content__text+.banner-content__text {
    margin-top: 10px
  }

  .standart-banner__inner {
    position: relative;
    padding-top: 12px
  }

  .mark-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(180deg, #707070 0, rgba(112, 112, 112, .7987570028011204) 32%, rgba(112, 112, 112, .49343487394957986) 65%, rgba(112, 112, 112, 0) 100%)
  }

  .mark-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(0deg, #707070 0, rgba(112, 112, 112, .7987570028011204) 32%, rgba(112, 112, 112, .49343487394957986) 65%, rgba(112, 112, 112, 0) 100%)
  }

  .mark-banner .standart-banner__inner {
    padding-top: 10px
  }

  .main-banner__slide.first {
    background-image: url(/local/templates/auto/css/../img/main-banner-bg1-mobile.webp)
  }

  .main-banner__slide.second {
    background-image: url(/local/templates/auto/css/../img/main-banner-bg2-mobile.webp)
  }

  .main-banner__slide.third {
    background-image: url(/local/templates/auto/css/../img/main-banner-bg3-mobile.jpg)
  }

  .main-banner__slide.fourth {
    background-image: url(/local/templates/auto/css/../img/main-banner-bg4-mobile.jpg)
  }

  .mark-banner .btn-bordered {
    margin-bottom: 100px
  }

  .main-banner__slider .owl-item {
    max-height: 300px
  }

  .main-banner__slide {
    background-size: cover;
    display: flex;
    flex-direction: column
  }

  .main-banner__slide .banner-content {
    flex-grow: 1
  }

  .main-banner .banner-content__inner {
    display: none
  }

  .mark-banner .banner-content__inner {
    padding: 0;
    border-radius: unset;
    background-color: transparent;
    z-index: 5
  }

  .banner-content__mobile {
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }

  .banner-content__mobile--top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .banner-content__img {
    max-width: 80px;
    margin-right: 7px
  }

  .banner-content__heading {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 30px
  }

  .mark-banner .banner-content__heading {
    margin-bottom: 20px;
    text-transform: unset
  }

  .banner-content__right {
    padding-top: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
  }

  .mark-banner .mark-list__item+.mark-list__item {
    margin-top: 8px
  }

  .banner-content__list {
    max-width: 80%;
    margin: 10px auto 0 auto
  }

  .banner-content__list--item {
    font-size: 14px;
    line-height: 16px
  }

  .banner-content__list--item+.banner-content__list--item {
    margin-top: 3px
  }

  .banner-content__text {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 22px
  }

  .banner-content__text+.banner-content__text {
    margin-top: 0
  }

  .banner-content .abc-btn {
    margin-top: 10px
  }

  .main-banner__slide .banner-content .abc-btn {
    height: 24px;
    width: 160px;
    font-size: 13px;
  }

  .credit-banner .abc-btn {
    margin-top: 30px;
    margin-left: 0;
  }

  .standart-banner-timer {
    width: 100%;
    bottom: -210px;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*top: -20px;*/
    /*position: static;*/
  }

  .credit-banner .standart-banner-timer {
    bottom: -150px
  }

  .advantages-banner {
    margin-bottom: 20px;
    background-image: none;
    background-color: #fff
  }

  .advantages-banner__inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch
  }

  .advantages-banner__inner.wrapper {
    width: unset !important
  }

  .advantages-banner__heading {
    width: 100%;
    text-align: center;
    display: block
  }

  .advantages-banner__left {
    margin-right: 0;
    margin-bottom: 27px
  }

  .tradein-advantages .advantages-banner__left {
    margin-bottom: 0
  }

  .advantages-banner__left,
  .advantages-banner__right {
    width: 100%
  }

  .advantages-banner__card {
    width: 100%;
    margin-bottom: 0;
    padding: 18px;
    border-radius: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction: column;
    align-items: flex-start
  }

  .advantages-banner .abc-btn {
    display: none
  }

  .advantages-banner .advantages-banner__card .abc-btn {
    margin-top: 20px;
    display: flex
  }

  .advantages-banner__left .advantages-banner__card {
    background-image: url(/local/templates/auto/css/../img/k5-list-bg.jpg)
  }

  .advantages-banner__right .advantages-banner__card {
    background-image: url(/local/templates/auto/css/../img/k5-list-bg2.jpg)
  }

  .standart-banner-timer__clock {
    margin-right: 0
  }

  .standart-banner-timer .flipTimer {
    font-size: 32px;
    line-height: 54px;
    color: #8267BE
  }

  .standart-banner-timer__heading {
    margin-bottom: 10px;
    color: #000
  }

  .standart-banner-timer .days,
  .standart-banner-timer .hours,
  .standart-banner-timer .minutes {
    margin-right: 8px
  }

  .standart-banner-timer .flipTimer .digit-set {
    width: 34px;
    height: 55px
  }

  .standart-banner-timer .flipTimer .digit-set+.digit-set {
    margin-left: 3px
  }

  .standart-banner-timer .flipTimer div.digit-bottom,
  .standart-banner-timer .flipTimer div.digit-top {
    width: 34px
  }

  .standart-banner-timer .flipTimer div.shadow-bottom,
  .standart-banner-timer .flipTimer div.shadow-top {
    width: 34px
  }

  .standart-banner-timer .flipTimer .days::before,
  .standart-banner-timer .flipTimer .hours::before,
  .standart-banner-timer .flipTimer .minutes::before,
  .standart-banner-timer .flipTimer .seconds::before {
    bottom: -17px;
    color: #000;
    font-size: 16px;
    line-height: 20px
  }

  /* .main-banner__slider .owl-nav {
    width: 95%
  } */

  .main-banner__slider .owl-nav button {
    width: 40px;
    height: 40px;
    top: -170px;
    opacity: 1
  }

  .standart-banner-timer__body {
    flex-direction: column;
    align-items: center
  }

  .main-offer {
    display: none
  }

  .colors-slider {
    max-width: 300px;
    top: 10%;
    transform: none;
    position: static;
  }

  .colors-slider__cars.swiper-container {
    height: 200px
  }

  .colors-slider__cars .swiper-slide img {
    max-width: 300px;
    max-height: 250px
  }

  .colors-slider__cars .swiper-slide .photo-Mitsubishi-pajero-sport {
    max-height: 170px
  }

  .colors-slider__cars .swiper-slide .photo-Nissan-qashqai-j11-2019 {
    max-height: 180px
  }

  .colors-slider__cars .swiper-slide .photo-Nissan-x-trail-t32-new-2019 {
    max-height: 180px
  }

  .colors-slider__cars .swiper-slide .photo-Peugeot-partner-tepee {
    max-height: 170px
  }

  .colors-slider__thumbs.swiper-container {
    max-width: 230px
  }

  .colors-slider__thumbs .swiper-slide {
    width: 30px !important
  }

  .colors-slider .colors-slider__thumb {
    width: 30px;
    height: 30px;
    box-shadow: none
  }

  .colors-slider .swiper-button-next,
  .colors-slider .swiper-button-prev {
    bottom: -47px
  }

  .colors-slider .swiper-button-next {
    right: 1%
  }

  .colors-slider .swiper-button-prev {
    left: 1%
  }

  .gallery {
    margin-bottom: 50px
  }

  .gallery.wrapper {
    width: unset !important
  }

  .gallery-tabs {
    border-radius: 10px;
    background-color: #ebebec;
    align-items: flex-start
  }

  .gallery .wrapper {
    width: calc(100% - 40px) !important;
    margin: 0 auto 15px auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start
  }

  .gallery .swiper-container {
    overflow: visible
  }

  .gallery-tab {
    height: 50px;
    padding: 0 10px;
    border-radius: 10px;
    background-color: transparent;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .gallery-tab+.gallery-tab {
    margin-left: 0
  }

  .gallery-tab.active {
    background-color: #fff;
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, .25)
  }

  .gallery-tab::before {
    display: none
  }

  .gallery .car-gallery-thumbs {
    display: none
  }

  .gallery .swiper-slide {
    width: 80%
  }

  .gallery .swiper-slide img {
    height: 230px
  }

  .gallery .swiper-button-next,
  .gallery .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: -17%;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px 4px rgb(105 51 51 / 20%);
    -moz-box-shadow: 0 0 6px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px 4px rgb(0 0 0 / 20%);
    background-image: url(/local/templates/auto/css/../img/arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
  }

  .gallery .swiper-button-prev {
    left: unset;
    right: 16%;
    transform: rotate(180deg)
  }

  .gallery .swiper-button-next::after,
  .gallery .swiper-button-prev::after {
    display: none
  }

  .offers-top {
    margin-bottom: -22px;
    padding-bottom: 50px;
    position: relative;
    top: -70px;
    border-bottom: 2px solid #cf2a39;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .offers-top__item {
    padding: 0 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .item-check {
    margin-right: 21px
  }

  .offers-top__item+.offers-top__item {
    margin-top: 10px
  }

  .offers-top__ad {
    max-width: unset;
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px
  }

  .engine__top {
    position: relative;
    z-index: 5;
    width: 100%;
    margin-bottom: 0;
    padding: 13px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .25);
    box-shadow: 0 0 15px rgba(0, 0, 0, .25)
  }

  .engine__name {
    width: unset;
  }

  .engine__desc {
    display: none;
  }

  .complictation__visible {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .complictation__hidden {
    width: 80%;
    max-height: 80%;
    position: fixed;
    z-index: 105;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    border-radius: 10px;
    display: none;
  }

  .complictation__hidden.active {
    display: block;
  }

  .complictation__hidden-options {
    display: none;
  }

  .complictation__hidden-lists {
    margin-bottom: 0;
    gap: 0;
    display: block;
  }

  .complictation__hidden-item+.complictation__hidden-item {
    margin-top: 10px;
  }

  .closeDesc {
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: -40px;
    border-radius: 50%;
    background-color: #cf2a39 !important;
    background-image: url(/local/templates/auto/css/../img/icons/close-x.svg) !important;
    background-size: 40% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 1;
  }

  .mini-heading {
    margin-bottom: 0;
    padding: 5px 10px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    display: flex;
    justify-content: center;
  }

  .complictation__list {
    margin-top: 10px;
    margin-bottom: 20px;
    display: none;
  }

  .complictation__list.active {
    display: block;
    max-height: 310px;
    overflow-y: scroll;
  }

  .complictation__cost,
  .complictation__reserv {
    display: none;
  }

  .complictation__name {
    width: unset;
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    display: inline-block;
  }

  .complictation__characteristics {
    width: unset;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .complictation__stock {
    margin-bottom: 7px;
    color: #cf2a39;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: inline-block
  }

  .complictation__visible .abc-btn:not(.showDesc) {
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .complictation__sale {
    width: 240px;
    height: 40px;
    margin-bottom: 5px;
    color: #cf2a39;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 0 30px rgba(0, 0, 0, .25));
    border-radius: 10px;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  button.showDesc {
    order: 5;
    display: flex;
  }

  .complictation__stock span {
    display: inline-block
  }

  .engine+.engine {
    margin-top: 20px;
    padding-top: 0;
    border-top: unset
  }

  .engine__bottom {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(36, 36, 36, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(36, 36, 36, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(36, 36, 36, 0.3);
    display: none
  }

  .engine__bottom.active {
    display: block
  }

  .engine__btn {
    width: 40px !important;
    height: 40px !important;
    background: unset !important;
    background-image: url(/local/templates/auto/css/../img/icons/mobile_comp-btn.svg) !important;
    display: block
  }

  .complictation__btn {
    display: none
  }

  .trade-in-form {
    min-height: 320px;
    margin-bottom: 27px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(/local/templates/auto/css/../img/banners/mobile-trade-in__bg.jpg)
  }

  .trade-in-form h3 {
    width: 100%;
    font-size: 25px;
    line-height: 30px;
    text-align: start
  }

  .trade-in-form__tip {
    width: 100%;
    text-align: start
  }

  .form-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .form-top .abc-btn {
    height: 50px;
    margin: 0 auto
  }

  .input-wrap {
    margin-right: 0;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .checkbox-label {
    font-size: 13px
  }

  .fake-checkbox {
    margin-right: 5px
  }

  .competitors-banner {
    min-height: 575px;
    padding: 20px 0;
    background-image: url(/local/templates/auto/css/../img/banners/mobile-competitors__bg.jpg);
    background-size: contain;
    background-position-y: top
  }

  .competitors-banner__inner {
    align-items: center
  }

  .standart-list__item+.standart-list__item {
    margin-top: 10px
  }

  .competitors-banner__list {
    margin: 0 0 10px 0;
    padding: 0
  }

  .competitors-banner__date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .competitors-banner__form {
    margin-top: 5px
  }

  .competitors-banner__form .standart-inp {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, .35));
    background-color: #fff
  }

  .competitors-banner__form .standart-inp::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
  }

  .competitors-banner__form .standart-inp::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
  }

  .competitors-banner__form .standart-inp:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
  }

  .competitors-banner__form .standart-inp::-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
  }

  .competitors-banner__form .standart-inp::placeholder {
    color: rgba(0, 0, 0, .5)
  }

  .competitors-banner__form .checkbox-label,
  .competitors-banner__form .personal-accept__link {
    color: #969696
  }

  .competitors-banner__form .fake-checkbox {
    background-color: #ebebec
  }

  .catalog-in-catalog {
    margin-bottom: 50px
  }

  .special-banner {
    display: none
  }

  .constructor-credit .step p.title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px
  }

  .special-banner-mobile {
    min-height: 435px;
    padding: 23px 0;
    background-image: url(/local/templates/auto/css/../img/banners/mobile-special__bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .special-window__heading {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 30px
  }

  .offers {
    position: relative;
    margin-bottom: 50px
  }

  .offers__wrapper {
    width: unset;
    max-width: unset;
    margin: 0
  }

  .offers__list {
    display: block
  }

  .offers__card {
    height: 210px;
    padding: 7px 11px;
    margin: 0 auto 17px auto;
    background-size: cover
  }

  .offers .car-page-heading {
    margin-bottom: 15px
  }

  .offers__list .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .offers__list .owl-nav {
    width: unset;
    top: -5px;
    right: 15px
  }

  .offers__list .owl-next,
  .offers__list .owl-prev {
    width: 40px !important;
    height: 40px !important;
    margin-top: 0 !important;
    color: #8267BE !important;
    background-color: #fff !important;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px 4px rgb(105 51 51 / 20%);
    -moz-box-shadow: 0 0 6px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 6px 4px rgb(0 0 0 / 20%);
    font-size: 28px
  }

  .offers__list button span {
    position: relative;
    left: 1px;
    bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .offers__list .owl-prev span {
    left: -1px
  }

  .offers__list button+button {
    margin-left: 10px
  }

  .offers__card-heading {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 23px
  }

  .offers__card-description {
    font-family: Muller, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400
  }

  .offers__wrapper button.offers__btn {
    margin: 0 auto;
    color: #000;
    background-color: #ebebec
  }

  .offers .abc-btn {
    margin: 0 auto
  }

  .offers .abc-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  div.car-reviews .wrapper {
    width: unset !important
  }

  .car-reviews__desc {
    margin-bottom: 18px;
    color: #cf2a39;
    text-align: center
  }

  .reviews__list {
    padding-bottom: 50px;
    overflow: visible
  }

  .single-review {
    width: 300px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .single-review__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .single-review__left {
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .single-review__right {
    width: 100%
  }

  .single-review__date {
    display: none
  }

  .car-reviews .reviews__list .owl-nav {
    margin-top: 0;
    top: 0 !important;
    left: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .car-reviews .owl-nav>* {
    width: 40px;
    height: 40px;
    position: static
  }

  .car-reviews .owl-nav>* span {
    font-size: 36px
  }

  .car-reviews .owl-nav .owl-next,
  .car-reviews .owl-nav .owl-prev {
    background-color: #fff !important;
    color: #cf2a39 !important
  }

  .single-review__heading {
    width: 79px;
    margin-right: 12px;
    margin-bottom: 0;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .single-review__image {
    max-width: 100%
  }

  .single-review__logo {
    max-width: 130px;
    margin-bottom: 0
  }

  .car-card {
    padding-top: 10px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 25%);
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 25%)
  }

  .car-card::before {
    display: none
  }

  .popular-cars-section {
    margin-bottom: 50px
  }

  .popular-cars__mobile-catalog {
    margin-top: 25px
  }

  .popular-cars__mobile-catalog.active {
    display: block
  }

  .popular-cars-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .popular-cars__controls {
    width: 72%;
    margin: 25px auto 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .popular-cars__controls button+button {
    margin-top: 10px;
    margin-left: 0
  }

  .popular-cars__list {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    row-gap: 15px
  }

  .popular-cars__link {
    padding: 0 8px 10px 8px
  }

  .actions-wrapper {
    margin-bottom: 35px
  }

  .actions-list {
    display: flex;
    gap: unset
  }

  .actions-list .owl-stage {
    display: flex
  }

  .actions-list__item {
    width: 286px;
    height: 210px;
    padding: 7px 11px;
    margin: 0 auto 17px auto;
    background-size: cover
  }

  .actions-list__item .offers__card-heading {
    margin-bottom: 8px
  }

  .modal {
    width: 90%;
    background-position: 80%
  }

  .modal__inner {
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .modal__heading {
    font-size: 30px;
    line-height: 34px
  }


  .modal-offer .modal__heading {
    margin-bottom: 45px
  }

  .modal-benefit .modal__heading,
  {
  margin-bottom: 75px;
}

.modal-credit .modal__tip {
  margin-bottom: 0px
}

.modal-credit .car-date {
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 5px;
}

.checkbox-label {
  font-size: 12px
}

.modal form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.close-modal {
  top: -40px;
  right: 0;
  width: 36px !important;
  height: 36px !important;
  opacity: 1;
  background-color: #ffffff00 !important;
  background-size: 65% !important
}

footer {
  padding-top: 19px;
  padding-bottom: 50px
}

.links {
  margin-bottom: 0
}

.links .item:nth-child(1) .item__subitem:nth-child(2) {
  /*display: none*/
}

.links .item:nth-child(3) .item__subitem:nth-child(2) {
  display: block
}

.bottom-footer {
  /*display: none*/
  flex-direction: column;
}

.footer__grid {
  width: 100%;
  margin-bottom: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 11px
}

.links .item+.item {
  margin-left: 0
}

.links .item:nth-child(3) .footer__grid {
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 10px
}

.marks-table {
  height: 152px;
  overflow: hidden;
  transition: height .7s ease
}

.links .item:nth-child(3) .footer__grid a {
  padding: 5px 10px;
  background-color: #ebebec;
  color: #000;
  border-radius: 10px;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}



button.showMoreFooter {
  color: white;
  margin: 0 auto;
  display: flex
}

.links .item a.title {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px;
  text-transform: unset;
  text-align: center
}

.footer-tel {
  display: none
}
}

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

.acrd_btn {
  margin-top: 20px;
  text-decoration: none;
  border-radius: 10px;
  padding: 20px;
  color: white;
  background: #8267BE;
}

.acrd_btn:hover {
  background: white;
  color: #8267BE;
  box-shadow: 0px 0px 10px;
}

.acrd_body {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
  line-height: 12px;
  color: white;
}

.acrd_body p {
  font-weight: 700;
  margin: 10px 0 0 0;
  font-size: 11px;
}

.acrd_body span {
  text-align: left;
  margin-bottom: 20px;
}

.active_acrd {
  display: flex;
  /*?????? ?? ???????*/
}

.promotion__timer {
  /*position: absolute;*/
  margin-top: 65px;
  margin-left: 10%;
  left: 10%;
  display: flex;
}

.timer {
  display: flex;
}

.timer__block {
  font-weight: 700;
  font-size: 17px;
  line-height: 21px;
  color: #393E46;
  margin-right: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timer__block span {
  padding: 10px;
  font-weight: 400;
  font-size: 34px;
  color: white;
  height: 90px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8267BE;
}

.title_timer {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding-left: 20px;
  /* padding: 34px 20px; */
  height: 90px;
  background: url(/local/templates/auto/img/car_timer_bg.png) center center/cover no-repeat;
  color: white;
  width: 2000px;
  font-weight: 700;
  font-size: 22px;
  line-height: 23px;
}

.modal-benefit .standart-inp::placeholder,
.modal-credit .standart-inp::placeholder {
  font-size: 15.6604px;
  line-height: 130%;
  color: #8066BD;
}

.modal-benefit .standart-inp,
.modal-credit .standart-inp {
  height: 39px;
}

.modal-benefit button.abc-btn,
.modal-credit button.abc-btn {
  height: 39px;
}

.hide_title {
  display: none;
}

.mini-block {
  margin-left: auto;
  margin-top: -46px;
  background: rgba(0, 0, 0, 0.56);
  border: 2.2822px solid #8267BE;
  border-radius: 11.25px;
  font-weight: 700;
  font-size: 15.9375px;
  line-height: 20px;
  color: #FFF;
  padding: 12px 15px 13px 25px;
}

.modal-mini-block {
  right: 40px;
  bottom: 32px;
}

.section-mini-block {
  position: absolute;
  bottom: 80px;
  color: #8267BE;
  background: none;
}

.mini-block p {
  position: relative;
  margin-bottom: 0;
  white-space: nowrap;
}

._desk-hidden {
	display: none;
}

@media(max-width: 430px) {
	._desk-hidden {
		display: block;
	}

	._mob-hidden {
		display: none;
	}

  .mini-block p {
    font-size: 8.89844px;
    line-height: 11px;
    padding-left: 7px;
  }

  .section-mini-block {
    /*bottom: auto;
    top: 410px;
    left: 50%;
    transform: translate3d(-50%, 0px, 0px);*/
    padding: 9px 3px 9px 22px;
    width: 238px;
	position: static;
	margin: 20px auto 0;
  }

  .modal-mini-block {
    display: flex;
    align-items: center;
    width: 119px;
    font-size: 8.89844px;
    line-height: 11px;
    padding: 0px;
    margin-left: 0;
    transform: none;
    border-radius: 6.28125px;
    height: 25px;
    margin-top: 0
  }

  .modal-benefit .standart-inp,
  .modal-credit .standart-inp {
    width: 100%;
  }

  .modal-benefit .form-top,
  .modal-credit .form-top {
    width: 100%;
    margin-bottom: 0;
  }

  .modal-benefit button.abc-btn,
  .modal-credit button.abc-btn {
    width: 100%;
  }

  .modal-benefit .checkbox-label,
  .modal-credit .checkbox-label {
    display: flex;
    font-size: 10px;
    line-height: 130%;
    color: #B5B5B5;
    margin-top: 5px;
  }

  .modal-benefit .checkbox-label a,
  .modal-credit .checkbox-label a {
    color: #B5B5B5;
  }

  .modal-mini-block-desk-hidden {
    position: static;
    transform: none;
    margin: -25px auto 10px;
  }

  .modal-mini-block-mobile-hidden {
    display: none;
  }

  .modal-offer .modal-mini-block {
    top: 88px;
  }

  .offers-top {
    margin-top: 100px;
  }

  .promotion__timer {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .title_timer {
    display: none;
  }

  .hide_title {
    background: url(/local/templates/auto/img/car_timer_bg_mob.png) center center/cover no-repeat;
    padding: 20px 0;
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .timer__block:last-child {
    margin-right: unset;
  }

  .action_timer {
    font-weight: 700;
    font-size: 18px;
    color: #393E46;
  }

  .subtitle {
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 18px;
    margin-top: 11px;
  }

  .mini-block p::before {
    content: "";
    position: absolute;
    background: url(/local/templates/auto/css/../img/rus.svg)no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    left: -11px;
    top: -3px;
  }

  .modal-benefit {
    background-image: url(/local/templates/auto/css/../img/modal-benefit-bg_mob.jpg);
  }

  .modal-credit {
    background-image: url(/local/templates/auto/css/../img/modal-credit-bg_mob.jpg);
  }

  .modal.modal-credit,
  .modal.modal-benefit {
    width: 98%;
  }

  .main-banner__slider .banner-content__heading {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 18px;
  }

  .main-banner__slider .banner-content__text {
    font-size: 13px;
    line-height: 13px;
  }

  .main-banner__slider .banner-content__text + .banner-content__text {
    margin-top: 28px;
  }

  .main-banner__slider .banner-content__mobile {
    justify-content: flex-start;
    margin-left: 19px;
  }

  .main-banner__slide.first {
    padding-top: 40px;
  }

  .main-banner .slide-counter {
    bottom: 10px;
    font-size: 13px;
    line-height: 13px;
  }

  .main-banner__slider .owl-nav {
    width: 68px;
  }

  .main-banner__slide .banner-content .abc-btn {
    display: none;
  }

  .main-banner__slider .owl-nav button {
    width: 14px;
    height: 14px;
    background-size: cover;
    bottom: 10px;
    top: auto;
  }

  .main-banner__slider + .abc-btn {
    width: 100%;
    border-radius: 0;
    display: block;
    margin-top: 0;
    height: 45px;
    position: absolute;
    bottom: -45px;
  }

  .main-banner {
    margin-bottom: 285px;
  }
}

@media screen and (max-width: 360px) {
  .modal-benefit .modal__heading {
    font-size: 19px;
    line-height: 26px;
  }
}

/* .timer_right {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: white;
  background: url(/local/templates/auto/img/car_timer_bg.png) center center/cover no-repeat;
  padding: 10px 20px;
  text-align: left;
  position: absolute;
  width: 1230px;
  left: 603px;
} */
.characteristic_href {
  background-color: unset;
  padding: unset;
}

.characteristic_href:hover {
  background-color: rgba(0, 0, 0, 0.233);
}

}

.container_salon {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.promo-brand-action .promo_header {
  margin: 80px 0 40px 0;
  text-align: center;
}

@media(max-width: 375px) {
  .modal-offer .modal-mini-block {
    top: 121px;
  }
}

@media (max-width: 575px) .promo-brand-action .advantage_buy_list {
  flex-direction: column;
}

@media (max-width: 991px) .promo-brand-action .advantage_buy_list {
  flex-wrap: wrap;
}

.promo-brand-action .advantage_buy_list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

@media (max-width: 991px) .promo-brand-action .advantage_buy_list .advantage_buy_item {
  flex-basis: 50%;
  align-items: center;
  margin-bottom: 40px;
}

.promo-brand-action .advantage_buy_list .advantage_buy_item {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1289px) .promo-brand-action .advantage_buy_list .icon {
  width: 50px;
  height: 50px;
}

.promo-brand-action .advantage_buy_list .icon {
  fill: #1082d2;
  width: 54px;
  height: 54px;
}

@media (max-width: 991px) .promo-brand-action .advantage_buy_list .advantage_buy_text {
  margin: 0 0 0 7px;
}

@media (max-width: 1289px) .promo-brand-action .advantage_buy_list .advantage_buy_text {
  font-size: 16px;
  margin: 0 5px 0 4px;
}

.promo-brand-action .advantage_buy_list .advantage_buy_text {
  font-size: 16px;
  margin: 0 30px 0 15px;
}

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

.blog__main {
  display: flex;
  max-width: 1400px;
  flex-direction: column;
  align-items: center;
  margin: 35px auto;
}

.footer__block {
  background-image: url(/local/templates/auto/css/../img/banners/footer-banner.webp);
  background-position: center;
  height: 660px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: flex;
}

.footer__block__list {
  margin-top: 80px;
	padding-left: 10vw;
}

.footer__block__list p {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 27px;
}

.footer__block__list img {
  width: 24px;
  height: 20px;
  margin-right: 12px;
}

.footer__block__list li {
  margin-top: 8px;
  /*max-width: 658px;*/
  font-style: normal;
  /* font-weight: 700; */
  font-size: 18px;
  /* line-height: 30px; */
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.footer__block form {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 33px;
	width: 439px;
}

.footer__block form input {
	background: rgba(217, 217, 217, 0.49);
	border-radius: 5px;
	height: 55px;
	width: 100%;
	color: #fff;
	padding: 0 27px;
	border: 0;
}

.footer__block form input::placeholder {
	color: #fff;
}

.footer__block form button {
	height: 55px;
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 5px;
	margin: 0;
}

.mark-list {
  text-shadow: 1px 1px black;
}

.credit_page__banner {
  background-image: url(/local/templates/auto/css/../img/credit-banner-bg.jpg);
}

@media (max-width: 1020px) {
  .footer__block {
    /* display:none; */
    background-image: url(/local/templates/auto/css/../img/banners/footer-banner-mob.webp);
    /* height: 490px; */
  }

  .footer__block__list {
    margin-top: 15px;
	padding-left: 0;
  }

  .footer__block__list p {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 21px;
  }

  .footer__block__list li {
    font-size: 11px;
    margin-top: 12px;
    line-height: 140%;
  }

  .footer__block__list img {
    margin-bottom: 5px;
    width: 17px;
    height: 12px;
  }

	.footer__block form {
		width: 100%;
		margin-top: 16px;
		gap: 12px;
	}

	.footer__block form input,
	.footer__block form button {
		height: 40px;
	}
}

@media (max-width: 450px) {
  .credit_page__banner {
    background-image: url(/local/templates/auto/css/../img/credit-banner-mob.jpg);
  }
}

.index__catalog {
  margin-top: 80px;
}

.index__catalog .title-catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  justify-content: center;
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 40px;
  color: #2A2A2C;
}

.links-catalog_mark {
  display: grid;
  margin: 0 100px;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(6, 1fr);
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  row-gap: 50px;
}

.links-catalog_mark a {
  display: flex;
  align-items: center;
  font-family: 'Muller';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}

.links-catalog_mark span {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1024px) {
  .links-catalog_mark {
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .links-catalog_mark {
    -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
    grid-template-columns: repeat(3, 1fr);
  }

  .links-catalog_mark span {
    width: 45px;
    height: 45px;
    margin-right: 25px;
  }
}

@media (max-width: 450px) {
  .modal-credit .modal__inner-flex {
    flex-direction: column;
    gap: 5px;
  }

  .car-banner__feedback {
    margin-top: 30px !important;
  }

  .index__catalog {
    margin-top: -205px;
  }

  .index__catalog .title-catalog {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .links-catalog_mark {
    margin: 0 30px;
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px;
    column-gap: 15px;
  }

  .links-catalog_mark span {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }

  .modal__heading {
    font-size: 22px;
  }

  .second .banner-content {
    justify-content: right;
  }

  .vidget__btn {
    display: none;
  }
}

@media (min-width: 431px) {

  .modal-mini-block-desk-hidden {
    display: none;
  }

  modal-mini-block-mobile-hidden {
    display: block;
  }
}

.modal._NY {
  background-image: url(/local/templates/auto/css/../img/ny-popup-bg.webp);
  height: 466px;
  width: 795px;
  border-radius: 30px;
}

.modal._NY .modal__inner {
  padding: 58px 41px 26px;
}

.modal._NY .modal__heading {
  margin-bottom: 17px;
  font-weight: 800;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
}

.modal._NY .modal__subheading {
  font-weight: 800;
  font-size: 20px;
  line-height: 100%;
  color: #fff;
  margin-bottom: 32px;
}

.modal._NY .modal__subheading span {
  color: #CAB3FF;
  display: block;
  font-size: 27px;
  margin-top: 4px;
  line-height: 28px;
}

.modal._NY .input-wrap {
  margin-bottom: 10px;
}

.modal._NY .checkbox-label {
  font-size: 9px;
}

.modal._NY .close-modal {
  opacity: 1;
  background-size: 35% !important;
}

.modal._NY .fake-checkbox {
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 800px) {
  .modal._NY {
    background-image: url(/local/templates/auto/css/../img/ny-popup-bg-mob.webp);
    width: 360px;
    height: 442px;
  }

  .modal._NY .modal__inner {
    padding: 174px 45px 15px;
  }

  .modal._NY .modal__heading {
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    width: 100%;
    margin-bottom: 3px;
  }

  .modal._NY .modal__subheading {
    text-align: center;
    font-size: 12px;
    width: 100%;
    margin-bottom: 8px;
  }

  .modal._NY .modal__subheading span {
    font-size: 17px;
    line-height: 100%;
  }

  .modal._NY form,
  .modal._NY .form-top,
  .modal._NY .input-wrap,
  .modal._NY .standart-inp,
  .modal._NY button.abc-btn {
    width: 100%;
  }

  .modal._NY .form-top {
    margin-bottom: 6px;
  }

  .modal._NY .standart-inp {
    height: 45px;
  }
}

.btn__second {
  background: #FFFFFF !important;
  color: #8068BB !important;
}

.btn__second__main {
  margin-right: 11vW !important;
}

.btn__second__mob {
  margin-top: 33px !important;
  margin-right: 3px !important;
  height: 38px !important;
  width: 33vw !important;
}
@media screen and (min-width: 2200px) {
.standart-banner__inner {
    background-position: center 25%;

}
.standart-banner {
    min-height: 800px;

}
}
/* End */


/* Start:/local/templates/auto/css/popup_style.css?17537019464639*/
.vidget__btn {
  z-index: 5;
  cursor: pointer;
  width: 200px;
  position: fixed;
  bottom: 2%;
  left: 1%;
}
.vidget__btn img {
  width: 100%;
}
.vidget {
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  opacity: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s;
}
.vidget.active {
  z-index: 5;
  top: 0;
  opacity: 1;
  transition: opacity 0.5s;
}
.vidget__body {
  position: relative;
  max-width: 780px;
  min-height: 480px;
  margin: 10% auto;
  padding: 35px 50px 35px;
  color: white;
  background: url('/local/templates/auto/img/azbuka_desc_bg.png') center center/contain no-repeat;
}
.vidget__close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 5%;
  top:  5%;
  cursor: pointer;
}
.vidget__close span {
  pointer-events: none;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.vidget__close span::before,
.vidget__close span::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  background: white;
}
.vidget__close span::before {
  transform: rotate(45deg);
}
.vidget__close span::after {
  transform: rotate(-45deg);
}
.vidget__header {
  /* padding: 0 49px; */
}
.vidget__ttl {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* color: #000000; */
}
.vidget__ttl span {
  font-weight: 800;
  font-size: 36;
  line-height: 40px;
  color: #EB1123;
  text-transform: uppercase;
}
.vidget__subttl {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 15px;
  /* color: #000000; */
}
.vidget__subttl span {
  font-weight: 800;
  font-size: 30.5659px;
  line-height: 37px;
  /* color: #EB1123; */
  text-transform: uppercase;
}
.vidget__price {
  /* margin-left: 45px; */
  font-weight: 700;
  font-size: 48px;
  line-height: 40px;
  margin-bottom: 35px;
  /* color: #EB1123; */
}
.vidget__content {
  margin-bottom: 35px;
}
.vidget__benef {
  position: relative;
  column-gap: 10px;
  display: flex;
  align-items: baseline;
  font-weight: 400;
  font-size:  16px;
  line-height: 16px;
  /* color: #000000; */
}
.vidget__benef span {
  font-weight: 900;
  font-size: 21.695px;
  line-height: 26px;
  color: #EB1123;
}
/* .vidget__benef::before {
  content:"";
  width: 10px;
  height: 10px;
  background: #FFD81E;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 38%;
  box-shadow: 0px 3.96098px 2.97073px rgba(0, 0, 0, 0.25);
} */
.vidget__benef img {
  width: 30px;
}
.vidget__form {
  margin-top: 10px;
  width: max-content;
}
.vidget__form form input {
  /* padding: 6px 14px;
  border: 0.936768px solid #AAAAAA;
  border-radius: 44.0281px; */
  margin-bottom: 5px;
  height: 40px;
}
.vidget__form form button {
  /* width: 100%;
  background: #EB1123;
  border-radius: 44.0281px;
  padding: 8px 51px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
  color: #FFFFFF;
  border: none; */
  margin-bottom: 10px;
  height: 40px;
}
.vidget__price-only-mob {
  display: none;
}

@media(max-width:425px) {
  .vidget__price-only-mob {
    display: inline-block;
  }
  .vidget__price-only-desc {
    display: none;
  }
  .vidget__form form button {
    height: 40px;
    width: 325px;
  }

  .vidget__btn {
    width: 100px;
  }
  .vidget__body {
    margin: 40% auto;
    background: url('/local/templates/auto/img/azbuka_mob_bg.png') center center/cover no-repeat;
    padding: 215px 20px 40px;
    max-width: 360px;
    width: 360px;
    max-height: 640px;
  }
  .vidget__close  {
    top: 0;
    right: 0;
  }
  .vidget__ttl,
  .vidget__subttl {
    width: 100%;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
  }
  .vidget__ttl span,
  .vidget__subttl span {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
  }
  .vidget__price {
    width: max-content;
    /* margin-left: 32px; */
    font-weight: 900;
    font-size: 41.7919px;
    line-height: 51px;
  }
  .vidget__benef {
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
  }
  .vidget__body .checkbox-label {
    max-width: 325px;
  }
  .vidget__form .form-top {
    margin-bottom: unset;
    display: unset;
  }
  .vidget__form .form-top .input-wrap {
    margin-right: unset;
  }
  .vidget__benef span {
    font-weight: 900;
    font-size: 14.7402px;
    line-height: 18px;
  }
  .vidget__form form input {
    width: 325px;
    height: 40px;
    padding: 6px;
  }
}
@media(max-width:375px) {
  .vidget__ttl span,
  .vidget__subttl span {
    line-height: 20px;
  }
  .vidget__price {
    margin-left: 10px;
    font-size: 30px;
    line-height: 37px;
  }
  .vidget__form form input {
    margin-bottom: 5px;
  }
}
/* End */


/* Start:/local/templates/auto/styles.css?1747732933929*/
.tel-header {
display: block;
position: relative;
color: #fff;
line-height: 28px;
font-size: 20px;
}

.header:hover .tel-header {
color: #000;
}

@media (max-width: 767px) {
.tel-header {
display: none;
	}
}


@media (min-width: 1450px) {
.tel-header {
left: -120px;
}
}

@media (min-width: 1024px) and (max-width: 1350px) {
.tel-header {
display: none;
}

header a.logo {
width: 170px;
}
}

@media (min-width: 1350px) and (max-width: 1450px) {
.tel-header {
font-size: 16px;
left: unset;
}
}

@media (min-width: 1700px) {
.tel-header {
left: -320px;
}
}

.bg-knewstar {
   background: url(/local/templates/auto/img/cars/knewstar.webp) no-repeat !important;
   background-size: contain !important;
   background-position: center !important;
}

.header--white a {
color: #000;
}

/*.main-banner__slider .owl-nav {
display: none !important;
}*/

.standart-banner .wrapper {
z-index: 5;
}

.second-wrapper {
   position: relative;
}
/* End */


/* Start:/local/templates/auto/template_styles.css?17161954182393*/
.car-intro__photo {
	height:auto;
	right:90px;
	display: none;
}
.car-intro__photo img {
	width:100%;
	max-height:100%;
	object-fit:cover;
}

.popup-form.popup-special-credit .subtitle-red::after {
	display:none;
}
.popup-form span.act-name {
	display:block;
}

.constructor-credit input#time-credit-value {
min-width: 160px !important;
}

.ymaps-2-1-78-map ymaps {
filter: none !important;
-webkit-filter: none !important;
}

.news .title a {
color: #fff;
}

.text-photo {
	height:auto;
}
.text-photo > p:last-child {
	margin-bottom:0;
}

#credit-cmpl .short_feature .comment {
	font-style:italic;
}

.about .more-text {
	display:none;
}

.breadCrumbsWrapper .breadcrumb {
	position: relative;
}
.breadCrumbsWrapper.w100 .breadcrumb .wrapper {
	width: 100% !important;
}

@media(max-width:1293px) {
	.car-intro {
		min-height:480px;
		padding-bottom:80px;
	}
	.car-intro__photo {
		right:0;
		width:37%;
	}
}
@media(max-width:1220px) {
	.car-intro__photo {
		width:33%;
		padding-bottom:55px;
	}
}
@media(max-width:1128px) {
	.car-intro__photo {
		width:28%;
	}
}
@media(max-width:1040px) {
	.car-intro__photo {
		width:25%;
	}
}
@media(max-width:980px) {
	.car-intro__photo {
		width:25%;
		bottom:84px;
	}
}
@media(max-width:960px) {
	.car-intro__photo {
		bottom:50px;
	}
}
@media(max-width:890px) {
	.car-intro__photo {
		width:22%;
		bottom:62px;
	}
}
@media(max-width:860px) {
	.car-intro__photo {
		width:30%;
		bottom:-41px;
	}
}
@media(max-width:600px) {
	.benefits .colorSlider {
		display: none;
	}
	.car-intro__photo {
		display: block;
		width:100%;
		height:initial;
		bottom:0;
		padding: 30px 0 0 0;
	}
	.car-intro {
		min-height: initial;
		padding-bottom: 0;
	}
	section#success-credit {
		padding-top:60px;
	}
	.colorSlider {
		padding-left: 0;
		padding-right: 0;
	}
	.colorSlider .owl-nav {
		left: -15px;
		right: -15px;
	}
	.colorSlider .owl-carousel .owl-nav button.owl-prev,
	.colorSlider .owl-carousel .owl-nav button.owl-next {
		width: 15px;
	}

	.colorSlider .owl-carousel .owl-nav button.owl-prev,
	.colorSlider .owl-carousel .owl-nav button.owl-next {
		background: transparent;
		font-size: 50px;
		opacity: 0.7;
	}
}


#credit-options .nice-select {
	width: initial;
	padding-left: 5px;
	padding-right: 20px;
}
#credit-options .nice-select li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.trade-in-features {
/*margin-bottom: 0;*/
}
/* End */
/* /local/templates/auto/css/flipTimer.css?17161954184926 */
/* /local/templates/auto/css/first.css?171619541833929 */
/* /local/templates/auto/css/style-timer.css?17161954183167 */
/* /local/templates/auto/css/style.css?1753700543469752 */
/* /local/templates/auto/css/popup_style.css?17537019464639 */
/* /local/templates/auto/styles.css?1747732933929 */
/* /local/templates/auto/template_styles.css?17161954182393 */