/*font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;*/
body {
    font-family: 'Roboto', sans-serif;
}
img {max-width: 100%;}
.p-rel {
    position: relative;
}

.header-block {
    background-image: url(../images/slide.jpg);
    background-size: cover;
    background-position: top;
    overflow: hidden;
    /* box-shadow: 0 5px 5px #aaa; */
    background: #fff;
}
.header-block .phone2 {max-width: max-content;}
.header-block .button {text-transform: uppercase}
.shapka {
    padding: 27px 0;
    border-bottom: 1px solid #4a3133;
}

.logo {
    width: 100%;
    max-width: fit-content;
    padding-top: 7px;
}

.messenger img {
    width: 40px;
    height: 40 px;
    margin: 0 5px;
}

.phone a {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: clamp(16px,calc(8*((100vw - 768px)/632) + 16px),24px);
    text-decoration: none;
    color: #4a3133;
    padding-left: clamp(35px,calc(15*((100vw - 768px)/632) + 35px),50px);
}

.phone2 a {
    font-size: 24px;
    color: #000;
}
.phone a:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url(../images/phone.png);
    width: clamp(30px,calc(10*((100vw - 768px)/632) + 30px),40px);
    height: clamp(30px,calc(10*((100vw - 768px)/632) + 30px),40px);
    background-size: contain;
}
.button {cursor: pointer;text-decoration: none;}
.button span, div.button a, button.button {
    background-color: #db0a0a;
    font-size: clamp(13px,calc(5*((100vw - 768px)/632) + 13px),18px);
    font-weight: 500;
    border-radius: 35px;
    color: #fff;
    /*text-transform: capitalize;*/
    padding-top: clamp(10px,calc(11*((100vw - 768px)/632) + 10px),21px);
    padding-bottom: clamp(10px,calc(11*((100vw - 768px)/632) + 10px),21px);
    display: block;
    text-align: center;
}
.button span:hover, button.button:hover {background-color: #363739;}
button.button {border: none; width: 100%}
div.button a {
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: clamp(22px,calc(8*((100vw - 768px)/632) + 24px),28px);
    border-radius: 45px;
    margin-top: 76px;
    margin-bottom: 55px;
}
div.button a:hover {filter: drop-shadow(0px 2px 20px #DA580F);}
.header2 {
    padding-top: clamp(40px,calc(40*((100vw - 768px)/632) + 40px),80px);
    color: #0c0c0c;
}

h1, .h1 {
    font-family: 'Montserrat';
    font-size: clamp(36px,calc(12*((100vw - 768px)/632) + 36px),48px);
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 1.5rem
}

.red {
    color: #db0a0a;
}

.header2 ul {
    padding-left: 3rem;
    padding-bottom: 50px;
}

.header2 li {
    font-size: clamp(20px,calc(4*((100vw - 768px)/632) + 20px),24px);
    line-height: clamp(28px,calc(30*((100vw - 350px)/1050) + 28px),58px);
    list-style-type: none;
}

.header2 li:before {
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: clamp(28px,calc(30*((100vw - 350px)/1050) + 28px),58px);
    background-image: url(../images/li-mark.png);
    left: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header-bottom-text {
    font-size: clamp(24px,calc(12*((100vw - 768px)/632) + 24px),36px);
}
.header-bottom-text span {
    font-family: 'Montserrat';
    background: #d70b0b;
    font-weight: 1000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
}
.header-img {
    position: absolute;
    left: 54%;
    bottom: 5%;
}
/*.block1 {padding: 100px 0;}*/
h2 {text-align: center;font-size: clamp(32px,calc(8*((100vw - 768px)/632) + 32px),40px);font-family: 'Montserrat';font-weight: 600;padding: clamp(20px,calc(80*((100vw - 350px)/1050) + 20px),100px) 0;}
h2 span {color: #db0a0a;}
.avto {box-shadow: 0 5px 10px #aaa;border-radius: 20px;padding: 30px 25px;}

.avto p {font-family: 'Montserrat';font-size: clamp(16px,calc(8*((100vw - 992px)/408) + 16px),24px);font-weight: 600;}
.avto p.type-name {min-height: 72px;}
.avto img {margin:25px auto; max-height: 125px;}
.avto .button span {text-transform: capitalize;font-size: 24px;font-weight: 600;font-family: 'Montserrat';padding-top: 17px;padding-bottom: 17px;transform: scale(1.0);transition: .3s;}
.avto .button span:hover {transform: scale(1.05);background-color: #db0a0a;}
.block1-info {padding: clamp(20px,calc(80*((100vw - 350px)/1050) + 20px),100px) 0;}
.block1-info p {font-size: 18px; font-weight: 500;}
.block2 {background-color: #f9f9f9;padding-bottom: 80px;}
.block2 img {width: 75px; height: 75px;}
.block2 .number {position: absolute;left:25%;top: -100px;font-family: 'Montserrat';font-weight: 1000;font-size: 128px;color: #d70b0b;opacity: 0.1;}
.block2 p {font-weight: 500; font-size: 18px;}
.block2 .adv-name {color: #db0a0a;}
.block2 .adv-desc {padding-top: 58px}
.step {box-shadow: 0 5px 10px #aaa;border-radius: 20px;height: 100%;overflow: hidden;}
.step img {min-width: 100%;}
.step-name {font-family: 'Montserrat'; font-weight: 600; font-size: 20px; text-align: center; padding: 1rem 0;}
.step-desc {min-height: 105px;margin-bottom: 25px;display: flex;}
.step-desc p {text-align: center;margin: auto 25px; font-size: 18px;}
.step .num {position: absolute; display: block; left: calc(50% - 25px);bottom: -100px; width: 50px; height: 50px; background-color: #db0a0a; text-align: center; line-height: 50px;font-family: 'Montserrat';font-weight: 600;font-size: 24px; color: #fff; border-radius: 50%;}
.block3 {padding-bottom: clamp(20px,calc(80*((100vw - 350px)/1050) + 20px),100px);}
.block3 hr {position: absolute;bottom: -45px;height: 4px;width: 75%;right:12.5%;opacity: 1;color: #db0a0a;}
.otzyw {box-shadow: 0 5px 10px #aaa; height: 100%; padding: 50px 30px; position: relative;}
.otzyw:before {content: '';position: absolute;display: block;height:70px;width:70px;background-image:url(../images/otzyw.png);top: -25px;right: 35px;}
.rewname {font-family: 'Montserrat'; font-weight: 600; font-size: 24px; margin-bottom: 40px;}
.rew {font-size: 18px;}
.block4 .button span {font-family: 'Montserrat'; font-weight: 600; font-size: 24px; padding-top: 17px; padding-bottom: 17px;box-shadow: 0 3px 5px #aaa;transform:scale(1.0); transition:.3s;}
.block4 .button span:hover {background-color:#db0a0a; transform:scale(1.05);}
.div100 {height: clamp(20px,calc(80*((100vw - 350px)/1050) + 20px),100px);/* border: 1px solid; */}
.slide-control img {box-shadow: 0 3px 5px #aaa; border-radius: 50%;}
.foto {padding-top: 86%!important;background-position: center;background-size: 100%;filter: grayscale(1);transition-property: all;transition-duration: 0.5s;}
.foto:hover {background-size:130%; filter: grayscale(0);}
.block6 {background-color: #db0a0a;color: #fff;background-image: url(../images/water.png);background-size:cover;font-size: clamp(24px,calc(8*((100vw - 768px)/632) + 24px),32px);padding-bottom: 50px;}
.skidka-big {font-family: 'Montserrat'; font-size: 250px; font-weight: 600; line-height: 1;}
.skidka-tel {font-family: 'Montserrat';line-height: 58px;font-size: clamp(40px,calc(8*((100vw - 768px)/632) + 40px),48px);color: #fff;text-decoration: none;font-weight: 600;}
.div75 {height: 75px;}
.block7 {padding-top: 75px; padding-bottom: 50px;}
.block7 p {font-size: 18px;}
.block7 .button span {text-transform: uppercase;}
.footer {background-color: #363739;padding-top: clamp(30px,calc(45*((100vw - 768px)/632) + 30px),75px);color: #fff;font-size: 18px;}
.f-text-left {padding-top: 50px; font-size: clamp(14px,calc(4*((100vw - 768px)/632) + 14px),18px);}
.footer .nav-name {font-weight: 500;}
.footer a {color: #fff;}
.footer .nav-link li {margin-bottom: 1rem;list-style-type: none;}
.footer .nav-link li a {color: #fff; text-decoration: none;}
.footer-cont {width: 25px; height: 25px; margin-right: 5px;}
.sk-wa img {width: 50px; height: 50px;margin-right: 25px}
a:hover {color: unset;}
.o-hidden {overflow: hidden;}
.owl-stage{
		display: flex;
	}
.owl-nav {position: absolute;right: 0;bottom: clamp(-180px,calc(-63*((100vw - 576px)/824) - 117px),-117px);}
.owl-nav button {margin: 10px;border-radius: 50%;height: 70px;width: 70px;padding: 0;border: none;box-shadow: 0 3px 5px #aaa;}
.owl-nav button.owl-prev {
    background-image: url(../images/arrow.png);
}
.owl-nav button.owl-next {
    background-image: url(../images/arrow-next.png);
}
.owl-nav button span {
    display: none;
}
.modal-dialog {max-width: 900px;}
#ModalOK .modal-dialog, #ModalOKotzyw .modal-dialog {max-width: 500px;}
.modalimg {background-image:url(../images/modalimg.webp); background-size: cover; height:500px;}
.modal-message {padding: 0 50px 50px 50px; background-image: none;}
.modal-message .close-dialog {text-align: right;height: 75px;}
.modal-message span {font-family: 'Montserrat';font-style: normal;font-weight: 700;font-size: 24px;line-height: 75px;color: #D70B0B;text-align: right;}
.modal-message p {text-align: center; font-weight: 500;}
.modal-message form input, .modal-message form button {margin: 20px 0;}
.modal-message form input, .modal-message form textarea {font-size: 16px;line-height: 60px;border: #E8E8E8 solid 2px;border-radius: 0;box-shadow: 0 5px 10px #aaa;}
.form-control:focus {box-shadow: 0 5px 10px #aaa;border-color: #ced4da;}
.modal-message form input.form-check-input {position: absolute;left: -25px;line-height: 20px;top: 2px;margin: 0;height: 20px;width: 20px;box-shadow: none;}
.modal-otzyw {background-image: url(../images/modal-otzyw.webp)!important;}
.modal-otzyw form {max-width: 420px; margin-right:auto; margin-left:auto}
.modal-message button.button {padding-top: 21px; padding-bottom: 21px;}
.modal-message form textarea {line-height:1.5;padding: 15px;height: 200px;resize: none;}
.form-check-input:checked {background-color: #db0a0a;border-color: #db0a0a;}
.mobile-menu-toggler {background-image:url(../images/menu.webp); width:40px; height: 40px; background-size:contain; background-repeat: no-repeat;}
.modal-menu {background-image: none!important;}
.m-menu {
    padding: 30px 0;
    font-family: 'Montserrat';
    font-weight: 600;
}
.m-menu span {display: block; text-align:left;}
.m-menu a {display: block; color: #000; text-decoration: none;line-height: 36px; font-size: 16px;}
.m-menu-phone {
    padding: 20px 0;
    color: #000;
    font-family: 'Montserrat';
    font-weight: 600;
}
.m-menu-phone a {text-decoration: none;color: #000; font-size: 24px;}

.pulse {
    animation: radial-pulse 1s infinite;
  }
  @keyframes radial-pulse {
    0% {
      box-shadow: 0 0 0 0px rgb(219 10 10);
    }
   
    100% {
      box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0);
    }
  }
@media (max-width: 992px) {
    .avto p {font-size: 24px;}
    .step .num {bottom:unset; top: -25px}
    .block7 img {width: 100%}
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
    .step-desc p {margin: auto 15px;font-size: 14px;}
    .block5 .row .p-0:nth-last-child(9) {display:none;}
    .foto {filter: none;}
    .step-name {font-family: 'Montserrat';font-weight: 600;font-size: 20px;padding-bottom: 0;}
    .block6 {font-size: clamp(18px,calc(6*((100vw - 350px)/418) + 18px),24px);}
    .skidka-tel {font-size: clamp(24px,calc(16*((100vw - 350px)/418) + 24px),40px);}
    .skidka-big {font-size: clamp(150px,calc(100*((100vw - 350px)/418) + 150px),250px);}
    .f-text-left {display: none;}
    .header2 li:before {height:24px}
    .header2 ul {padding-bottom: 0px;}
    .header-bottom-text {font-size: clamp(16px,calc(8*((100vw - 350px)/418) + 16px),24px);}
    h2 {font-size: clamp(20px,calc(12*((100vw - 350px)/418) + 20px),32px);}
    h1, .h1 {font-size: clamp(18px,calc(18*((100vw - 350px)/418) + 18px),36px); margin-bottom: .5rem;}
    .avto .button span {font-size: clamp(18px,calc(6*((100vw - 350px)/418) + 18px),24px);}
}
@media (max-width: 576px) {
    .owl-nav {bottom: calc(50% - 35px);width: calc(100% + 110px);right: -55px;}
    .owl-nav button.owl-next {float:right;}
    .header-block .phone2 {margin:auto;padding-top: 30px;}
    .header2 li {font-size: clamp(14px,calc(6*((100vw - 350px)/418) + 14px),20px);    }
    .avto p {font-size: clamp(18px,calc(6*((100vw - 350px)/418) + 18px),24px);}
    .shapka {padding: 15px 0;}
}
@media (max-width: 540px) {
    .step-name {font-family: 'Montserrat';font-weight: 600;font-size: 20px;padding: 1rem 0;}
    .step-desc p {margin: auto 25px;font-size: 18px;}
    .modal-message {background-image: url(../images/modalbg.webp);background-position: center;background-size: cover;}
    .footer div.button a, .header-block div.button a {text-decoration: underline;width: 100%;}
    .footer div.button a {margin: 0 0 20px 0;}
    .footer {text-align: center;}
    .header-img {left:15%; width: 70%}
}