@import url('header.css');

.blockRedLine3103{
    display:none!important;
}
/*general*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}
body {
    font-family: "Inter", serif;
    background: rgba(0, 0, 0, 1);
}
button {
    outline: none;
    border: none;
    padding: 0;
}
/*button*/
.intro__btn {
    font-family: "Inter", serif;
    text-align: center;
    background:linear-gradient(90deg, #FF6600 0%, #FE0000 100%);
    padding: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: none;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transform: skew(-12deg);
}
.intro__btn:after {
    content: '';
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(156, 0, 0, 1);
    transition: opacity .4s ease-in-out;
}
.intro__btn:before {
    content: '';
    height: 100%;
    width: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    background: rgba(206, 0, 0, 1);
    transition: opacity .3s ease-in-out;
}
.intro__btn span {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-transform: uppercase;
    color: white;
    display: block;
    transform: skew(12deg);
}
.intro__btn:hover {
    background: linear-gradient(90deg, #FF6600 0%, #FE0000 100%);
    cursor: pointer;
}
.intro__btn:hover:after{
    opacity:0;
}
.intro__btn:hover:before {
    opacity: 0;
}
.intro__btn:focus {
    background: linear-gradient(90deg, #F50000 0%, #B50000 100%);
}
.intro__btn:focus:after {
    opacity: 0;
}

.intro__btn:focus:before {
    opacity: 0;
}
/*button*/
/*general*/
h2 {
    font-size: 80px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.2;
    color: rgba(255, 255, 255, 1);
    text-transform:uppercase;
    max-width:1000px;
}
h2 span {
    color: rgba(254, 190, 16, 1);
}
h3 {
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 48.41px;
    text-align: center;
    color: rgba(254, 190, 16, 1);
    text-transform:uppercase;
    margin-bottom:40px;
    display:flex;
    align-items:center;
}
p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: rgba(255, 255, 255, 1);
}
p span {
    font-weight: 700;
}
.container{
    margin:0px auto;
    max-width:1560px;
    padding:0px 20px;
}
main{
    overflow:hidden;
}
/*BLOCK1*/

.block-1 {
    background: url(../images/block-1_back.png) no-repeat bottom 60% left 60%,url(../images/block-1.png) no-repeat center top, rgba(0, 0, 0, 0.7);
    position: relative;
}
.block-1 .container{
    position:relative;
    z-index:1;
}


.block-1 .block-1__main {
    display: flex;
    justify-content: space-between;
    padding: 120px 0px 0px;
    position: relative;
    z-index: 1;
}


.block-1__left{
    position:relative;
    width:100%;
}
/*
form*/
.block-1__form {
    background: rgba(254, 190, 16, 1);
    box-shadow: 0px 0px 35.9px 0px rgba(0, 0, 0, 0.1);
    padding:46px 27px;
    width:362px;
    margin-top:100px;
    position:relative;
}
.form_abs-2{
    position:absolute;
    bottom:-35px;
    right:40px;
}
.form_abs-1 {
    position: absolute;
    left: 0;
    top: -80px;
}
.form_text {
    color: rgba(0, 0, 0, 1);
    text-align: center;
    margin-bottom: 30px;
}
.product_block{
    position:relative;
    width:fit-content;
}
.product_block .prod{
    position:relative;
    z-index:1;
}
.product_block .abs-1 {
    position:absolute;
    top:30px;
    left:-80px;
}
.price {
    display: flex;
    flex-direction: column;
    justify-content:center;
    position:absolute;
    bottom:155px;
    right:-150px;
    z-index:2;
}
.price_abs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.al-cost-promo {
    position: relative;
    z-index: 1;
    text-decoration: line-through;
    color: rgba(255, 255, 255, 1);
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-top: 100px;
    margin-left: -20px;
}

.al-cost {
    position: relative;
    z-index: 1;
    font-size: 70px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.2;
    color: rgb(255, 255, 255);
    margin-left:-20px;
}


.form__wrap {
    position: relative;
    margin-bottom:20px;
}

.form-btn {
    margin-top: 40px;
}

.form__input {
    width: 100%;
    box-sizing: border-box;
    height: 43px;
    padding: 0 20px;
    border: none;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(0, 0, 0, 1);
}

input::placeholder {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(144, 141, 141, 1);
}

.form__input:focus-visible {
    border: 2px solid rgba(255, 102, 0, 1);
    outline: none;
}



.form__input.error {
    background:url(../images/error.svg) no-repeat center right 12px, rgba(255, 255, 255, 1);
    border: 2px solid rgba(254, 16, 16, 1);
    color: rgba(254, 16, 16, 1);
}
.form__input.error::placeholder {
    color: rgba(254, 16, 16, 1);
}
.form__input.error ~ span {
    display: block;
}


.form__input.error ~ label {
    opacity: 1;
}

.al-form .form__input.error + .form__error {
    display: block;
    width: 100%;
    height: 100%;
    color: rgba(254, 16, 16, 1);
    font-size: 11px;
    line-height: 8px;
    position: absolute;
    left: 0;
    text-align: start;
}

.form__error {
    color: rgba(254, 16, 16, 1);
    display: block;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 0px;
    display: none;
}


.form__labels {
    display: flex;
    align-items: center;
    justify-content: center
}

.form__label:not(:last-of-type) {
    margin-right: 8px
}

.offer-wrapper {
    display: flex;
}
/*form*/
/*BLOCK1*/
/*BLOCK-2*/
.block-2 {
    background: rgba(0, 0, 0, 1);
    padding: 80px 0px;
    position: relative;
    z-index:1;
}
.block-2 h3{
    white-space:nowrap;
}
.block-2 h3:before {
    content: '';
    height: 30px;
    width: 100%;
    background: url(../images/title-1.png) no-repeat center right;
    display: block;
    margin-right:15px;
}
.block-2 h3::after {
    content: '';
    height: 30px;
    width: 100%;
    background: url(../images/title-1.png) no-repeat center left;
    display: block;
    margin-left:15px;
}
.block-2__main .intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:1262px;
    margin:auto;
    gap:90px;
}
.intro__item {
    display: flex;
    align-items: center;
    max-width:360px;
}


.intro__item p {
    margin-left: 16px;
    color:white;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
}

/*BLOCK-2*/
/*BLOCK-3*/
.block-3 {
    background:url(../images/block-3_back.png) no-repeat top 80px center, rgba(254, 190, 16, 1);
    padding: 120px 0px;
}
.block-3 .container{
    position:relative;
}
.block-3__main{
    display:flex;
    justify-content:space-between;
    gap:30px;
}
.block-3 h3 {
    color: #292929;
    max-width:740px;
    text-align:start;
    margin-bottom:85px;
    align-items:start;
    position:relative;

}
.block-3 h3:after{
    content:'';
    display:block;
    height:30px;
    width:850px;
    position:absolute;
    top:10px;
    right:-790px;
    background:url(../images/title-3.png) no-repeat center left;
}
.block-3 h3 .col_sp {
    color: rgba(254, 16, 16, 1);
    display: contents;
}
.prod_plus {
    background: rgba(255, 255, 255, 1);
    transform: skew(-8deg);
    padding:20px 50px 40px;
    max-width:870px;
    width:100%;
    position:relative;
}
.block-3_abs{
    position:absolute;
    top:-110px;
    right:-10px;
}
.block-3_abs .prod{
    position:relative;
    z-index:1;
    transform: skew(8deg);
}
.block-3_abs .abs_dop {
    position: absolute;
    top: -10px;
    left: -40px;
}
.prod_plus h4 {
    font-size: 80px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.2;
    color: rgba(255, 102, 0, 1);
    transform: skew(8deg);
    margin-left: -20px;
}
.prod_plus ul li {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: rgba(41, 41, 41, 1);
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(254, 190, 16, 1);
    padding:20px 0px;
}
.prod_plus ul li img{
    margin-right:10px;
}
.another_plus {
    background: rgba(255, 255, 255, 0.2);
    transform: skew(-8deg);
    padding: 20px 50px 40px;
    max-width:660px;
    width:100%;
    position:relative;
}
.block-3_abs-2{
    position:absolute;
    right:-25px;
    top:-60px;
}
.another_plus h4 {
    max-width: 390px;
    font-size: 40px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.2;
    color: rgba(86, 86, 86, 1);
    transform: skew(8deg);
    margin-left: -20px;
    text-transform: uppercase;
}
.another_plus ul li img {
    margin-right: 8px;
}
.another_plus ul li {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    color: rgba(86, 86, 86, 1);
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(86, 86, 86, 1) ;
    padding: 20px 0px;
}
.block-3 ul {
    list-style: none;
    transform: skew(8deg);
}
/*BLOCK-3*/
/*BLOCK-6*/
.block-5 {
    background: linear-gradient(262.63deg, #000000 65.13%, #15093A 100%);
}
.block-5 .container {
    position:relative;
}

.block-5_main{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.block-5_main h3 {
    color:white;
    text-align:start;
    margin-left:70px;
}
.block-5_main h3 span {
    display: contents;
    color: rgba(254, 190, 16, 1);
}
.block-5__flex{
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:10px;
}
.block-5__flex p{
    margin-bottom:12px;
}
.block-5__flex p span {
    color: rgba(254, 190, 16, 1);
}
.name_block-5{
    margin:20px 0px 60px;
}
.name_block-5 span {
    display: block;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 33.6px;

}
.block-5 .intro__btn{
    max-width:310px;
    margin-left:-10px;
}
.block-5__img{
    margin-right:-200px;
}
.block-5__text{
    margin-right:-100px;
    position:relative;
    z-index:1;
}
/*BLOCK-6*/
.block-6 {
    background: rgba(254, 190, 16, 1);
    position: relative;
    margin-top:-5px;
}
.block-6__main{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}
.block-6__abs{
    position:absolute;
    top:40px;
    right:-230px;
}
.block-6__text {
    max-width: 880px;
}
.block-6__text p {
    color: rgba(0, 0, 0, 1);
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
}
.block-6__text p span {
    font-weight: 900;
    color: rgba(254, 16, 16, 1);
}
.block-6_line{
    margin-top:18px;
    margin-left:-265px;
}
/*BLOCK-7*/
.block-7 {
    background: rgba(0, 0, 0, 0.7);
    padding:120px 0px;
}
.block-7 h3 {
    color: white;
    justify-content: center;
    margin-bottom: 60px;
    white-space: nowrap;
}
.block-7 h3:before {
    content: '';
    height: 30px;
    width: 100%;
    background: url(../images/title-1.png) no-repeat center right;
    display: block;
    margin-right: 15px;
}
.block-7 h3::after {
    content: '';
    height: 30px;
    width: 100%;
    background: url(../images/title-1.png) no-repeat center left;
    display: block;
    margin-left: 15px;
}
.block-7 h3 span {
    color: rgba(254, 190, 16, 1);
    display:contents;
}
.block-7__main{
    display:flex;
    justify-content:space-between;
    gap:40px;
    max-width:1360px;
    margin:auto;
}
.block-7__row {
    width: calc(33.3% - 40px);
    text-align:center;
}
.block-7__row div{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:40px;
    align-items:baseline;
    text-align:start;
}
.block-7__row p {
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    color: rgba(255, 255, 255, 1);
}
.block-7__row p span {
    color: rgba(254, 190, 16, 1);
}
/*BLOCK-8*/
.block-8 {
    background:url(../images/block-8.png) no-repeat center, rgba(254, 190, 16, 1);
    padding:120px 0px;
    padding-left:50px;

}
.block-8 h3 {
    color: #292929;
    margin-bottom:90px;
    max-width:500px;
    text-align:start;
    position:relative;
    align-items:end;
}
.block-8 h3:after {
    content: '';
    display: block;
    height: 30px;
    width: 850px;
    position: absolute;
    bottom: 10px;
    right: -780px;
    background: url(../images/title-3.png) no-repeat center left;
}
.block-8__main{
    display:flex;
    justify-content:space-between;
    gap:20px;

}
.block-8__row{
    width:calc(25% - 20px);
    position:relative;
}
.block-8__row h6 {
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: 29.05px;
    color: #292929;
    margin-bottom: 8px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.block-8__row p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    color: rgba(0, 0, 0, 1);
    position:relative;
    z-index:1;
}
.block-8__row .number {
    font-size: 180px;
    font-style: italic;
    font-weight: 900;
    line-height: 217.84px;
    color: rgba(255, 255, 255, .5);
    position:absolute;
    top:-50px;
    left:-60px;
}
/*BLOCK-8*/
/*BLOCK-10*/
.block-10 {
    position: relative;
    padding: 120px 0px;
    background: url(../images/block-10.png) no-repeat center, rgba(0, 0, 0, 1);
}
.block-10 h3{
    color:white;
    white-space:nowrap;
    margin-bottom:60px;
}
.block-10 h3 span {
    color: rgba(254, 190, 16, 1);
    display:contents;
}
.block-10 h3::after {
    content: '';
    height: 30px;
    width: 100%;
    background: url(../images/title-5.png) no-repeat center left;
    display: block;
    margin-left: 15px;
}
.block-10 .img {
    width: 100%;
}



.slider-1 {
    background: rgba(255, 255, 255, 1);
    max-width: 390px;
    height: 100%;
    width: 100%;
    min-height: 765px;
    display: flex;
    flex-direction: column;
}
.slider__top {
    background: rgba(249, 249, 249, 0.94);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding:15px 20px 11px;
}
.slider__top-1{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.slider__top-1 .data {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 600;
    line-height: 18.15px;
}
.slider__name{
    text-align:center;
    margin-top:15px;
}
.slider__name p {
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    color: rgba(0, 0, 0, 1);
    margin-top:6px;
}
.slider__name img{
    margin:auto;
}
.comment-massage {
    padding: 6px 12px 12px;
}

.comm__bottom{
    margin-top:auto;
}
.comment__ans {
    background: rgba(0, 122, 255, 1);
    border-radius:15px;
    padding:7px 14px;
    width:fit-content;
    margin-left:auto;
    max-width:250px;
    margin-top:12px;
    position:relative;
}
.comment__ans:after{
    content:"";
    position:absolute;
    right:-1px;
    bottom:-1px;
    background:url(../images/comm-1.svg) no-repeat center;
    width:20px;
    height:14px;
}
.comment__ans p {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.comment__que {
    background: rgba(230, 229, 235, 1);
    border-radius: 15px;
    padding: 7px 14px;
    width: fit-content;
    margin-right: auto;
    max-width: 310px;
    margin-top: 12px;
    position:relative;
}

.comment__que:after {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    background: url(../images/comm-2.svg) no-repeat center;
    width: 20px;
    height: 14px;
}
.comment__que p {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.slick-dots {
    margin-top: 40px;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 50px 0px 0px;
    height: 35px;
}

.slick-dots li::marker {
    color: #11ffee00 !important;
}

.slick-dots li button {
    -webkit-transition: all .5s;
    transition: all .5s;
    height: 8px;
    width: 8px;
    border-radius: 250%;
    font-size: 0;
    border: none;
    outline: transparent;
    cursor: pointer;
    background: rgba(165, 59, 0, 0.7);
    padding: 0px;
    margin: 0px 20px;
}

.slick-dots li.slick-active button {
    width: 96px;
    background: linear-gradient(318.49deg, #FF0000 2.83%, #FF3500 27.65%, #FFC000 94.75%);
    border-radius: 32px;
}

.custom-arrows {
    display: flex;
    justify-content: space-between;
    align-items:center;
    max-width:320px;
}

.paginate {
    border: none;
    background: none;
    cursor: pointer;
    opacity: 0;
}


.rev-slider .slick-slide {
    margin: 0 10px;
    max-width: 320px;
}

.reviews_slider {
    display: flex;
    justify-content: space-between;
    gap:100px;
    max-width:1370px;
    margin:auto;
}
/*BLOCK-10*/
.floating__block {
    display: none;
    position: fixed;
    width: 100%;
    margin: 0 auto;
    bottom: 100%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 35px 15px;
    z-index: 1000;
    pointer-events: all;
    background: rgba(0, 0, 0, 0.7);
    height: fit-content;
    justify-content: space-between;
}

.floating__block .intro__btn {
    max-width: 360px;
}

.floating__block.active {
    bottom: 0;
}

.floating-image-1 {
    animation: levitation linear reverse infinite;
}

.slider-counter {
    display: none;
    font-size: 28px;
    font-style: italic;
    font-weight: 900;
    line-height: 33.89px;
    text-align: center;
    color:white;
}
#block-12{
    padding:60px 0px;
}
#block-12 .intro__item p {
    color: rgba(254, 190, 16, 1);
}
@media (max-width: 1600px) {
    .block-3_abs{
        width:35%;
    }
    .block-3_abs .prod{
        width:100%;
    }
    .block-3_abs .abs_dop{
        width:130%;
    }
}
@media (max-width: 1500px) {
    .reviews_slider {
        gap: 30px;
    }
}
@media (max-width: 1400px) {
    .prod_plus h4{
        font-size:50px;
    }
    .block-3_abs{
        top:-80px;
    }
    .another_plus h4{
        font-size:30px;
    }
    .block-3_abs-2{
        width:35%;
        right:-10px;
        top:-100px;
    }
    .block-5__text{
        margin-right:-250px;
    }
    .block-7__main{
        gap:20px;
    }
    .block-6__text{
        max-width:700px;
    }
    .block-6_line{
        margin-left:-400px;
    }
}
.comm__bottom {
    margin-bottom:20px;
}
@media (max-width: 1275px) {
    .block-10 .container {
        padding: 0px 0px 0px 20px;
    }
    .paginate{
        opacity:1;
    }
    .slider-counter{
        display:flex;
    }
    .block-10 h3{
        margin-bottom:20px;
    }
    .custom-arrows{
        margin:auto;
        margin-bottom:20px;
    }

    .comm__bottom img {
        width: 100%;
    }
    .slider-1{
        display:flex!important;
    }
    .block-5__text{
        margin-right:-300px;
    }
    .block-5__img{
        margin-right:-300px;
    }
}
@media (max-width: 1200px) {

    .block-1 .block-1__main {
        flex-direction: column;
        align-items: center;
    }
    .block-3__main{
        flex-direction:column;
        align-items:center;
        gap:60px;
    }
    .block-3_abs{
        top:-130px;
    }
    .block-2 h3{
        white-space:normal;
        justify-content:center;
        padding:0px 20px;
    }
    .block-2 h3:before{
        display:none;
    }
    .block-2 h3:after {
        display: none;
    }
    .block-5__img{
        margin-right:-400px;
    }
    .block-6__main{
        flex-direction:column;
        padding:60px 0px;
    }
    .block-6__text{
        max-width:100%;
    }
    .block-6__abs {
        display:none;
    }
    .block-6__main{
        background:url(../images/block-5-2.png) no-repeat center bottom;
    }
    .block-2__main .intro{
        gap:40px;
    }
    .block-8__main{
        flex-wrap:wrap;
        gap:60px;
    }
    .block-8__row{
        max-width:600px;
        width:40%;
    }
}
@media (max-width: 1024px) {
    .header_timer p {
        font-size: 9.5px;
        font-weight: 700;
        line-height: 13.3px;
        text-align: center;
        width: 100%;
        white-space:nowrap;
    }
    .header_timer .timer span {
        font-size: 23.76px;
        font-weight: 800;
        line-height: 28.75px;
        text-align: center;
    }
    .header__content{
        position:relative;
    }
    .header_timer {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        z-index:10;
    }
}
@media (max-width: 1000px) {
    .product_block {
        max-width: 500px;
    }

    .product_block .prod {
        width: 100%;
    }

    .product_block .abs-1 {
        width: 130%;
    }

    .block-2__main .intro {
        flex-direction: column;
    }

    .block-3 h3 {
        flex-direction: column;
    }

    .block-3 h3:after {
        position: static;
        order: -1;
        margin-bottom: 20px;
    }

    .block-3_abs {
        top: -100px;
    }

    .block-5_main {
        flex-direction: column;
        padding: 60px 0px;
    }

    .block-5__text {
        margin: auto;
    }

    .block-5__img {
        margin-right: 70px;
    }

    .block-7__main {
        flex-direction: column;
    }

    .block-7__row {
        width: 100%;
    }

    .block-7__row div {
        justify-content: center;
    }

    .block-10 h3 {
        white-space: normal;
    }

    .block-10 h3::after {
        display: none;
    }

    .block-8 h3 {
        flex-direction: column;
        max-width: 100%;
    }

    .block-8 h3:after {
        right: auto;
        left: 0;
        top: -50px;
        order: -1;
        margin-bottom: 20px;
        background: url(../images/title-3.png) no-repeat center left;
    }

    .block-7 h3:before {
        display: none;
    }

    .block-7 h3 {
        white-space: normal;
    }

    .block-7 h3::after {
        display: none;
    }
}



@media (max-width: 768px) {
    h2 {
        font-size: 34px;
        font-style: italic;
        font-weight: 900;
        line-height: 41.15px;
    }
    .product_block{
        max-width:300px;
        margin-left:50px;
    }
    .price_abs{
        max-width:300px;
    }
    .floating__block {
        display: block;
    }

    .floating__block.active {
        bottom: -1px;
    }
    .block-1 .block-1__main{
        padding:80px 0px ;
    }
    .al-cost-promo {
        font-size: 20px;
        font-style: italic;
        font-weight: 900;
        line-height: 24.2px;
        margin-top: 50px;
        margin-left: -10px;
    }
    .al-cost {
        font-size: 36px;
        font-style: italic;
        font-weight: 900;
        line-height: 43.57px;
        margin-left:-10px;
    }
    .product_block .abs-1{
        left:-50px;
        top:50px;
    }
    .price{
        bottom:-20px;
        right:auto;
        left:50px;
    }
    .block-1 {
        background: url(../images/block-1_mob.png) no-repeat center, rgba(0, 0, 0, 0.7);
        background-size:cover;
    }
    .block-1__form{
        margin-top:260px;
        width:100%;
        max-width:400px;
    }
    .block-2{
        padding:40px 0px;
    }
    h3 {
        font-size: 28px;
        font-style: italic;
        font-weight: 900;
        line-height: 33.89px;
        text-align: center;
        margin-bottom:20px;
    }
    .block-2 h3:after {
        content: '';
        display: block;
        height: 30px;
        width: 850px;
        position: absolute;
        top: 0px;
        right: 20px;
        background: url(../images/title-1.png) no-repeat center right;
        margin-bottom:10px;
    }
    .block-2__main .intro{
        gap:24px;
        align-items:start;
    }
    .intro__item p {
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
    }
    .block-3{
        padding:40px 0px;
    }
    .prod_plus h4 {
        font-size: 26px;
        font-style: italic;
        font-weight: 900;
        line-height: 31.47px;
        transform: skew(4deg);
        margin-bottom:20px;
    }
    .prod_plus ul li {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
    }
    .prod_plus {
        transform: skew(-4deg);
        padding:20px 30px 40px;

    }
    .block-3 ul {
        transform: skew(4deg);
    }
    .block-3__main{
        margin:0px 20px;
        gap:20px;
    }
    .block-3_abs{
        top:-20%;
    }
    .block-3_abs .abs_dop{
        width:120%;

    }
    .another_plus {
        transform: skew(-4deg);
        padding:20px 30px 40px;
    }
    .another_plus h4 {
        font-size: 22px;
        font-style: italic;
        font-weight: 900;
        line-height: 26.47px;
        margin-bottom:20px;
    }
    .another_plus ul li {
        font-size: 16px;
        font-weight: 700;
        line-height: 19.36px;
    }
    .block-3_abs-2{
        width:200px;
        top:-50px;
        right:-30px;
    }
    .block-5_main{
        padding:40px 0px 0px;
    }
    .block-5__flex p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
    }
    .block-5__flex{
        flex-direction:column;
    }
    .block-5_main h3{
        margin-left:0px;
    }
    .block-5__text img{
        width:30px;
    }
    .name_block-5  {
        margin:10px 0px;
    }
    .block-5__img{
        width:500px;
        margin-right:0;
        margin-top:20px;
    }
    .block-5__img img{
        width:100%;
    }
    .block-6__main{
        padding:40px 0px;
    }
    .block-6__text{
        display:flex;
        flex-direction:column;
        padding:0px 20px;
    }
    .block-6_line{
        order:-1;
        margin-bottom:20px;
    }
    .block-6 .container{
        padding:0px;
    }
    .block-6__main .prod-6{
        max-width:400px;
    }
    .block-7{
        padding:80px 0px 40px;
    }
    .block-7 h3{
        margin-bottom:40px;
        padding:0px 20px;
    }
    .block-7__row img{
        width:120px;
        height:120px;
    }
    .block-7__row div img {
        width: auto;
        height: auto;
    }
    .block-7__row p {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
    }
    .block-10{
        padding:40px 0px;
    }
    .block-10 h3{
        padding-right:20px;
    }
    .comment__que p {
        font-size: 13.13px;
        font-weight: 400;
        line-height: 18.05px;
    }
    .comment__ans p {
        font-size: 13.13px;
        font-weight: 400;
        line-height: 18.05px;
    }
    .block-10 h3:after {
        content: '';
        display: block;
        height: 30px;
        width: 850px;
        position: absolute;
        top: 0px;
        right: 20px;
        background: url(../images/title-1.png) no-repeat center right;
        margin-bottom: 10px;
    }
    .block-8 {
        padding: 80px 20px 80px 70px;
        background: url(../images/block-8_mob.png) no-repeat right -50px top 100px, rgba(254, 190, 16, 1);
    }
    .block-8__main{
        flex-direction:column;
        align-items:center;
    }
    .block-8__row{
        width:100%;
    }
    .block-8 h3{
        margin-bottom:40px;
        margin-left:-50px;
    }
    .block-8__row h6 {
        font-size: 20px;
        font-style: italic;
        font-weight: 900;
        line-height: 24.2px;
    }
    .block-8__row p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22.4px;
    }
    .block-8__row .number {
        font-size: 140px;
        font-style: italic;
        font-weight: 900;
        line-height: 169.43px;
        left:-50px;
    }
    #block-12{
        padding:0px 0px 40px;
    }
    .intro__item{
        max-width:100%;
    }
    .block-2__main{
        max-width:400px;
        margin:auto;
    }
    .header_timer {
        left: calc(50% + 20px)
    }
}
@media (max-width: 550px) {
    .block-3_abs-2{
        width:150px;
        top:-30px;
        right:-30px;
    }
    .block-3_abs{
        top:-40px;
        width:150px;
    }
}
@media (max-width: 480px) {
    .block-3_abs-2 {
        right: -10px;
        width:100px;
        top:0;
    }

    .block-3__main{
        margin:0;
    }
}
@media (max-width: 400px) {
    .header_timer {
        left:60%;
    }
    .block-3_abs-2 {
        display:none;
    }
    .block-6__main .prod-6{
        max-width:300px;
    }
}
@media (max-width: 370px) {
    .rev-slider .slick-slide{
        max-width:280px;
    }
}
@media (max-width: 350px) {
    .block-3_abs {
        width: 120px;
    }
    .header_timer {
        display:none;
    }
}