* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;
  font-family: "Titillium Web", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
input,button,textarea{font-family: "Inter", sans-serif;}
ul {display: block; padding: 0;margin: 0;}
:root{
    --main:#15151E;
    --second:#CF1914;
    --third:#830501;
    --white:#F9F9F9;
    --gray-lite:#f3f4f6;
}

html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #fbfbfb;
}
h1 {}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; z-index: 1;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited {color: inherit;} */
a:hover{text-decoration: none; color: var(--red);}
.white {color:var(--white)}
input.wrong {border-color: var(--red) !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin: 0 0 8px;}
input, textarea {outline: none; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1280px; position: relative; margin: 0 auto; padding: 0 16px; z-index: 1; }
.center {text-align: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.d-flex {display: flex !important;}
.f-wrap {flex-wrap: wrap;}
.f-center {align-items: center;}
.f-sb {justify-content: space-between;}
.f-title {font-family: "Titillium Web", sans-serif;}
.shadow {box-shadow: 0px 4px 4px 0px #000; }

.site-header {position: absolute; z-index: 3; width: 100%; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: rgba(21, 21, 30, 0.2); color: #fff; }
.site-header .logo-w {width: 100px;}
.site-header .logo-w img {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-header .top-row {padding: 9px 0;}
.site-header .top-row nav ul {display: flex; align-items: center;}
.site-header .top-row nav ul li {display: block; margin: 0 24px;}
.site-header .top-row nav ul li a {font-size: 20px; color: #fff;}
.site-header .top-row nav ul li a:hover {color: var(--second);}
.site-header .top-row .address-contacts-w .s-item {margin-left: 30px;}
.site-header .top-row .address-contacts-w .s-item .icon {width: 41px; height: 41px;}
.site-header .top-row .address-contacts-w .s-item .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-header .top-row .address-contacts-w .s-item .txt {width: 134px; margin-left: 10px;}
.site-header .top-row .address-contacts-w .s-item .txt a {color: #fff; font-size: 12px; display: block; line-height: 1.16;}
.site-header .top-row .address-contacts-w .s-item .txt a:hover {text-decoration: underline;}
.site-header .top-row .address-contacts-w .s-item .txt a.phone {font-weight: 600; font-size: 16px;}

.main-top-block {background-image: url(../img/bg-top.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main-top-block .top-block-inner {padding: 212px 0 176px;}
.main-top-block .top-block-inner .txt-w{width: 624px; text-align: justify;}
.main-top-block .top-block-inner .location {column-gap: 8px; font-size: 12px; line-height: 1;}
h1 {font-size: 56px; line-height: 1.3; margin: 44px 0 12px; font-weight: 400;}
.main-top-block .top-block-inner .main-desc {margin: 0 0 44px;}
.key-btn {position: relative; display: flex; width: fit-content; padding: 18px 32px; transition: all .3s ease-in-out; color: #fff; 
  background-color: var(--second); border-radius: 12px; cursor: pointer; font-weight: 600; display: flex; align-items: center; line-height: 1;
}
.btn {position: relative; display: flex; width: fit-content; padding: 18px 32px; transition: all .3s ease-in-out; color: #fff; 
  background-color: var(--second); border-radius: 12px; cursor: pointer; font-weight: 600; display: flex; align-items: center; line-height: 1;
}
.btn.wide {padding: 18px; width: 100%; text-align: center; justify-content: center;}
.btn:hover {color: #fff; background-color: var(--third);}
.key-btn:hover {background-color: var(--third); color: #fff;}
.key-btn::before {content: ""; width: 27px; height: 27px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 16px;
  background-image: url(../img/icons/key.svg);
}
.main-top-block .btns-w {display: flex; column-gap: 20px;}
.main-top-block .kb-w {width: 365px;}
.main-top-block .kb-w .desc {margin-top: 8px; font-size: 12px;}
.trnsp-btn {display: inline-block; height: fit-content; color: #F3F4F6;  cursor: pointer; transition: all .3s ease-in-out; font-size: 16px; font-weight: 600; background-color: transparent; border: 1px solid #fff; border-radius: 12px; padding: 20px 48px;}
.trnsp-btn:hover {background-color: #F3F4F6; border-color: #F3F4F6; color: var(--third);box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}


.mobile-block {display: none;}

.burger-wrapper {width: 24px; height: 24px; position: relative; z-index: 1; display: none;}
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 99;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%; width: 100%;}
.burger-wrapper .lines-wrapper .burger-line {height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out; background-color: var(--white);}
.burger-wrapper .lines-wrapper .burger-line.first { width: 20px; top: 3px; right: 0;}
.burger-wrapper .lines-wrapper .burger-line.second { top: 9px; width: 20px; right: 0;}
.burger-wrapper .lines-wrapper .burger-line.third { top: 15px; width: 16px; right: 0;}
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 9px;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg); top: 9px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}

.mobile-menu-list {position: fixed; padding: 24px 14px; right: -120%; width: 100%; z-index: -9; transition: all .3s ease-in-out; 
  background-color: var(--gray-lite); background-repeat: no-repeat; background-size: cover; background-position: center bottom; 
  top: 52px; height: calc(100vh - 52px); }
.mobile-menu-list.show {right: 0; z-index: 9;}
.mobile-menu-list .inner-mobile-menu {position: relative;}
.mobile-menu-list .m-menu {}
.mobile-menu-list .m-menu ul {margin: 20px 0 40px;}
.mobile-menu-list .m-menu ul li {display: block; width: 100%; text-align: left; margin-bottom: 12px;}
.mobile-menu-list .m-menu ul li:last-of-type {border-bottom: none;}
.mobile-menu-list .m-menu ul li a {font-size: 32px; line-height: 1.3;}
.inner-mobile-menu .m-address-contacts-w {}
.inner-mobile-menu .m-address-contacts-w .s-item {margin-bottom: 20px;}
.inner-mobile-menu .m-address-contacts-w .s-item .icon {width: 42px; height: 42px;}
.inner-mobile-menu .m-address-contacts-w .s-item .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.inner-mobile-menu .m-address-contacts-w .s-item .txt {width: calc(100% - 42px); padding-left: 10px; font-size: 18px;}


.mobile-menu-list .m-menu ul li a {}
.site-header .m-phone {display: none; width: 24px; height: 24px;}
.site-header .m-phone img {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-header .m-logo-w {display: none;}

.about-b-w {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/bg-about.jpg);}
.about-b-w::before {content: ""; z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; height: 251px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 4.53%, rgba(0, 0, 0, 0.183634) 36.82%, rgba(0, 0, 0, 0.46) 85.42%);} 
.about-b-w::after {content: ""; transform: rotate(180deg); z-index: 1; position: absolute; top: 0; left: 0; right: 0; height: 235px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 4.53%, rgba(0, 0, 0, 0.267467) 36.82%, rgba(0, 0, 0, 0.67) 85.42%);
} 
.about-b-w .content {z-index: 2;}
.boss-foto-txt {position: relative;}
.boss-foto-txt .boss-foto {height: 100%; position: relative; z-index: 2;}
.boss-foto-txt .boss-foto img {object-position: bottom; display: block;width: 100%; object-fit: contain;}
.boss-foto-txt .about-txt {width: 624px; position: relative; z-index: 4;}
.boss-foto-txt .about-txt h2 {font-weight: 400; margin-bottom: 12px; font-size: 40px;}
.boss-foto-txt .about-txt .desc {font-style: italic; margin-bottom: 36px;}
.boss-foto .m-link {display: none; position: absolute; bottom: 76px;left: 0; right: 0;;}
h2 {font-size: 40px; font-weight: 400; line-height: 1.3; margin-bottom: 8px;}
.title-desc {margin-bottom: 44px;}
.simple-section {padding: 64px 0 0;}
.services-w {column-gap: 14px;}
.services-w .s-service {display: flex; flex-direction: column; justify-content: end; position: relative; padding: 24px 17px; height: 304px; border-radius: 8px; overflow: hidden; width: calc(33.33% - 10px); margin-bottom: 14px;}
.services-w .s-service::before {content: ""; z-index: 2; position: absolute; bottom: 0;left: 0;right: 0; height: 100%; background: linear-gradient(180deg, rgba(21, 21, 30, 0) 29.89%, #15151E 100.16%);}
.services-w .s-service .bg-img {position: absolute; bottom: 0; right: 0; left: 0; top: 0; width: 100%; height: 100%;z-index: 1; }
.services-w .s-service .bg-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.services-w .s-service .txt-w {position: relative; z-index: 4;} 
.services-w .s-service .txt-w h4 {font-family: "Inter", sans-serif;}
.services-w .s-service .txt-w .title-price-w {font-weight: 700; font-size: 20px; line-height: 1.4; margin-bottom: 4px;}
.services-w .s-service .txt-w .service-desc {margin-bottom: 12px;}

.arrow-btn {display: flex; align-items: center; width: fit-content; cursor: pointer; transition: all .3s ease-in-out;}
.arrow-btn::before {content: ""; width: 25px; height: 25px; border-radius: 50%;transition: all .3s ease-in-out;  background-color: var(--second); background-image: url(../img/icons/arrow.svg); background-repeat: no-repeat; background-position: center;}
.arrow-btn span {font-size: 16px; font-weight: 600; padding-left: 18px; transition: all .3s ease-in-out;}
.arrow-btn:hover::before {background-color: var(--third);} 
.arrow-btn:hover span {color: var(--second);}
#bestprice {position: relative;}
#bestprice::after {content: ""; position: absolute; top: 80px; bottom: 30px; left: 0; right: 0; width: 100%; background-color: #f3f4f6;}

.bp-w {position: relative; z-index: 2;}
.bp-w .txt {width: calc(100% - 570px); padding-right: 98px; }
.bp-w .txt .bp-desc {margin-bottom: 32px;}
.bp-w .poster-w {width: 570px;}
.bp-w .poster-w img {display: block; width: 100%; height: 100%; object-fit: contain;}

.works-slider {width: calc(100% + 16px); margin: 0 -8px;}
.works-slider .s-work {display: block; height: 384px; border-radius: 4px; overflow: hidden;}
.works-slider .slick-slide > div {margin: 0 8px 16px;} 
.works-slider .s-work img {display: block; width: 100%; height: 100%; object-fit: cover;}
.works-slider-w {position: relative; margin-bottom: 80px;}
.works-slider-w .slick-dots {display: flex; justify-content: center; margin: 24px 0 0;}
.works-slider-w .slick-dots li {margin: 0 3px;}
.works-slider-w .slick-dots li button {display: block; padding: 0; cursor: pointer; outline: none; border-radius: 50%; border: none; font-size: 0; color: transparent; width: 9px; height: 9px; background-color: #DFDFE0; transition: all .3s ease-in-out;}
.works-slider-w .slick-dots li button:hover {background-color: var(--second);}
.works-slider-w .slick-dots li.slick-active button {background-color: var(--second);}
.works-slider-w .arrows {display: flex; left: 50%; transform: translateX(-50%); height: 0; justify-content: space-between; position: absolute; bottom: 0px;
  column-gap: 180px; bottom: 7px;
}
.works-slider-w .slider-arrow {display:flex; align-items: center; column-gap: 18px; width: fit-content;}
.works-slider-w .slider-arrow .a-circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--second); transition: all .3s ease-in-out;}
.works-slider-w .slider-arrow .a-circle svg {display: block; width: 8px; height: 12px; object-fit: contain;}
.works-slider-w .slider-arrow.prev .a-circle {transform: rotate(180deg);}
.works-slider-w .slider-arrow span {font-weight: 600; transition: all .3s ease-in-out;}
.works-slider-w .slider-arrow {cursor: pointer;}
.works-slider-w .slider-arrow:hover .a-circle {background-color: var(--third);}
.works-slider-w .slider-arrow:hover span {color: var(--third);}
.map-w {height: 432px; margin-bottom: 12px; border-radius: 16px; overflow: hidden;}
.map-w iframe {display: block; width: 100%; height: 100%;}

.contacts-block { margin-bottom: 100px;}
.contacts-block .c-poster {width: calc(100% - 684px); padding-right: 12px;}
.contacts-block .c-txt {width: 684px; padding: 48px 120px 18px 60px; background-color: #F3F4F6; border-radius: 16px; overflow: hidden;}
.contacts-block .c-poster .inner-p-w {border-radius: 12px; width: 100%; height: 100%; overflow: hidden;}
.contacts-block .c-poster .inner-p-w img {display: block; width: 100%; height: 100%; object-fit: cover;}
.contacts-block .contacts-items {margin: 40px 0;}
.contacts-block .contacts-items .s-item {margin-bottom: 8px;}
.contacts-block .contacts-items .s-item:last-of-type {margin-bottom: 0px;}
.contacts-block .contacts-items .s-item .icon {width: 28px; height: 28px;}
.contacts-block .contacts-items .s-item .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.contacts-block .contacts-items .s-item span {display: inline-block; padding-left: 7px; transition: all .3s ease-in-out;}
.contacts-block .contacts-items .s-item a {width: fit-content;}
.contacts-block .contacts-items .s-item a:hover span {color: var(--second);}
.site-footer {background-color: #15151E;}
.site-footer .top-f-block {padding: 48px 0 44px;}
.site-footer .f-logo-w {width: 100px; margin-bottom: 18px;}
.site-footer .f-logo-w img {width: 100%;}
.site-footer .logo-column {width: 220px;}
.site-footer .column .title {font-weight: 800; font-size: 20px; margin-bottom: 8px;}
.site-footer .f-menu {width: 460px; justify-content: space-between;}
.site-footer .f-menu .s-link {margin-bottom: 4px;} 
.site-footer .f-menu .s-link a {color: #fff; } 
.site-footer .f-menu .s-link a:hover {color: var(--second);}
.site-footer .s-contact {color: #fff; font-size: 12px; margin-bottom: 8px;}
.site-footer .s-contact .icon {width: 30px; height: 30px;}
.site-footer .s-contact .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-footer .s-contact span {transition: all .3s ease-in-out;padding-left: 16px;}
.site-footer .s-contact:hover span {color: var(--second); display: inline-block; }
.site-footer .btn-w {margin-top: 40px;}
.cr-pp-wrapper {padding: 15px 0 24px; border-top: 1px solid #44444b; font-size: 12px; }
.cr-pp-wrapper a {color: #fff;}
.cr-pp-wrapper a:hover {color: var(--second);}

.pluses-section {padding: 48px 0;}
.pluses-content {padding: 0 24px;}
h4 {line-height: 1; font-size: 20px; font-weight: 700;}
.pluses-slider .slick-slide > div {margin: 0 4px;}
.pluses-slider .s-pluse {padding: 18px 28px; background-color: #F3F4F6; border-radius: 16px;  }
.pluses-slider .s-pluse .icon {width: 26px; height: 26px;}
.pluses-slider .s-pluse .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.pluses-slider .s-pluse .title {width: calc(100% - 26px); padding-left: 16px;}
.pluses-slider .s-pluse .desc {margin-top: 8px;}
.pluses-slider .slick-dots {display: flex; justify-content: center; margin: 24px 0 0;}
.pluses-slider .slick-dots li {margin: 0 4px; display: block; width: 9px; height: 9px;}
.pluses-slider .slick-dots li button {display: block; line-height: 0; padding: 0; cursor: pointer; outline: none; border-radius: 50%; border: none; font-size: 0; color: transparent; width: 9px; height: 9px; background-color: #DFDFE0; transition: all .3s ease-in-out;}
.pluses-slider .slick-dots li button:hover {background-color: var(--second);}
.pluses-slider .slick-dots li.slick-active button {background-color: var(--second);}

#overlay {background: #404A3D;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .8; z-index: 6;}
.popup {
  position: fixed;
  left: 50%;
  top: -120%;
  width: 700px;
  padding: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out, opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}
.popup .close-btn:hover {opacity: 1;}
.popup .close-btn {position: absolute;top: 24px;right: 24px;cursor: pointer;opacity: .6;transition: opacity .3s ease-in-out;}
.popup.show {top: 50%;visibility: visible;opacity: 1;}
.popup .popup-title {font-size: 40px; margin-bottom: 8px; line-height: 1.3; color: #000;}
.popup .desc {margin-bottom: 24px;}
.popup .submit-w {margin-top: 32px;}
.popup .btn {width: 100%; text-align: center;}
.inputs-wrapper-block {display: flex; flex-wrap: wrap; column-gap: 8px;}
.inputs-wrapper-block .input-wrapper {width: calc(50% - 4px); margin-bottom: 8px; position: relative;}
.input-wrapper::after {content: '';position: absolute;right: 15px;top: 50%; transform: translateY(-50%); width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.inputs-wrapper-block .input-wrapper.wide {width: 100%;}
.input-wrapper.wrong::after {opacity: 1;}
.input-wrapper input {display: block; width: 100%; border: 1px solid #E5E7EB; transition: all .3s ease-in-out;padding: 14px 14px; font-size: 16px; color: var(--main); font-style: italic;}
.input-wrapper input:focus {border-color: var(--third);}
.input-wrapper.wrong input {border-color: var(--second); }
.popup .agree-w {margin: 28px 0; font-size: 12px;}
.popup .agree-w a {font-weight: 700;}
.popup .agree-w a:hover {color: var(--second);}

.registration-block {margin-top: 86px; padding: 24px; border-radius: 8px; overflow: hidden; background-color: #F3F4F6; border: 1px solid #dedfe1;}
.registration-block .side {width: 50%; position: relative;}
.registration-block .side.reg-desc {border-right: 1px solid #dedfe1;}
.registration-block .side .top-desc {color: #717272; font-size: 12px;}
.registration-block .side .time-call-info {margin: 24px 0;}
.registration-block .side .time-call-info .s-item {margin-bottom: 12px; color:#717272;}
.registration-block .side .time-call-info .s-item:last-of-type {margin-bottom: 0;}
.registration-block .side .time-call-info .s-item .icon {width: 20px; height: 20px;}
.registration-block .side .time-call-info .s-item .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.registration-block .side .time-call-info .s-item .txt {padding-left: 8px; width: calc(100% - 20px);}
.registration-block .bottom-desc {}
.registration-block .side.reg-desc {padding-bottom: 70px; padding-right: 20px;}
.registration-block .steps-index {position: absolute; align-items: end; bottom: 0; left: 0; column-gap: 24px; }
.registration-block .steps-index::before {content: ""; width: calc(100% - 40px); margin: 0 30px; height: 12px; background-color: #E5E7EB; position: absolute; bottom: 16px; left: 0;}
.registration-block .steps-index .step {display: flex; transition: all .3s ease-in-out; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #8C8C94; background-color: #E5E7EB; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; position: relative; z-index: 2;}
.registration-block .steps-index .step.active {color: #fff; background-color: var(--second); width: 60px; height: 60px;}
.registration-block .form-slides {position: relative; height: 100%;}
.registration-block .form-slides .slide {position: relative; display: none; z-index: 1; padding-bottom: 70px;}
.registration-block .form-slides .form-overvay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: -1; opacity: 0; transition: opacity .3s ease-in-out;}
.registration-block .form-slides .form-overvay {z-index: 5; opacity: 0.7;}
.registration-block .form-slides .slide {display: none; padding: 30px 40px 70px 52px; height: 100%;}
.registration-block .form-slides .slide .slide-title {margin-bottom: 24px; font-weight: 700; font-size: 20px; line-height: 1.4;}

.registration-block .form-slides .slide.active {display: block;}
.registration-block .slide .slides-nav {display: flex; align-items: center; column-gap: 11px; position: absolute; bottom: 0; left: 52px;}
.registration-block .slide .slides-nav .s-nav-fin,
.registration-block .slide .slides-nav .s-nav {width: 42px; height: 42px; position: relative; z-index: 2; cursor: pointer; transition: all .3s ease-in-out; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid var(--second); border-radius: 21px;}
.registration-block .slide .slides-nav .s-nav.back {background-color: transparent;}
.registration-block .slide .slides-nav .s-nav.next {background-color: var(--second);}
.registration-block .slide .slides-nav .s-nav-fin.next {background-color: var(--second);}
.registration-block .slide .slides-nav .s-nav svg {display: block; width: 8px; height: 13px; object-fit: contain;}
.registration-block .slide .slides-nav .s-nav svg path {transition: all .3s ease-in-out;}
.registration-block .slide .slides-nav .s-nav.back:hover {background-color: var(--second); }
.registration-block .slide .slides-nav .s-nav-fin.next:hover { width: auto;}
.registration-block .slide .slides-nav .s-nav.next:hover { width: auto;}
.registration-block .slide .slides-nav .s-nav.back:hover svg path {fill:#fff;}
.registration-block .slide .slides-nav .s-nav.next span {max-width: 0; display: inline-block; overflow: hidden; transition: all .3s ease-in-out; padding: 0; font-weight: 600; color: #fff; opacity: 0;}
.registration-block .slide .slides-nav .s-nav.next:hover span {max-width: fit-content; padding: 0 46px; opacity: 1;}
.registration-block .slide .slides-nav .s-nav.next:hover svg {margin-right: 20px;}

.registration-block .slide .slides-nav .s-nav-fin.next span {max-width: 0; display: inline-block; overflow: hidden; transition: all .3s ease-in-out; padding: 0; font-weight: 600; color: #fff; opacity: 0;}
.registration-block .slide .slides-nav .s-nav-fin.next:hover span {max-width: fit-content; padding: 0 46px; opacity: 1;}
.registration-block .slide .slides-nav .s-nav-fin.next:hover svg {margin-right: 20px;}



.registration-block .slide .slides-nav .next-text {position: absolute; left: 110px; z-index: 1; font-weight: 600;}
.registration-block .form-overlay {position: absolute; top: 0; bottom: 0;left: 0;right: 0; background-color: #fff; opacity: 0; border-radius: 8px; overflow: hidden; z-index: 1; transition: all .3s ease-in-out;}
.registration-block .form-overlay.show {opacity: .8; z-index: 3;}
.registration-block .slide .slides-nav .s-nav::before{content: ""; position: absolute; top: -1px; right: -1px; left: -1px; bottom: -1px; z-index: -1; background-color: transparent; transition: all .3s ease-in-out;}
.registration-block .slide .slides-nav .s-nav.disabled::before{cursor: not-allowed; z-index: 4; background-color: #F3F4F6; opacity: .6;}
.registration-block .slide[data-number="1"] {}
.registration-block .slide[data-number="1"] .slides-nav .s-nav.next { width: auto;}
.registration-block .slide[data-number="1"] .slides-nav .s-nav.next svg {margin-right: 20px;} 
.registration-block .slide[data-number="1"] .slides-nav .s-nav.next span {max-width: fit-content; padding: 0 46px; opacity: 1;}
.registration-block .slide .client-date {color: #737373; margin-bottom: 22px;}
.registration-block .time-inputs-w {column-gap: 8px;}
.registration-block .time-inputs-w .s-time {margin-bottom: 8px;}
.registration-block .time-inputs-w .s-time input {display: none;}

.registration-block .time-inputs-w label {display: inline-block; cursor: pointer; text-align: center; border: 1px solid #0069FF99; border-radius: 8px; width: 96px; padding: 12px; color: #0069FF;}
.registration-block .time-inputs-w .s-time input:checked + label {border-color: var(--second); color: var(--second);}
.registration-block .input-wrapper {margin-bottom: 16px; position: relative;}
.registration-block .input-wrapper label {margin-bottom: 4px;font-size: 20px; line-height: 1;}
.registration-block .input-wrapper input {border-radius: 7px;}
.registration-block .agree-w {font-size: 12px; margin: 18px 0;}
.registration-block .agree-w a {font-weight: 700;}

.ui-widget.ui-widget-content {width: 100%; background-color: transparent;}
.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {cursor: pointer; width: 38px; height: 38px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-color: var(--second); border: none !important; top: 0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: none;}
.ui-widget-header .ui-state-disabled {background-color: transparent; opacity: 1;}
.ui-datepicker .ui-datepicker-next {background-image: url(../img/icons/arrow-n-w.png);}
.ui-datepicker .ui-datepicker-prev {background-image: url(../img/icons/arrow-p-w.png);}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {background-image: url(../img/icons/arrow-dis.png);}
.ui-widget-header {background-color: transparent; padding: 0; border: none; font-size: 16px; margin-bottom: 16px;}
.ui-datepicker .ui-datepicker-title {font-weight: normal; }
.hasDatepicker {font-family: "Inter", sans-serif;}
.ui-widget {font-family: "Inter", sans-serif;}
.ui-datepicker th {font-size: 12px; font-weight: 400; text-transform: uppercase;}
.ui-state-active, .ui-widget-content .ui-state-active {display: flex; justify-content: center; align-items: center; background-color: var(--second); color: #fff; text-align: center; width: 44px; height: 44px; border-radius:50%; }
.ui-state-default, .ui-widget-content .ui-state-default {display: flex; position: relative; left: 50%; transform: translateX(-50%); justify-content: center; align-items: center; background-color: transparent; border-color: #dadada; width: 44px; height: 44px; border-radius:50%;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border-color: var(--second); color: var(--main); background-color: transparent !important;}
.ui-state-active, .ui-widget-content .ui-state-active {background-color: var(--second); border-color: var(--second);}
.ui-datepicker td {padding: 4px 0;}
.ui-widget.ui-widget-content {border: none;}
.last-slide .slide-inner {margin: 100px 0;}
.last-slide .slide-inner .last-title {font-size: 24px; font-weight: 800;}
.last-slide .slide-inner .fin-desc {font-size: 14px; margin: 18px 0 32px;}
.last-slide .slide-inner .fin-desc span {font-weight: 600;}
.last-slide .slide-inner .fin-desc a {font-weight: 600; }
.last-slide .slide-inner .fin-desc a:hover {color: var(--third);}
.last-slide .slide-inner .fin-address {color: #717272;}
.registration-block .input-wrapper::after {top: inherit; bottom:calc(50% - 28px);}
.registration-block .steps-index .step.active.last {font-size: 36px;}



.simple-page .site-header {position: relative; background-color: var(--main);}
.simple-page-w .sub-title-block {margin: 32px 0 42px;}
.simple-page-w .sub-title-block h2 {font-size: 40px; margin-bottom: 12px;}
.simple-page-w .address-contacts-w {column-gap: 30px;}
.simple-page-w .address-contacts-w .s-item{}
.simple-page-w .address-contacts-w .s-item .icon {width:42px; height: 42px;}
.simple-page-w .address-contacts-w .s-item .txt {width: 144px; padding-left: 10px; font-size: 12px;}

.contacts-block {margin-bottom: 24px;}
.simple-page-w .txt-content {margin: 64px 0; font-size: 14px;}
.simple-page-w .txt-content h1,
.simple-page-w .txt-content h2 {font-size: 24px; font-weight: 700; margin-bottom: 16px; line-height: 1;}
.simple-page-w .txt-content h3 {font-size: 20px; font-weight: 700; margin-bottom: 12px; line-height: 1;}
.simple-page-w .txt-content p {margin-bottom: 6px;}
.impressum-content {background-color: #F3F4F6; padding: 55px 0 130px;}
.impressum-content .s-block {margin-bottom: 34px;}
.impressum-content .s-block:last-of-type {margin-bottom: 0;}
.impressum-content .title {font-size: 24px; font-weight: 800; margin-bottom: 16px;}
.impressum-content .desc {}
.impressum-content .desc p {margin-bottom: 4px;}
.impressum-content .desc p.mail-link {margin-top: 24px;}




/*----- Media----*/
@media screen and (max-width:1820px){


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




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

}


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

}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){
  .bp-w .txt {padding-right: 24px;}


}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .main-top-block .top-block-inner {padding: 160px 0 140px;}
  .pluses-content {padding: 0 20px;}

}

@media screen and (max-width:1152px){
  .site-header .top-row nav ul li {margin: 0 14px;}
  .boss-foto-txt {flex-direction: column-reverse;}
  .boss-foto-txt .about-txt {width: 100%; padding-top: 78px;}
  .boss-foto-txt .about-txt .key-btn {display: none;}
  .boss-foto .m-link {display: block;}
  .boss-foto .m-link .key-btn {margin: 0 auto;}
  .services-w .s-service .txt-w .service-desc {font-size: 14px;}
  .services-w .s-service .txt-w .title-price-w {font-size: 18px;}
  .bp-w .poster-w,
  .bp-w .txt {width: 50%;}
  .contacts-block {column-gap: 1%;}
  .contacts-block .c-poster {width: 49.5%;}
  .contacts-block .c-txt {width: 49.5%; padding: 48px 20px;}
  .site-footer .f-menu {width: 390px;}
  .registration-block .form-slides .slide {padding: 32px 20px;}
  .registration-block .slide .slides-nav {left: 20px;}

}
@media screen and (max-width:1080px){
  .site-header .logo-w {width: 80px;}
  .site-header .top-row nav ul li a {font-size: 16px;}
  .site-header .top-row .address-contacts-w .s-item {margin-left: 8px;}
  .site-header .top-row nav ul li a {font-size: 14px;}
  .site-header .top-row .address-contacts-w .s-item .icon {width: 30px; height: 30px;}
  .site-footer .f-menu {width: 360px;}

}

@media screen and (max-width:980px){
  .services-w {column-gap: 2%;}
  .services-w .s-service {width: 49%; margin-bottom: 2%;}
  .site-footer .column {width: 100%; margin-bottom: 24px;}
  .site-footer .btn-w {width: fit-content;}
  .site-footer .f-menu {justify-content: space-around;}


}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .site-header .logo-w {display: none;}
  .site-header .m-phone {display: block;}
  .site-header .m-logo-w {display: block; width: 174px;}
  .burger-wrapper {display: block;}
  .site-header .m-logo-w img {display: block; width: 100%; height: 100%; object-fit: contain;}
  .site-header .top-row .main-menu-w {display: none !important;}
  .site-header .top-row .address-contacts-w {display: none !important;}

  .simple-page-w .txt-content {margin: 42px 0;}
  .simple-page-w .txt-content h1,
  .simple-page-w .txt-content h2 {font-size: 20px; font-weight: 700; }
  .simple-page-w .txt-content h3 {font-size: 18px; font-weight: 700; }
  .simple-page-w .sub-title-block {margin: 20px 0 36px;}



}

@media screen and (max-width:800px){
  .main-top-block .top-block-inner {padding: 122px 0 105px;}
  .main-top-block .top-block-inner .txt-w {width: 100%; text-align: left;}
  .bp-w .poster-w,
  .bp-w .txt {width: 100%;}
  .bp-w .txt {padding-right: 0; margin-bottom: 60px;}
  #bestprice::after {top: 0; bottom: 0;}
  .registration-block .side {width: 100%;}
  .registration-block .form-slides .slide {padding-top: 40px;}
  .last-slide .slide-inner {margin: 40px 0;}
  .registration-block .side.reg-desc {padding-right: 0; border: none;}
  
}

@media screen and (max-width:720px){ 
  .main-top-block .kb-w {width: 100%; margin-bottom: 24px;}
  .main-top-block .kb-w {width: 100%;}
  .main-top-block .btns-w {flex-wrap: wrap;}
  .trnsp-btn,
  .key-btn {width: 100%; text-align: center; justify-content: center;}
  .services-w {column-gap: 0;}
  .services-w .s-service {width: 100%; margin-bottom: 20px;}
  .services-w .s-service .arrow-btn {width: 100%; justify-content: space-between;}
  .services-w .s-service .txt-w .title-price-w {font-size: 20px;}
  .services-w .s-service .txt-w .service-desc {font-size: 16px;}
  .contacts-block .c-poster {width: 100%; margin-bottom: 12px;}
  .contacts-block .c-txt {width: 100%;}
  .popup {width: 95%;}
  .registration-block .form-slides .slide {padding: 40px 0 60px;}
  .registration-block .slide .slides-nav {left: 0;}
}


@media screen and (max-width:640px){
  .popup {padding: 24px;}

}
@media screen and (max-width:580px){
  .cr-pp-wrapper {flex-direction: column; align-items: center;}
  .cr-pp-wrapper > div {margin: 4px 0;}
  .ui-state-default, .ui-widget-content .ui-state-default {width: 40px; height: 40px;}

}
@media screen and (max-width:540px){
  h1 {font-size: 44px;}
  h2 {margin-bottom: 24px; font-size: 36px;}
  .site-footer .f-menu {justify-content: space-between;}
  .inputs-wrapper-block .input-wrapper {width: 100%;}
  .popup .popup-title {font-size: 32px;}
  .popup .agree-w {margin: 8px 0 24px;}
  .popup .desc {font-size: 14px;}
  .impressum-content {padding: 48px 0;}

}
@media screen and (max-width:480px){
  .content {padding: 0 12px;}
  .pluses-content {padding: 0 12px;}
  h2 {line-height: 1.1;}
  .site-footer .f-menu .s-column {width: 100%; margin-bottom: 24px;}
  .site-footer .f-menu .s-column:last-of-type {margin-bottom: 0px;}
  .registration-block .time-inputs-w label {width: 78px;}


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


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

}

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


}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }

@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }

.shine {position: relative;overflow: hidden;}
.shine::after {content: '';position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);transform: translateX(-4rem) skewX(-45deg);animation: shine 3.5s 2s infinite;}

@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}
@keyframes dot-color {
  from {
    background-color: #15C644;
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: #15C644;
  }
}
@keyframes arrow-move {
  from {
    top: 0px;
  }
  50% {
    top: -16px;
  }
  to {
    top: 0px;
  }
}