header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding: 0 .875rem;
     background-color: #ffffff;
     overflow-y: auto;
     max-height: 100svh;
     z-index: 20;
}
 header.scrolled{
     -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
     -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
}
 header .wrap {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     background-color: #ffffff;
     padding: .875rem 0;
}
 header #menu{
     display: none;
     background-color: rgb(243, 244, 243);
     margin-bottom: .875rem;
     padding: 0.875rem;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: .143rem;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
     transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
     -o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;
     -moz-transition: opacity 0.3s ease-out, transform 0.3s ease-out, -moz-transform 0.3s ease-out;
     transition: opacity 0.3s ease-out, transform 0.3s ease-out;
     transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
 header #menu.open{
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 header #menu.fadeInDown{
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
}
 header #menu div {
     width: -webkit-calc(25% - 1rem);
     width: -moz-calc(25% - 1rem);
     width: calc(25% - 1rem);
     padding: .875rem .875rem 0 .875rem;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-flex-flow: column;
     -ms-flex-flow: column;
     flex-flow: column;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     -webkit-transform: translateX(-20px);
     -moz-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
     transform: translateX(-20px);
}
 header #menu.fadeInDown div{
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
}
 header #menu div h6{
     color:rgb(152, 152, 152);
}
 header #menu div a.active{
     text-decoration: underline;
     color: #2e34ae;
}
 header .logomenu{
     background-color: #fff;
     padding: 0rem 1.143rem 0rem .143rem;
     -webkit-border-radius: 0.857rem;
     -moz-border-radius: 0.857rem;
     border-radius: 0.857rem;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     -ms-grid-row-align: center;
     align-items: center;
}
 header a.logo{
     margin: 0;
     padding-left: 1rem;
     position: relative;
}
 header a.logo:before {
     content: '';
     background-color: rgba(32, 33, 33, 0.755);
     width: 1px;
     height: 82%;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
 header a.logo svg{
     width: 12.714rem;
     float: left;
}
 header .logomenu .hamburger {
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     -webkit-transition: -webkit-transform 400ms;
     transition: -webkit-transform 400ms;
     -o-transition: -o-transform 400ms;
     -moz-transition: transform 400ms, -moz-transform 400ms;
     transition: transform 400ms;
     transition: transform 400ms, -webkit-transform 400ms, -moz-transform 400ms, -o-transform 400ms;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 4.5rem;
     height: 4rem;
}
 header .logomenu .hamburger .top, header .logomenu .hamburger .middle, header .logomenu .hamburger .bottom {
     fill: none;
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     -ms-transform-origin: 50%;
     -o-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition: -webkit-transform 400ms;
     transition: -webkit-transform 400ms;
     -o-transition: -o-transform 400ms;
     -moz-transition: transform 400ms, -moz-transform 400ms;
     transition: transform 400ms;
     transition: transform 400ms, -webkit-transform 400ms, -moz-transform 400ms, -o-transform 400ms;
     stroke: #202121;
     stroke-width: 4;
     stroke-linecap: round;
}
 header .logomenu .hamburger .top {
     stroke-dasharray: 40 160;
}
 header .logomenu .hamburger .middle {
     stroke-dasharray: 40 142;
}
 header .logomenu .hamburger .bottom {
     stroke-dasharray: 40 85;
}
 header .logomenu .hamburger .top, header .logomenu .hamburger .bottom{
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     -ms-transform-origin: 50%;
     -o-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
     transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
     -o-transition: stroke-dashoffset 400ms, -o-transform 400ms;
     -moz-transition: transform 400ms, stroke-dashoffset 400ms, -moz-transform 400ms;
     transition: transform 400ms, stroke-dashoffset 400ms;
     transition: transform 400ms, stroke-dashoffset 400ms, -webkit-transform 400ms, -moz-transform 400ms, -o-transform 400ms;
}
 header .logomenu .hamburger.active {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 header .logomenu .hamburger.active .top {
     stroke-dashoffset: -64;
}
 header .logomenu .hamburger.active .middle {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
}
 header .logomenu .hamburger.active .bottom {
     stroke-dashoffset: -64;
}
 header nav{
     padding: 0.875rem 1rem;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 header nav a{
     margin: 0 .75rem;
     color: rgb(44, 45, 46);
     text-decoration: none;
}
 header nav a.active, header nav a:hover{
     text-decoration: none;
     color: #2e34ae;
}
 header .phonefavorite{
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     -ms-grid-row-align: center;
     align-items: center;
     padding: 0 0.7rem 0 1.143rem;
}
 header .phonefavorite .phone, header .phonefavorite .favorite{
     margin-bottom: 0;
     text-decoration: none;
     font-size: 1.071rem;
     color: rgb(44, 45, 46);
     position: relative;
     transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -moz-transition: all 0.3s ease-in;
     -ms-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
}
 header .phonefavorite .phone{
     padding-right: 1.286rem;
}
 header .phonefavorite .phone:hover svg{
     -webkit-animation: phone-wiggle 800ms infinite;
        -moz-animation: phone-wiggle 800ms infinite;
          -o-animation: phone-wiggle 800ms infinite;
             animation: phone-wiggle 800ms infinite;
}
header .phonefavorite .favorite {
  padding-left: 1.286rem;
  margin-right: 1.486rem;
}
 header .phonefavorite .phone:hover{
     color: #2e34ae;
}
 header .phonefavorite .phone:before {
     content: '';
     background-color: rgb(145, 147, 153);
     width: 1px;
     height: 72%;
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
 header .phonefavorite .phone svg, header .phonefavorite .favorite svg{
     stroke: rgb(44, 45, 46);
     width: 1.714rem;
     vertical-align: middle;
     transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -moz-transition: all 0.3s ease-in;
     -ms-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
}
 header .phonefavorite .phone:hover svg, header .phonefavorite .favorite:hover svg{
     stroke: #2e34ae;
     transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -moz-transition: all 0.3s ease-in;
     -ms-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
}
 header .phonefavorite .favorite i{
     display: none;
}
 header .phonefavorite .favorite.notempty i {
     -webkit-box-align: center;
     -webkit-align-items: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: #E21D2C;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #fff;
     font-size: 0.775rem;
     height: 1.443rem;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     min-width: 1.443rem;
     padding: 0 0.186rem;
     position: absolute;
     right: -.9rem;
     top: -.3rem;
     font-style: normal;
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
}
 header .search{
     position: relative;
}
 header .search input{
     margin-bottom: 0;
     padding-right: 4rem;
     background: rgb(243, 244, 243);
     border: 1px solid rgb(243, 244, 243);
     -webkit-border-radius: 1.143rem;
     -moz-border-radius: 1.143rem;
     border-radius: 1.143rem;
}
 header .search button{
     position: absolute;
     right: 1rem;
     top:0;
     bottom: 0;
     margin: auto;
     padding: 0 0.186rem;
     background-color: transparent;
     border: none;
}
 header .search button svg{
     width: 1.714rem;
     vertical-align: middle;
}
 header .search button svg path{
     stroke: rgb(145, 147, 153);
     transition: all 0.3s ease-in;
     -webkit-transition: all 0.3s ease-in;
     -moz-transition: all 0.3s ease-in;
     -ms-transition: all 0.3s ease-in;
     -o-transition: all 0.3s ease-in;
}
 header .search button:hover svg path{
     stroke: #2e34ae;
}
#mobilecallback{
    display: none;
}
 main{
     padding: 7.143rem .875rem 0;
}
 footer{
     padding: 0 .875rem;
}
 footer .card{
     padding: 1.714rem;
     margin-top: 3rem;
     margin-bottom: 3rem;
}
 footer p i{
     color: rgb(145, 147, 153);
     font-style: normal;
}
 footer p.adress{
     margin-bottom: .2rem;
}
 footer a.logo:hover{
     text-decoration: none;
}
 footer a.logo svg{
     width: 15.714rem;
}
 footer a.link{
     margin-bottom: 0;
}
 footer a.active{
     text-decoration: underline;
     color: #2e34ae;
}
 #closemenu.open{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color:rgba(145, 147, 153, .15);
     display: -webkit-box!important;
     display: -webkit-flex!important;
     display: -moz-box!important;
     display: -ms-flexbox!important;
     display: flex!important;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: end;
     -webkit-align-items: end;
     -moz-box-align: end;
     -ms-flex-align: end;
     align-items: end;
     z-index: 19;
     cursor: pointer;
}
 .popup {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0,0,0,0.6);
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
        -moz-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     z-index: 10000;
}
 .popup.hidden {
     display: none;
}
.closepop {
  z-index: 10002;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
 .popup-content {
     background: #ffffff;
     padding: 2rem;
     -webkit-border-radius: 1.5rem;
        -moz-border-radius: 1.5rem;
             border-radius: 1.5rem;
     text-align: center;
     max-width: 26rem;
     width: 90%;
     position: relative;
     z-index: 10003;
}
.popup-content svg.close {
  cursor: pointer;
  width: 3rem;
  stroke: rgb(44, 45, 46);
  position: absolute;
  top: .5rem;
  right: .5rem;
}
.popup-content svg.close:hover{
    stroke: #2e34ae;
}
#popup-order .popup-content, #popup-callback .popup-content {
  max-width: 40rem;
  padding-top: 5rem;
}
#popup-order .popup-content form, #popup-callback .popup-content form{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
/* Socials */
 #socials{
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     background: #2A3686;
     padding: 1rem;
     position: fixed;
     right: 1.429rem;
     bottom: 1.7rem;
     cursor: pointer;
     z-index: 11;
}
 #socials svg{
     float: left;
     width: 2.286rem;
     height: 2.286rem;
}
 .pulse-button__rings {
     border: 1px solid #2A3686;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: auto;
     width: auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-animation-duration: 2.0s;
     -moz-animation-duration: 2.0s;
     -o-animation-duration: 2.0s;
     animation-duration: 2.0s;
     -webkit-animation-name: pulse_1;
     -moz-animation-name: pulse_1;
     -o-animation-name: pulse_1;
     animation-name: pulse_1;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     z-index: -1;
}
 .pulse-button__rings:nth-child(2) {
     -webkit-animation-name: pulse_2;
     -moz-animation-name: pulse_2;
     -o-animation-name: pulse_2;
     animation-name: pulse_2;
}
 .pulse-button__rings:nth-child(3) {
     -webkit-animation-name: pulse_3;
     -moz-animation-name: pulse_3;
     -o-animation-name: pulse_3;
     animation-name: pulse_3;
}
 #soclinks {
     position: fixed;
     right: 7.43rem;
     bottom: 1.7rem;
     z-index: 11;
     background-color: #fff;
     -webkit-border-radius: .875rem;
        -moz-border-radius: .875rem;
             border-radius: .875rem;
     padding: 2rem;
     -webkit-box-shadow: 0 0 20rem 0rem rgb(44, 45, 46);
        -moz-box-shadow: 0 0 20rem 0rem rgb(44, 45, 46);
             box-shadow: 0 0 20rem 0rem rgb(44, 45, 46);
     max-width: 40rem;
     width: 79%;
}
 #soclinks.hidden{
     display: none;
}
 #soclinks .container{
     -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
     width: 100%;
     -webkit-box-pack: start;
     -webkit-justify-content: start;
        -moz-box-pack: start;
         -ms-flex-pack: start;
             justify-content: start;
}
 #soclinks input {
     margin-bottom: 0;
     max-width: 70%;
     margin-right: 1rem;
}
 #soclinks .rkn{
     -webkit-box-align: center;
     -webkit-align-items: center;
        -moz-box-align: center;
         -ms-flex-align: center;
                 -ms-grid-row-align: center;
             align-items: center;
}
 #soclinks a{
     margin-bottom: 0;
}
 @media only screen and (max-width:1500px){
     header nav{
         display: none;
    }
     header .search input:focus {
         padding-right: 8rem;
    }
}
 @media only screen and (max-width:600px){
    #popup-order .popup-content button, #popup-callback .popup-content button{
        float:none;
        width: 100%;
        margin-bottom: 2rem;
    }
     #soclinks {
         right: .2rem;
         bottom: 7.7rem;
         padding: 1rem;
         width: -webkit-calc(100% - 2rem);
         width: -moz-calc(100% - 2rem);
         width: calc(100% - 2rem);
         left: 1rem;
    }
     #soclinks input {
         max-width: 100%;
         margin-right: 0;
         margin-bottom: 1rem;
    }
     #soclinks .rkn {
         -webkit-box-align: start;
         -webkit-align-items: start;
            -moz-box-align: start;
             -ms-flex-align: start;
                     -ms-grid-row-align: start;
                 align-items: start;
    }
}
 @media only screen and (max-width:600px){
     #know-button{
         width: 100%;
         margin-bottom: 1rem;
    }
}
@media only screen and (max-width:600px){
  header .phonefavorite button{
    display: none;
  }
  header .phonefavorite .favorite {
    margin-right: 1.286rem;
    }
    #mobilecallback{
    display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
    margin-top: 1rem;
    width: 100%;
    }
}
 @media only screen and (max-width:400px){
     footer .card {
         padding: 1.714rem 1.514rem;
    }
}


/* ===== Urban-style footer for М-Авто ===== */

.u-footer {
  margin-top: 32px;
  font-family: var(--ui-font, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  color: #202121;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-footer__card {
  padding: 24px 26px;
}

/* Верхний блок */
.u-footer__top {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom: 16px;
}

.u-footer__address {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.u-footer__phone {
  display: inline-block;
  margin-top: 6px;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-decoration: none;
}

.u-footer__phone:hover {
  text-decoration: underline;
}

/* Юридические тексты */
.u-footer__legal {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(32,33,33,0.82);
}

.u-footer__legal p {
  margin: 0;
}

.u-footer__legal p + p {
  margin-top: 12px;
}

/* Реквизиты */
.u-footer__req {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  background: rgba(0,0,0,0.025);
}

.u-footer__req p + p {
  margin-top: 6px;
}

/* Политика */
.u-footer__policy {
  display: inline-block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dashed rgba(42, 54, 134, 0.4);
  padding-bottom: 2px;
}

.u-footer__policy:hover {
  border-bottom-color: rgba(42, 54, 134, 0.9);
}

/* Копирайт */
.u-footer__copyright {
  margin-top: 14px;
  font-size: 12px;
  color: rgba(32,33,33,0.6);
}

/* Mobile */
@media (max-width: 900px) {
  .u-footer__card {
    padding: 20px 18px;
  }

  .u-footer__phone {
    font-size: 16px;
  }
}