*{
	box-sizing: inherit;
    
}

::selection {background-color: #464646; color:#fff; outline:none;}
::-moz-selection {background-color: #464646; color:#fff; outline:none;}
::-webkit-selection {background-color: #464646; color:#fff; outline:none;}
:root {   --swiper-navigation-size: 30px!important; }

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}


@font-face {
    font-family: 'Magistral Extra';
    src: url('Magistral-ExtraBoldItalic.eot');
    src: local('Magistral Extra Bold Italic'), local('Magistral-ExtraBoldItalic'),
        url('Magistral-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Magistral-ExtraBoldItalic.woff2') format('woff2'),
        url('Magistral-ExtraBoldItalic.woff') format('woff'),
        url('Magistral-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-LightItalic.eot');
    src: local('Magistral Light Italic'), local('Magistral-LightItalic'),
        url('Magistral-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('Magistral-LightItalic.woff2') format('woff2'),
        url('Magistral-LightItalic.woff') format('woff'),
        url('Magistral-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral Extra';
    src: url('Magistral-ExtraBold.eot');
    src: local('Magistral Extra Bold'), local('Magistral-ExtraBold'),
        url('Magistral-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Magistral-ExtraBold.woff2') format('woff2'),
        url('Magistral-ExtraBold.woff') format('woff'),
        url('Magistral-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-Medium.eot');
    src: local('Magistral Medium'), local('Magistral-Medium'),
        url('Magistral-Medium.eot?#iefix') format('embedded-opentype'),
        url('Magistral-Medium.woff2') format('woff2'),
        url('Magistral-Medium.woff') format('woff'),
        url('Magistral-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-BookItalic.eot');
    src: local('Magistral Book Italic'), local('Magistral-BookItalic'),
        url('Magistral-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('Magistral-BookItalic.woff2') format('woff2'),
        url('Magistral-BookItalic.woff') format('woff'),
        url('Magistral-BookItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-Book.eot');
    src: local('Magistral Book'), local('Magistral-Book'),
        url('Magistral-Book.eot?#iefix') format('embedded-opentype'),
        url('Magistral-Book.woff2') format('woff2'),
        url('Magistral-Book.woff') format('woff'),
        url('Magistral-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-Bold.eot');
    src: local('Magistral Bold'), local('Magistral-Bold'),
        url('Magistral-Bold.eot?#iefix') format('embedded-opentype'),
        url('Magistral-Bold.woff2') format('woff2'),
        url('Magistral-Bold.woff') format('woff'),
        url('Magistral-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-Light.eot');
    src: local('Magistral Light'), local('Magistral-Light'),
        url('Magistral-Light.eot?#iefix') format('embedded-opentype'),
        url('Magistral-Light.woff2') format('woff2'),
        url('Magistral-Light.woff') format('woff'),
        url('Magistral-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-MediumItalic.eot');
    src: local('Magistral Medium Italic'), local('Magistral-MediumItalic'),
        url('Magistral-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('Magistral-MediumItalic.woff2') format('woff2'),
        url('Magistral-MediumItalic.woff') format('woff'),
        url('Magistral-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Magistral';
    src: url('Magistral-BoldItalic.eot');
    src: local('Magistral Bold Italic'), local('Magistral-BoldItalic'),
        url('Magistral-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Magistral-BoldItalic.woff2') format('woff2'),
        url('Magistral-BoldItalic.woff') format('woff'),
        url('Magistral-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

.fa {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

body {
    font-family: 'Magistral', 'calibri', arial;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    color: #646464;
    font-weight: 400;
}


input, textarea, select{
    color: #505050;
    font-family: 'Magistral', 'calibri', arial;
}

a {
    color: #555;
}

/* Стили для основного окна */
#cookie_consent::backdrop,
#cookie_consent_details::backdrop {
  background-color: rgba(0, 0, 0, 0.6); /* Чем ближе к 1 — тем темнее */
}

.grecaptcha-badge {
   visibility: hidden;
}


.soglasie-check-box a {
    color: #287cc7;
    text-decoration: revert;
}

.price-physical {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.price-flag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.price-rf {
    color: #000;
}



.price-by {
    color: #555;
}

.price-sep {
    color: #bbb;
    font-weight: 400;
}


/* здесь стили сторисов */

/* =========================
   PARKAVTO STORIES (Instagram-like)
   ========================= */

/* strip wrapper */
.pa-stories-wrap {
    margin: 20px 2% 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 3%;
}

/* bubble */
.pa-story-bubble {
    width: 100px;
    height: 100px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    background: transparent;
}

/* ===== RING ===== */
.pa-story-bubble .pa-ring {
    position: absolute;
    inset: -10px;
    border-radius: 999px;
    z-index: 1;
    pointer-events: none;
}
.pa-story-img{width:100%;height:100%;object-fit:cover;flex:1;}


.pa-story-bubble .pa-ring svg{
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}

/* фон кольца */
.pa-story-bubble .pa-ring circle.ring-bg{
  fill: none;
  stroke-width: 9px;           /* <<< ТОЛЩИНА */

}

/* сегменты */
.pa-story-bubble .pa-ring path.ring-fg {
    fill: none;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke: rgba(180,180,180,0.35);
}

/* активные сторисы */
.pa-story-bubble.is-active .pa-ring path.ring-fg{
  stroke: #22c55e;
}

.pa-story-bubble circle.ring-fg{
  fill:none;
  stroke-width:3px;
  stroke-linecap:round;
  stroke: rgba(180,180,180,0.35);
}
.pa-story-bubble.is-active circle.ring-fg{
  stroke:#22c55e;
}

/* ===== AVATAR ===== */
.pa-story-bubble .pa-avatar{
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 0 0 4px #fff;  /* <<< больше белого зазора */
}

.pa-story-bubble .pa-avatar img {
    width: 90%;
    height: auto;
    display: block;
    object-fit: contain;
}
/* ===== PULSE ===== */
@keyframes paStoryPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}

@keyframes paRingGlow {
  0%   { filter: drop-shadow(0 0 0 rgba(34,197,94,0)); }
  50%  { filter: drop-shadow(0 0 10px rgba(34,197,94,0.7)); }
  100% { filter: drop-shadow(0 0 0 rgba(34,197,94,0)); }
}

.pa-story-bubble.is-active{
  animation: paStoryPulse 1.3s ease-in-out infinite;
}

.pa-story-bubble.is-active .pa-ring svg{
  animation: paRingGlow 1.3s ease-in-out infinite;
}

/* =========================
   MODAL (FIX Z-INDEX + CLICK AREAS)
   ========================= */

.pa-story-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.72);
  display: none;
  z-index: 100000;
}
.pa-story-modal.open{ display:flex; }

.pa-story-modal .pa-story-box{
  margin: auto;
  width: min(420px, 94vw);
  height: min(760px, 92vh);
  background: #000;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  display:flex;
  flex-direction: column;
}

/* segmented progress bar */
.pa-story-progress{
  position: absolute;
  top: 8px;
  left: 10px;
  right: 10px;
  height: 4px;
  display: flex;
  gap: 6px;
  z-index: 30;                 /* выше зоны клика */
  pointer-events: none;
}

.pa-story-progress .seg{
  flex: 1;
  background: rgba(255,255,255,0.25);
  border-radius: 999px;
  overflow: hidden;
}

.pa-story-progress .seg > i{
  height: 100%;
  width: 0%;
  display: block;
  background: #fff;
}

/* top row (close button) */
.pa-story-modal .pa-story-top{
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 40;                 /* САМЫЙ ВЫСОКИЙ */
  display:flex;
  justify-content: space-between;
  align-items:center;
  pointer-events: none;        /* клики проходят, кроме кнопки */
}

.pa-story-modal .pa-close{
  pointer-events: all;         /* кнопка кликабельна */
  background: rgba(255,255,255,0.14);
  color:#fff;
  border: 0;
  padding: 8px 10px;
  border-radius: 12px;
  cursor:pointer;
}

/* video */
.pa-story-video{
  width:100%;
  height:100%;
  object-fit: cover;
  flex: 1;
  position: relative;
  z-index: 5;
}

/* caption */
.pa-story-caption{
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 25;                 /* выше видео и зоны клика */
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  text-shadow: 0 2px 12px rgba(0,0,0,0.8);
  pointer-events: none;
}

/* tap zones (prev/next) — НЕ накрываем верх */
.pa-story-tap{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 52px;                   /* <<< ВАЖНО: оставили место под прогресс + крестик */
  z-index: 10;                 /* ниже крестика и прогресса */
  display:flex;
}

.pa-story-tap .left,
.pa-story-tap .right{
  flex: 1;
}


/* ===== SOCIAL BUBBLES ===== */
.pa-social-bubble{
  text-decoration: none;
}

.pa-social-bubble .pa-ring{
  display: none; /* у соцсетей нет сегментированного ободка */
}

/* лёгкий hover, чтобы было "живое" */
.pa-social-bubble:hover{
  transform: scale(1.06);
}

/* можно добавить серый ободок */
.pa-social-bubble::before{
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 999px;
  border: 3px solid rgba(180,180,180,0.25);
  pointer-events: none;
}


/* стили сторисов закончились */

/* W3C standard
   сейчас только для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #cecece #f2f2f2;
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
*::-webkit-scrollbar-track {
    background: #f2f2f2;
}
*::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 20px;
}




a, button, .menu-m-box, input[type="submit"]{
    transition: 0.7s;
    text-decoration: none;
     font-family: 'Magistral', 'calibri', arial;
}

h1 {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
}

h2 {
    color: #4d4d4d;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 22px;
}

p{


	margin: 0;
	padding: 0;
}


button:disabled {
   
    background-color: #ececec!important;
   
}

input[type="submit"]:disabled{
   
    background-color: #ececec!important;
   }

   .row-f-zag {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 900;
}

a.created_by_icon img {
    width: 105px;
}

.ui-accordion-header {
    padding: 10px 0!important;
    background-color: #fff0!important;
    border: none!important;
    font-family: 'Magistral', 'calibri', arial!important;
    font-size: 18px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    flex-direction: row-reverse!important;
    color: #7f7f7f!important;
}

.proh_info_red {
    font-size: 11px;
    font-weight: 400;
    background-color: #b62022;
    color: #fff;
    border-radius: 15px;
    padding: 3px 12px;
    width: fit-content;
}

.telegram {
    background-color: #5d91db!important;
}
.proh_info {
    font-size: 11px;
    font-weight: 400;
    background-color: #25bc83;
    color: #fff;
    border-radius: 15px;
    padding: 3px 12px;
    width: fit-content;
}


.more-photos-slide {
    position: relative;
    background: #000;
}

.more-photos-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ui-accordion-header:hover {

    color: #333!important;
}

.articles-a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 98%;
    padding: 30px 0% 0 2%;
}

.raschet_encar_block {
    flex-basis: 70%;
    margin: 0 4%;
}

.car-block-n-a {
    width: 31.33%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 15px;
    justify-content: space-between;
    position: relative;
    -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.15);
    margin: 0 2% 35px 0;
    cursor: pointer;
    height: auto;
    line-height: 27px;
}


.menu-m-block {
    display: flex;
    padding: 20px 1.5%;
    flex-wrap: wrap;
}


.menu-m-block-header {
    background-color: #fff;
}

.up-zag {
    padding: 10px 0% 0px;
    width: 92%;
    margin: 10px 2% 10px;
    /* background-color: #fff; */
    /* border-radius: 30px; */
    /* -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%); */
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    /* box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%); */
}

.youtube_gallery_box {
    flex-basis: 24%;
    margin: 0 0.5% 35px;
}

.swiper_slider_container{
    width: 96%;
    padding: 0 2%;
}

.swiper_slider_block {
    display: block;
    width: 100%;
    margin: 25px 0px;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.swiper-slider{
    
    position: relative;
   
}


.classic-slider {
    display: flex;
    background-color: #fff;
    justify-content: space-between;
}

.slider-grey {
    background-color: #464646;
    color: #fff;
}

.right-slider-block {
    flex-basis: 30%;
    margin: 0 2% 0 0;
}

.right-slider-block img{
    border-radius: 0px!important;

}


.youtube_gal_video{
    border-radius: 30px;
}

.up-zag span {
        font-size: 24px;
    font-weight: 500;
    color: #646464;
    padding: 0 0 0 10px;
}

#gosnomer-mask{
    text-transform:uppercase;
}

.big_zag_in {
    padding: 0 0 5px;
}

.marka-count-n {
    padding: 35px 0;
    display: flex;
    justify-content: center;
    width: 96%;
    margin: 0 2%;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
    flex-wrap: wrap;
}


.marka-count-n-full {
    padding: 0;
    display: flex;
    justify-content: center;
    width: 96%;
    margin: 0 2%;
    border-radius: 30px;
}


.head_with_bg {
    min-height: 375px;
    background: url(../images/renault_bg.jpg);
    background-size: cover;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    background-position-x: right;
    background-color: #fff;
    padding: 55px 0;
    display: flex;
    width: 96%;
    margin: 35px 2% 0;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    background-position-y: bottom;
}


.head_with_bg_slider {
    min-height: 375px;
    align-items: center;
    font-family: 'Magistral';
    font-weight: 800;
    font-style: italic;
    padding: 55px 0;
    display: flex;
    border-radius: 30px;
  
}

.renaul_slider{
    background: url(../images/renault_bg.jpg);
    color: #fff;
    font-size: 18px;
    background-size: cover;
    background-position-x: right;
    background-color: #fff;
    background-position-y: bottom;
}

.pricepcentr_slider_black{
    background: url(../images/pricepcentr_bg_black.jpg);
    color: #fff;
    font-size: 18px;
    background-size: cover;
    background-position-x: right;
    background-color: #fff;
    background-position-y: center;
}

.pricepcentr_slider{
    background: url(../images/pricepcentr_bg.jpg);
    background-size: cover;
    background-position-x: right;
    background-color: #fff;
    background-position-y: center;
}

.redcar_slider {
    background: url(../images/redcar_bg.jpg);
    background-size: cover;
    background-position-x: right;
    background-color: #fff;
    background-position-y: center;
}

.kovriki_bg{
        min-height: 375px;
    background: url(../images/kovriki_bg.jpg);
    background-size: cover;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    background-position-x: right;
    background-color: #fff;
    padding: 55px 0;
    display: flex;
    width: 96%;
    margin: 35px 2% 0;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.head_with_bg_geely {
    min-height: 375px;
    background: url(../images/geely_bg.jpg);
    background-size: cover;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    background-position-x: right;
    background-color: #fff;
    padding: 55px 0;
    display: flex;
    width: 96%;
    margin: 35px 2% 0;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.head_with_bg_hyundai {
    min-height: 375px;
    background: url(../images/hyundai_bg.jpg);
    background-size: cover;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    background-position-x: right;
    background-color: #fff;
    padding: 55px 0;
    display: flex;
    width: 96%;
    margin: 35px 2% 0;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    background-position-y: center;
}

.head_with_bg_avtopodbor {
    min-height: 375px;
    background: url(../images/avtopodbor_bg.jpg);
    background-size: cover;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    background-position-x: right;
    background-color: #fff;
    padding: 55px 0;
    display: flex;
    width: 96%;
    margin: 35px 2% 0;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    background-position-y: center;
}

#rotate {
  transition: all 0.3s linear;
}

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

ul.zadat-vopros {
    text-decoration: none;
    list-style: none;
    background-color: #fff;
    position: absolute;
    z-index: 9;
    width: inherit;
    padding: 18px 0 12px;
    margin: 5px 0;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

ul.zadat-vopros li {
    padding: 0px 0 12px 12px;
}
ul.zadat-vopros i {
    width: 30px;
    text-align: center;
}

ul.zadat-vopros a:hover {
    color: #b62022;
}

.head_with_bg_rs {
    width: 100%;
    min-height: 450px;
    background: url(../images/rs_bg.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'BebasBold';
    color: #fff;
    font-size: 18px;
    justify-content: center;
}

.head_with_bg_1{
    width: 96%;
    min-height: 400px;
    background: url(../images/clients_bg.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #585858;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    /* justify-content: center; */
    margin: 20px 2% 0 2%;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}



.head_with_bg_2 {
    width: 96%;
    min-height: 400px;
    background: url(../images/redcar_bg.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #585858;
    font-weight: 800;
    font-size: 18px;
    font-style: italic;
    /* justify-content: center; */
    margin: 20px 2% 0 2%;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    background-position-y: center;
}
img.swiper-lazy.swiper-lazy-loaded {
    border-radius: 25px!important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.big_zag {
    font-size: 28px;
    padding: 0 2%;
}

.from-white-block-n-mi {
    display: flex;
    flex-direction: column;
    margin: 5px 0;
    background-color: white;
    padding: 12px 0 12px 0;
    justify-content: center;
    align-items: center;
}



.gradient{

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.shinomontazh_block {
    display: flex;
    justify-content: space-around;
    padding: 10px 20px;
    align-items: center;
    background-color: #fff;

}

.shinomontazh_block p {
    font-size: 18px;
    line-height: 42px;
    font-weight: 900;
    color: #333;
}

.shinomontazh_block img {
    max-width: 200px;
}

.price_shin_block {
    flex-basis: 35%;
    padding: 20px;
    
}


.client-block-h-r {
    flex-basis: 125%;
    display: flex;
    justify-content: flex-end;
}
.image_kat_a img {
    width: 100%;
    margin: 0px 0 0 0;
    border-radius: 15px 15px 0px 0px;
    max-width: 100%;
}


.client-block-h-l {
    flex-basis: 45%;
    display: flex;
    align-items: center;
}

.block_zapchasti {
    display: flex;
    padding: 20px;
    margin: 20px 0;
    font-size: 22px;
    color: #333;
    justify-content: space-between;
    border: 1px solid #c6c6c6;
    border-radius: 30px;
    background-color: #f5f5f5;
    align-items: center;
}


a.text_link {
    text-align: center;
    width: 100%;
    font-weight: 100;
    font-size: 18px;
    color: #333;
}

a.text_link:hover {
    
    color: #b62022;
}

.z_image_block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 20%;
    font-size: 18px;
    background-color: #dcdcdc;
    height: 100%;
    border-radius: 30px;
}

.zapchasti_name {
    flex-basis: 40%;
}


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


.shin_block {
    flex-basis: 65%;
}

.price_block {
    background-color: #e7e7e7;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: fixed;
    /* max-width: 437px; */
    margin: 0 0 0 30px;
}

.price_shin {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#datepicker {
    font-size: 24px!important;
}

.price_shin_calc_2{
    display: flex;
}

.modal_z_block {
    display: none;
       position: fixed;
    z-index: 9999999999;
    width: 100%;
    height: 100vh;
    background-color: #000000bd;
    overflow-y: scroll;
}

.modal_in_z {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 50px 0 50px 0;
}

.classic-lable span {
    color: #b10000;
}

.z_exit {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    color: #33333373;
    font-size: 21px;
    cursor: pointer;
    margin: 0 -15px 0 0;
}
.up_zag_z_modal {
    color: #333;
    font-size: 28px;
    max-width: 570px;
    font-weight: 900;
}

.zag_z_modal {
    color: #b10000;
    padding: 15px 0 0 0;
    font-size: 28px;
    font-weight: 600;
}


.z_modal {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 10px 25px 25px 25px;
    border-radius: 30px;
}

.price_zag {
    margin: 10px 10px 20px 0;
    font-weight: 300;
    color: #464646;
}

.price_shin_calc {
    margin: 0 10px 0px 0;
    color: #333333;
}


.telegram_block p {
    text-align: center;
    padding: 0 0 20px 0;
}

.soc_block p {
    text-align: center;
    padding: 0 0 20px 0;
}
.fa-padding{
    padding: 0 15px 0 0;
}
.telegram_block a {
    background-color: #0088cc;
    color: #fff;
    text-decoration: none;
    padding: 20px 50px;
    border-radius: 30px;
    font-size: 36px;
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telegram_block a:hover {
    background-color: #006ca2;
}

.telegram_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #fff;
    font-size: 24px;
    color: #383838;
    font-weight: 600;
}


.soc_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #fff;
    font-size: 24px;
    color: #383838;
    font-weight: 600;
}


.zapis_block {
    margin: 20px 0;
}

.lradio {
    margin: 0 8px 10px 0;
}

.want_time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    /* height: 165px; */
    width: 330px;
}
.zapis_block p {
    font-size: 26px;
    padding: 0 0 10px 0;
    color: #444;
    font-weight: 600;
    line-height: 20px;
}
.zapis_block span {
    font-weight: 100;
    font-size: 16px;
}
.qviz_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}

.qviz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 980px;
}

.red{
    color: #b62022!important;
}

.car-name-pod-zag {
    font-size: 22px;
    padding: 0 10px 20px 0;
    color: #383838;
    font-weight: 600;
}


.qviz_button_block {
    display: flex;
}

.qviz_button_block input {
    padding: 0px 20px;
    margin: 20px 0 20px;
    border-radius: 15px;
    border: 1px solid #a0a0a075;
    width: 350px;
}

.qviz_button {
    color: white;
    cursor: pointer;
    background-color: #b62022;
    padding: 15px 20px;
    margin: 20px 5px;
    border-radius: 15px;
}

.qviz_button:hover {
    
    background-color: #464646;
    
}

.qviz_zag {
    font-size: 36px;
    font-weight: 900;
    color: #464646;
    margin: 0 0 10px 0;
}

.question_block {
    display: flex;
    flex-direction: column;
    max-width: 90%;
    margin: 15px 5%;
    background-color: #fff;
    padding: 25px;
    border-radius: 30px;
}

.answer_block {
    display: flex;
    flex-direction: column;
    max-width: 80%;
    margin: 0px 5% 25px 13%;
    background-color: #fff;
    padding: 15px;
    border-radius: 30px;
}

.add_quest {
    display: none;
}

.question_head {
    display: flex;
    padding: 0 0 15px 0;
    align-items: center;
}

textarea {
    height: 125px;
}

.client_imya {
    font-weight: 900;
    color: #333;
    font-size: 18px;
    margin: 0 15px 0 0;
}

.date_question {
    color: #828282;
}

.comment_block {
    color: #333;
}

.avatar_question {
    font-size: 25px;
    margin: 0 15px 0 0;
    background-color: #e0e0e0;
    border-radius: 30px;
    padding: 15px 20px;
    color: #333;
}



.qviz_qvest {
    color: #464646;
    font-size: 32px;
    margin: 10px 0 25px 0;
}

.req_select {
    margin: 20px 0;
    padding: 20px 30px;
    border: 1px solid #ffbdbd;
    border-radius: 10px;
    width: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 28px;
    font-size: 18px;
    color: #494949;
}


.req_select:hover {
background-color: #f3f3f3;
}

.res_error_done {
    border: 2px solid #b62022;
    background-color: #ffbaba;
    cursor: not-allowed;
}

.res_error_done:hover {
    
    background-color: #ffbaba;
}

.error {
    background-color: #ffe0e0;
    margin: 10px 0;
    padding: 15px 25px;
    border-radius: 30px;
}

.menu-m-box i {
    font-size: 28px;
    color: #b62022;
    margin: 0 0 10px 0;
}

#content {
    width: 1035px;
    margin: 20px auto;
    background-color: #fff;
}
.dop-info {
    margin: 15px auto 150px!important;
}

.dop-info-n-a a {
    color: #b62022;
    text-decoration: revert;
}

.dop-info-n-a a:hover {
    color: #de0609;
}

#header{
width: 100%;

}

.d_block {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../images/bg_salon.jpg);
    background-size: cover;
}

.d_block img {
    width: 250px;
    height: 250px;
    margin: 20px 0 10px;
}
.d_block h1 span {
    color: #b62022;
}

.d_1_pod_zag {
    color: #b62022;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
}

.flex-c {
    font-size: 22px;
    display: flex;
    flex-direction: column;
    font-weight: 600;
}
a.classic_button {
    color: #fff;
    background-color: #b10000;
    padding: 15px 40px;
    border-radius: 15px;
    text-decoration: none;
    cursor: pointer;
    margin: 10px 0 0 0;
    font-size: 18px;
    text-align: center;
    font-family: 'Magistral', 'calibri', arial;
    font-weight: 400;
}

a.classic_button:hover {
    
    background-color: #a81719;
    
}
.d_block h1 {
    color: #333;
    font-size: 56px;
    text-align: center;
    padding: 0 150px;
    margin: 0 0 20px 0;
}

.vk_reg{
    padding: 15px 20px;
    background: #4a76a8;
    text-align: center;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    margin: 10px 0px 5px 0;
    font-family: roboto, 'calibri', arial;
}

.button_red{
    padding: 15px 20px;
    background: #b62022;
    text-align: center;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    margin: 10px 0px 5px 0;
    
}

.button_red:hover{
background: #b62022d9;

}


.vk_reg:hover{
background: #4a76a8d9;
font-family: roboto, 'calibri', arial;
}

#up-head{

background-color: #3b3b3b;
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 10000;

}


#left-head {
    float: left;
    font-size: 19px;
    color: white;
    padding: 8px 0;
}

#right-head {
    float: right;
    font-size: 19px;
    color: white;
    padding: 8px 0;
}


#right-head {
    float: right;
    font-size: 19px;
    color: white;
}

#center-head{

background-image: url(../images/bg-head.png);
width: 100%;
height: 285px;
z-index: 1;
position: relative;
}

#down-head{

background-image: url(../images/bg-head-down.png);
width: 100%;
height: 450px;
position: relative;
margin: -115px 0 0 0;

}

.box {
    display: flex;
    padding: 30px;
    margin: 20px;
    background-color: #fff;
    border-radius: 30px;
}

.basis_50{

flex-basis: 50%;
}

.car_search_row {
    font-size: 16px;
    line-height: 24px;
}

.error_message {
    font-size: 48px;
    font-weight: 900;
    background-color: #ff3535;
    position: absolute;
    padding: 25px 60px;
    margin: 20px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* width: 100%; */
    color: #fff;
    /* float: left; */
}

.date_of_search {
    color: #9e9e9e;
    font-weight: 600;
}


.client_search_row {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #696969;
}

.opis-dan {
    text-align: left;
    padding: 0px 20px 20px;
}

#form-success {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #86ff8f;
    border-radius: 30px;
    background-color: #e5ffe8;
}

.opis-dan-text {
    font-size: 21px;
    line-height: 26px;
    max-height: 85px;
    overflow: hidden;
}

.button-block-v-kred {
    display: flex;
    justify-content: flex-end;
    padding: 0px 20px 10px;
    align-items: flex-end;
}


.pstrnav a {
    text-decoration: none;
    color: #333;
    font-size: 22px;
    padding: 13px 20px;
    /* border: 1px solid #33333361; */
    border-radius: 60px;
    background-color: #eaeaea;
}
.pstrnav a:hover {

    background-color: #33333312;
    border:none;

}

a.pstr-active {
    border: none;
    color: white;
    background-color: #a70000;
}

#ui-datepicker-div {
    z-index: 99999999999 !important;
}


.pstrnav ul {
    display: flex;
    justify-content: space-around;
}

.cennik {
    font-weight: 600;
    font-size: 36px;
    color: #a70000;
    line-height: 20px;
}

.min-grey {
    font-weight: 400;
    font-size: 12px;
    color: #7b7b7b;
    cursor: pointer;
}


.cennik span {
    color: #333;
    font-weight: 100;
    font-size: 22px;
}

.opis-dan-zag {
    font-weight: 600;
}

.katalog-button {
    color: white;
    text-decoration: none;
    border-radius: 30px;
    background-color: #a70000;
    padding: 8px 35px;
    margin: 0 0 0 15px;
    font-size: 18px;
}



.katalog-button:hover {
background-color: #a70000db;
}
.car-block-v-kred {
    display: flex;
    border: 1px solid #dedede;
    padding: 15px 20px;
    margin: 25px 0 0 0;
}

.marka-model-god span {
    color: #5f5f5f;
    font-weight: 400;
    font-size: 28px;
}

.gallery-block-v-kred {
    /* flex-basis: 30%; */
    width: 400px;
}

.info-block-v-kred {
    flex-basis: 70%;
}

.zag-dan {
    padding: 10px;
    text-align: left;
}

.marka-model-god {
    color: #bb0202;
    font-weight: 600;
    font-size: 32px;
}

.dan {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
}
.pseudo-bank-block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
}

.good {
    outline: 5px solid #75e889;
    /* border-radius: 20px; */
}

.number-bank {
    text-align: left;
    padding: 2px 10px;
}

.right-white {
    color: white;
    text-align: right;
    padding: 24px 5px 0;
    font-weight: 900;
    font-size: 16px;
}

.pseudo-bank {
    width: 200px;
    height: 100px;
    background: url(../images/bank-bg.png);
    margin: 25px 29px;
}

.button {
    padding: 8px 20px;
    color: white;
    background-color: #b62022;
    cursor: pointer;
    border-radius: 7px;
    margin: 0 5px;
}

.button2{

padding: 32px 50px;
    color: white;
    background-color: #ad0101;
    cursor: pointer;
    border-radius: 55px;
    margin: 20px 50px;



}


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

.button2:hover {
    
    background-color: #d80000;
    
}

.banki-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.banki-block img {
    width: 290px;
    height: 62px;
    padding: 25px;
}

.pod-zag-kred span {
    color: #464646;
    font-weight: 200;
    font-size: 38px;
}

.two-button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    margin: 20px 0px;
}

.two-button-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px;
    margin: 20px 0px;
}


.client-block-h a {
    color: #fff;
}

.block-kredit {
    display: flex;
    flex-direction: column;
    margin: 95px 0 25px 0;
}


.block-kredit-info {
    padding: 20px 25px;
    margin: 20px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 1px 2px 11px -8px;
}

.zag-modal {
    padding: 0 0 0 20px;
    font-size: 28px;
    color: #333;
}

.pod-zag-kred {
    color: #808080;
    margin: 20px;
    font-weight: 900;
    font-size: 24px;
    width: 100%;
}
.input-block label {
    font-size: 14px;
    color: #333;
}

.input-block input[type="text"]:hover {
    border: 1px solid #b9b9b9;
}

.input-block input[type="text"]:focus {
    border: 1px solid #b9b9b9;
}

.input-block {
    padding: 20px 1%;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
    flex-basis: 30%;
}

.input-block input[type="text"] {
    padding: 15px 0px 15px 20px;
    border-radius: 15px;
    border: 1px solid #f3f3f3;
    margin: 5px 0 0 0;
    background-color: #f3f3f3;
}

.input-block select {
    padding: 15px 20px 15px 20px;
    border-radius: 15px;
    border: 1px solid #f3f3f3;
    margin: 5px 0 0 0;
    background-color: #f3f3f3;
    cursor: pointer;
}
.block-kredit-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.kred-modal{
  display: flex;
  flex-wrap: wrap;
}

.button3 {
    color: white;
    background-color: #d00000;
    text-align: center;
    margin: 20px 0 7px;
    padding: 15px;
    border-radius: 15px;
    text-decoration: none;
}

#cont1{

background-image: url(../images/bg-cont1.png);
width: 100%;
height: 833px;
margin: -150px 0 0;
position: relative;
z-index: 1;
}


#text1 {
    font-size: 24px;
    font-weight: 100;
    line-height: 32px;
    padding-top: 150px;
    color: #3b3b3b;
}

.marg{

margin: 35px 0 0 0!important;

}

#text1 p {
	font-size: 22px;
	line-height: 32px;
}

#cont2{

padding: 35px 0 0 0;

background-image: url(../images/bg-cont2.png);
width: 100%;
height: 833px;
position: relative;
z-index: 1;



}

#prod{

float: left;
margin: 20px 38px;
width: 440px;
height: 440px;
background-color: #e0e0e0;

}

#prod img{

	width:440px;
}

#car-name{
width: 440px;
height: 50px;
color: white;
background-color: #b62022;
text-align: center;
font-size: 32px;
padding: 7px 0 0 0;
position: absolute;
}

#last-price{

font-size: 42px;
color: #333333;
text-align: center;
text-decoration: line-through;
margin: 5px 0 10px 0;
}

 #content h1{

text-align: center;
font-size: 56px;
padding: 0px;
margin: 0 0 30px 0;
font-weight: 400;
color: #555555;
line-height: 58px;
 }


 #content h3{

text-align: center;
font-size: 56px;
padding: 0px;
margin: 0 0 30px 0;
font-weight: 400;
color: #555555;
line-height: 58px;
 }

 #price{

background-color: #b62022;
padding: 15px 12px;
color: white;
font-size: 28px;
width: 195px;
float: left;
text-align: center;
 }

 #buttom-buy a{

text-decoration: none;
color: white;
float: right;
background-color: #333333;
padding: 15px 12px;
color: white;
font-size: 28px;
width: 195px;
text-align: center;
 }


 #buttom-buy a:hover{


background-color: #b62022;

 }

 #cont3 img{

 	width: 100%;
 	
 	margin: -50px 0 0 0;

 }

 #cont3 {
  height: 530px;
  margin: -100px 0 0;
  width: 100%;
}

#cont4 {
    padding: 35px 0 0 0;
    background-image: url(../images/bg-cont3.png);
    width: 100%;
    position: relative;
    z-index: 1;
    margin: -116px 0 0 0;
    background-repeat-y: no-repeat;
}


input[type="submit"] {
    border: none!important;
    padding: 15px 40px;
    font-size: 18px;
    color: white;
    background-color: #b62022!important;
    border-radius: 15px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #d11719;
}

button[type="button"] {
    border: none!important;
    padding: 15px 40px;
    font-size: 18px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
    font-family: 'Magistral', 'calibri', arial!important;
}

button[type="button"]:hover {
    background-color: #d11719;
}

button[type="submit"] {
    border: none !important;
    padding: 15px 40px;
    font-size: 18px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
    font-family: 'Magistral', 'calibri', arial !important;
}

button[type="submit"]:hover {
    background-color: #d11719!important;
}


p.cookie-consent__content-description {
    margin: 0 0 15px 0;
}

.cookie-consent__content{
    margin: 0 0 20px 0;
}

input[type="button"] {
    border: none!important;
    padding: 15px 40px;
    font-size: 18px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
}


.pod-zag-glav-kred {
    color: #ad0101;
    font-size: 52px;
    margin: 30px 0;
    font-weight: 900;
}

img.logos-img {
    width: 33px;
    padding: 0 7px 0 0;
}

.phone-n span {
    padding: 4px 0 0 0;
}



.input-block span {
    color: #c30000;
    font-weight: 900;
}

.base50 {
   flex-basis: 30%
}

.base100 {
    flex-basis: 95%;
}


.input-block input[type="checkbox"] {
    width: 25px;
    margin: 0 14px 0 0;
    height: 25px;
}

.check-lable{

display: flex;
align-items: center;

}




  #cont4 h3{

 text-align: center;
font-size: 56px;
padding: 70px 0 0 0;
margin: 0 0 30px 0;
font-weight: 400;
color: #555555;

 }

 #shema{

 	width: 900px;
 	background-image: url(../images/bg-100.png);
 	margin: 0 auto;
 	height: 660px;
 }

 #b1{
width:300px;
height: 220px;
text-align: center;
float: left;
font-size: 22px;

 }

 #cont5{

background-image: url(../images/bg-cont5.png);
width: 100%;
 height: 647px;
margin: 0px 0 0;
position: relative;
z-index: 1;
}

#cont5 h3{

 text-align: center;
font-size: 56px;
padding: 100px 0 0 0;
margin: 0 0 30px 0;
font-weight: 400;
color: #555555;

 }

 #shema2{

 	width: 900px;
 	margin: 0 auto;
 	height: 660px;
 }

 #line-20{
width: 100%;
height: 20px;


 }

 .label-soglasie{
    display: block; 
    width: 100%; 
    margin: 20px;
}

 #logo{

float: left;
width:150px;
margin: 20px 0 0 0;
 }

 #nav-up{
float: right;
margin: 40px 0 0;

 }


#nav-up a {
	background-color: #b62022;
	color: white;
	font-size: 22px;
	margin: 0 0 0 11px;
	padding: 20px 30px;
	text-decoration: none;
}
 #nav-up a:hover{

 	background-color: #333;
 	
 }

 #nav-down{
float: right;
margin: 65px 0 0;

 }

#nav-down a {
	color: #333;
	font-size: 22px;
	margin: 0 0 0 18px;
	padding: 20px 0;
	text-decoration: none;
}

  #nav-down a:hover{

   color: #b62022;

 }


#cont6 {
  margin: -120px 0 140px;
  position: relative;
  width: 100%;
  z-index: 1;
}


 #cont6 p{


margin: 0 0 20px 0;
}

#content h2{

text-align: center;
font-size: 56px;
padding: 0px;
margin: 0 0 30px 0;
font-weight: 400;
color: #555555;

 }
#buttom {
	background-color: #b62022;
	color: white;
	font-size: 22px;
	margin: 20px 0 20px 0;
	padding: 20px 60px;
	text-decoration: none;
	display: inline-block;
	/* float: right; */
}

#buttom:hover{
background-color: #464646;
	color: white;

}



#pblock {
	color: #3b3b3b;
	float: left;
	font-size: 16px;
	font-weight: 100;
	height: 247px;
	line-height: 23px;
	margin: 130px 0 0;
	padding: 15px;
	width: 228px;
}

#pblock a {
	text-decoration: none;
	font-size: 14px;
	color: #3B3B3B;
	font-weight: 100;
}


#pblock a:hover{


color:#B62022;
}

#pblock h4{

margin: 0 0 10px 0;
padding: 0;
    font-size: 26px;
    font-weight: 400;
}



#place{

display: none;
position: absolute;
}


.vipod {
  left: 302px;
  padding: 20px 30px !important;
  position: absolute;
  top: 20px;
  width: 195px;
}

.vipod2 {
  left: 302px;
  padding: 20px 15px 20px 16px !important;
  position: absolute;
  top: 87px;
  width: 224px;
}


.vipod3 {
  left: 302px;
  padding: 20px 15px 20px 16px !important;
  position: absolute;
  top: 154px;
  width: 224px;
}


.cont11{

background-image: url(../images/bg-cont11.png)!important;
width: 100%;
height: 833px;
margin: -120px 0 0;
position: relative;
z-index: 1;
}


#form {
	background: rgba(255, 255, 255, 0.5);
	float: right;
	height: 500px;
	margin: 150px 0 0;
	text-align: center;
	width: 600px;
}

#form h4 {
	color: #181818;
	font-size: 32px;
	font-weight: 900;
	margin: 20px 0 0px 0;
}



#form h5 {
	color: #2c2c2c;
	font-size: 28px;
	font-weight: 100;
	margin: 0px 0 20px 0;
}


#form input {
	border: 1px solid #fff;
	border-radius: 0;
	color: #464646;
	font-size: 22px;
	height: 50px;
	margin: 0 0 10px;
	text-align: center;
	width: 480px;
}

.buttom {
	background-color: #c20f0f;
	color: #fff !important;
	cursor: pointer;
	border: 1px solid #c20f0f !important;
}


#form a {
  display: inline-block;
  font-size: 22px;
  margin: 45px 0 0;
  padding: 12px 186px;
  position: relative;
  text-decoration: none;
}

#form a:hover{

   background-color:  #3b3b3b;
   color: white!important;
}


.buttom:hover{

   background-color:  #3b3b3b;
   color: white!important;
border: 1px solid #c20f0f !important;
}




.comment-block {
    width: 100%;
    height: 300px;
    margin: 10px 0;
    /* background-color: #e0e0e0; */
    float: left;
    /* border: 1px solid grey; */
}

#margin{
    width: 100%;
    height: 135px;
    margin: 25px 0 0 0;
}


.comment-block img {
  height: 100%;
  width: auto !important;
  float: left;
}


.comment-block h5 {
  display: inline-block;
  font-family: calibri;
  font-size: 36px;
  font-weight: 100;
  margin: 5px 20px 0 15px;
  color: #333333;
}


.datecomment {
  color: #b20000;
  font-family: calibri;
  font-size: 22px;
  font-weight: 100;
  margin: -4px 20px 0 472px;
  position: absolute;
}

.comment {
  color: #333;
  font-family: calibri;
  font-size: 20px;
  font-weight: 100;
  height: 210px;
  line-height: 26px;
  margin: 30px 34px 0 470px;
  overflow: hidden;
  position: absolute;
  width: 550px;
}
.df{

color: white;
font-family: calibri;
font-size: 14px;
padding: 10px 0 0 0;


}

.menu-n-2 {
    display: flex;
    flex-basis: 55% !important;
    justify-content: flex-end;
    padding: 0 20px;
}


.menu-n-2 a {
    padding: 23px 10px;
    color: #383838;
    text-decoration: none;
}

.com-form {
  background-color: #b62022;
  float: right;
  height: 207px;
  margin: 30px 0 0 470px;
  position: absolute;
  text-align: center;
  width: 535px;
}

.com-form input {
  border: 1px solid #3b3b3b;
  border-radius: 0;
  color: #464646;
  font-size: 18px;
  height: 38px;
  margin: 10px 3px;
  text-align: center;
  width: 250px;
}

textarea {
    padding: 10px 20px;
    margin: 5px 0 5px;
    border-radius: 30px;
    border: 1px solid #a0a0a0;
}



.prodm {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 440px;
  margin: 12px 12px 30px;
  width: 320px;
}





.prodm span{

 display: none;

}




.char{
margin: 0 0 10px 0;


}

.prodm img {
  margin: 35px 0 0;
  width: 320px;
}

#car-namem{
width: 320px;
height: 40px;
color: white;
background-color: #b62022;
text-align: center;
font-size: 22px!important;
padding: 5px 0 0 0;
position: absolute;
}

#car-namem p{
font-size: 22px!important;
margin:-4px 0 0 0;
}




 #pricem{

background-color: #b62022;
padding: 13px 12px;
color: white;
font-size: 22px;
width: 135px;
float: left;
text-align: center;
 }

 #pricem p{

 font-size: 20px;
}

 #buttom-buym a{

text-decoration: none;
color: white;
float: right;
background-color: #333333;
padding: 13px 12px;
color: white;
font-size: 22px;
width: 135px;
text-align: center;
 }


 #buttom-buym a:hover{


background-color: #b62022;

 }


 .sorch{
margin: 0 0 50px;
width: 100%;
height: 60px;
background-color: #B62022;


 }

.search {
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px solid #cecece;
	float: right;
	font-size: 16px;
	height: 38px;
	margin: -13px 15px 12px 0;
	padding: 0 0 0 15px;
	width: 260px;
}


.sorch p {
	color: white;
	font-size: 16px !important;
	text-align: left;
	padding: 14px 0 0 15px;
	float: left;
}
.sorch a {
	color: white;
	margin: 0 6px;
	padding: 20px 5px 20px;
	text-decoration: none;
}

.sorch a:hover {

background-color: #333333;

}


.sorchdown{

width:1000px;
margin: 0 auto;
height: 200px;
background-color: #E0E0E0;


}




#ddmenu{

  float: left;

}

#ddmenu span {
  display: none;
  float: none;
  font-size: 16px;
  font-weight: 100;
  left: 312px;
  position: absolute;
  top: 87px;
  width: 978px;
}







#ddmenu span a {

  display: block;
  padding: 10px 25px;
  transition: all 0.2s linear 0s;
  width: 21%;
}


.godv{

color: #B62022;
font-weight: 100;
font-size: 42px;
margin: 0 0 40px 0;
text-align: center!important;
}


.left-ul{

  float: left;
  width:45%;
}


.godv2 {
  color: #b62022;
  font-size: 32px;
  font-weight: 900;
  margin: 0 0 40px;
  text-align: center !important;
}

#content ul {
  color: #555555;
  font-family: calibri;
  font-size: 36px;
  font-weight: 100;
  line-height: 42px;
  list-style: outside none none;
}

.godv3{

color: #B62022;
font-weight: 900;
font-size: 48px;
margin: 0 0 40px 0;
text-align: center!important;
margin: 20px 0 0 0;
}

.margin-top{

margin: 20px 0 0px 0!important;

}

.zag-os {
  margin: -10px 0 20px !important;
  padding: 145px 0 0 !important;
}

.ops{

font-family: calibri;
font-size:24px;
font-weight: 100;
text-align: center;
color:#555555;
line-height: 36px;


}

.zagl {
  color: #555555;
  display: grid;
  font-size: 56px;
  font-weight: 400;
  margin: 30px 0;
  position: relative;
  text-align: center;
}






.check{

display: none;

}

.needCheck {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  color: #555;
  font-family: calibri;
  font-size: 24px;
  height: 35px;
  text-align: center;
}

.txt {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  color: #555;
  font-family: calibri;
  font-size: 24px;
  height: 35px;
 margin: 0 0 10px;
  text-align: center;
width: 100%;
}


.payment {
    color: #b62022;
    font-weight: 900;
    font-size: 28px;
    margin: 0px 0 20px 0px;
}


#cont7 {
  background-image: url("../images/bg-cont3.png");
  background-size: cover;
  height: 770px;
  margin: -17px 0 0;
  padding: 90px 0 0;
  


}

.obs{
  display: block;
  position: relative;
}
a.zapchasti_kat_img {
    padding: 10% 25% 10px;
    width: auto!important;
    background-color: #ececec;
    border-radius: 8px 8px 0 0;
    margin: 0 0 10px 0;
}


.mini_h1 {
    font-size: 18px;
}


.zap_groups_block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
    flex-wrap: wrap;
    width: 100%;
}

.zap_groups_block a {
    padding: 10px 25px;
    margin: 20px 0px;
}

.zap_groups_block a:hover {
    background-color: #f4f4f4;
    border-radius: 30px;
    color: #b10000;
    
}

#submit{

 background-color: #d51a1d;
    border: medium none;
    color: white;
    font-family: calibri;
    font-size: 24px;
    font-weight: 100;
    margin: 20px 0 0;
    padding: 15px 50px;


}

#submit:hover{

background-color: #333333;
cursor: pointer;

}

#bpoisk {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #fff none repeat scroll 0 0;
	border-color: #cecece;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px medium 1px 1px;
	cursor: pointer;
	float: right;
	font-size: 16px;
	margin: -13px 0;
	padding: 11px 16px 6px;
}

#bpoisk:hover{
background-color: #cecece;


}


#vk_groups{


margin: 0 auto;


}

.nav-mob{
display: none;

}





.block-preem {
    display: flex;
    padding: 200px 0 50px 0;
    background-image: url(../images/preem-bg.jpg);
    width: 100%;
    justify-content: center;
    background-repeat-y: no-repeat;
    background-size: cover;

}

.block-cont-preem {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1200px;
}


.preem-romb {
    background-image: url(../images/romb.png);
    width: 350px;
    height: 350px;
    margin: -160px 5px 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
}

.preem-romb:hover {
    background-image: url(../images/romb-h.png);
    
    
}

.modal-window {
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99;
    position: fixed;
background: rgba(0, 0, 0, 0.85);
}


.window-lose {
    /* width: 400px; */
    /* height: 300px; */
    background-color: white;
    padding: 50px 101px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 99999999999;
}

.close-modal {
    color: #cc0033;
    font-weight: 900;
    border: 2px solid;
    border-radius: 50px;
    width: 37px;
    font-size: 30px;
    padding: 5px 5px 7px 6px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    position: absolute;
    margin: -35px 0 0 325px;
}

.down-form-form{


  display: flex;
    flex-direction: column;
}


.input-down-form input {
    margin: 10px 0 20px 0;
    padding: 15px 30px;
    border: none;
    /* border-radius: 10px; */
    text-align: center;
    border-bottom: 2px solid #cc0033;
    background-color: #9999991a;
    font-size: 18px;
}


.input-down-form{


  display: flex;
    flex-direction: column;
}

.header_c {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #f1f1f1;
    align-items: center;
}

.white_block_c {
    display: flex;
    margin: 25px;
    padding: 25px;
  
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.35);
}


.h1_c {
    color: #585858;
    margin: 0 0 10px 0;
    font-size: 28px;
}

.p_c {
    color: #2d2d2d;
}

.cont_c img {
    width: 375px;
    padding: 0 15px 0 0;
}

.zag_c {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    margin: 0 25px 10px 0;
    min-width: 250px;
}

span.god_c {
    font-weight: 400;
    font-size: 14px;
}

.cena_c {
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #81ffa7;
    background-color: #deffed;
    color: #34ff98;
    font-size: 16px;
    font-weight: 500;
    margin: 0 25px 0 0;
    max-width: 115px;
    text-align: center;
}

.opis_c {
    max-width: 350px;
    font-size: 14px;
    color: #464646;
    margin: 0 20px 20px 0;
    min-height: 110px;
    max-height: 50px;
    text-overflow: ellipsis;
    overflow-y: hidden;
}
.har_c {
    max-width: 250px;
    margin: 15px 0 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #464646;
}
.cont_c {
    display: flex;
    flex-direction: column;
}


.status_c {
    font-size: 48px;
}

.button_c {
    color: white;
    text-decoration: none;
    background-color: #9e0000;
    padding: 12px 25px;
    border-radius: 10px;
    text-align: center;
    margin: 5px 0 5px 0;
}
.data_c {
    color: #8a8a8a;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.status_c img {
    width: 65px;
    cursor: pointer;
}



.logo_block_c img {
    width: 225px;
}


.block_sale{

    position: fixed;
    height: 100vh;
    width: 10%;
    z-index: 99999;

}

.down_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    z-index: 99999;
}



.modal-win{

  width: 100%;
  height: 100vh;
  background-color: #000000c7;
  position: fixed;
  z-index: 999999999999;
  display: none;
}


.modal-block{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}




.in-modal{
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  background-color: #fff;
  border-radius: 30px;
  width: 80%;
  height: 80vh;
  padding: 30px 30px;
}


.zag-modal-block{
  width: 100%;

  display: flex;
  justify-content: space-between;
}


.close-modal-block{
  cursor: pointer;
}



div#instafeed-gallery-feed {
    margin: 25px 0 0 0;
}



.owl_block {
    display: flex;
    flex-direction: column;
    width: 280px;
    height: 285px;
    align-items: center;
    margin: 20px;
}

.owl_block_desk {
    padding: 15px 0;
    background-color: #a50000;
    width: 100%;
    text-align: center;
    color: white;
}
 .center-twocars{

  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 25px 0;
 }



.one-of-two-cars-block{

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.one-of-two-cars-button{

  background-color: #b62022!important;
  padding: 15px 25px!important;
  color: white!important;
  font-size: 18px!important;
  border-radius: 8px!important;
  cursor: pointer!important;

}

.one-of-two-cars-button:hover{

  background-color:#a90608!important;

}


.search-block {
    display: flex;
    flex-direction: column;
    padding: 20px 25px;
    margin: 12px;
    background-color: #f5f5f5;
}
.search-row {
    display: flex;
    
    margin: 0 0 25px 0;
}

.inp-block {
    display: flex;
    flex-direction: column;
    margin: 0 25px 0 0;
    width: 210px;
}

.duble-inp {
    display: flex;
}


.inp-l {
    border: 1px solid #d8d8d8;
    border-radius: 8px 0px 0px 8px;
    padding: 10px 15px;
    color: #464646;
    width: 75px;
}
.inp-r {
    border: 1px solid #d8d8d8;
    border-radius: 0px 8px 8px 0px;
    padding: 10px 15px;
    color: #464646;
    width: 75px;
    border-left: none;
}



.but-l {
    cursor: pointer;
    font-size: 16px;
    background-color: #afafaf;
    color: white;
    padding: 5px 15px;
    border-radius: 8px 0 0 8px;
}

.but-l:hover {
    
    background-color: #b10000;
   
}


.but-r {
    cursor: pointer;
    font-size: 16px;
    background-color: #afafaf;
    color: white;
    padding: 5px 15px;
    border-radius: 0 8px 8px 0;
}

.but-r:hover {
    
    background-color: #b10000;
   
}
.but-с:hover {
    
    background-color: #b10000;
   
}

.but-с {
    cursor: pointer;
    font-size: 16px;
    background-color: #afafaf;
    color: white;
    padding: 5px 15px;
    border-radius: 0;
}






:active, a:focus { outline: none; }

input, textarea {
    outline: none;
    font-family: 'Magistral';
}
input:active, textarea:active {outline:none;}









.search-mobile-but{
  display: none;
}



.search-block-n {
    display: none;
}


.body {
    background-color: #dadce180;
}

.header-n {
    padding: 0 2%;
    background-color: #fff;
    height: 75px;
    width: 92%;
    display: flex;
    align-items: center;
    position: sticky;
    top: -1px;
    z-index: 999;
    justify-content: space-between;
    margin: 25px 2% 0;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
}

.header-block-n {
    padding: 0px 30px 0 5px;
    /* display: flex; */
    /* align-items: center; */
    font-size: 8px;
    cursor: pointer;
    /* color: #464646; */
}

.search-block-n {
    display: none;
    flex-direction: column;
    padding: 15px 30px;
    /* margin: 12px; */
   background-color: #f9f9f9;
    position: fixed;
    z-index: 999999999999;
    width: 100%;
    height: 100vh;
}


.close-block-n {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 30px;
    width: 96%;
    cursor: pointer;
}

.search-row {
    display: flex;
    margin: 0 0 25px 0;
    /* flex-direction: column; */
    align-items: center;
}

.inp-block-n {
    display: flex;
    flex-direction: column;
    margin: 0 25px 0 0;
    min-width: 260px;
}


select.select-n {
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    padding: 10px 20px;
    color: #464646;
    font-size: 16px;
    margin: 5px 0 10px 0;
}

.duble-inp {
    display: flex;
}



a.marka-count-block-n {
    text-decoration: none;
    padding: 10px 10px;
    display: flex;
    align-items: center;
}

a.marka-count-block-n:hover {
    
    color: #b62022;
}

.inp-l-n {
    border: 1px solid #d8d8d8;
    border-radius: 8px 0px 0px 8px;
    padding: 5px 25px;
    color: #464646;
    width: 75px;
    font-size: 18px;
    margin: 10px 0 15px 0;
}


.inp-r-n {
    border: 1px solid #d8d8d8;
    border-radius: 0px 8px 8px 0px;
    padding: 10px 25px;
    color: #464646;
    border-left: none;
    width: 75px;
    font-size: 18px;
    margin: 10px 0 15px 0;
}
.but-l {
    cursor: pointer;
    /* font-size: 16px; */
    background-color: #afafaf;
    color: white;
    padding: 5px 20px;
    border-radius: 8px 0 0 8px;
    font-size: 26px;
    margin: 10px 0 15px 0;
}

.but-r {
    cursor: pointer;
    font-size: 26px;
    background-color: #afafaf;
    color: white;
    /* padding: 5px 15px; */
    border-radius: 0 8px 8px 0;
    padding: 5px 20px;
     margin: 10px 0 15px 0;
}

.but-с {
    cursor: pointer;
    font-size: 26px;
    background-color: #afafaf;
    color: white;
    border-radius: 0;
    padding: 5px 20px;
     margin: 10px 0 15px 0;
}



.logo-n {
    padding: 0;
}
.logo-n img {
    height: 17px;
    margin: 4px 0 0 0;
}

.logo-n-p img {
   height: 26px;
    margin: 5px 0 0 0;
}

.phone-n {
    display: flex;
    justify-content: flex-end;
    padding: 0 30px 0 0;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    text-decoration: none;
    color: #555555;
    flex-basis: 15%;
}

.wha-button {
    display: none;
}

.header-phone {
    font-weight: 400;
    font-size: 16px;
    padding: 0 0 0 5px;
}

.phone-n:hover {
    color: #b62022;
}

.menu-n {
    display: flex;
    flex-basis: 70%;
    justify-content: flex-end;
    padding: 0 20px 0 0;
    align-items: center;
}

.menu-n a {
    padding: 30px 2%;
    color: #555555;
    text-decoration: none;
    font-size: 14px;
}
.menu-n a:hover {
    color: rgb(182, 32, 34);

    -webkit-box-shadow: inset 0px -5px 0px 0px rgba(182, 34, 32, 1);
    -moz-box-shadow: inset 0px -5px 0px 0px rgba(182, 34, 32, 1);
    box-shadow: inset 0px -4px 0px 0px rgba(182, 34, 32, 1);
}

a.menu-list.fa-chevron-down-a {
    box-shadow: none;
    font-size: 28px;
}

a.menu-list.fa-chevron-down-a:hover {
color: #b62022;
}

.from-white-block-n {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;
    padding: 20px 0;
}
.h1-n {
    font-size: 36px;
    font-weight: 600;
    padding: 0 0 15px 0;
    color: #363636;
}

.search-mobile-but-n {
    display: flex;
    justify-content: center;
    padding: 15px 45px;
    border-radius: 15px;
    background-color: #b62022;
    color: white;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.search-mobile-but-n:hover {

    background-color: #d11719;

}



.search-mobile-but-n-b{
    display: flex;
    justify-content: center;
    padding: 20px 40px;
    border-radius: 20px;
    background-color: #b62022;
    color: white;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.car-block-n {
    width: 31.33%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: max-content;
    border-radius: 30px;
    justify-content: space-between;
    position: relative;
    -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.15);
    margin: 0 2% 1.8% 0;
    cursor: pointer;
}

.gallery_catalog_card {
    border-radius: 30px;
}

.car-block-n:hover {
    
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 25%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 20px 0px rgb(50 50 50 / 30%);
}



div#articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 98%;
    padding: 25px 0% 50px 2%;
}

.car-mark-n {
    display: flex;
    flex-direction: column;
    padding: 10px 15px 15px;
    flex-basis: 15%;
    justify-content: center;
}

.marka-model-n {
    font-size: 21px;
    padding: 0 0 0px 0;
    font-weight: 600;
}


.cena-n {
    font-size: 16px;
    font-weight: 500;
    color: #626262;
    margin: 7px 0 7px 0;
}

.cena-n-m{
    font-size: 20px;
    font-weight: 400;
    color: #626262;
}

.haracters_zag_p {
    flex-basis: 50%;
}

.char-l-n-a-p {
    font-size: 18px;
    line-height: 32px;
    width: 410px;
    padding: 0 0 0 15px;
    color: #606060;
}


.carusel-img {
    max-width: 100%;
    margin: 0 0px 10px 0px;
    border-radius: 8px 8px 0 0;
}
.owl-width {
    max-width: 350px;
    padding: 20px 0;
}

.char-n {
    padding: 5px 0;
    color: #555;
    font-size: 14px;
}

.char-l-n {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    flex-wrap: wrap;
}


.char-l-n-a {
    font-size: 18px;
    line-height: 32px;
    width: 375px;
    padding: 0 0 0 15px;
    color: #606060;
}

.char-zag-n {
    font-size: 26px;
    padding: 0 0 20px 0;
    font-weight: 600;
    flex-basis: 100%;
}

.zadvop{
    flex-basis: 100%;
}

.preloader {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 45%;
    top: 45%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 10;
    transform-origin: 50%;

}


.image_kat_a {
    width: 100%!important;
    min-height: 230px;
    border-radius: 15px 15px 0 0;
}



.bank img {
    width: 237px;
}
.gallery_catalog {
    margin: 10px 0 0 0;
    border-radius: 30px;
}

.swiper-slide img {
    width: 100%;
    border-radius: 30px;
}
.car-block-n-img {
width: 100%;
    border-radius: 15px
}
.char-zag-n-n-n {
    font-weight: 600;
    font-size: 24px;
}

.char-r-n {
    font-size: 14px;
    line-height: 24px;
    display: flex;
}

.char-n-n span {
    padding: 0 0 0 10px;
    font-weight: 600;
}

.heard {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #b62022;
    cursor: pointer;
}

.heard-active {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #b62022;
    cursor: pointer;
}

.al-left-n {
    display: flex;
    justify-content: flex-end;
}

a.but-n {
    text-decoration: none;
    color: #fff;
    background-color: #b62022;
    padding: 15px 50px;
    border-radius: 12px;
    font-size: 18px;
}


hr.hr-n {
    width: 95%;
    height: 1px;
    background-color: #dedede;
    border: none;
}


hr.hr-classic {
    width: 85%;
    margin: 15px 0;
    height: 1px;
    background-color: #dedede;
    border: none;
}


h1.car-name-zag {
    font-size: 36px;
    padding: 0 10px 0 0;
    color: #585858;
}

.car-name-zag {
    font-size: 24px;
    padding: 0 10px 0 0;
    color: #585858;
    font-weight: 600;
    align-items: center;
    display: flex;
    text-align: center;
}

.car-name-zag-k{
    font-size: 24px;
    padding: 0 10px 0 0;
    color: #585858;
    font-weight: 600;
    align-items: center;
    display: flex;
    text-align: center;
}

.up-car-name {
    display: flex;
    align-items: center;
    margin: 0;
}

.up-cena-block {
    font-size: 46px;
    color: #b62022;
}
.h-cena-block{

font-size: 26px;
    color: #b62022;

}

.owl-width-max {
    max-width: 650px;
    padding: 20px 0;
}



.carusel-block{

  display: flex;
}


.from-white-block-n-a {
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    margin: 35px 2%;
    width: 96%;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

div#calculator p {
    margin: 15px 15px 0!important;
    font-size: 14px;
    color: #808080;
    text-align: center;
}


.from-white-block-n-a-g {
    display: flex;
    justify-content: center;
    padding: 25px 0;
    margin: 0;
}

footer {
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 35px 2% 35px;
    margin: 10px 2% 25px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    border-radius: 30px;
    width: 92%;
}


.adress-block {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #5f5f5f;
    line-height: 28px;
    flex-basis: 33%;
}


.rabota-block {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    color: #5f5f5f;
    line-height: 35px;
    flex-basis: 33%;
}

.cont-block-n {
    width: 96%;
    display: flex;
    flex-direction: column;
}
.cont-block-n-full {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cont-block-n iframe{
  border-radius: 30px; margin: 15px 0 0 0;"
}

.cont-block-n-p-p {
    width: 1150px;
    display: flex;
    flex-direction: column;
}

.cont-block-n-v {
    /* max-width: 950px; */
    width: 980px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}




.dop-info-n {
    margin: 25px 0 0 0;
    font-size: 18px;
    line-height: 36px;
    color: #353535;
    max-width: 1150px;
}

.dop-info-n-a {
    margin: 25px 0 0 0;
    font-size: 18px;
    line-height: 36px;
    color: #505050;
}

.dop-info-n-a img {
    max-width: 100%;
}

.dop-info-n-a ul {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 18px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
}

.dop-info-n-a ul li {
    display: flex;
    flex-direction: column;
    flex-basis: 35%;
    background-color: #f7f7f7;
    margin: 0px 5px 10px 5px;
    padding: 0 10px 10px;
    border-radius: 30px;
    line-height: 25px;
}

.soglasie-check-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
}

.soglasie-check-box input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
    width: auto;
    transform: scale(1.5);
}

dialog#cookie_consent {
    border: none;
    border-radius: 25px;
    margin-left: 2%;
    margin-right: 2%;
    padding: 32px;
}

dialog#cookie_consent_details {
    border: none;
    border-radius: 25px;
    margin-left: 2%;
    margin-right: 2%;
    padding: 32px;
}

.soglasie-check-box a {
  color: #007bff;
  text-decoration: none;
}

.blue_link {
  color: #007bff;
  text-decoration: none;
}

.soglasie-check-box a:hover {
  text-decoration: underline;
}



.dop-info-n-a ul li p {
    color: #969696;
    font-weight: 900;
    font-size: 21px;
    margin: 20px 0 0 0;
}

.dop-info-n-a ul li ul {
    flex-direction: column;
    flex-wrap: nowrap;
}

a.but-n-a {
    padding: 12px 35px;
    margin: 13px 0 0 0;
    background-color: #b62022;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    display: block;
    text-align: center;
    width: fit-content;
}


a.but-n-a:hover {
   
    background-color: #d11719;
    
}


.button-whatsapp-me {
    display: flex;
    
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}


.center-block-a-n {
    display: flex;
    justify-content: space-between;
    width: 96%;
    align-items: center;
    flex-direction: row-reverse;
}

.center-block-a-n-otz {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.center-block-a-n-f {
    display: flex;
    width: 96%;
    flex-wrap: wrap;
}

.down-block-f {
    width: 100%;
    color: #9a9a9a;
    
    margin: 15px 0 5px 0;
    font-size: 12px;
}

input#checkbox {
    margin: 10px 10px 0px 0;
}


.soglasie_block {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

.center-block-a-n-p {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.center-block-a-n-p-s {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.center-block-a-n-p-a {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
}


.update_date_z {
    font-size: 14px;
    color: #6a6a6a;
    padding: 0 10px 0 0;
}

.update_date_z span {
    font-size: 14px;
    color: #111;
    font-weight: 100;
}

.center-block-a-n-p a {
    color: #464646;
    text-decoration: none;
    font-size: 52px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.center-a-n-t {
    background: url(../images/ugol.svg);
    color: white!important;
    padding: 5px 135px 5px 20px;
    width: 180px;
    display: flex;
    align-items: center;
    background-size: 100%;
}


.vml-menu a {
    color: #5f5f5f;
    text-decoration: none;
    padding: 5px 0 5px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vml-menu-f a {
    color: #5f5f5f;
    text-decoration: none;
    padding: 0px 0 5px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vml-menu-f a:hover {
    color: #b62022;
    
}

.vml-menu a:hover {
    color: #b62022;
    
}

.vml-menu-f {
    flex-basis: 33%;
}



.social-select {
    border: 1px solid #464646;
    padding: 15px 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 22px!important;
    width: 358px;
    font-weight: 400!important;
}
.social-select i {
    font-size: 18px;
    padding: 0 20px 0 0;
}

.social-select:hover{
  color: white!important;
  background-color: #b62022;
   border: 2px solid #b62022;

   
}



.m-menu {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 99999999999999999;
    left: -100%;
    flex-direction: column;
    align-items: flex-end;
    overflow-y: scroll;
    top: 0;
}


.exit {
    /* width: 70px; */
    margin: 10px 15px 20px 0;
    cursor: pointer;
}
.exit img {
    width: 25px;
}

.logo-center {
    display: none;
}

.vml-menu {
    flex-basis: 33%;
    padding: 0 35px 0 0;
}

.sign-up-block {
    margin: 0 15px 25px 0;
}


.sign-up-block a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #b62022;
    border-radius: 15px;
    padding: 8px 15px;
    /* width: 451px; */
    /* display: flex; */
    margin: 0px 0px 0 5px;
    background-color: #b62022;
    font-size: 18px;
}

.signup {
    display: flex;
    flex-direction: column;
    width: 45%;
    justify-content: center;
}

.signup_2 {
   
    width: 807px!important;
}

table {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #dfdfdf;
    border-radius: 6px;
    border-collapse: separate;
    border-spacing: 0px;
}

table thead tr {
    color: #272727;
    font-weight: bold;
    background: #d8d8d8;
}

table tr td {
    padding: 12px 4px;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: none;
    margin: 5px 10px;
    border: 2px solid #fff;
}

table tbody tr:nth-child(1n) {
    background: #f6f6f6;
    transition-duration: 0.6s;
}

table tbody tr:nth-child(2n) {
    background: #eaeaea;
    transition-duration: 0.6s;
}

table tbody tr:hover {
    background: #cecece;
}

.signup-table input {
    padding: 20px!important;
    margin: 0!important;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    font-size: 18px!important;
}

.signup-table select {
    padding: 20px!important;
    margin: 0!important;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    font-size: 18px!important;
}

.signup input {
    padding: 15px 20px;
    margin: 5px 0 5px;
    border-radius: 15px;
    border: 1px solid #a0a0a075;
}

.signup input:focus {
border: 1px solid #a0a0a0;
    background-color: #4444440d;
}
.signup select {
    padding: 15px 20px;
    margin: 5px 0 5px;
    border-radius: 15px;
    border: 1px solid #a0a0a075;
}

.signup label {
    color: #5f5f5f;
    margin: 15px 0 0 0;
}


.signup lable {
    color: #5f5f5f;
    margin: 10px 0 0 0;
    display: flex;
align-items: center;
}


.errors {
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    position: fixed;
}

.errors div {
    background-color: #ffe1e1;
    padding: 20px 50px;
    border: 2px solid #b62022;
    border-radius: 30px;
}

.goods {
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    position: fixed;
}

.goods div {
    background-color: #e8fff6;
    padding: 20px 50px;
    border: 2px solid #95ffd3;
    border-radius: 30px;
}



.client-block-h {
    display: flex;
    background-color: #b62022;
    padding: 0 1.25%;
    color: #fff;
    font-size: 18px;
    justify-content: flex-end;
    align-items: center;
    width: 93.5%;
    margin: 0 2%;
    border-radius: 0 0 15px 15px;
}
.dop-info-n-a p {
    padding: 0 0 15px 0;
}

.client-block-h i {
    padding: 0 5px 0 5px;
    cursor: pointer;
}




.char-n-n a {
    color: #b62033;
    text-decoration: none;
    flex-basis: 50%;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 0 5px;
}



a.car-mark-n {
    text-decoration: none;
    color: #404040;
}

.car-block-n:hover .marka-model-n {
  
    color: #b62033;
}





.bg-modal{

width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
display: none;
justify-content: center;
align-items: center;

z-index:999999999;
}




.modal{

width: 400px;
height: 433px;
display: flex;
justify-content: center;
background-color: #fff;
border-radius: 10px;
align-items: center;

}

.modal img{

  width: 100%;
  

}



.new-text {
    text-align: left;
}

.block-news img {
    width: 320px;
}

.block-news {
    border: 1px solid #e2e2e2;
    display: flex;
    flex-direction: column;
    width: 320px;
    padding: 15px;
    cursor: pointer;
    justify-content: center;
    margin: 0 10px;
}


.news-a {
    color: #212121;
    font-weight: 900;
    text-decoration: none;
    padding: 15px 0 5px 0;
    font-size: 22px;
}

.news-a:hover{


  color:#d00000;
}

.data-new-block {
    color: #d00000;
    padding: 0 0 10px 0;
}

.block-news p {
    color: #6f6f6f;
}


#cont8 {
    margin: 0 0 90px 0;
}

.cont-news-block {
    display: flex;
    justify-content: space-around;
}




.example-1 .form-group {
    padding: 1em 0;
    margin: 1em 0;
}
.example-1 input[type=file]{outline:0;opacity:0;pointer-events:none;user-select:none}
.example-1 .label{width:120px;border:2px dashed grey;border-radius:5px;display:block;padding:1.2em;transition:border 300ms ease;cursor:pointer;text-align:center}
.example-1 .label i{display:block;font-size:42px;padding-bottom:16px}
.example-1 .label i,.example-1 .label .title{color:grey;transition:200ms color}
.example-1 .label:hover{border:2px solid #000}
.example-1 .label:hover i,.example-1 .label:hover .title{color:#000}

.file-hide{

  margin: 0!important;
  padding: 0!important;
  font-size: 5px;
}


.podbor-block {
    background-color: #d4ffdf;
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #63d294;
    border-radius: 30px;
    max-width: 500px;
}


.lobm-z-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 35px 0 0;
}

.pod-cast {
    font-size: 20px;
    line-height: 55px;
    color: #505050;
    font-family: 'Magistral', 'calibri', arial;
    
}
.pod-cast span {
    color: #b10000;
    font-weight: 900;
    padding: 0 5px 0 0;
}
.pod-zag {
    font-size: 28px;
    margin: 0 0 25px 0;
    font-weight: 400;
    color: #444;
}

.zag-lomb {
    font-size: 34px;
    font-weight: 900;
    color: #3c3c3c;
    margin: 0px 0 15px 0;
}

.checkbox-block-n {
    margin: 5px 0 5px 0;
}

.ui-state-active, .ui-button:active {
    border: 1px solid #b62022!important;
    background: #b62022 !important;
    font-weight: normal;
    color: #ffffff !important;
}



.img-a-view-cont img {
    min-width: 650px;
}




.char-n-s-a {
    padding: 10px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}




.ui-button {
    border: 1px solid #e3e3e3;
    background: #ffffff;
    font-weight: normal;
    color: #454545;
}



a.up-button-r {
    padding: 0 10px 10px 10px;
    margin: 10px 0 0 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}

a.up-button-r:hover {
    
    -webkit-box-shadow: inset 0px -5px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px -5px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px -5px 0px 0px rgba(255, 255, 255, 1);
   
}

.auto-modal{

position: fixed;
width: 100%;
height: 100vh;
z-index: 999999999;
background-color: #ffffffb0;



}


.new-modal-form {
    background-color: #f4f4f4;
    padding: 25px;
    border-radius: 30px;
    width: 560px;
    


}


.hide-modal {

    display: flex;
    margin: 0 0 20px 0;
    color: #b62022;
    font-size: 18px;
    justify-content: flex-end;
    cursor: pointer;

}

.window-mod{

  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}



.project-description {
    border: 1px solid #51fd7cb3;
border-radius: 30px;
padding: 10px;
margin: 10px 0;
background-color: #51fd7c42;
color: #136628;

}

.for-blog-block {
    width: 560px;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    padding: 0 30px;
}

.for-blog-block-2{

    width: 560px;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    padding: 0 30px;


}

span.pod-zakaz {
    color: #5f5f5f;
    background-color: #ffffff;
    padding: 5px 20px 2px 20px!important;
    font-size: 16px;
    border-radius: 14px;
    position: absolute;
    margin: 6px 0 0 10px;
}

.pod-zakaz img{
    width: 95px;
}



.for-blog-block h1 {
    line-height: 72px;
    color: 
    #333;
}

blockquote {
    background-color: 
#f4f4f4;
padding: 20px 15px;
margin: 0 0px 10px 25px;
border-left: 15px solid
    #b62022;
}

.for-blog-block a{
color: #b62022;
text-decoration: none;
font-weight: 400;
}

.for-blog-block a:hover{
color: #333;

}

.for-blog-block img{

  margin: 20px 0;
  max-width: 560px;
}

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

.prodazha-block-50 {
    display: flex;
    margin: 20px 20px 20px 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    flex-basis: 50%;
    text-decoration: none;
    color: #333;
    border-radius: 30px;
}


video.bg_video {
    max-width: 550px;
    border-radius: 0 8px 8px 0;
}

.prodazha-block-30 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 25px;
    text-align: center;
    background-color: #b62022;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    flex-basis: 30%;
    border-radius: 8px 0 0 8px;
}

.prodazha-block-30:hover {
    
    background-color: #333;
    
}

.prodazha-block-70 {
    padding: 45px 20px 45px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 28px;
}

.prodazha-zag {
    font-size: 36px;
    padding: 10px 0 20px;
}

.prodazha-zag span {
    color: #b62022;
    font-weight: 400;
    font-size: 28px;
}

.prodazha-block-100 {
    display: flex;
    margin: 20px 20px 20px 0;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.82);
    flex-basis: 100%;
    text-decoration: none;
    color: #333;
    border-radius: 30px;
}

.owl-item {
    max-height: 490px!important;
}

.classic-button {
    margin: 0 10px;
    background-color: #b62022;
    color: white;
    padding: 10px 25px;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
}

.classic-button-c {
    background-color: #b62022;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
    flex-basis: 13%;
}


.classic-button-c:hover {
    background-color: #d11719;
    }


.classic-button-m {
    display: block;
    background-color: #b62022;
    border: none;
    color: #ffffff;
    width: 375px;
    padding: 20px 0;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
    margin: 0 15px 0 0;
    font-size: 18px;
    text-align: center;
    font-family: 'Magistral', 'calibri', arial;
    font-weight: 400;
}
.cont-block-n-a {
    display: flex;
}

.classic-button-m:hover {
   background-color: #a81719;
   color: #fff;
    
}

.auto_min {
    display: flex;
    margin: 8px 0;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.auto_min_list {

    display: flex;
    
    
    

}

.info_auto {
    margin: 5px 5px 5px 10px;
    color: #333;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info_auto_zag {
    font-size: 18px;
}

.info_auto_cena {
    color: #707070;
    font-size: 21px;
}


.classic-button:hover {
   
    background-color: #d11719;
    
}



.ui-accordion-content {
    padding: 0 !important;
    border-top: 0;
    overflow: auto;
    font-family: 'Magistral', 'calibri', arial;
    font-size: 16px!important;
    line-height: 28px!important;
}

.ui-widget-content {
    border: 1px solid #fff !important;
        border-top-color: rgb(221, 221, 221);
        border-top-style: solid;
        border-top-width: 1px;
    background: #ffffff;
    color: #333333;
}

.classic_doc {
    width: 195px;
    height: 180px;
    padding: 0px;
    border-radius: 20px;
    border: 1px solid #a7a7a7;
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b10000;
    color: #fff;
}

.classic_doc_2 {
    width: 145px;
    height: 145px;
    padding: 0px;
    border-radius: 20px;
    border: 1px solid #a7a7a7;
    margin: 20px;
}


.red_link {

  text-decoration: none;
    color: #b62022;
}


.red_link:hover {


    color: #6c6c6c;
}

.carusel_block {
    background-color: #fff;
    display: flex;
    align-items: center;
    /* height: auto; */
}

.zag_carusel {
    flex-basis: 80%;
    font-size: 42px;
    font-weight: 900;
    color: #333;
    margin: 0 0 0 25px;
    font-family: BebasBold;
}
#modal_block_one {

    position: fixed;
    z-index: 99999;
    width: 100%;
    background-color: #00000059;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;

}
.modal_window {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 50px 50px 50px;
    background-color: #fff;
    width: 500px;
    border-radius: 30px;
}


.exit_block {
    width: 100%;
    text-align: right;
    padding: 20px 0px 20px 0;
    margin: 0px -50px 0 0;
    cursor: pointer;
    color: #b62022;
}




.button-in-text{

  border: none!important; 
  padding: 15px 40px; 
  font-size: 18px; 
  color: white; 
  background-color: #b62022; 
  border-radius: 15px; 
  cursor: pointer; 
  text-align: center; 
  text-decoration: none;
}


.breadcrumbs a {
    color: #aaa;
    flex-shrink: 0;
}

.breadcrumbs a:hover {
    color: #333;
}
.breadcrumbs i {
    padding: 1px 10px 0px;
}
.breadcrumbs {
    display: flex;
    align-items: center;
    color: #aaa;
}




.like_button {
    display: flex;
    align-items: center;
    color: #5f5f5f;
    padding: 6px 15px;
    /* border: 1px solid #767676; */
    margin: 10px 10px 0 0;
    width: 75px;
    border-radius: 10px;
    /* height: 95%; */
    cursor: pointer;
    background-color: #e5e5e5;
    font-weight: 900;
}


.like_button:hover {
background-color: #bcbcbc;
    color: #3a3a3a;

}


.active_like{
  background-color: #b62022;
    color: #fff!important;
}

.active_like:hover{
  background-color: #b62022d2;
    color: #fff;
}



.insta_block_2{
color: white!important;  
flex-direction: row;   
padding: 55px 0!important; 
align-items: center;
}



.head_on_credits{ 

display: none;


 }

 .head_on_baza{
    display: none;
}

 .head_on_tech{ 

display: none;


 }

 .head_on_auto{ 

display: none;


 }

 .head_on_zadachi{ 

display: none;


 }

.menu-block-tech {
    display: flex;
    justify-content: space-between;
    width: 98%;
}

.menu-tech {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 25%;
    height: 200px;
    margin: 40px 20px 0 20px;
    font-size: 28px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    text-decoration: none;
    color: #b10000;
    flex-direction: column;
    border-radius: 10px;
    background-color: #fff;
}

.menu-tech img {
    width: 50px;
    height: 65px;
}

.menu-tech img:hover {
    width: 55px;
    height: 65px;
}

.menu-tech-l img{
width: 21px;
    padding: 0 16px 0 0px;
}



   


.menu-tech:hover {
    background-color: #e0e0e0;
    color: #333;
}

.table-wash-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
    box-shadow: none;
    padding: 20px 25px;
    border: 1px solid #e7e7e7;
    border-radius: 30px;
}

.col-wash-1 {
    flex-basis: 5%;
}

.col-wash-2 {
    flex-basis: 35%;
    padding: 0 20px;
}

.col-wash-3 {
    flex-basis: 12%;
}

.col-wash-4 {
    flex-basis: 12%;
}

.col-wash-5 {
    flex-basis: 12%;
}

.col-wash-6 {
    flex-basis: 12%;
}

.col-wash-7 {
    flex-basis: 12%;
}


.table-wash-block-z {
    position: sticky;
  
    z-index: 9;
    top: 65px;
    margin: 15px 0 0 0;
 
}

.table-wash-block-zag {

    background-color: #e0e0e0;
    font-weight: 600;
}

.table-col-wash {
    border-right: 1px solid #c4c4c4;
    display: flex;
    justify-content: center;
    align-items: center;

    
}


.table-wash-block:hover {
    background-color: #efefef;
    cursor: pointer;
}



.car_list {
    display: block;
    columns: 5;
    overflow: hidden;
    margin-bottom: 30px;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 96%;
}
    
.car_list_li {
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
}


.marka-count-block-n span {
    color: #8f8f8f;
    font-weight: 600;
    font-size: 18px;
    padding: 0 0 0 7px;
}




.open_marks {
    color: #b10000;
    font-size: 21px;
    font-weight: 900;
    margin: 20px 0 0px 0;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
}


.whatsapp_chat {
    background-color: #00e676;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px 30px 0;
    padding: 0;
    z-index: 99999999999;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 52px;
    border-radius: 122px;
    padding: 9px 20px;
}

.marka-model-n span {
    font-weight: 400;
    color: #626262;
}





.char-n-n {
    display: flex;
    padding: 0 0 20px;
    flex-basis: 25%;
    font-size: 16px;
}

.warranty-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 96%;
    margin: 25px 2%;
}

.full-width-section {
    width: 100%;
    border-radius: 8px;
}

.full-width-section h3 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #333;
  font-size: 18px;
}

.two-columns-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.char-n-n-50 {
    flex: 1 1 calc(33% - 15px);
    min-width: 300px;
    padding: 35px 2%;
    border-radius: 20px;
    background: white;
    box-sizing: border-box;
}

.haracters_zag_50 {
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}



.not-included h3 {
  color: #d32f2f;
}

#more {
    color: #464646;
    font-size: 24px;
    font-weight: 400;
    display: flex;
    text-align: center;
    padding: 25px 0;
    background-color: #fff;
    margin: 30px 15px 60px;
    border-radius: 30px;
    flex-direction: column;
    align-items: center;
}


#more img{

	width:90px;
}




.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #b62022;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}





.back_button {
    display: none;
    flex-direction: column;
    align-items: center;
    margin: 0px 0;
    background-color: white;
    padding: 10px 0;
}


.back_show {
    margin: 10px 10px 10px 10px;
    background-color: #9c0000;
    border: 1px solid#7b0000;
    color: white;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
}

a.kred_calc_button {
    color: #fff;
    background-color: #b10000;
    margin: 20px 0 0 0;
    font-size: 22px;
    font-weight: 400;
    padding: 20px 30px;
    border-radius: 15px;
    display: block;
    text-align: center;
}
p.kred_text {
    /* max-width: 330px; */
    margin: 15px 0 0 0;
    text-align: center;
    font-size: 14px;
}

.down_button{

	display: none;
}

.flex_block_aling_center {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.left_info_diagnostika {
    font-family: 'BebasBold';
    color: #333;
    font-size: 36px;
    padding: 30px;
    flex-basis: 35%;
    display: flex;
    flex-direction: column;
}


.left_info_diagnostika span {
    color: #b10000;
    font-size: 52px;
}

.right_info_diagnostika {
    display: flex;
    flex-direction: column;
    flex-basis: 35%;
    padding: 30px;
    font-size: 18px;
    color: #333;
}


.button_diagnost{
    text-align: center;
    padding: 20px;
    background-color: #b10000;
    color: #fff;
    border-radius: 15px;
    margin: 20px 0 0 0;
}

a.mini-red-link {
    font-size: 18px;
    font-weight: 100;
    color: #b62022;
    text-decoration: underline;
    padding: 12px 0;
    text-align: center;
}

a.mini-blue-link {
    font-size: 18px;
    font-weight: 100;
    color: #3e9fd7;
    text-decoration: underline;
    padding: 12px 0;
    text-align: center;
}


.red_line {
    width: 260px;
    min-height: 3px;
    background-color: #b10000;
}


.green-message {
    margin: 0 0 30px 0;
    background-color: #cdfde4;
    border-radius: 30px;
    padding: 12px 35px;
}


.card_block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
}

.anketa-text {
    font-weight: 400;
    font-size: 18px;
    padding: 0 0 12px 0;
}

.card_container {
    display: block;
    width: 450px;
    height: 250px;
    border-radius: 30px;
}


.card {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    width: 455px;
    height: 250px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 25%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 25%);
}

.card_logo img {
    width: 250px;
    border-radius: 0;
}

.card_back {
    font-size: 28px;
    font-weight: 900;
    color: #4d4d4d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
}

.centered {
    display: flex;
    align-items: center;
    color: #878787;
    font-size: 36px;
    padding: 0 0 0 10px;
}

.card_text {
    font-size: 21px;
    color: #808080;
    font-weight: 100;
    display: flex;
    align-items: center;
}

img.pa-coins-img {
    width: 35px;
}

.card_back img{
    width: 30px;
}


 .search{
    position:relative;
}

.search_result{
    background: #FFF;
    border: 1px #ccc solid;
    border-radius: 4px;
    max-height:150px;
    overflow-y:scroll;
    display:none;
}

.search_result li{
    list-style: none;
    padding: 5px 10px;
    margin: 0 0 0 -40px;
    color: #333;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition:0.3s;
}

.search_result li:hover{
    background: #d9d9d9;
}

.akcia_fixed {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}
.akcia_fixed img {
    width: 215px;
    cursor: pointer;
}
.zag_comment {
    font-size: 16px;
    color: #00d756;
}



.signup input[disabled] {
    opacity: .6;
    cursor: not-allowed;
}

input#amount {
    color: #808080!important;
    font-size: 28px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    margin: 10px 0 -23px 0;
    padding: 15px 0px 15px 0px;
    width: 94%;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}

input#pv {
    color: #808080!important;
    font-size: 28px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    margin: 0px 0 -23px 0;
    padding: 15px 0px 15px 0px;
    width: 94%;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}

div#slider {
    background-color: #e8e8e8!important;
    height: 2px!important;
    margin: 20px 0 0 0;
    cursor: pointer;
}

div#slider2 {
    background-color: #e8e8e8!important;
    height: 2px!important;
    margin: 20px 0 0 0;
    cursor: pointer;
}

div#slider span {
    cursor: pointer;
}

div#slider2 span {
    cursor: pointer;
}


.ui-slider-range {
    background-color: #d30000!important;
    border-radius: 200px!important;
    height: 3px!important;
}


.ui-slider-handle {
    border-radius: 100px!important;
    background-color: #fff!important;
    border: 6px solid #d30000!important;
    top: -0.55em!important;
    width: 0.5em!important;
    height: 0.5em!important;
}

.ui_slider_lable_block {
    margin: 10px 0 0 0px;
    display: flex;
    flex-direction: column;
}

.ui_slider_lable_block label {
    margin: 0;
    padding: 0;
}


.report_block {
    margin: 20px 0;
    color: #5f5f5f;
}

.report_block_info {
    border: 1px solid #dfdfdf;
    padding: 10px 35px;
    margin: 0 0 5px 0;
    border-radius: 30px;
    background-color: #f8f8f8;
}


.report_block_zag {
    font-size: 28px;
    font-weight: 500;
    color: #606060;
    margin: 30px 0 0 0;
}




.payment span {
    font-size: 18px;
}

.signup_center{
    justify-content: center;
}





.banki {
    display: block;
    position: relative;
    width: 96%;
    overflow: hidden;
    margin: 15px 2% 0 2%;
}

.green-check {
    color: #14cf76;
    padding: 0 10px 0 0;
}

.moderate_inform {
    position: absolute;
    padding: 10px 0px;
    border-radius: 8px 8px 0 0;
    width: 100%;
    text-align: center;
}

.cho_obvl {
    position: absolute;
    margin: 10px;
    padding: 7px 15px;
    background-color: #b10000;
    border-radius: 30px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    z-index: 2;
}

.big_zag_in span {
    color: #e60000;
}


.zag_comment_yel {
    font-size: 16px;
    color: #ffa100;

}

p#form-error {
    margin: 20px;
    padding: 20px;
    background-color: #ffbfbf;
    border-radius: 30px;
    font-size: 18px;
    color: #333;
    border: 1px solid #ffa9a9;
}

.preem {
    margin: 25px 0;
    display: block;
    position: relative;
    width: 96%;
    overflow: hidden;
    padding: 10px 2%;
}

.preem_block_slide {
    margin: 0 1%;
    padding: 35px 55px;
    background-color: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    display: flex;
    align-items: center;
    height: 130px;
}
.galochka {
    font-size: 56px;
    color: #b62022;
    padding: 0 55px 0 0;
}

.preem_block_slide_zag {
    font-size: 21px;
    color: #a40000;
    font-weight: 900;
    padding: 0 0 5px 0;
}

.preem_block_slide_text {
    color: #333;
}

.mini_zag_in {
    font-weight: 100;
    font-size: 18px;
    font-family: 'Magistral', 'calibri', arial;
    margin: 0 0px 25px;
}


.mini-youtube iframe {
    border-radius: 30px;
}
.mini-youtube {
    margin: 0 0 15px 0;
}


button.tel_view {
    background-color: #b62022;
    color: #fff;
    border: none;
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
    flex-basis: 16%;
}


button.tel_view:hover {
    background-color: #d11719;

}



.modal_v {
    display: none;
    width: 100%;
    height: 150vh;
    position: fixed;
    z-index: 999999;
    background-color: #f4f4f4;
    overflow-y: scroll;
}
.close_modal {
    padding: 10px 20px;
    font-size: 28px;
    color: #4646468f;
    display: flex;
    justify-content: flex-end;
}
.modal_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 80vh;
    justify-content: center;
}
.modal_zag {
    font-size: 36px;
    color: #333;
    margin: 10px 0;
    line-height: 36px;
}
.step_2 {
    display: none;
}
.step_3 {
    display: none;
}
.step_4 {
    display: none;
}
.form_block_min {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.modal_zag {
    font-size: 36px;
    color: #333;
    margin: 10px 0;
    line-height: 36px;
}

.modal_zag span {
    font-size: 29px;
    color: #ac0000;
    line-height: 17px;
}

.only_mobile {
    display: none!important;
}


.whatsapp {
    background-color: #27cb94 !important;
}



.lenta {
    display: flex;
    flex-direction: column;
    width: 32%;
    margin: 0 1% 15px 0;
}

.lenta_cont {
    display: flex;
    background-color: #fff;
    flex-direction: column;
    border-radius: 30px;
}


.lenta_cont:hover {
box-shadow: 1px 8px 15px 0px rgb(50 50 50 / 30%);
}



.otziv-buttons-block {
    display: flex;
    flex-wrap: wrap;
}



.lenta_foto img {
    max-width: 100%;
    border-radius: 30px;
}
.lenta_text {
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lenta_zag {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    padding: 0 0 10px 0;
}

.insta_button {
    background: radial-gradient(circle at -32% 66%, #fdf497 -12%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #fff;
    text-decoration: none;
    padding: 15px 45px;
    font-size: 18px;
    border-radius: 30px;
}
.stih-mini {
    margin: 35px 0 -10px 0;
    font-size: 18px;
}

.insta_button:hover {
background: radial-gradient(circle at -5% 66%, #fdf497 -12%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.lenta_button {
    display: flex;
    margin: 20px 0 0 0;
    justify-content: flex-end;
}

.lenta_foto {
   
    display: flex;
}



.lenta_opisanie {
    line-height: 28px;
    font-size: 18px;
}



.text-otziv-block {
    font-size: 24px;
    color: #333;
    font-weight: 900;
    display: flex;
    align-items: center;
    text-align: center;
}

.reiting-block {
    font-size: 52px;
    color: #e60000;
    font-weight: 900;
    justify-content: center;
    flex-direction: column;
}

.reiting-zag{
color: #333;
font-size: 28px;
}



.otziv-link img {
    width: 85px;
}


a.otziv-link {
    margin: 5px 10px 5px 0;
    padding: 15px 25px;
    text-align: center;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* -webkit-box-shadow: 1px 1px 5px 0px rgb(50 50 50 / 15%); */
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.15);
    /* box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%); */
    background-color: #f2f2f29e;
}

a.otziv-link:hover {

    background-color: #f2f2f2;
}

.stars {
    cursor: pointer;
}


a.classic-button-mr {
    display: block;
    padding: 15px 20px;
    background-color: #b62022;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    margin: 10px 2px;
}


.menu-m-box {
    display: flex;
    flex-basis: 24%;
    margin: 8px 0.5%;
    padding: 20px 2% 25px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
}

.menu-m-box:hover {
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 20px 0px rgb(50 50 50 / 30%);
    border-radius: 30px;
}

.menu-m-box:hover .cena-n{
    color: #b62022;
    
}

.header-hide {
    position: fixed;
    width: 96%;
    padding: 45px 2% 15px;
    margin: 10px 2% 0;
    z-index: 9999999;
    box-sizing: border-box;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
    overflow-y: scroll;
    max-height: 450px;
}


.partnerwarning {
    color: #fff;
    background-color: #b62022;
    margin: 0px 23px 0px;
    padding: 6px 15px;
    border-radius: 0 0 15px 15px;
    text-align: center;
    z-index: 99;
    position: absolute;
    font-size: 14px;
}


.only-mobile{
    display: none;
}



.cena-vibor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 10px 0;
    border-radius: 30px;
}
.po-parametram-in {

    width: 1150px;
}


.po-parametram{
    display: none;
}

.down-button-fix {
    bottom: 25px;
    position: fixed;
    padding: 0 2%;
    z-index: 9999;
    /* background-color: #fff; */
    /* width: 96%; */
}

.down-youtube-fix {
    bottom: 0;
    position: fixed;
    padding: 0 2%;
    z-index: 9999;
    text-align: right;
}

.youtube-close {
    font-size: 18px;
    margin: 0 0 7px 0;
    color: #5c5c5ca8;
}

.down-button {
    background-color: #b20002;
    color: #fff;
    border: none;
    margin: 15px 0!important;
    flex-basis: 49%;
    padding: 15px 25px!important;
    border-radius: 15px;
    font-size: 18px;
}

.down-button-full {
    background-color: #b20002;
    color: #fff;
    border: none;
    margin: 15px 0!important;
    flex-basis: 49%;
    padding: 15px 25px!important;
}

.down-button:hover {
    background-color: #d30002;
}




.modal-kids {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999999999;
    background-color: #333333c4;
}
.exit-block-kids {
    font-size: 24px;
    color: #50505091;
    display: flex;
    justify-content: flex-end;
    margin: -20px -27px 5px 0;
    cursor: pointer;
}


.modal-block-kids {
    padding: 35px 45px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 30px;
    max-height: 85vh;
    overflow-y: auto;
}
form.modal-form {
    display: flex;
    flex-direction: column;
}

.modal-tovar-block {
    display: flex;
    padding: 20px;
    margin: -30px 0 20px;
    border-radius: 12px;
    background-color: #fafafa;
}


.modal-tovar-img img {
    width: 125px;
    border-radius: 10px;
}

.modal-tovar-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    color: #505050;
    padding: 0 0 0 20px;
}

.modal-tovar-cena {
    font-weight: 100;
    color: #505050;
}



.modal-comment {
    padding: 20px 0;
    color: #7b7b7b;
}

.soglasie a {
    margin: 20px 17px 20px 11px;
    display: block;
}
.soglasie {
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.ui-visual-focus{
    box-shadow: none!important;
}

.exit-block {
    font-size: 24px;
    color: #50505091;
    display: flex;
    justify-content: flex-end;
    margin: -20px -27px 5px 0;
    cursor: pointer;
}



.information_block {
    background-color: #9c0000;
    color: #fff;
    font-weight: 900;
    padding: 20px 35px;
    font-size: 28px;
    border-radius: 0 8px 8px 0;
}
.down-button-fix-2 {
    bottom: 0;
    position: fixed;
    padding: 0 0 40px;
    z-index: 9999;
}


.close_information_block {
    color: #9c0000;
    display: flex;
    justify-content: flex-end;
    padding: 0 5px 8px 0;
    font-size: 21px;
    cursor: pointer;
}

.quiz-modal, .reg-modal, .auth-modal, .quiz-modal-ob-zvonok, .quiz-modal-pricep-zakaz, .quiz-modal-farkop {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #000000b8;
    z-index: 99999;
}

.filters-modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99999;
}

.quiz-exit, .reg-exit, .auth-exit {
    font-size: 24px;
    padding: 12px 20px;
    color: #c00;
    cursor: pointer;
    position: absolute;
    right: 0%;
    z-index: 99999999;
    background-color: #fff;
}
.quiz-content {
    background-color: #fff;
    margin: 0 8%;
    padding: 0 0 0 35px;
    border-radius: 30px;
    width: 100%;
}

.exit-filters {
    margin: -7px 0 25px 0;
    text-align: right;
    font-size: 18px;
    color: #858383;
    padding: 0 1px;
}

.filters-content {
    background-color: #fff;
    margin: 0 0 15px 2%;
    padding: 20px 1% 75px;
    border-radius: 30px;
    width: 25%;
    height: 72%;
    overflow-y: scroll;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
}
.filter-label {
    padding: 0 0 0 6%;
    font-weight: 400;
    font-size: 14px;
    color: #afafaf;
    position: relative;
    margin: 15px 0 -27px;
    width: fit-content;
}

.filter-button{
    position: fixed;
    bottom: 30px;
    left: 3%;
    width: 20%;
}

.filter-select {
    width: 90%;
    padding: 25px 5% 12px;
    border: none;
    background-color: #f3f3f3;
    margin: 0 0 10px 0;
    border-radius: 15px;
    font-size: 16px;
}

.fifty-fifty-input {
    display: flex;
}

.fifty-l {
    width: 40%;
    padding: 25px 5% 12px;
    border: none;
    background-color: #f3f3f3;
    margin: 0 0 10px 0;
    border-radius: 15px 0 0 15px;
    font-size: 16px;
    border-right: 1px solid #ececec;
}

.fifty-r {
    width: 40%;
    padding: 25px 5% 12px;
    border: none;
    background-color: #f3f3f3;
    margin: 0 0 10px 0;
    border-radius: 0 15px 15px 0;
    font-size: 16px;
}

.filters-content::-webkit-scrollbar {
    display: none;
}
.quiz-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 575px;
}

.quiz-left {
    padding: 35px 20px 35px 0;
    display: flex;
    flex-direction: column;
    min-width: 45%;
}

.quiestion {
    font-size: 28px;
    color: #333;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

.quiestion span {
    font-size: 18px;
    color: #b10000;
    padding: 10px 0 0 0;
}

.quiz-zag {
    color: #505050;
    font-size: 36px;
    padding: 0px 0 0 0;
    font-weight: 600;
}

.quiz-question {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 85%;
}

.quiz-question input {
    padding: 18px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 20px;
    margin: 0px 0 10px;
    width: 100%;
}
.quiz-question select {
    padding: 18px;
    background-color: #f3f3f3;
    border-radius: 20px;
    margin: 5px 0 15px;
    width: 100%;
    border: 1px solid #f3f3f3;
    cursor: pointer;
}

.quiz-centered {
    display: flex;
    align-items: center;
    position: relative;
    height: 95%;
}

.filters-centered{

    display: flex;
    align-items: flex-end;
    position: relative;
    height: 100%;

}

.quiz-checkbox i {
    padding: 0 12px 0 0;
}

.quiz-checkbox {
    padding: 20px!important;
    text-align: left!IMPORTANT;
    width: 100%;
    margin: 0 0 15px 0;
    line-height: 25px!IMPORTANT;
}


.quiz-right {
    height: 100%;
}

.quiz-right img {
    width: 550px;
    height: 100%;
}



#submit-send:disabled, #submit-send-2:disabled{
    background-color: #d2d2d2;
}


.otziv_include {
    /* margin: 25px 0; */
    display: block;
    position: relative;
    width: 45%;
    overflow: hidden;
    /* padding: 10px 0; */
}

.otzivi_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2%;
    margin: 25px 0px;
}

.stih {
    font-size: 24px;
    font-weight: 100;
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    padding: 0 45px;
    border-radius: 30px;
    font-weight: 800;
    font-style: italic;
}


.grey-zag {
    color: #565656;
    font-weight: 900;
    font-size: 36px;
    padding: 85px 0 10px 0px;
    text-align: center;
    width: 100%;
}

button.quiz-exit-2 {
    background-color: #bcbcbc;
}

.content-text {
    padding: 0 20%;
    margin: 35px 0 20px 0;
}

.only-zag {
    text-align: center;
    padding: 20px 0 35px 0;
    font-size: 46px;
    font-weight: 900;
    color: #333;
}


.youtube-video {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
border-radius: 30px;
}


.youtube-video iframe, .youtube-video object, .youtube-video embed {
position: absolute; 
top: 0; 
left: 0;
width: 100%;
height: 100%; 
}

.youtube-container {
    padding: 0 2% 45px;
}

.closed-vin{
    cursor: pointer;
    color: #b62022;
}

.closed-vin:hover{
   
    color: #464646;
}

.history-back {
    color: #a1a1a1;
    font-size: 16px;
}

a.vk_button {
    color: #fff;
    background-color: #597ba0;
    padding: 12px 35px 12px 35px;
    border-radius: 15px;
    font-weight: 100;
    font-size: 18px;
    width: fit-content;
}

a.vk_button:hover {
    
    background-color: #486a8d;
    
}

.head_with_bg_vk {
    width: 100%;
    min-height: 550px;
    background: url(../images/renault_bg_vk.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'BebasBold';
    color: #fff;
    font-size: 18px;
    justify-content: center;
    background-position-x: right;
}


.vk_white{
    color: #597ba0!important;
    background-color: #fff!important;
}

.vk_white:hover{
    color: #fff!important;
    background-color: #486a8d!important;
}

.sotrudniki {
    padding: 0 2%;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sotrudnik-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    padding: 0 0 25px 0;
    margin: 0 1% 35px 1%;
}

.sotrudnit-foto img {
    border-radius: 30px 30px 0 0;
    width: 100%;
}


.sotrudnit-foto {
    width: 100%;
   
}

.sotrudnik-block p {
    padding: 18px 0 0 0;
    font-weight: 600;
    font-size: 18px;
}


  .scale {
    display: inline-block; /* Строчно-блочный элемент */
    overflow: hidden; /* Скрываем всё за контуром */
   }
   .scale img {
    transition: 2s!important;
    display: block;
}
.scale img:hover {
    transform: scale(1.05);
}



.proverka-besplatno {
    display: flex;
    width: 92%;
    justify-content: space-between;
    padding: 25px 4%;
    background-color: #b62022;
    color: rgba(255,255,255,0.8);
    align-items: center;
    margin: 0 0 5px 0;
}

.proverka-zag {
    font-size: 48px;
    display: flex;
    flex-direction: column;
}


.proverka-zag span {
    font-size: 78px;
    /* font-weight: 900; */
}

.proverka-arrow {
    font-size: 18px;
    text-align: center;
}

.proverka-arrow i {
    font-size: 105px;

}


.proverka-link a {
    color: #fff;
    font-size: 250px;
}

.line-min {
    width: 95%;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid white;
    opacity: 0.5;
}

.advanced-params-param-title {
    color: #888888;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.ui-accordion-header-active{
     border: none!important;
    font-family: 'Magistral', 'calibri', arial!important;
    color: #333!important;
    background-color: #fff0!important;
}


.ui-icon.iconOpen {
    background: url('../images/chevron-down.svg') no-repeat!important;
    background-size: 30px!important;
    width: 27px;
    height: 23px;
}
.ui-icon.iconClosed {
    transform: rotate(270deg);
    background: url('../images/chevron-down.svg') no-repeat -5px!important;
    background-size: 30px!important;
    width: 20px;
    height: 20px;
}

.select-row, .input-row {
    padding: 16px 3% 16px 3%!important;
    border-radius: 20px;
    margin: 10px 0 10px 0;
    border: none;
    cursor: pointer;
    font-family: 'Magistral', 'calibri', arial;
    font-size: 16px;
    color: #444;
    width: 12%;
    background-color: #F5F5F5;
}

.select-row:hover, .input-row:hover, .select-row:disabled {

    background-color: #f9f9f9;

}


.scrolled {
    width: 100%;
}



.form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.form-row-label {
    width: 100%;
    margin: 12px 0 0;
    font-family: 'Magistral', 'calibri', arial;
    padding: 2px 0!important;
    border-radius: 8px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    margin: 25px 0 0 0!important;
}

.ui-icon-background{
    border: #3a3a3a!important;
    background-color: #ffffff;
}

input.switch {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 2em;
    width: 4em;
    border-radius: 15px;
    box-shadow: inset -2em 0px 0px 0px rgb(192 192 192);
    background-color: white;
    border: 1px solid rgba(192, 192, 192, 1);
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 0;
    cursor: pointer;
}


input.switch:disabled {
    opacity: 0.2;
}
input.switch:checked {
    box-shadow: inset 2em 0px 0px 0px rgb(182 32 34);
    border: 1px solid rgb(182 32 34);
}

input.switch:focus {
    outline-width: 0;
}

span.row-label-text {
    flex-basis: 60%;
}
span.row-label-cena {
    flex-basis: 17%;
    text-align: right;
}

.pricep_config {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    font-size: 18px;
    align-items: center;
}

.pricep_config span {
    color: #696969;
    font-weight: 900;
}

.pricep_config_itogo {
    font-size: 28px;
    border-top: 1px solid #d2d2d2;
}

.row-f i {
    padding: 15px 20px 15px 0;
    font-size: 21px;
    color: #5f5f5f;
}

.preem_block_pricepi {
    position: absolute;
    top: 0;
    z-index: 995;
    display: flex;
    font-size: 14px;
    padding: 15px 2%;
    width: 96%;
    justify-content: space-between;
}

.preem_block {
    padding: 10px 25px;
    max-width: 50%;
    text-align: center;
    margin: 0 2%;
    border: 1px solid #fff;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 25%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 1px 1px 7px 0px rgb(50 50 50 / 35%);
    background-color: #fff;
}

.preem_block:hover {
color: #fff!important;
    background-color: #b62222;
    border: 1px solid #b62222;
    cursor: default;
}

.preem_block:hover i{
color: #fff!important;

}


.preem_block i {
    color: #b62022;
    padding: 0 5px 0 0;
}


.ui-tooltip, .arrow:after {
    font-family: 'Magistral', 'calibri', arial!important;
    border-radius: 8px!important;
        -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%)!important;
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15)!important;
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%)!important;
    padding: 10px 20px!important;
  }


a.pricep-podrobnee-button {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 0;
    margin: 0 10px 0 0px;
    font-size: 14px;
    background-color: #b62022;
    border-radius: 12px;
    color: #fff;
    padding: 8px 20px;
}


button.pricep-filters-button {
    background-color: #bbb;
    padding: 10px 25px;
    
    font-size: 16px;
}

.white-button, button.white-button {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 12px;
    color: #5f5f5f;
    margin: 0 10px 0 0;
}
.white-button:hover, button.white-button:hover {
    background-color: #b62022;
    
    color: #fff;
}

.ratio-with-image {
    background-color: #fff;
    border: none;
    flex-basis: 31.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    margin: 10px 1% 10px 1%;
    padding: 0px 0 20px 0;
    position: relative;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 21px;
}
.ratio-with-image:hover{
border: none;
background-color: #fff;
-webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 45%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.45);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 45%);
}

.config-ratio-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}

.config-ratio-block-50{
    max-width: 50%;
}

.config-ratio-block img {
    width: 100%;
    border-radius: 30px;
    padding: 0 0 20px 0;
}

.block-for-conf-block {
    padding: 0 10%;
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.configurator-block {
    width: 100%;
    background-color: #fff;
    padding: 5%;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%)!important;
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15)!important;
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%)!important;
    margin: 10% 0;
}



.pricep-configurator-header {
    position: fixed;
    padding: 20px 10%;
    background-color: #fff;
    width: 80%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    z-index: 999;
    justify-content: space-between;
    display: flex;
}

.pricep-configurator-footer {
    position: fixed;
    bottom: 0;
    padding: 20px 10%;
    background-color: #fff;
    width: 80%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pricep-configurator-footer img {
    width: 145px;
}

.configurator-block h2 {
    font-size: 28px;
    color: #787878;
    margin: 0;
}

.configurator-block h3 {
    font-size: 21px;
    font-weight: 100;
    line-height: 32px;
    color: #5b5b5b;
}

.pricep-configurator-header img {
    width: 220px;
}
.pa-tech {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #727272;
    font-weight: 100;

}

.pa-tech img {
    width: 145px;

}

.configurator-block h1 {
    color: #7a7a7a;
    margin: 0 0% 15px 0%;
}

button#send_config {
    width: fit-content;
}



.progres-bar {
    width: 100%;
    height: 20px;
    border-radius: 20px;
    background-color: #dadada;
    margin: 0 0 10px 0;
}

.done-bar {
    background-color: #b62022;
    height: 100%;
    border-radius: 20px 0 0 20px;
}


.warrning_message {
    background-color: #b62022;
    color: #fff;
    padding: 15px 25px;
    width: 35%;
    border-radius: 10px;
    margin: 12px 0 0 0;
}


.light-grey{
color: #909090;
}

.include_map{
    width: 100%;
}


.include_map iframe{
    margin: 15px 0 0 0;
    border-radius: 30px;
}

.aling_items_center{
    align-items: center;
}



.render-photo-link img {
    width: 100%;
}



/* Основные стили блока фильтров */
.car-filters-from-white-block {
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 50px 0;
  margin: 35px 2%;
  width: 96%;
  border-radius: 30px;
  -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
  -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.car-filters-center-block {
    width: 96%;
}

.car-filters-content {
  width: 100%;
}

.car-filters-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Строки фильтров */
.car-filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/* Группы фильтров */
.car-filters-group {
  flex: 1;
  min-width: 200px;
  position: relative;
}

/* Контейнер для кнопки */
.car-filters-button-container {
  display: flex;
  align-items: flex-end;
}

/* Подписи */
.car-filters-label {
  padding: 0 0 0 12px;
  font-weight: 400;
  font-size: 14px;
  color: #afafaf;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
}

/* Одиночные select */
.car-filters-select {
  width: 100%;
  padding: 25px 12px 12px;
  border: none;
  background-color: #f3f3f3;
  margin: 0;
  border-radius: 15px;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  height: 56px;
}

/* Парные select (от/до) */
.car-filters-fifty-input {
  display: flex;
  width: 100%;
  gap: 1px;
}

.car-filters-fifty-l,
.car-filters-fifty-r {
  padding: 25px 12px 12px;
  border: none;
  background-color: #f3f3f3;
  margin: 0;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 56px;
  box-sizing: border-box;
}

.car-filters-fifty-l {
  width: 50%;
  border-radius: 15px 0 0 15px;
}

.car-filters-fifty-r {
  width: 50%;
  border-radius: 0 15px 15px 0;
}

/* Кнопка отправки */
.car-filters-button {
  

  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 100%;
 
}


 .container {
            margin: 35px 2%;
            width: 96%;
            display: flex;
            gap: 2%;
            align-items: flex-start; /* Добавлено для выравнивания по верху */
        }
        
        .payment-section {
            background-color: white;
            border-radius: 30px;
            padding: 25px;
            margin: 12px 0;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 30%;
            position: relative;
            min-height: 470px;
            display: flex;
            flex-direction: column;
        }
        
        .section-content {
            flex: 1; /* Занимает все доступное пространство, кроме цены */
        }
        
        .section-title {
            font-size: 1.2em;
            font-weight: bold;
            margin-bottom: 20px;
            color: #2c3e50;
            padding-bottom: 10px;
            border-bottom: 2px solid #eee;
        }
        
        .payment-row {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed #eee;
        }
        
        .payment-row:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        
        .payment-when {
            margin-bottom: 10px;
            color: #555;
            font-size: 0.95em;
        }
        
        .payment-includes {
            padding-left: 15px;
        }
        
        .includes-item {
            margin-bottom: 8px;
            position: relative;
            padding-left: 15px;
            font-size: 0.9em;
        }
        
        .includes-item:before {
            content: "•";
            position: absolute;
            left: 0;
            color: #3498db;
        }
        
        .price-footer {
            margin-top: auto; /* Прижимаем к низу */
            padding-top: 15px;
            border-top: 2px solid #eee;
            font-weight: bold;
            font-size: 1.1em;
            color: #2c3e50;
            text-align: center;
        }


  .avg-price-block {
   
    margin: 20px 2%;
    
}

.avg-price-block h3 {
    color: #5f5f5f;
    margin-bottom: 15px;
    font-size: 1.1em;
}

.price-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 50px;
}

.category {
    background: white;
    padding: 15px;
    border-radius: 30px;
    text-align: center;
}

.age-group {
    color: #808080;
    font-weight: 600;
    margin-bottom: 8px;
}
.volume-info {
    color: #afafaf;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.price-won {
    color: #5f5f5f;
    font-size: 1.2em;
    margin: 5px 0;
}

.price-rub {
    color: #c0392b;
    font-size: 1.2em;
    font-weight: bold;
}

.count {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-top: 5px;
}






























        
        /* Адаптивность */
        @media (max-width: 1024px) {
            .payment-section {
                width: 48%;
            }
        }
        
        @media (max-width: 768px) {
            .container {
                width: 96%;
                margin: 15px 2%;
                flex-direction: column;
            }
            
                .payment-section {
                width: 86%;
                min-height: auto;
                position: static;
                padding: 20px 7%;
            }
        }



/* Адаптивность */
@media (max-width: 1199px) {
  .car-filters-group {
    min-width: calc(50% - 10px);
  }
}

@media (max-width: 767px) {
  .car-filters-group {
    min-width: 100%;
  }
  
  .car-filters-row {
    gap: 15px;
  }
  
  .car-filters-button {
    margin-top: 10px;
  }
}








@media screen and (min-width: 1500px){


#center-head {
    background-image: none;
    width: 100%;
    height: 285px;
    z-index: 1;
    position: relative;
    margin: 20px 0 0 0;
}
}


.otz_white_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.otz_white_box {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    padding: 25px 30px;
    width: 100%;
    margin: 15px 0;
    border-radius: 30px;
    background-color: #fff;
    font-size: 21px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.otz_white_box:hover{
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 35%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 35%)
}


.res-predoplata-calc {
    top: 115px;
    right: 0;
}

.pred_calc_block {
    padding: 35px 45px;
    margin: 20px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    max-width: 500px;
}
.calc-pred-delet {
    color: #a5a5a5;
    position: relative;
    top: -25px;
    right: 30px;
    cursor: pointer;
}



span.old_cena {
    text-decoration: line-through;
    text-decoration-color: red;
    padding: 0;
}




.image-block > img {
    display: none;
    width: 100%;
    height: auto;
}

  .calc-type-color-items-item, .calc-type-vors-color-items-item {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 20px 0
}

.calc-type-color-items-tooltip, .calc-type-vors-color-items-tooltip {
    flex-basis: 27%;
    text-align: center;
    cursor: pointer;
    padding: 20px 15px;
    border-radius: 30px;
    background-color: #d4d4d42b;
    margin: 1% 1% 0 0;
}

.calc-type-vors-title {
    text-align: center;
    padding: 0 0 15px 0;
    font-weight: 600;
    font-size: 21px;
}

.calc-type-color-items-tooltip:hover, .calc-type-vors-color-items-tooltip:hover {

    background-color: #d4d4d461;
   
}

.calc-type-items-item.active, .calc-type-vors-items-item.active{
  background-color: #d4d4d4a6;
}



.calc-type-items-item, .calc-type-vors-items-item {
    text-align: center;
    flex-basis: 20%;
    padding: 2%;
    border-radius: 30px;
    background-color: #fdfdfd;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calc-type-items-item:hover {
  background-color: #d4d4d42b;
}

.calc-type-color-items-item.active, .calc-type-vors-color-items-item.active {
    display: flex;
}

.image-block {
    height: 100%;
    flex-basis: 45%;
}
 
.image-block img {
    position: absolute;
    width: 100%;
    border-radius: 30px;
}


.calc-type-items, .calc-type-vors-items {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.calc-type-color-items-tooltip img {
    width: 85%;
}

.calc-type-color-items {
    font-size: 14px;
}
.image-block-in {
    position: sticky;
    top: 20%;
    bottom: 0;
    height: 473px;
}

form.classic_form {
    display: flex;
    flex-wrap: wrap;
}


form.classic_form:after {
  content:'';
  width:100%;
  order:0;
}

.input_block {
    display: flex;
    flex-direction: column;
    flex-basis: 48%;
    margin: 0 2% 0 0;
}

.input_block.new-string,
.input_block.new-string ~ .input_block {
  order:1;
}

.opisanie-kovrik {
    flex-basis: 100%;
    padding: 20px 0;
    font-size: 18px;
    font-weight: 600;
}

.calc-price {
    text-align: center;
    padding: 20px 0;
    font-size: 28px;
    font-weight: 900;
    color: #b62022;
}


.pricep-but-block {
    margin: 0 2%;
    display: flex;
    width: 96%;
    overflow-x: scroll;
    padding: 15px 0;
}



.adress-pricep-box {
    background-color: #fff;
    padding: 10px 20px;
    margin: 0 10px 0 0;
    border-radius: 30px;
    min-width: fit-content;
}

.pricep-city {
    font-size: 19px;
    font-weight: 900;
}

.pricep-phone{
    font-weight: 600;
    margin: 10px 0 0 0;
}

.pricep-phone a {
 
    color: #808080;
}

.pricep-adress {
    font-size: 14px;
}



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

.warrning_message {

    width: auto;

}
	a{
		-webkit-appearance: none;
	}



	select{

		-webkit-appearance: none;
	}

	hr {
    margin: 1px;
    border: 1px solid #e6e6e6;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 24px;
}

.menu-m-box {
    flex-basis: 100%;
    font-size: 16px;
    color: #333;
    margin: 5px 0;
    padding: 25px 7%;
}


div#articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 96%;
    padding: 20px 2% 50px;
}

.zapis_block {
    margin: 0;
}

.down_button{

	display: block;
}

.flex_block_aling_center {
    display: flex;
    align-items: center;
    min-width: 90%;
    flex-direction: column;
}

.left_info_diagnostika {
    font-family: 'BebasBold';
    color: #333;
    font-size: 26px;
    padding: 5px 30px;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
}

.price-categories {
    gap: 20px;
}

.right_info_diagnostika {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
     padding: 5px 30px;
    font-size: 22px;
    color: #333;
    text-align: center;
}

.preloader {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 45%;
    top: 45%;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 10;
    transform-origin: 50%;
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.from-white-block-n-a {
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 25px 2%;
    width: 92%;
    margin: 15px 2%;
}
.from-white-block-n-a-g {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin: 0;
}
.zag-mini-header {
    font-size: 58px!important;
}
.input-block select {
    padding: 30px 50px;
    border-radius: 30px;
    border: 1px solid #afaaaa;
    margin: 10px 0 0 30px;
    font-size: 52px;
}
.cont-block-n {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cont-block-n-full{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.cont-block-n-p-p {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .raschet_encar_block {
        flex-basis: 80%;
        margin: 20px 0;
    }

.haracters_zag_p {
    flex-basis: auto;
}

.char-l-n-a-p {
    font-size: 17px;
    line-height: 32px;
    width: 100%;
    padding: 10px 2%;
    color: #606060;
}

.signup {
    padding: 0;
    max-width: 920px!important;
    width: 100%;
}


.menu-tech-l img {
    width: 25px;
    padding: 0 15px 0 0;
}
.car_list_li {
    font-weight: 400;
    line-height: 42px;
}

.car_list {
    display: block;
    columns: 2;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0 1%;
    /* max-height: 250px; */
}

.open_marks {
    color: #b10000;
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
}

#more {
    color: #464646;
    font-size: 21px;
    font-weight: 400;
    display: flex;
    text-align: center;
    padding: 25px 0;
    background-color: #fff;
    margin: 25px 15px 25px;
    border-radius: 30px;
    flex-direction: column;
    align-items: center;
}

.loader {
    width: 170px;
    margin: -25px 0 -25px 0;
}

.fixed-button {
    width: 445px!important;
    height: 35px!important;
}
.prodazha-zag {
    font-size: 24px;
    padding: 10px 20px 20px;
}

.prodazha-zag span {
    color: #b62022;
    font-weight: 400;
    font-size: 18px!important;
}

.req_select {
    
    border: 3px solid #ffbdbd;
    width: 900px;
    background-color: #eeeeee;
    font-size: 24px;
}

.message {
    width: 85%;
    font-size: 8px!important;
}

.owl-item {
    max-height: 640px!important;
}

.for-blog-block {
    width: 980px;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    padding: 0 30px;
}
.cred_informer {
    font-size: 18px;
    padding: 55px;
}
.for-blog-block-2{

    display: none;

  
}

#datepicker {
    font-size: 16px!important;
}

.want_time {

    width: 100%;
}

.input-block input[type="text"] {
    padding: 15px 15px;
    border-radius: 15px;
    border: 1px solid #f3f3f3;
    margin: 5px 0 0 10px;
    font-size: 18px;
}


.input-block select {
    padding: 15px 15px;
    border-radius: 15px;
    border: 1px solid #f3f3f3;
    margin: 5px 0 0 10px;
    font-size: 18px;
}

.pod-zag-kred {
    color: #808080;
    margin: 8px 20px;
    font-weight: 900;
    font-size: 24px;
    width: auto;
}
.input-block label {
    font-size: 14px;
    color: #333;
    margin: 0 0 0 5px;
    padding: 0px 15px 5px 5px;
}
.button-in-text{
      border: none!important;
    padding: 25px 20px!important;
    font-size: 36px!important;
    color: white!important;
    background-color: #b62022!important;
    border-radius: 8px!important;
    cursor: pointer;
    margin: 26px!important;
    text-align: center!important;
}

a.link_mobile {
    font-size: 14px;
    text-decoration: none;
    color: #898989;
}

.label-soglasie{
    display: block; 
    width: auto; 
    margin: 20px;
}

.input-block {
    padding: 8px;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
}

.for-blog-block img{

  margin: 20px 0;
  min-width: 920px;
}

.new-modal-form {
    background-color: #f4f4f4;
    padding: 30px!important;
    border-radius: 30px;
    width: 900px;
}

.ui-widget {
    font-size: 1em!important;
}


a.classic_button {
    color: #fff!important;
    background-color: #b10000;
    padding: 15px 25px;
    border-radius: 15px;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px!important;
    text-align: center;
    display: block;
    font-weight: 400;
}
.shinomontazh_block img {
    max-width: 200px;
    display: none;
}
.shinomontazh_block {
    display: flex;
    justify-content: space-around;
    padding: 50px 25px;
    align-items: center;
    background-color: #fff;
}

.shinomontazh_block p {
    font-size: 68px;
    line-height: 82px;
    font-weight: 900;
    color: #333;
    text-align: center;
}



.block-zadazha {
    padding: 20px;
    margin: 10px;
    line-height: 45px;
    flex-basis: 50%;
    max-height: fit-content;
    font-size: 36px;
}



input.button-up {
    font-size: 36px;
    border-radius: 10px!important;
    margin: 0 0 0 20px;
}


.classic-input {
    width: auto;
    padding: 15px 25px;
    color: #6d6d6d;
    border-radius: 15px;
    border: 1px solid #8a8a8a;
    font-size: 36px;
}

.center-block-a-n-p p {
    font-size: 24px;
    padding: 0 5px;
    margin: 10px 0;
    display: block;
}


.lobm-z-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px 15px 10px!important;
}

.zag-lomb {
    font-size: 32px;
    font-weight: 900;
    color: #3c3c3c;
    margin: 25px 0 20px 0;
    width: 100%;
    text-align: center;
}

.pod-zag {
    font-size: 22px;
    margin: 0 0 5px 0;
    font-weight: 400;
    color: #444;
    width: 100%;
    text-align: center;
}

ul.zadat-vopros {

    width: 88%;

}

.pod-cast {
    font-size: 18px;
    line-height: 36px;
    color: #505050;
    margin: 0 0 15px 0;
}


.dop-info-n img {
    max-width: 100%;
}

a.up-button-r {
    padding: 10px 5px;
    margin: 0;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
}
.ui-button {
    font-size: 18px!important;
    margin: 5px 15px!important;
}
.client-block-h {
    display: flex;
    background-color: #b62022;
    padding: 0 2%;
    color: #fff;
    font-size: 14px;
    justify-content: flex-end;
    align-items: center;
    width: 92%;
}

.client-block-h i {
    padding: 0 5px;
    cursor: pointer;
}
iframe#ytplayer {
    /*width: 100%!important;
    height: 230px!important;*/
}

.swiper-container {
    width: 100%;
}

.swiper-slide img {
    width: 100%;
    border-radius: 20px;
    margin: 0 5px 0 0;
}

.center-block-a-n-f {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 0px 2%;
}

.center-block-a-n-k {
    max-width: 100%;
}
.vml-menu-f a {
    color: #5f5f5f;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 0px 0px 3%;
}

.row-f {
    color: #5f5f5f;
    text-decoration: none;
    padding: 0px 0px 0px 3%;
    font-size: 18px;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}



  .center-block-a-n-p a {
    color: #464646;
    text-decoration: none;
    font-size: 88px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.center-block-a-n {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    width: 100%;
}


.center-block-a-n-otz {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}


.signup a {
    text-decoration: none;
    color: #4f4f4f;
    margin: 20px 15px!important;
    flex-basis: 100%;
    font-size: 14px;
}

.signup input {
    padding: 15px 15px;
    margin: 5px 15px;
    border-radius: 15px;
    border: 1px solid #e1e1e1;
    font-size: 18px;
    background-color: #f1f0f0;
}

.classic_inp {
    margin: 5px 0!important;
}
.signup textarea {
   
    margin: 0 15px;
   
}

.up_zag_z_modal {
    color: #333;
    font-size: 18px;
    max-width: 570px;
    font-weight: 900;
}

.z_modal {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 10px 20px 25px 20px;
    border-radius: 30px;
    margin: 0px 10px;
}

.signup lable {
    color: #5f5f5f;
    margin: 0px 0 0 0;
    padding: 10px 15px 2px 15px;
    font-size: 14px;
}

input#go {
    margin: 15px 15px;
    padding: 10px 35px;
    -webkit-appearance: none;
    background-color: #b62022;
    text-align: center;
    font-size: 18px;
}

.signup label {
    color: #5f5f5f;
    margin: 12px 0 4px 0;
}

.classic-lable {
    color: #5f5f5f;
    margin: 20px 0 0 0;
    padding: 5px 15px 0px 15px;
    font-size: 14px;
}


.signup select {
    padding: 15px 15px;
    margin: 0 15px;
    border-radius: 15px;
    border: 1px solid #e7e7e7;
    font-size: 18px;
    background-color: #f0f0f0;
}

.up-zag h1 {
    display: flex;
    flex-direction: column;
}

.up-zag span {
    padding: 0;
}

input.button {
    margin: 35px 30px 0px 30px;
}

.soglasie_block {
    display: flex;
    align-items: center;
    margin: 0 15px;
}

input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin: 15px 10px 0 15px;
}
.center-block-a-n-p {
    /* flex-basis: 50%; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center!important;
}



.center-block-a-n-p a {
    color: #464646;
    text-decoration: none;
    font-size: 88px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.center-a-n-t {
    background: url(../images/ugol.svg);
    color: white!important;
    padding: 5px 370px 5px 20px;
    width: 180px;
    display: flex;
    align-items: center;
    background-size: 100%;
}

.social-select {
    border: 1px solid #d5d5d5;
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 18px!important;
    width: 75%;
    font-weight: 400!important;
    background-color: #f6f6f6;
}

.owl-width{
  max-width: 100%;
}


.down_button {
    position: fixed;
    bottom: 0;
    margin: 0 0 25px 10px;
    z-index: 99999999;
    width: 65%;
}

.carusel-block {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.up-car-name {
    display: flex;
    padding: 0 2%;
    align-items: flex-start;
    flex-wrap: wrap;
}
h1.car-name-zag {
    font-size: 28px;
    padding: 0 10px 0 0;
    color: #585858;
}



.up-cena-block {
    font-size: 28px;
    color: #b62022;
}
.char-zag-n {
    font-size: 21px;
    padding: 0 0 20px 0;
    font-weight: 600;
}

.owl-width-max {
    max-width: 960px;
    padding: 20px 0;
}

.menu-n {
    display: none;
}

a.marka-count-block-n {
    text-decoration: none;
    padding: 4px 0;
    color: #464646;
    font-size: 14px;
}
img.logos-img {
    width: 27px;
    padding: 0px 5px 0 0px;
}

.marka-count-block-n span {
    color: #8f8f8f;
    font-weight: 600;
    font-size: 14px;
}

.classic-button {
    margin: 5px;
    color: white;
    padding: 12px 25px;
    border-radius: 15px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
}

.classic-button-c {
    margin: 5px 0;
    background-color: #b62022;
    color: white;
    padding: 10px 0;
    border-radius: 15px;
    text-decoration: none;
    font-size: 18px;
    flex-basis: 48%;
    text-align: center;
}
.fancybox-button {
    height: 55px!important;
    width: 80px!important;
}

.fancybox-button--arrow_right .fancybox-button--arrow_left{
  padding: 0!important;
}

.header-n {
    background-color: #fff;
    width: 88%;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 0 4%;
    margin: 15px 2% 0;
    height: 60px;
    border-radius: 20px;
}
a.menu-list.fa-chevron-down-a {
    display: none;
}

.client-block-h-r {
    flex-basis: 0%;
    display: flex;
    justify-content: flex-end;
}


.logo-n img {
    height: 18px;
    margin: 3px 0 0 0;
}

.logo-n-p img {
    height: 20px;
    margin: 4px 0 0 5px;
}

.logo-n {
    padding: 0 5px;
}

.logo-n-n img {
    width: 200px;
    margin: 5px 0 0 0;
}

.logo-n-n {
    padding: 0 5px;
    display: flex;
    justify-content: center;
}

.phone-n {
    display: flex;
    justify-content: flex-end;
    font-size: 28px;
    font-weight: 600;
    align-items: center;
    text-decoration: none;
    color: #464646;
    font-family: 'BebasBold';
    padding: 3px 0 0 0;
    flex-basis: 52%;
}

.wha-button {
    color: #26d079;
    flex-basis: 25%;
}

.wha-button:hover {
    color: #26d079;
    flex-basis: 25%;
}

.from-white-block-n {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    padding: 20px 0;
}


.h1-n {
    font-size: 26px;
    font-weight: 600;
    padding: 0 0 20px 0;
    text-align: center;
}

.search-mobile-but-n {
    display: flex;
    justify-content: center;
    padding: 15px 25px;
    border-radius: 15px;
    background-color: #b62022;
    color: white;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 400;
}


.search-mobile-but-n-b{
    display: flex;
    justify-content: center;
    padding: 45px 90px;
    border-radius: 20px;
    background-color: #b62022;
    color: white;
    margin: 0 25px;
    font-size: 36px;
    font-weight: 400;
}


.car-block-n {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-radius: 30px;
}

.car-mark-n {
    display: flex;
    flex-direction: column;
    padding: 10px 4%;
}

.marka-model-n {
    font-size: 21px;
    padding: 0;
}

.cena-n {
    -webkit-appearance: none;
}

.cena-n-m {
    -webkit-appearance: none;
}

.cont-block-n-a {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.carusel-img-block{
  margin: 0;
}
.carusel-img {
    max-width: 100%;
    border-radius: 0px;
    margin: 5px 0 0 0;
}

.classic-button-m {
    display: block;
    padding: 20px;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
    margin: 0;
    font-size: 16px;
    text-align: center;
    width: auto;
    font-family: 'Magistral', 'calibri', arial;
}

.like_button {
    display: flex;
    align-items: center;
    color: #5f5f5f;
    padding: 10px 15px;
    margin: 10px 5px 0 5px;
    width: 75px;
    border-radius: 15px;
    cursor: pointer;
    background-color: #e5e5e5;
    font-weight: 900;
    width: 135px;
    text-align: center;
    font-size: 16px;
    justify-content: center;
}

.char-n {
    display: flex;
    padding: 0 0 5px;
    font-size: 14px;
    flex-wrap: wrap;
}

.char-l-n-a {
    font-size: 18px;
    width: 375px;
    padding: 10px 1%;
    color: #606060;
}

.h-cena-block {
    font-size: 18px;
}

a.but-n-a {
    padding: 15px 20px;
    margin: 10px 0 0 0;
    background-color: #b62022;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    display: block;
    text-align: center;
    line-height: normal;
}

.telegram_block a {
    background-color: #0088cc;
    color: #fff;
    text-decoration: none;
    padding: 15px 35px;
    border-radius: 15px;
    font-size: 21px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telegram_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #fff;
    font-size: 24px;
    color: #383838;
    font-weight: 600;
}


.soc_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #fff;
    font-size: 24px;
    color: #383838;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.dop-info-n {
    margin: 0px 0 0 0;
    font-size: 18px;
    padding: 5px 15px;
    font-weight: 400;
    color: #636363;
    line-height: 32px;
}

.dop-info-n-a {
    margin: 0;
    font-size: 18px;
    padding: 5px 2%;
    font-weight: 400;
    color: #636363;
    line-height: 32px;
}

.cena-vibor {
    justify-content: space-between;
    width: 100%;
}
.header-phone {
    display: none;
}
.up-zag {
    width: 88%;
    margin: 5px 2% 15px;
    border-radius: 30px;
}

.button-whatsapp-me a {
    background-color: #00e676;
    color: white;
    padding: 15px 0px;
    margin: 15px 0 0 0;
    font-size: 18px;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    text-decoration: none;
}


.car-name-zag {
    font-size: 24px;
    padding: 0;
    color: #585858;
    font-weight: 600;
    text-align: center;
}

    .car-name-zag-k {
        font-size: 24px;
        padding: 30px 0 5px 0px;
        color: #585858;
        font-weight: 600;
        text-align: center;
        width: 100%;
    }

.shin_block {
    flex-basis: 65%;
    margin: 0;
}

.price_block {
font-size: 18px;
    position: relative;

}

button.auth-open {
    margin: 0;
}

.car-name-pod-zag {
    font-size: 18px;
    padding: 0 10px 20px 0;
    color: #383838;
    font-weight: 600;
    text-align: center;
}

.submit_zapis {
    border: none;
    padding: 15px 0px!important;
    margin: 10px 0 0 0!important;
    font-size: 18px!important;
    color: white;
    background-color: #b10000;
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    
    width: 100%!important;
}

.price_block {
    padding: 35px;
    margin: 25px 0 0 0;
}

.zapis_block p {
    font-size: 18px;
    padding: 0;
    color: #444;
    font-weight: 600;
    line-height: 60px;
}

.zapis_block span {
    font-weight: 100;
    font-size: 18px;
}

.price_shin_block {
    flex-basis: 35%;
    padding: 0;
}

.button-whatsapp-me {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}


.char-r-n {
    flex-basis: 50%;
    font-size: 14px;
    line-height: normal;
    padding: 0 0 0 15px;
}

.char-n-n span {
    font-weight: 600;
    flex-basis: 50%;
}

hr.hr-n {
    
    width: 95%;
    
}

.al-left-n{
  display: flex;
  justify-content: flex-end;
}


a.but-n {
    text-decoration: none;
    color: #fff;
    background-color: #b62022;
    padding: 22px 100px;
    border-radius: 12px;
    font-size: 18px;
}

.heard {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #b62022;
}


.heard-active {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #b62022;
}



.m-menu {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    z-index: 99999999999999999;
    left: -100%;
    flex-direction: column;
    align-items: center;
}

.exit {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 5px 0px 5px 0;
}

.exit-button {
    font-size: 26px;
    color: #cccccc;
    padding: 0 10px 0 0;
}


.white_block_c {
    display: flex;
    margin: 25px;
    padding: 25px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.35);
    flex-wrap: wrap;
}

.cont_c img {
    width: 100%;
    padding: 0 0 20px 0;
}

.zag_c {
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    margin: 0 25px 10px 0;
    min-width: 250px;
}


.cena_c {
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #81ffa7;
    background-color: #deffed;
    color: #34ff98;
    font-size: 16px;
    font-weight: 500;
    margin: 0 25px 0 0;
    max-width: 100%;
    text-align: center;
}

.har_c {
    max-width: 100%;
    margin: 15px 0 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #464646;
}


.opis_c {
    max-width: 100%;
    font-size: 22px;
    color: #464646;
    margin: 0 20px 20px 0;
    min-height: 90px;
    max-height: 90px;
}


.status_c img {
    width: 200px;
    cursor: pointer;
}

.button_c {
    color: white;
    text-decoration: none;
    background-color: #9e0000;
    padding: 25px 50px;
    border-radius: 10px;
    text-align: center;
    margin: 15px 0 15px 0;
    width: 100%;
}
.cont_c {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-width: 89%;
}


.exit img{
  width: 30px;
}



.vm-menu {
    display: flex;
    /* justify-content: space-around; */
    width: 95%;
    /* margin: 0 30px; */
}

.vml-menu {
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px 20px 0;
}

.vml-menu a {
    color: #333;
    text-decoration: none;
    padding: 5px 0 12px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sign-up-block a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #b62022;
    border-radius: 15px;
    padding: 25px 85px;
    /* width: 451px; */
    /* display: flex; */
    margin: 0px 0px 0 20px;
    background-color: #b62022;
    font-size: 18px;
}





.line{

  width: 95%;
  margin: 50px 0 0 0;
  padding: 50px 0 0 0;
  border-top: 1px solid white;
  opacity: 0.5;
}


.line-min {
    width: 95%;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid white;
    opacity: 0.5;
}



.vm-menu-button-white{


  color: white;
  font-family: "roboto";
  border: 1px solid white;
  border-radius: 50px;
  padding: 15px 35px;
  text-decoration: none;
  margin: 0 20px 0 0;
  font-size: 2em;
  
}

h5{


  color: #b62022;
  font-family: "roboto";
  padding: 20px 0 10px 0;
  text-decoration: none;
  margin: 0;
  font-size: 2em;
  
}



#up-head {
    background-color: #3b3b3b;
    height: 40px;
    position: relative;
    width: auto;
    z-index: 10000;
    padding: 20px 10px;
}

#right-head {
    float: right;
    font-size: 32px;
    color: white;
}



.nav-mob{
display: flex;

}



#content{

width: auto !important;

}
#prod{

margin: 20px 15px;


}

#logo {
    float: right;
    width: 150px;
    margin: 45px 50px 0 0px;
}

.nav-mob {
    display: flex;
    
    padding: 45px 0px 0 50px;
}


#pblock{

width: 190px;
}

#nav-up {
    
    display: none;
}

#nav-down {
    
    display: none;
}

#nav-up a{

margin: 0 0 0 10px;
padding: 20px 20px;
}


#nav-down a{

margin: 0 0 0 10px;
font-size: 21px;
}


.prodm {
    width: 970px;
    margin: 40px 5px;
    height: 1100px;
}
.prodm img{

width: 970px;

}

#car-namem{


width:970px;
height: 80px;


}

#car-namem p {
    font-size: 18px !important;
    margin: 15px 0 0 0;
}

#pricem {
	background-color: #b62022;
	padding: 13px 12px;
	color: white;
	font-size: 22px;
	width: 135px;
	float: left;
	text-align: center;
}

#pricem {
    background-color: #b62022;
    padding: 25px 15px;
    color: white;
    font-size: 18px;
    width: 450px;
    float: left;
    text-align: center;
}

#pricem p {
    font-size: 18px;
}

#buttom-buym a {
	text-decoration: none;
	color: white;
	float: right;
	background-color: #333333;
	padding: 25px 12px;
	color: white;
	font-size: 18px;
	width: 46%;
	text-align: center;
}

#cont4 {

margin: -200px 0 0 0!important;


}


#bpoisk {
   
    background: #fff none repeat scroll 0 0;
    border-color: #cecece;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    cursor: pointer;
    float: right;
    font-size: 18px;
    margin: 35px 0;
    padding: 15px 16px 15px;
}


.search {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #cecece;
    float: right;
    font-size: 16px;
    height: 50px;
    margin: 35px 15px 12px 0;
    padding: 0 0 0 15px;
    width: 860px;
}


.sorch p {
    color: white;
    font-size: 26px !important;
    text-align: left;
    padding: 14px 0 0 15px;
    float: left;
}



.preem-romb {
    background-image: url(../images/romb.png);
    width: 300px;
    height: 300px;
    margin: -140px 5px 0px 5px;
    background-size: cover;
}



.sorch{
  display: none;
}



#center-head {
    background-image: url(../images/bg-head.png);
    width: 100%;
    height: 350px;
    z-index: 1;
    position: relative;
}


.prodm span {
    display: inline;
}

.char {
    margin: 0 0 10px 0;
    font-size: 52px!important;
    line-height: 72px;
}


.youtube{

      margin: -170px 0 0 0!important;
}

.youtube2{

      height: : 500px!important;
}

.insta_block_2{
color: white!important;    
padding: 55px 0!important; 
align-items: center;
flex-direction: column;
}


.search-block {
    display: none;
    flex-direction: column;
    padding: 50px 25px;
    margin: 12px;
    background-color: #f5f5f5;
}


.search-block-n {
    display: none;
    /* flex-direction: column; */
    padding: 25px 25px;
    background-color: #f5f5f5;
    position: fixed;
    width: auto;
    height: -webkit-fill-available;
    overflow-y: scroll;
}





.bottom-margin{
margin: 0 0 20px 0;

}

.inp-block-n {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
}

.ui-button {
    color: #454545;
    text-decoration: none;
    width: 100%;
    margin: 7px 0!important;
    padding: 15px 0!important;
    border: 1px solid #d6d6d6;
    background: #ffffff;
}

input[type="submit"] {
    padding: 12px 35px;
    font-size: 18px;
    color: white;
    background-color: #b10000;
    border-radius: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 5px 0% 5px;
}

input[type="submit"]:hover {
    color: white;
    background-color: #b10000;

}


.search-mobile-but {
    display: flex;
    justify-content: center;
    padding: 50px 0;
    border-radius: 15px;
    background-color: #b62022;
    color: white;
    margin: 0 25px;
    font-size: 18px;
    font-weight: 600;
}

.close-block-n {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 28px;
    width: 99%;
}
.search-row {
    display: flex;
    margin: 0 0 0px 0;
    flex-direction: column;
    align-items: center;
    padding: 0 5%;
}

.po-parametram-in {
    width: 100%;
}

label {
    font-size: 14px;
    padding: 10px 15px 5px 5px;
}

button[type="button"] {
    border: none!important;
    padding: 15px 25px;
    font-size: 16px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
    margin: 15px 0 0 0;
}

button[type="submit"] {
    border: none!important;
    padding: 15px 25px;
    font-size: 16px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
    margin: 15px 0 0 0;
}

.nastr_obl {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

select.select-n {
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    padding: 10px 10px;
    color: #464646;
    width: auto;
    font-size: 18px;
    margin: 5px 0 10px 0;
}

.inp-l-n {
    border: 1px solid #d8d8d8;
    border-radius: 8px 0px 0px 8px;
    padding: 10px 15px;
    color: #464646;
    width: 40%;
    font-size: 18px;
    margin: 5px 0 10px 0;
}

.inp-r-n {
    border: 1px solid #d8d8d8;
    border-radius: 0px 8px 8px 0px;
    padding: 10px 15px;
    color: #464646;
    border-left: none;
    width: 45%;
    font-size: 18px;
    margin: 5px 0 10px 0;
}


.inp-block {
    display: flex;
    flex-direction: column;
    margin: 0 25px 0 0;
    width: 700px;
}


.inp-l {
    border: 1px solid #d8d8d8;
    border-radius: 8px 0px 0px 8px;
    padding: 10px 15px;
    color: #464646;
    width: 230px;
    font-size: 18px;
    margin: 20px 0 40px 0;
}


.inp-r {
    border: 1px solid #d8d8d8;
    border-radius: 0px 8px 8px 0px;
    padding: 10px 15px;
    color: #464646;
    border-left: none;
    width: 230px;
    font-size: 18px;
    margin: 20px 0 40px 0;
}


.but-l {
    cursor: pointer;
    background-color: #afafaf;
    color: white;
    padding: 20px 40px;
    border-radius: 8px 0 0 8px;
    font-size: 52px;
        margin: 20px 0 30px 0;

}


.but-r {
    cursor: pointer;
    font-size: 52px;
    background-color: #afafaf;
    color: white;
    border-radius: 0 8px 8px 0;
    padding: 20px 40px;
        margin: 20px 0 30px 0;

}


.but-с {
    cursor: pointer;
    font-size: 18px;
    background-color: #afafaf;
    color: white;
    /* padding: 5px 15px; */
    border-radius: 0;
    padding: 20px 40px;
        margin: 20px 0 30px 0;

}


.mobile_none{

  display: none!important;
}

.vk_reg {
    padding: 15px 25px!important;
    background: #4a76a8;
    text-align: center;
    color: white!important;
    text-decoration: none;
    border-radius: 15px;
    margin: 10px 15px 0;
}

.button_red {
    padding: 15px 25px !important;
    background: #b62022;
    text-align: center;
    color: white !important;
    text-decoration: none;
    border-radius: 15px;
    margin: 5px 15px 0;
}

form.d1_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.h1_d {
    font-size: 26px!important;
    margin: 15px 10px!important;
}
.d_1_pod_zag {
    color: #b62022;
    font-size: 18px;
    line-height: 62px;
    text-align: center;
    padding: 0 20px;
}

.d_block h1 {
    color: #333;
    font-size: 26px;
    text-align: center;
    padding: 0 35px;
    margin: 0 0 20px 0;
}

.d_block {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../images/bg_salon.jpg);
    background-size: cover;
    justify-content: center;
}

.d_block img {
    width: 380px;
    height: 380px;
    margin: -50px 0 10px;
}

.block-kredit-info {
    display: block;
    flex-wrap: wrap;
    min-width: 90%;
    padding: 10px;
    margin: 5px;
}

.col-wash-3 {
    flex-basis: 18%;
    padding: 20px 0;
    font-size: 14px;
}

.col-wash-4 {
    flex-basis: 18%;
    padding: 20px 0;
    font-size: 14px;
}

.col-wash-5 {
    flex-basis: 24%;
    padding: 20px 0;
    font-size: 14px;
}


.col-wash-6 {
    flex-basis: 15%;
    padding: 20px 0;
    font-size: 14px;
}


.col-wash-7 {
    flex-basis: 100%;
    padding: 20px 0;
    font-size: 28px;
}


.col-wash-2 {
    flex-basis: 100%;
    padding: 20px 0;
}

.col-wash-1 {
    display: none!important;
}

.table-col-wash {
    border-right: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-wash-block {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: space-between;
    align-items: center;
    margin: 20px 5% 20px;
    box-shadow: none;
    padding: 0;
    font-size: 18px;
    text-align: center;
    border: 1px solid #e9e9e9;
    border-radius: 15px;
    padding: 0 10px;
}
.col-wash-m-none{
	display: none;
}

.table-wash-block-z {
    position: sticky;
    z-index: 9;
    top: 45px;
    margin: 15px 0 0 0;
}


.phone-n span {
    padding: 2px 0 0 0;
}

.whatsapp_chat {
    background-color: #00e676;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px 30px 0;
    padding: 0;
    z-index: 99999999999;
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 18px;
    border-radius: 122px;
    padding: 22px 50px;
}


.telegram_block p {
    text-align: center;
    padding: 10px 30px 20px 30px;
    font-size: 18px;
}

.soc_block p {
    text-align: center;
    padding: 10px 30px 20px 30px;
    font-size: 18px;
}
.char-zag-n-n-n {
    font-size: 24px;
    padding: 0 4% 10px;
    font-weight: 600;
    color: #333;
}
.char-n-n {
    display: flex;
    padding: 0 0 15px 0;
    width: 100%;
    font-size: 14px;
    align-items: center;
}

.haracters_zag {
    flex-basis: 50%;
}
.char-n-n a {
    color: #b62033;
    text-decoration: none;
    flex-basis: 50%;
    font-size: 16px;
}

.auto_min {
    display: flex;
    margin: 15px 2%;
    border-radius: 10px;
}
.info_auto_zag {
    font-size: 16px;
    margin: 0 0 5px;
}

.info_auto_cena {
    color: #707070;
    font-size: 18px;
}

.auto_min img {
    width: 150px!important;
    border-radius: 10px 0 0 10px;
    padding: 0 10px 0 0;
    height: 100px;
}
video.bg_video {
    max-width: 100%;
}
.loader {
    width: 170px;
}

.marka-count-n {
    background-color: #fff;
    padding: 20px 3%;
    display: block;
    width: 90%;
}

.marka-count-n-full {
    padding: 0px 3%;
    display: block;
    width: 90%;
}


.head_on_zadachi {
    display: none!important;
}

.head_on_auto {
    display: none!important;
}

.head_on_credits {
    display: none!important;
}

.head_on_tech {
    display: none!important;
}

 .head_on_baza{
    display: none;
}
a.kred_calc_button {
    color: #fff;
    background-color: #b10000;
    margin: 20px 0 0 0;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 15px;
    display: block;
    text-align: center;
}

.back_show {
    margin: 10px 10px 10px 10px;
    background-color: #9c0000;
    border: 1px solid#7b0000;
    color: white;
    padding: 15px 25px;
    cursor: pointer;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
}

.back_button {
    display: none;
    flex-direction: column;
    align-items: center;
    margin: 15px 0;
    background-color: white;
    padding: 10px 0;
}




.red_line {
    width: 260px;
    min-height: 3px;
    background-color: #b10000;
}

.card_block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 2% 50px 2%;
}

.card_container {
    display: block;
    width: 100%;
    height: 195px;
    border-radius: 30px;
    margin: 0;
}

.card {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    width: 375px;
    height: 225px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 25%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.25);
    box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 25%);
}

.card_logo img {
    width: 155px;
}

.card_back {
    font-size: 28px;
    font-weight: 900;
    color: #4d4d4d;
    display: flex;
    justify-content: center;
    width: 80%;
}

.card_text {
    font-size: 20px;
    color: #555;
}

.zag_comment {
    font-size: 16px;
    color: #00d756;
    padding: 0 15px;
}

.zag_comment_yel {
    font-size: 14px;
    padding: 0 0 10px 0;
}
.signup_center {
    justify-content: center;
    min-width: 300px;
}

div#slider {
    margin: 20px 2%;
}

div#slider2 {
   
    margin: 20px 2%;
}

.classic-slider {
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
}


.right-slider-block {
    flex-basis: 30%;
    margin: 0 0% 15px 0;
}

.ui_slider_lable_block {
    margin: 0px 0 0 2%;
}

.report_block {
    margin: 20px 2%;
    color: #5f5f5f;
}

.report_block_zag {
    font-size: 24px;
    font-weight: 500;
    color: #959595;
    margin: 15px 0 0 0;
}

.payment {
    color: #b62022;
    font-weight: 900;
    font-size: 36px;
    margin: 0px 0 20px 0px;
}

input#amount {
    color: #808080!important;
    font-size: 28px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    margin: 0px 0 -23px 0;
    padding: 15px 0px 15px 0px;
    width: 87%;
    border-radius: 8px 8px 0 0;
}

input#pv {
    color: #808080!important;
    font-size: 28px;
    background-color: #fff;
    border: none;
    border-bottom: none;
    margin: 0px 0 -23px 0;
    padding: 15px 0px 15px 0px;
    width: 87%;
    border-radius: 8px 8px 0 0;
}

.ui_slider_lable_block label {
    margin: 0;
    padding: 0;
}

.big_zag {
    margin: 0;
    font-size: 42px;
    display: flex;
    flex-direction: column;
}

.big_zag_in {
    margin: 0;
    flex-direction: column;
    font-size: 21px;
    padding: 0;
}
.m-g-15 {
    margin: 0 2%!important;
}

.mini_zag_in {
    font-weight: 100;
    font-size: 16px;
    font-family: 'Magistral', 'calibri', arial;
    margin: 0 0 10px;
}

.modal-tovar-block {
    display: flex;
    padding: 20px;
    margin: -30px 0 20px;
    border-radius: 12px;
    background-color: #fafafa;
    flex-direction: column;
}

.modal-tovar-img img {
    width: 100%;
    border-radius: 10px;
}

.modal-tovar-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    color: #505050;
    padding: 15px 0 0 20px;
}

.head_with_bg {
    min-height: 385px;
    background: url(../images/renault_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}

.head_with_bg_slider {
    min-height: 385px;
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    width: 92%;
    padding: 0 4%;
    border-radius: 30px;
}

.renaul_slider{
background: url(../images/renault_bg_m.jpg);
color: #fff;
font-size: 18px;
background-position: right bottom;
 background-size: cover;

}

.redcar_slider{
background: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(../images/redcar_bg.jpg);
background-position-x: -50%;
 background-size: cover;
}
.pricepcentr_slider{
    
    background: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(../images/pricepcentr_bg.jpg);
background-position-x: -50%;
 background-size: cover;
}

.pricepcentr_slider_black{
    
    background: linear-gradient(rgb(255 255 255 / 40%), rgb(255 255 255 / 40%)), url(../images/pricepcentr_bg_black.jpg);
background-position-x: -50%;
 background-size: cover;
 color: #fff;
font-size: 18px;
}


.swiper_slider_block {
    display: block;
    width: 100%;
    margin: 25px 0px 5px;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.kovriki_bg {
    min-height: 385px;
    background: url(../images/kovriki_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}

.head_with_bg_geely {
    min-height: 385px;
    background: url(../images/geely_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}

.head_with_bg_geely {
    min-height: 385px;
    background: url(../images/geely_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}

.head_with_bg_hyundai {
    min-height: 385px;
    background: url(../images/hyundai_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}


.head_with_bg_avtopodbor {
      min-height: 385px;
    background: url(../images/avtopodbor_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
    width: 88%;
    padding: 0 4%;
    background-size: cover;
    margin: 20px 2% 0 2%;
    border-radius: 30px;
}
.head_with_bg_rs {
    width: 100%;
    min-height: 385px;
    background: url(../images/rs_bg_m.jpg);
    display: flex;
    align-items: center;
    font-family: 'BebasBold';
    color: #fff;
    font-size: 18px;
    background-position: right bottom;
}


.report_block_info {
    border: 1px solid #dfdfdf;
    padding: 10px 25px;
    margin: 0 0 15px 0;
    border-radius: 30px;
    background-color: #f8f8f8;
    font-size: 16px;
}
.col_rev{
    flex-direction: column-reverse!important;
}
.preem_block_slide {
padding: 35px 25px;
}

button.tel_view {
    background-color: #b62022;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 10px 0 0;
    cursor: pointer;
    flex-basis: 40%;
}

.only_mobile {
    display: block!important;
}

.lenta_cont {
    display: flex;
    margin: 0 0 20px 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    flex-direction: column;
}
.lenta_foto {
    width: 100%;
    display: flex;
}

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

.lenta_cont:hover {
    
    -webkit-box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    
}



.text-otziv-block {
    margin: 0px 20px 10px 20px;
    font-size: 18px;
    font-weight: 400;
}

.reiting-block {
    margin: 20px 0px 0px 0px;
    font-size: 62px;
}

.stars {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}


.otziv-link img {
    width: 100px;
}

a.otziv-link {
    margin: 7px 7px 0 0;
    padding: 15px 30px;
    text-align: center;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%); */
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    /* box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%); */
    background-color: #fff;
}

.prodazha-block{
    flex-direction: column;
}

.prodazha-block-50 {
    flex-direction: column;
    margin: 20px;
}

.prodazha-block-100 {
    flex-direction: column;
    margin: 20px;
}


.menu-block-tech {
    
    flex-direction: column;
}


.menu-tech {
 
    margin: 20px;
    
    padding: 35px 0;
}

.prodazha-block-30 {
  
    border-radius: 8px 8px 0 0px;
}

.only-mobile {
    display: block;
    padding: 0;
}

.head_with_bg_2 {
    width: 90%;
    padding: 20px 3%;
    min-height: 375px;
    background: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(../images/redcar_bg.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #585858;
    font-size: 18px;
    justify-content: center;
    background-position-x: -50%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.head_with_bg_1 {
    width: 90%;
    padding: 20px 3%;
    min-height: 375px;
    background: linear-gradient(rgb(255 255 255 / 95%), rgb(255 255 255 / 40%)), url(../images/clients_bg.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    font-family: 'Magistral';
    color: #585858;
    font-size: 18px;
    justify-content: center;
    background-position-x: -50%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
}

.lenta {
    display: flex;
    flex-direction: column;
    width: 48%;
    margin: 0 2% 10px 0;
}

.lenta_zag {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    padding: 0 0 10px 0;
}

.lenta_opisanie {
    line-height: 14px;
    font-size: 14px;
}

a.vk_button {
    color: #fff;
    background-color: #597ba0;
    padding: 15px 0;
    border-radius: 15px;
    font-weight: 100;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 12px 0 0 0;
}

.lenta_text {
    padding: 20px 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}




.dop-info-n-a ul li p {
    color: #969696;
    font-weight: 900;
    font-size: 24px;
    margin: 35px 0 5px 0;
}

.dop-info-n-a ul li {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 0 15px 10px;
    line-height: 20px;
    margin: 0px 5px 10px 5px;
}

.advanced-params-param-title {
    color: #888888;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

.dop-info-n-a ul {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
}

.filter-button {
    position: fixed;
    bottom: 15px;
    left: 3%;
    width: auto;
    right: 3%;
}

.image_kat_a img {
    width: 100%;
    margin: 0px 0 0 0;
    border-radius: 8px 8px 0px 0px;
    max-width: 100%;
    height: auto!important;
}

.quiz-right {
    display: none;
}

.quiz-content {
    padding: 20px;
    margin: 0 4% 0;
}

.quiz-zag {
    font-size: 24px;
}
.quiz-question {

    width: 100%;
}

.quiestion {
    font-size: 18px;
    color: #333;
    padding: 10px 0 20px 0;
    display: flex;
    flex-direction: column;
}
.quiestion span {
    font-size: 18px;
    color: #b10000;
    padding: 0px 0 0 0;
}

.quiz-buttons button {
    border: none!important;
    padding: 15px 35px;
    font-size: 18px;
    color: white;
    background-color: #b62022;
    border-radius: 15px;
    cursor: pointer;
    margin: 5px 0 5px 0;
}

.quiz-question select {
    width: 85%;
    font-size: 21px;
    
}

.quiz-question input {
    font-size: 21px;
    width: 88%;
    
    margin: 0px 0 10px;
}

.youtube_gallery_box {
    flex-basis: 100%;
    margin: 0px 0 20px;
}
.quiz-checkbox {
    padding: 20px!important;
    text-align: left!IMPORTANT;
    width: 85%;
    line-height: 25px!IMPORTANT;
    font-size: 14px!important;
}

.filters-content {
    background-color: #fff;
    margin: 0;
    padding: 20px 3% 70px 3%;
    border-radius: 30px 30px 0 0;
    width: 100%;
    height: 82%;
    overflow-y: scroll;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.10);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 10%);
}

.filter-label {
    padding: 0 0 0 5%;
    font-weight: 400;
    font-size: 14px;
    color: #afafaf;
    position: relative;
    margin: 15px 0 -25px;
    width: fit-content;
}

.quiz-left {
    padding: 0;
    width: 100%;
}
.quiz-question input[type="submit"] {
    margin: 0;
    padding: 20px;
}

.soglasie {
    margin: 5px 0;
    display: flex;
    align-items: center;
}

.ui-button-quiz {
    color: #454545;
    text-decoration: none;
    width: 15%;
    margin: 7px 0!important;
    padding: 10px 0!important;
    border: 1px solid #d6d6d6;
    background: #ffffff;
}
.scrolled {
    overflow-y: scroll;
    height: 230px;
    padding: 0 20px 0 0;
}
.quiz-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    flex-direction: column;
}

.quiz-buttons {
    display: flex;
    flex-direction: column;
}

.pod-cast-vik {
    display: flex;
    align-items: center;
    padding: 15px;
    line-height: 24px;
    border-radius: 30px;
    margin: 10px 0;
    background-color: #fff;
}

.pod-cast span {
    color: #b10000;
    font-weight: 900;
    padding: 0 20px 0 0;
    font-size: 28px;
}

.pred_calc_block {
    padding: 15px 15px;
    margin: 15px 0px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    max-width: 500px;
}

.down-button-fix {
    bottom: 0;
    position: fixed;
    z-index: 9999;
    margin: 0;
    width: 96%;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    
    padding: 0 2%;
}

.down-youtube-fix{
    bottom: 0;
    position: fixed;
    padding: 0 2%;
    z-index: 9999;
    padding: 0 2%;
    
}


dialog#cookie_consent {
    border: none;
    border-radius: 25px;
    margin-left: 4%;
    margin-right: 4%;
    padding: 32px;
}

dialog#cookie_consent_details {
    border: none;
    border-radius: 25px;
    margin-left: 4%;
    margin-right: 4%;
    padding: 32px;
}


.down-button {
    background-color: #b20002;
    color: #fff;
    border: none;
    margin: 15px 0!important;
    flex-basis: 49%;
    padding: 12px 0!important;
    text-align: center;
    font-size: 16px;
}

/* bubble */
.pa-story-bubble {
    width: 50px;
    height: 50px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    background: transparent;
}

.pa-stories-wrap {
    margin: 15px 2% 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}


.down-button-full {
    background-color: #b20002;
    color: #fff;
    border: none;
    margin: 15px 0!important;
    flex-basis: 100%;
    padding: 15px 0!important;
}

.history-back {
    color: #a1a1a1;
    font-size: 16px;
    text-align: center;
}

.otziv_include {
    margin: 25px 0;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0px 0%;
}

.content-text {
    padding: 0 4%;
    margin: 35px 0 20px 0;
}
.youtube-container {
    padding: 0px 2% 35px;
}

#accordion {
    margin: 0 2% 25px 2%;
}

.only-zag {
    text-align: center;
    padding: 0px 0 10px 0;
    font-size: 24px;
    font-weight: 900;
    color: #333;
}

.otzivi_flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    margin: 0 0% 55px 0%;
    width: 96%;
}


.stih {
    padding: 35px 4%;
    width: 92%;
}

.stih-mini {
    margin: -10px 0 -5px 0;
    font-size: 16px;
}


.sotrudnik-block {
    flex-basis: 49%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 35px 0;
}

.sotrudniki {
    padding: 0 2%;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.proverka-besplatno {
    display: flex;
    width: 92%;
    justify-content: space-between;
    padding: 50px 4% 25px;
    background-color: #b62022;
    color: #fff;
    align-items: center;
    flex-direction: column;
    margin: 0 0 15px 0;
}

.proverka-zag {
    font-size: 21px;
    display: flex;
    flex-direction: column;
}

.proverka-zag span {
    font-size: 28px;
    font-weight: 900;
    text-align: center;
}
.proverka-arrow {
    font-size: 18px;
    text-align: center;
    display: none;
}

.sotrudnik-block p {
    padding: 18px 0 0 0;
    font-weight: 600;
    font-size: 14px;
}

.card_logo img {
    width: 200px;
    border-radius: 0;
}
img.pa-coins-img {
    width: 35px;
}

.breadcrumbs {
    margin: 0;
    width: 96%;
    overflow: auto hidden;
}

.client-block-h-l {
    flex-basis: 100%;
    display: flex;
    align-items: center;
}
.select-row, .input-row {
    border-radius: 30px;
    margin: 5px 1%;
    border: none;
    cursor: pointer;
    font-family: 'Magistral', 'calibri', arial;
    font-size: 16px;
    color: #444;
    background-color: #ececec;
    width: auto;
}


.calc-pred-delet {
    color: #a5a5a5;
    position: relative;
    top: -5px;
    left: 95%;
    cursor: pointer;
}


.form-row {
    display: flex;
    justify-content: space-between;
    align-items: normal;
    flex-direction: column;
}

.gallery_catalog {
    margin: 0px 0 0 0;
    border-radius: 30px;
    width: 106%!important;
    left: -3%;
}

.form-row-label {
    width: 96%;
    font-family: 'Magistral', 'calibri', arial;
    padding: 2px 2%!important;
    border-radius: 8px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.cena-gen-block {
width: 96%;
}

input.switch {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 1.5em;
    width: 3em;
    border-radius: 30px;
    box-shadow: inset -1.5em 0px 0px 0px rgb(192 192 192);
    background-color: white;
    border: 1px solid rgba(192, 192, 192, 1);
    outline: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 0!important;
    margin: 0;
}

input.switch:disabled {
    opacity: 0.2;
}
input.switch:checked {
    box-shadow: inset 1.5em 0px 0px 0px rgb(182 32 34);
    border: 1px solid rgb(182 32 34);
}
input.switch:focus {
    outline-width: 0;
}

.pricep_config {
    
    font-size: 14px;
    
}

.pricep_config span {
    color: #696969;
    font-weight: 900;
    flex-basis: 40%;
    text-align: right;
}
span.row-label-text {
    flex-basis: 60%;
}

button.pricep-filters-button {
    background-color: #bbb;
    padding: 12px 25px;
    margin: 5px;
}

.pricep-but-block {
    display: flex;
    width: 96%;
    overflow-x: scroll;
    padding: 0 0 5px 0;
    margin: 0 2% 12px 2%;
}

.pricep-but-block button {
    width: 100%;
}
.pricep-but-block a {
    width: 100%;
}
.block-for-conf-block {
    padding: 0 4%;
    display: flex;
    align-items: center;
    min-height: 100vh;
}

.ratio-with-image {
    background-color: #fff;
    border: none;
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    margin: 10px 1% 10px 1%;
    padding: 0px 0 20px 0;
    position: relative;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 21px;
}

.config-ratio-block-50 {
    max-width: 100%;
}

.pricep-configurator-header {
    position: fixed;
    padding: 20px 4%;
    background-color: #fff;
    width: 92%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    z-index: 999;
}

.pricep-configurator-footer {
    position: fixed;
    bottom: 0;
    padding: 20px 4%;
    background-color: #fff;
    width: 92%;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%);
    z-index: 999;
}

.configurator-block {
    width: 100%;
    background-color: #fff;
    padding: 5%;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 13px 0px rgb(50 50 50 / 15%)!important;
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15)!important;
    box-shadow: 1px 1px 10px 0px rgb(50 50 50 / 15%)!important;
    margin: 25% 0;
}


.characters {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 94%;
}


.pricep-configurator-header img {
    width: 150px;
}

.pa-tech img {
    width: 115px;
}

.pa-tech {
    display: flex;
    flex-direction: column;
    font-size: 10px;
    color: #727272;
    font-weight: 100;
}

.configurator-block h3 {
    font-size: 18px;
    font-weight: 100;
    line-height: 32px;
    color: #5b5b5b;
}

.menu-m-block {
    display: flex;
    padding: 20px 2%;
    flex-wrap: wrap;
}

.include_map{
    width: 96%;
}

a.created_by_icon img {
    width: 105px;
    padding: 12px 10px;
}

.calc-type-color-items-tooltip, .calc-type-vors-color-items-tooltip {
    flex-basis: 40%;
    text-align: center;
    cursor: pointer;
    padding: 20px 15px;
    border-radius: 30px;
    background-color: #fafafa6e;
    margin: 1% 1% 0 0;
}
.input_block {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    margin: 15px 0 0 0;
}
.input_block select, .input_block input {
    margin: 0;
}

.image-block {
    height: 260px;
    flex-basis: 45%;
    width: 100%;
    position: sticky;
    top: 65px;
}

.image-block-in {
    position: sticky;
    top: 0%;
    bottom: 0px;
    height: 260px;
}

.input_block label {
    color: #5f5f5f;
    margin: 0px 0 4px 0;
    padding: 0px 0px 2px 3px;
}

.white-button, button.white-button {
    background-color: #fff;
    padding: 16px 22px 15px;
    border-radius: 12px;
    color: #5f5f5f;
    margin: 0 5px 0 0;
    min-width: fit-content;
}

.white-button:hover, button.white-button:hover {
    background-color: #b62022;
    
    color: #fff;
}

.adress-pricep-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pricep-vremya {
    font-size: 12px;
}

.pricep-adress {
    font-size: 13px;
}

.car-block-n-a {
    width: 98%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 15px;
    justify-content: space-between;
    position: relative;
    -webkit-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.15);
    margin: 0 2% 25px 0px;
    cursor: pointer;
    height: auto;
    line-height: 27px;
    padding: 10px 5px;
}


span.pod-zakaz {
    
    margin: 2px 0 0 10px;
}


.char-n-n-50 {
    flex: 1 1 calc(33% - 15px);
    min-width: 300px;
    padding: 35px 6%;
    border-radius: 20px;
    background: white;
    box-sizing: border-box;
}



}






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


.cena-n {
    font-size: 16px;
    font-weight: 500;
    color: #626262;
    margin: 10px 0 0 0;
}

button.pricep-filters-button {
    background-color: #bbb;
    padding: 10px 20px;
    margin: 0 2%;
}

.logo-n img {
    width: 100px;
    margin: 5px 0 0 0;
}

.logo-n-p img {
   width: 100px;
    margin: 5px 0 0 0;
}

button.tel_view {
    background-color: #b62022;
    color: #fff;
    border: none;
    padding: 8px 13px;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 10px 0 0;
    cursor: pointer;
    flex-basis: 40%;
}




}