*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:baseline;font-size:24px;font-weight:400;line-height:120%;font-family:"Regular",sans-serif}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sl-wrapper{opacity:0;visibility:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&.slick-initialized {
        opacity: 1;
        visibility: visible;
    }
}button{display:block;background-color:inherit;border:none;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&:active {
        opacity: 0.8;
    }
}html{height:100%}body{position:relative;overflow-x:hidden;min-width:325px;-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth;display:flex;flex-direction:column;min-height:100vh;&.scroll-lock {
        overflow: hidden;
    }
}:root{--text:rgba(0,0,0,1);--light-green-text:rgba(4,68,64,.8);--green-text:rgba(4,68,64,1);--light-gray-text:rgba(18,18,18,.54);--back-green:rgba(217,237,236,1);--back-light-green:rgba(203,220,218,.25);--back-dark-green:rgba(218,232,231,1);--transition:.2s ease-in-out;--back-mid-green:rgba(131,181,178,1)}b{font-weight:700}i{font-weight:300}a{text-decoration:none;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&:link {
        text-decoration: none;
    }

    &:visited {
        text-decoration: none;
    }
    &:active {
        text-decoration: none;
        color: inherit;
        opacity: 0.7;
    }
}p{margin-bottom:20px}ul{list-style-type:none}ol{list-style-type:none}address{font-style:normal}small{color:rgba(150,177,175,1);font-size:14px;margin-bottom:10px;& a {
        display: inline-block;
        font-size: 14px;
        text-decoration: underline;
        color: rgba(150, 177, 175, 1);
    }

    & a:link {
        text-decoration: underline;
    }

    & a:hover {
        text-decoration: none;
    }
}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container{width:100%;max-width:1360px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--green-text)}h1,.h1{font-size:48px;margin-bottom:30px;font-weight:700;font-family:'Semi-Bold',sans-serif}h2,.h2{font-size:48px;margin-bottom:40px;font-weight:700;font-family:'Semi-Bold',sans-serif}h3,.h3{font-size:28px;font-weight:500;font-family:'Semi-Bold',sans-serif}h4,.h4{font-size:24px;font-weight:500;font-family:'Semi-Bold',sans-serif}.f-20{font-size:20px}.f-18{font-size:18px}.f-16{font-size:16px}.f-14{font-size:14px}.green-btn{background-color:rgba(131,181,178,1);padding:18px 32px;color:var(--green-text);border-radius:28px;border:1px solid rgba(131,181,178,1);font-family:'Semi-Bold',sans-serif;text-align:center;font-size:20px;&:hover {
        background-color: rgba(220, 231, 230, 1);
    }
}.white-btn{background-color:#fff;padding:18px 32px;color:var(--green-text);border-radius:28px;border:1px solid var(--green-text);font-family:'Semi-Bold',sans-serif;text-align:center;font-size:20px;&:hover {
        text-decoration: underline;
    }
}.square-btn{background-color:#fff;padding:15px 27px;color:var(--green-text);border-radius:8px;border:1px solid var(--green-text);font-family:'Semi-Bold',sans-serif;font-weight:500;text-align:center;font-size:20px;&:hover {
        text-decoration: underline;
    }
}.delivery{margin-bottom:70px}.delivery .imgs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px;margin-top:40px}.delivery .imgs .img{width:174px;height:77px;border-radius:10px;background-color:var(--back-light-green);padding:18px 33px;& img {
        -o-object-fit: contain;
           object-fit: contain;
    }
}.delivery .big_imgs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px}.delivery .big_imgs .img{width:320px;height:77px;border-radius:10px;background-color:var(--back-light-green);padding:18px 33px;& img {
        -o-object-fit: contain;
           object-fit: contain;
    }
}.yandex-map{height:529px;width:100%;margin-bottom:2em;position:relative;& #map-yandex {
        width: 100%;
        height: 100%;
        -webkit-filter: grayscale(80%);
                filter: grayscale(80%);
    }

    & .hover {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}footer{padding:60px 0 50px 0;background-color:var(--back-light-green)}footer .container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 5% 1fr 5% 1fr 5% 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:5%;&:first-child {
        margin-bottom: 55px;
    }
}footer .logo{display:block;width:248px;height:53px;& img {
        -o-object-fit: contain;
           object-fit: contain;
    }
}footer .column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}footer a{color:var(--light-green-text);&:hover {
        text-decoration: underline;
    }
}footer address,footer p{color:var(--light-green-text)}footer .column .h4{color:var(--green-text);margin-bottom:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer .f-16{color:var(--light-gray-text)}footer .socials{display:flex;flex-wrap:wrap;gap:20px}footer .up-logo{display:flex;flex-direction:column;& .ma {
        margin-top: auto;
    }
}footer .social{background-color:#478581;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;&:hover::before {
        opacity: 0.7;
    }

    &::before {
        content: '';
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        transition: var(--transition);

    }

    &.youtube::before {
        background-image: url(../icons/socials/youtube.svg);
    }

    &.rutube::before {
        background-image: url(../icons/socials/rutube.svg);
    }

    &.vk::before {
        background-image: url(../icons/socials/vk-video.svg);
    }
}.bread{padding-bottom:42px}.bread ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;& li::after {
        content: '';
        display: inline-block;
        background-image: url(../new_landing//svg/carret.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 8px;
        height: 8px;
        margin-left: 12px;
    }

    & li span {
        color: rgba(18, 18, 18, 0.74);;
    }

    & li:last-child::after {
        display: none;
    }

    & li:last-child span {
        color: black;
    }

    & li a:hover {
        text-decoration: underline;
        color: var(--green-text);
    }

    & li a:hover span {
        color: var(--green-text);
    }
}header{position:relative;background-color:#fff;&.active {
        z-index: 3;
    }
}main{padding-top:52px;flex-grow:1}header .city{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;&::before {
        content: '';
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-image: url(../new_landing/svg/location.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 18px;
        height: 18px;
        margin-right: 10px
    }

    &:hover {
        text-decoration: underline;
    }
}header .up{padding:22px 0 22px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header a,header time,header span,header button{color:var(--light-green-text)}header a:hover{text-decoration:underline}header .links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:25px;margin-left:5%}header .socials{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:35px}header .bottom{position:relative;background-color:var(--back-light-green);border-radius:32px;padding:13px 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .logo{width:248px;height:53px;display:block;-ms-flex-negative:0;flex-shrink:0;& img {
        -o-object-fit: contain;
           object-fit: contain;
    }
}header .bar.mobile{display:none}header label{position:relative;margin-left:2.5%;width:100%;&::before {
        content: '';
        background-image: url(../new_landing/svg/search-normal.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 2;
    }

    &:focus-within {
        z-index: 3;
    }

    &:focus-within::before {
        z-index: 4;
    }

    &.active {
        z-index: 3;
    }
}header input{background-color:#fff;border:none;padding:12px 31px;border-radius:26px;text-indent:40px;position:relative;display:block;width:100%;outline:none;border:1px solid transparent;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&::placeholder {
        color: rgba(4, 68, 64, 0.39);
    }

    &:hover {
        border: 1px solid var(--back-dark-green);
        background-color: var(--back-dark-green);
    }

    &:focus {
        border: 1px solid var(--back-dark-green);
        background-color: var(--back-dark-green);
        z-index: 3;
    }
}header .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-left:2.5%}header .buttons a{background-repeat:no-repeat;background-size:cover;width:24px;height:24px;display:block;position:relative;& .pops {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
        position: absolute;
        left: 50%;
        top: -100%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-color: white;
        border: 1px solid var(--back-dark-green);
        border-radius: 10px;
        padding: 8px;
    }

    &:hover .pops {
        opacity: 1;
        visibility: visible;
    }

    &:not([data-count="0"])::before {
        content: attr(data-count);
        position: absolute;
        top: -6px;
        right: -6px;
        background-color: var(--green-text);
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: white;
        font-size: 10px;
        line-height: 10px;
        font-weight: 700;
    }
}header .buttons .graf{background-image:url(../new_landing/svg/chart-fill.svg);&[data-count="0"] {
        background-image: url(../new_landing/svg/chart-full.svg);
    }
}header .buttons .cart{background-image:url(../new_landing/svg/cart.svg)}header .buttons .heart{background-image:url(../new_landing/svg/heart-1.svg);&[data-count="0"] {
        background-image: url(../new_landing/svg/heart-2.svg);
    }

}header .light-green-btn{margin-left:2.5%}header .bar{&::before {
        content: '';
        background-image: url(../new_landing/svg/bar.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 16px;
        height: 12px;
        margin-right: 10px;
        display: inline-block;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }

    &:hover::before {
        background-image: url(../new_landing/svg/bar-white.svg);
    }
}header .active_search{position:absolute;left:0;top:55px;width:100%;max-height:280px;background-color:rgba(218,232,231,1);border-radius:15px;padding:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;visibility:visible;opacity:1;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);overflow-y:scroll;&:empty {
        opacity: 0;
        visibility: hidden;
    }
}header .active_search .link{font-size:14px;color:var(--green-text);margin-bottom:0}header .catalog{position:absolute;top:100%;left:0;width:100%;z-index:3;background-color:#fff;border-radius:0 0 30px 30px;padding:30px 35px 30px 0;display:-ms-grid;display:grid;-ms-grid-columns:.5fr 30px 1.5fr;grid-template-columns:.5fr 1.5fr;grid-gap:30px;height:70vh;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);& a {
        font-size: 18px;
        color: var(--green-text);
        display: block;
    }

    &.active {
        visibility: visible;
        opacity: 1;
    }
}header .products{display:none;overflow-y:scroll;&.active {
        display: block;
    }

    & .wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        margin-right: 30px;
    }

    & hr {
        margin: 50px 0;
        margin-right: 30px;
        border: none;
        border-bottom: 1px solid var(--back-mid-green);
    }

    & .head {
        color: var(--green-text);
        font-weight: 500;
        font-family: 'Semi-bold', sans-serif;
    }
}header .catalog .categories{overflow-y:scroll}header .catalog .categories a{margin-bottom:20px;padding:10px 15px;&.active {
        text-decoration: none;
        background-color: rgba(218, 232, 231, 1);
    }
    &:hover {
        text-decoration: none;
        background-color: rgba(218, 232, 231, 1);
    }

}.light-green-btn{background-color:var(--back-dark-green);padding:12px 30px;border-radius:26px;color:var(--green-text);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;&:hover {
        background-color: var(--back-mid-green);
        color: white;
    }
}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.contacts .wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 5% 1fr;grid-template-columns:repeat(2,1fr);grid-column-gap:5%;grid-row-gap:30px;margin-bottom:5em}.contacts .f-14{color:var(--light-gray-text);margin-bottom:4px}.contacts a{color:var(--text)}.contacts .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;&::before {
        content: '';
        background-image: url(../new_landing/svg/location2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px;
    }
}.contacts .block.loca{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/location2.svg);
    }
}.contacts .block.time{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/call.svg);
    }
}.contacts .block.sale{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/clock.svg);
    }
}.contacts .block.mail{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/mail.svg);
    }
}.contacts .block.settings{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/setting.svg);
    }
}.contacts .block.ws{display:-webkit-box;display:-ms-flexbox;display:flex;&::before {
        background-image: url(../new_landing/svg/ws.svg);
    }
}.contacts p{margin-bottom:0}.service form{background-color:var(--back-light-green);width:70%;margin:0 auto;border-radius:18px;padding:30px 40px;position:relative;overflow:hidden;height:870px}.service h2,.service h1{margin-bottom:1.5em}.service .title{font-size:26px;text-align:center;margin-bottom:2em;color:var(--green-text)}.service form fieldset{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:none;margin-bottom:20px}.service form label{margin-bottom:20px;display:block}.service form legend{margin-bottom:20px}.service .over{background:var(--back-light-green);z-index:2}.service form label.error{top:120%}#problem-error{top:105%}.service form input.error,.service form textarea.error{border:1px solid #ce5454!important}form .form-radio-hidden{margin-bottom:12px;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}form .form-radio-hidden input{display:none}form .form-radio-hidden .text{font-size:18px;color:var(--green-text)}form .radio{display:block;width:20px;height:20px;border-radius:50%;background-color:var(--green-text);position:relative;opacity:.5;-ms-flex-negative:0;flex-shrink:0;&::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}form .form-radio-hidden{cursor:pointer;&:hover {
        .radio {
            -webkit-transition: var(--transition);
            -o-transition: var(--transition);
            transition: var(--transition);
            opacity: 1;
        }
    }
}button.back{position:absolute;top:30px;left:30px;background-color:rgba(0,118,109,.4);border-radius:50%;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;&:hover {
        background-color: rgba(0, 118, 109, 0.6);
    }

    &::before {
        content: '';
        display: inline-block;
        background-image: url(../new_landing/svg/vack.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
    }
}form .form-radio-hidden input:checked+.radio{opacity:1}.service form .form-text .f-16{margin-bottom:20px}.service form .form-text input,.service form .form-text.file .filetext,.service form .form-text textarea{width:100%;border:1px solid rgba(4,68,64,.42);border-radius:18px;background-color:transparent;padding:18px 20px;margin-bottom:0;resize:none;display:block;&::-webkit-input-placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &::-moz-placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &:-ms-input-placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &::-ms-input-placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &::placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &:focus { 
        outline: none;
        border: 1px solid rgba(4, 68, 64, 1);
    }

    &:hover {
        border: 1px solid var(--green-text);
    }
}.service form input[type="file"]{display:none}.service form .white-btn{width:100%;background-color:transparent;border:1px solid rgba(4,68,64,1);width:100%;border-radius:10px;margin-top:auto;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;&:hover {
        background-color: rgba(131, 181, 178, 1);
        text-decoration: none;
        border: 1px solid rgba(131, 181, 178, 1);
    }
}.service form .block{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);opacity:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;&.active {
        opacity: 1;
    }

    &[data-step='2'] {
        padding: 30px 40px;
        position: absolute;
        top: 0;
        left: -150%;
        width: 100%;
    }

    &.active[data-step='2'] {
        left: 0;
    }

    &[data-step='3'] {
        padding: 30px 40px;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
    }

    &.active[data-step='3'] {
        left: 0;
    }
}.main{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2% 1fr;grid-template-columns:1fr 1fr;grid-column-gap:2%}.main .mobile{display:none!important;margin-bottom:10px}.main h1{font-size:44px}.main .desc{color:rgba(100,100,100,1)}.main .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;margin-top:auto}.main .any{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .green-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;&::after {
        content: '';
        display: inline-block;
        background-image: url(../new_landing/svg/arrow-right.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-left: 12px;
    }
}.main .grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 8px 1fr;grid-template-columns:repeat(2,1fr);grid-column-gap:8px;grid-row-gap:8px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.main .imgs{display:block;margin:0 auto;width:100%;height:100%;& .slick-list {
        height: 100%;
    }

    & .slick-track {
        height: 100%;
    }

    & .img {
        /* background-color: rgba(217, 237, 236, 0.93); */
        border-radius: 18px;
        width: max-content;
        width: 165px;
    }

    & img {
        width: 100%;
        object-fit: contain;
    }
}.main .grid .block{display:-webkit-box;display:-ms-flexbox;display:flex;padding:18px;position:relative;&.first {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 100%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 100%, #478581 100%); */
        border-radius: 29px 29px 29px 133px;
        height: 100%;
        border: none;
    }

    & .first:hover {
        border: none;
    }
    /* &.first:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30.5%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 30.5%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 30.5%, #478581 100%);
    } */
    &.first .circle {
        position: absolute;
        bottom: 18px;
        right: 18px;
        border-radius: 50%;
        background: rgba(15, 26, 25, 0.35);
        color: var(--green-text);
        width: 116px;
        height: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        white-space: pre-wrap;
    }
    
    & .title {
        color: var(--green-text);
        font-size: 32px;
        position: absolute;
        top: 18px;
        left: 18px;
        font-weight: 500;
        font-family: 'Semi-Bold', sans-serif;
    }
    &.second {
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #D9EDEC), to(#9BD2D0));
        background: -o-linear-gradient(top, #D9EDEC 100%, #9BD2D0 100%);
        background: linear-gradient(180deg, #D9EDEC 100%, #9BD2D0 100%); */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 100%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 100%, #478581 100%);
        border-radius: 29px 115px 29px 29px;
        height: 227px;
        padding-bottom: 40px;
    }

    &.second:hover {
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(9.5%, #D9EDEC), to(#9BD2D0));
        background: -o-linear-gradient(top, #D9EDEC 9.5%, #9BD2D0 100%);
        background: linear-gradient(180deg, #D9EDEC 9.5%, #9BD2D0 100%); */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(36.4%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 36.4%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 36.4%, #478581 100%);
    }
    &.third {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 100%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 100%, #478581 100%);
        border-radius: 29px;
        height: 227px;
        padding: 0;
    }
    &.third:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(36.4%, #83B5B2), to(#478581));
        background: -o-linear-gradient(top, #83B5B2 36.4%, #478581 100%);
        background: linear-gradient(180deg, #83B5B2 36.4%, #478581 100%);
    }
}@-webkit-keyframes gradient-transition {
    0% {
      background-position: 0% 50%;
    }
    25% {
      background-position: 25% 50%;
    }
    50% {
      background-position: 50% 50%;
    }
    75% {
      background-position: 75% 50%;
    }
    100% {
      background-position: 100% 50%;
    }
  }@keyframes gradient-transition {
    0% {
      background-position: 0% 50%;
    }
    25% {
      background-position: 25% 50%;
    }
    50% {
      background-position: 50% 50%;
    }
    75% {
      background-position: 75% 50%;
    }
    100% {
      background-position: 100% 50%;
    }
  }.main .grid .block .text{color:var(--green-text);margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;&::after {
        content: '';
        display: inline-block;
        background-image: url(../new_landing/svg/arrow-square-right.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-left: 16px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    &.third {
        background-color: var(--back-light-green);
        border-radius: 29px;
        height: 50%;
    }

    &.third::after {
        margin-right: 18px;
    }
    & span {
        padding-left: 18px;
    }

}.main .f-14{font-size:15px}.section{padding-top:60px;padding-bottom:60px}.section.first{padding-top:0}.category .upper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:78px}.category .f-20{color:rgba(4,68,64,1);text-decoration:underline;&:hover {
        text-decoration: none;
    }
}.category .wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 8px 1fr 8px 1fr;grid-template-columns:repeat(3,1fr);gap:8px}.category .wrapper .block{border-radius:27px 27px 157px 27px;position:relative;height:360px;padding:25px;overflow:hidden;transition:var(--transition);background-color:#fff;& img {
        position: absolute;
        top: 55%;
        left: 45%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        height: 300px;
        object-fit: contain;
    }

    & h3 {
        position: absolute;
        top: 15px;
        left: 25px;
        z-index: 2;
    }

    /* &:hover {
        /* background: -webkit-gradient(linear, left top, left bottom, from(#D9EDEC), to(#9BD2D0));
        background: -o-linear-gradient(top, #D9EDEC 0%, #9BD2D0 100%);
        background: linear-gradient(180deg, #D9EDEC 0%, #9BD2D0 100%); */
        /* background-color: rgba(131, 181, 178, 1); */
    /* } */
}.category h3{font-family:'Semi-Bold',sans-serif;font-size:32px}.category .desc{margin-bottom:78px}.about{background-color:rgba(242,246,246,1)}.about .container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;grid-gap:30px;-ms-grid-rows:394px;grid-template-rows:394px}.about .container > *:nth-child(1) {-ms-grid-row:1;-ms-grid-column:1}.about .container > *:nth-child(2) {-ms-grid-row:1;-ms-grid-column:3}.about h2{margin-bottom:1em}.about .text{color:rgba(4,68,64,1);margin-bottom:0}.about .right{background-image:url(https://best-pack.ru/static/new_landing/img/about_1.png.pagespeed.ce.Iu1cOb04Qu.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:20px;height:394px;border-radius:16px;& .imgs {
        width: 65%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: 164px 20px 164px;
        grid-template-rows: 164px 164px;
        gap: 20px;
    }

    & .imgs > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    & .imgs > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    & .imgs > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    & .imgs > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    & .img {
        padding: 20px;
        background-color: rgba(230, 248, 247, 1);
        border-radius: 18px;
    }
}.prey{background-color:rgba(242,246,246,1)}.prey .container .line{display:flex;flex-wrap:wrap;width:100%;justify-content:center;gap:10px;margin-bottom:10px}.prey .block{background-color:rgba(217,237,236,.44);-webkit-box-shadow:-3px -3px 9.4px -6px rgba(0,0,0,.25);box-shadow:-3px -3px 9.4px -6px rgba(0,0,0,.25);padding:14px;border-radius:6px;width: calc((100% / 4) - 13px)}.prey span{font-size:20px;font-weight:500;font-family:'Semi-Bold',sans-serif;color:rgba(4,68,64,1);&.i-1::before {
        background-image: url(../new_landing/svg/box.svg);
    }

    &.i-2::before {
        background-image: url(../new_landing/svg/verify.svg);
    }

    &.i-3::before {
        background-image: url(../new_landing/svg/glass.svg);
    }

    &.i-4::before {
        background-image: url(../new_landing/svg/like-set.svg);
    }

    &.i-5::before {
        background-image: url(../new_landing/svg/tick-circle.svg);
    }

    &.i-6::before {
        background-image: url(../new_landing/svg/truck-fast.svg);
    }

    &.i-7::before {
        background-image: url(../new_landing/svg/setting-2.svg);
    }

    &.i-8::before {
        background-image: url(../new_landing/svg/user.svg);
    }

    &.i-9::before {
        background-image: url(../new_landing/svg/share.svg);
    }

    &.i-10::before {
        background-image: url(../new_landing/svg/check-set.svg);
    }

    &.i-11::before {
        background-image: url(../new_landing/img/okompanii/lamp-charge.svg);
    }

    &.i-12::before {
        background-image: url(../new_landing/img/okompanii/teacher.svg);
    }

    &.i-13::before {
        background-image: url(../new_landing/img/okompanii/verify.svg);
    }

    &.i-14::before {
        background-image: url(../new_landing/img/okompanii/shest.svg);
    }

    &.i-15::before {
        background-image: url(../new_landing/img/okompanii/like.svg);
    }

    &::before {
        content: '';
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        margin-bottom: 20px;
    }
}.upcat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.slider-offers .block{position:relative;background-color:#fff;border-radius:13px;padding:14px;&:hover {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        z-index: 2;
    }

    & .f-20 {
        color: rgba(4, 68, 64, 1);
        height: 100px;
        /* overflow: hidden;
        text-overflow: ellipsis; */
    }

    & .prices .price {
        color: rgba(4, 68, 64, 1);
        font-family: 'Semi-Bold', sans-serif;
    }

    & .prices .sale {
        font-size: 14px;
        color: #83B5B2;
        text-decoration: line-through;
    }

    & .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    & .slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }

    & .spec .f-20 {
        height: auto;
    }

    & .slide {
        margin-top: 10px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

    & .white-btn {
        border-radius: 10px;
        margin-top: auto;
    }

}.slider-offers .slick-track{padding-top:12px;padding-bottom:12px}.slider-offers .slick-list{padding-left:3px;padding-right:3px}.icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;position:absolute;top:15px;right:15px;width:32px;& .chart {
        background-image: url(../new_landing/svg/chart-full.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        display: block;
    }

    & .chart.active {
        background-image: url(../new_landing/svg/chart-fill.svg);
    }

    & .heart {
        background-image: url(../new_landing/svg/heart-2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        display: block;
    }

    & .heart.active {
        background-image: url(../new_landing/svg/heart-1.svg);
    }

    & .share {
        background-image: url(../new_landing/svg/share2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
    }

    & .trash {
        background-image: url(../new_landing/svg/trash.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
        display: block;
    }
}.icons.b{top:auto;bottom:15px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.slider-offers .block .img{height:200px;background-color:rgba(242,246,246,1);border-radius:13px;margin-bottom:14px;position:relative;& img {
        -o-object-fit: contain;
           object-fit: contain;
        height: 90%;
    }
}.haraks ul{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}.haraks ul li{margin-bottom:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:26px}.haraks span{font-size:20px}.haraks .name{color:rgba(4,68,64,.4)}.haraks .value{color:rgba(4,68,64,1)}.desc .text{color:rgba(4,68,64,1)}.desc .text b{font-size:26px;margin-bottom:20px;display:inline-block;font-weight:500;font-family:'Semi-Bold',sans-serif}.desc .text strong{display:inline;font-weight:500;font-family:'Semi-Bold',sans-serif}.desc .text p{margin-bottom:20px}.desc .text,.desc p,.desc strong,.desc ul li{font-size:20px}.desc .text.custom,.desc .text.custom p,.desc .text.custom strong,.desc .text.custom ul li{color:rgba(4,68,64,1);font-size:20px}.desc ul{margin-top:20px;margin-bottom:20px}.desc ul li{list-style-type:none;margin-bottom:20px}.desc h3{font-size:22px;margin-bottom:1em}.custom p{color:rgba(4,68,64,1)}.license .grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:40px}.license .title{color:rgba(4,68,64,1);display:block;text-align:left;margin-bottom:12px}.license .date{color:rgba(4,68,64,1);font-size:20px;display:block;text-align:left}.license .block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;&::before {
        content: '';
        background-image: url(../new_landing/svg/note-2.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 55px;
        height: 55px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    &::after {
        content: '';
        display: inline-block;
        background-image: url(../new_landing/svg/angle.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        margin-left: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    &:hover .title {
        text-decoration: underline;
    }
}.videos .poster img{height:auto;max-height:300px;border-radius:8px}.videos .block{margin-left:6px;margin-right:6px;border-radius:8px}.videos .poster{position:relative;margin-bottom:25px}.videos .block button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:.8;&:hover {
        opacity: 1;
    }
}.videos .title{text-align:left;color:rgba(4,68,64,1);font-size:26px;font-weight:500;font-family:'Semi-Bold',sans-serif}.arrows{position:relative;margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px}.arrows button{border:1px solid rgba(4,68,64,1);border-radius:5px;padding:10px 13px;width:35px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;& svg {
        width: 22px;
        height: 22px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    &:hover {
        background-color: rgba(220, 231, 230, 0.5);
    }

    &:active {
        background-color: var(--green-text);
    }

    & svg path {
        stroke: rgba(4, 68, 64, 1);
        stroke-width: 2px;
    }

    &.slick-disabled svg path {
        stroke: rgba(220, 231, 230, 1);
    }

    &.slick-disabled {
        cursor: not-allowed;
    }

    &.slick-disabled:active {
        background-color: rgba(220, 231, 230, 0.5);
    }
    
}.offer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.offer .gallery{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;width:70%;height:600px}.offer .window{width:70%;height:100%;position:relative;overflow:hidden;& .arrows {
        position: absolute;
        bottom: 5%;
        right: 5%;
        z-index: 2;
    }

    & .play {
        position: absolute;
        top: 5%;
        left: 5%;
        z-index: 2;
        width: 60px;
        height: 60px;
        opacity: 0.8;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }

    & .play:hover {
        opacity: 1;
    }

    & .id_erps {
        position: absolute;
        top: 5%;
        right: 5%;
        z-index: 2;
        cursor: copy;

        & span {
            font-size: 15px;
        }
    }

    & .copied {
        position: absolute;
        top: 100%;
        left: -25%;
        border: 1px solid var(--green-text);
        padding: 4px;
        border-radius: 6px;
        transition: 325ms ease-in-out all;
    
        &.active {
            left: 200px;
        }
    }
}.offer .big{width:100%;height:100%;position:relative;& .slick-list {
        height: 100%!important;
    }

    & .slick-track {
        height: 100%!important;
    }


}.offer .big figure{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);& img {
        height: 90%;
        width: 90%;
    }
}.offer .row{width:13%;height:100%;background-color:transparent;& .slick-list {
        height: 100%!important;
    }

    & .slick-track {
        height: 100%!important;
    }
}.offer .row figure{width:100%;margin-bottom:20px;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&:hover {
        opacity: 0.8;
    }
}.offer h1{font-size:22px}.offer .up-in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.offer .icons{position:static;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:20px}.offer .slick-options{width:100%}.help_option{position:absolute;top:0;left:-100%;width:100%;height:100%;border:1px solid var(--green-text);border-radius:6px;padding:16px;background-color:#fff;overflow-y:scroll;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);opacity:0;visibility:hidden;&.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    & .close-btn {
        width: 25px;
        height: 25px;
        top: 15px;
        right: 15px;
    }

    & .help_title {
        font-family: 'Semi-Bold', sans-serif;
        font-size: 18px;
        color: var(--green-text);
        width: 85%;
    }

    & .help_text {
        font-size: 16px;
        color: var(--green-text);
    }
}.options_block{position:relative}.offer .content{width:30%;height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stars{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.star{width:20px;height:20px;background-image:url(../new_landing/svg/Star.svg);background-repeat:no-repeat;background-size:contain;-ms-flex-negative:0;flex-shrink:0}.fill-star{width:20px;height:20px;background-image:url(../new_landing/svg/fill-star.svg);background-repeat:no-repeat;background-size:contain;-ms-flex-negative:0;flex-shrink:0}.offer .review_line{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:18px;& .rt {
        font-size: 18px;
        color: rgba(4, 68, 64, 0.5);
        transition: var(--transition);
    }

    & .scrollToReview:hover {
        cursor: pointer;
        text-decoration: underline;
        color: rgba(4, 68, 64, 1);
    }
}.offer .price{color:rgba(4,68,64,1);font-family:'Bold',sans-serif;font-weight:500;font-size:24px;line-height:30px}.offer .prices{display:flex;flex-direction:row;gap:8px;& .sale {
        font-size: 16px;
        color: #83B5B2;
        text-decoration: line-through;
    }
}.offer .find_sale{font-size:14px;color:rgba(4,68,64,1);margin-bottom:30px;cursor:pointer;text-align:left;&:hover {
        text-decoration: underline;
    }
}.offer .buttons{margin-bottom:20px;display:flex;gap:10px;& .white-btn {
        font-size: 18px;
        padding: 14px 28px;
    }

    & .green-btn {
        font-size: 18px;
        padding: 14px 28px;
    }
}.offer .addToCart{border-radius:8px}.offer .oneClick{border-radius:8px}.offer .stock{color:var(--green-text);font-size:22px;font-family:'Bold',sans-serif}.offer .up{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;& .title {
        margin-bottom: 0;
    }

    & .arrows {
        margin-top: 0;
    }

    & .arrows button {
        width: 25px;
        height: 25px;
    }

    & .arrows button svg {
        width: 12px;
        height: 12px;
    }
}.offer .options{margin-top:auto;position:relative;margin-bottom:0}.offer .row .slick-track .slick-slide{display:block}.offer .row .slick-track{display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(208,222,221,1)}::-webkit-scrollbar-thumb{background:rgba(131,181,178,1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(4,68,64,1)}#overlay{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&.active {
        opacity: 1;
        visibility: visible;
    }
}.fly{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--blue);padding:20px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;background-color:#fff;width:852px;padding:45px 30px 33px 30px;border-radius:18px;background-image:url(../new_landing/svg/back-fly.svg);background-repeat:no-repeat;background-size:150px 150px;background-position:0 0;display:none;overflow:scroll;&::-webkit-scrollbar {
        display: none;
    }

    &.city {
        width: 694px;
        background-image: none;
    }

    &.mCatalog {
        background-image: none;
    }
}.fly .title{font-weight:700;font-size:30px;color:var(--green-text);font-family:'Bold',sans-serif;text-align:center;margin-bottom:25px}.fly.city .title{text-align:left}.fly.city label{&::before {
        content: '';
        background-image: url(../new_landing/svg/search-normal.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 2;
    }
}.fly.city input{text-indent:40px;margin-bottom:0}.fly.city .content{width:100%;margin-top:40px;& .link {
        margin-bottom: 20px;
        font-size: 22px;
    }

    & .link.no-link:hover {
        text-decoration: underline;
    }

    & .link:hover {
        text-decoration: underline;
    }

    & .link.active {
        font-weight: 700;
    }
}.fly.mCatalog{width:100%;height:100%;left:auto;top:0;right:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);border-radius:0}.fly.mCatalog .title{text-align:left;font-size:20px}.fly.mCatalog .categories hr{margin:30px 0;border:none;border-top:1px solid var(--back-mid-green)}.fly.mCatalog .categories .title{margin-bottom:10px}.fly.mCatalog .categories>.button{color:var(--green-text);display:block;font-size:20px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid rgba(210,210,210,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-family:'Semi-Bold',sans-serif;& a {
        color: var(--green-text);
        text-decoration: none;
        font-size: 22px;
    }

    & button.active {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    }

    & button img {
        width: 10px;
        height: 17px;
    }

    /* &::after {
        content: '';
        background-image: url(../new_landing/svg/Vector.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 10px;
        height: 17px;
        display: inline-block;
        z-index: 2;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    &.active::after {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    } */
}.mCatalog .up{margin-top:20px;& .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 14px;
        margin-bottom: 20px;
    }

    & .links a {
        color: var(--green-text);
        font-size: 22px;
    }

    & .socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 14px;
        margin-bottom: 20px;
    }

    & .socials a,
    & .socials span,
    & .socials address,
    & .socials time {
        color: var(--green-text);
        font-size: 22px;
    }
}.close-btn{background-image:url(../new_landing/svg/close-btn.svg);background-repeat:no-repeat;background-size:cover;background-color:transparent;width:45px;height:45px;display:block;position:absolute;top:2.5%;right:2.5%;cursor:pointer;&:hover {

        opacity: 0.8;
    }
}.fly .wrapper{width:100%}.over{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px;position:absolute;left:-100%;top:0;padding:68px;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);background-color:#fff;background-image:url(../new_landing/svg/back-fly2.svg);background-repeat:no-repeat;background-size:250px 100%;background-position:0 0;&.active {
        left: 0;
    }
}.over img{width:150px;height:150px}.over p{font-family:'Semi-Bold',sans-serif;font-weight:700;font-size:30px;color:var(--green-text);text-align:center}.over .white-btn{border-radius:8px}.fly.videos figure{display:none;width:100%;height:600px;padding-top:50px;&.active {
        display: block;
    }
}.fly.videos iframe{display:none;width:100%;height:100%;&.active {
        display: block;
    }
}.fly.videos{width:995px;& .title {
        text-align: center;
        width: 100%;
        margin-bottom: 50px;
    }
    & .player {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    & .player button {
        border-radius: 10px;
        width: 285px;
        height: 285px;

        &:hover {
            opacity: 0.8;
        }
    }

    & .over_error {
        font-size: 12px;
        color: white;
        position: absolute;
        bottom: 2.5%;
        left: 0;
    }

    & .player button {
        position: relative;
    }
}.mCatalog .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:20px;margin-bottom:20px;& a {
        font-size: 16px;
        color: var(--green-text);
    }
}.mSort{& .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
}.mFiltr{& .buttons {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;

        & button {
            border-radius: 10px;
            padding: 16px;
            font-size: 16px;
            margin-bottom: 0;
        }
    }

    &.catlist {
        display: none;
    }
}form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}form input,form textarea{width:100%;background-color:#fff;border:1px solid rgba(4,68,64,.42);border-radius:15px;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);padding:18px 20px;margin-bottom:20px;color:var(--green-text);font-size:18px;resize:none;outline:none;&::placeholder {
        color: rgba(4, 68, 64, 0.42);
    }

    &:focus { 
        border: 1px solid rgba(4, 68, 64, 1);
    }

    &:hover {
        border: 1px solid rgba(4, 68, 64, 1);
    }
}form .green-btn{margin-bottom:20px}form label{position:relative;display:block!important}form label label.error{position:absolute;top:95%;left:2%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);font-size:12px;color:#ce5454}form input.error{border:1px solid #ce5454}form small{color:rgba(150,177,175,1)}.empty .wrapper{display:-ms-grid;display:grid;-ms-grid-columns:.8fr 1.2fr;grid-template-columns:.8fr 1.2fr;justify-items:center}.empty img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain}.empty .light-green-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:14px}.empty .title{font-size:44px;font-family:'Bold',sans-serif;color:var(--green-text);margin-bottom:32px}.empty .text{margin-bottom:60px}.empty h1{margin-bottom:130px}.title_srav{font-size:32px;color:var(--green-text);margin-bottom:40px}.states .shadow{font-size:18px;color:rgba(4,68,64,.4);margin-bottom:30px}.states .value{font-size:20px}.states{display:-ms-grid;display:grid;-ms-grid-columns: (1fr)[4];grid-template-columns:repeat(4,1fr)}.states .row{padding:20px 10px;border-bottom:1px solid rgba(4,68,64,.4);height:128px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;&.light {
        background-color: rgba(131, 181, 178, 0.59);
    }
}.states p{margin-bottom:0}.busket .block{background-color:rgba(242,246,246,1);border-radius:13px;padding:30px;margin-bottom:25px}.busket .img{background-color:rgba(218,232,231,1);border-radius:6px;width:350px;height:235px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.busket .block img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.busket .block .text{position:relative;& .title {
        width: 80%;
        color: var(--green-text);
        font-weight: 500;
        font-family: 'Semi-Bold', sans-serif;
        margin-bottom: 15px;
        display: block;
    }

    & .title:hover {
        text-decoration: underline;
    }

    & .incost {
        font-size: 20px;
        color: var(--green-text);
        margin-bottom: 42px;
    }
}.busket .block .content{display:-ms-grid;display:grid;-ms-grid-columns:auto 30px 1fr;grid-template-columns:auto 1fr;gap:30px}.busket .block .icons{top:0;right:0}.busket .block .icons.b{top:auto;bottom:0}.busket .grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px;& .left {
        width: 65%;
    }

    & .right {
        width: 35%;
    }
}.busket .right{background-color:rgba(242,246,246,1);height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:25px;border-radius:13px;position:sticky;top:20px}.busket .right .count_offers{font-size:22px;color:rgba(4,68,64,.4);margin-bottom:20px;display:block}.busket .right .result span{font-size:42px;font-family:'Semi-Bold',sans-serif;font-weight:500;color:var(--green-text)}.busket .right .result{margin-bottom:45px}.busket .right .delivery{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.busket .right .delivery .d-block{background-color:#fff;border:1px solid rgba(4,68,64,.4);padding:20px;border-radius:5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;&.active {
        border: 1px solid rgba(4, 68, 64, 1);
    }

    &:hover {
        border: 1px solid rgba(4, 68, 64, 1);
    }

    & .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    & .d-name {
        display: block;
        font-size: 18px;
        color: var(--green-text);
        margin-bottom: 5px;
    }

    & .d-value {
        display: block;
        font-size: 16px;
        color: rgba(4, 68, 64, 0.4);
    }

    &::before {
        content: '';
        background-image: url(../new_landing/svg/circle.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
}.busket .right .white-btn{background-color:transparent;border-radius:8px;width:100%;padding:12px}.busket .count{font-size:22px;margin-bottom:20px;display:block;color:var(--green-text)}.busket .get_all{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:50px}.busket .left .up-block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.options{margin-bottom:20px;width:100%;& .title {
        font-size: 22px;
        font-family: 'Semi-Bold', sans-serif;
        font-weight: 500;
        margin-bottom: 30px;
        color: var(--green-text);
    }

    & .help {
        position: absolute;
        top: 0;
        right: 0;
        background-color: white;
        border: 1px solid rgba(242, 246, 246, 1);
        border-radius: 3px;
        padding: 4px 8px;
        font-size: 16px;
        color: var(--green-text);
        cursor: pointer;
    }

    & .help:hover {
        background-color: rgba(242, 246, 246, 1);
        border: 1px solid white;
    }
}.option{background-color:rgba(242,246,246,1);border-radius:6px;padding:17px 19px;width:100%;margin-left:5px;margin-right:5px;position:relative;&:first-child {
        margin-left: 0;
    }

    &:last-child {
        margin-right: 0;
    }

    & .o-name {
        font-size: 16px;
        color: var(--green-text);
        height: 40px;
        margin-bottom: 20px;
        width: 85%;
        cursor: pointer;
    }

    & .o-name:hover {
        text-decoration: underline;
    }

    & .o-value {
        font-size: 16px;
        color: var(--green-text);
        height: 20px;
        font-weight: 500;
        font-family: 'Semi-Bold', sans-serif;
        margin-bottom: 20px;
    }

    & .white-btn {
        background-color: transparent;
        border-radius: 8px;
        width: 100%;
        font-size: 16px;
        padding: 12px;
    }

    & .error {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        color: var(--green-text);
        font-size: 14px;
        background-color: rgba(242, 246, 246, 1);
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        z-index: 2;
        text-align: center;
    }
}.busket .up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;& .arrows {
        margin-top: 0;
    }
}.busket .block .price{font-size:32px;color:var(--green-text);font-family:'Semi-Bold',sans-serif;font-weight:500}.busket .block .prices{margin-top:42px;display:flex;gap:8px;& .sale {
        font-size: 18px;
        color: #83B5B2;
        text-decoration: line-through;
    }
}.busket .block .counter{border:1px solid rgba(4,68,64,.4);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;& button,
    & span {
        color: var(--green-text);
        padding: 7px 20px;
        font-size: 28px;
        font-weight: 700;
    }

    & .counts::before {
        content: attr(data-count);
    }
}.politic p,.politic a,.politic b,.politic ul li{font-size:20px;line-height:26px;color:var(--green-text)}.politic ul li{margin-bottom:20px;list-style-type:disc}.politic a{color:var(--green-text);text-decoration:underline}.politic h3{font-weight:700;font-family:'Semi-Bold',sans-serif}.tags .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;margin-bottom:1em}.tags h3{margin-bottom:.5em}.tags p{margin-bottom:0}.tags .green-btn{background-color:rgba(131,181,178,.3);border:none;font-weight:400;font-family:'Regular',sans-serif;padding:10px 40px;font-size:18px;line-height:30px;&:hover {
        text-decoration: underline;
    }
}.tags .tag.active{background-color:rgba(131,181,178,.3)}.license__popup{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;width:100%;max-width:800px;height:80vh;opacity:0;visibility:hidden;& img {
        -o-object-fit: contain;
           object-fit: contain;
    }

    &.active {
        opacity: 1;
        visibility: visible;
    }

    & .close-btn {
        background-color: white;
        border-radius: 50%;
        top: -5%;
        right: -5%;
    }
}.review .title{font-size:26px;font-family:'Semi-Bold',sans-serif;color:var(--green-text);margin-bottom:20px;display:block}.review .review_line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;margin-bottom:40px;& span {
        font-size: 22px;
        color: var(--green-text);
        font-family: 'Semi-Bold', sans-serif;
    }

}.review .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.review .slick-review{width:70%}.review .name{font-size:22px;color:var(--green-text);font-family:'Semi-Bold',sans-serif;display:block;margin-bottom:8px}.review .stars{margin-bottom:8px}.review .text{font-size:20px;color:var(--green-text)}.review .block{border-left:4px solid rgba(131,181,178,1);padding-left:15px;margin-left:20px;margin-right:20px}.review .empty-slick{margin:0 auto}.slick-dots{border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;margin-left:20px;margin-right:20px;width:100%;gap:8px;justify-content:center;flex-wrap:wrap;& li {
        cursor: pointer;
        list-style-type: none;
        background-color: rgba(131, 181, 178, 0.3);
        border-radius: 8px;
        width: 15%;
    }

    & li button {
        font-size: 0;
        width: 100%;
        height: 8px;
        border-radius: 10px;
        /* display: none; */
    }

    & .slick-active {
        background-color: rgba(131, 181, 178, 1);
        border-radius: 8px;
    }
}.catlist{display:flex;gap:24px;& .left {
        width: 25%;
    }

    & .set {
        width: 75%;
    }

    h2 {
        font-size: 36px;
        line-height: 42px;
    }
}.catlist .right{display:none}.catlist .right.column .icons{top:15px;right:15px}.catlist .right.column{&.active {
        display: flex;
        flex-direction: column;
        opacity: 1;
    }
    & .prices .sale {
        font-size: 14px;
        color: #83B5B2;
        text-decoration: line-through;
    }
    & .prices .pricess {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
}.catlist .offers{display:-ms-grid;display:grid;-ms-grid-columns: (1fr)[4];grid-template-columns:repeat(4,1fr)}.catlist .offers .block .img{height:227px;border-radius:13px;margin-bottom:14px;display:-webkit-box;display:-ms-flexbox;display:flex;& img {
        -o-object-fit: contain;
           object-fit: contain;
        height: 90%;
    }
}.catlist .an{width:100%;min-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:13px;position:relative;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);&:hover .inner {
        z-index: 2;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        border-radius: 13px;
    }
  
    &:hover .inner .slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

    & .inner {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        padding: 6px;
        background-color: white;    
    }
}.catlist .offers .block{display:block;border-radius:13px;& .slide {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        background-color: white;
        width: 100%;
    }
      
    & .f-20 {
        color: rgba(4, 68, 64, 1);
        height: 100px;
        font-size: 18px;
        display: block;
    }

    & .review-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap:12px;
        margin-bottom: 13px;
    }

    & .review-in .count {
        font-size: 14px;
        color: var(--green-text);
    }

    & .prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    & .prices .cost {
        font-size: 14px;
        color: var(--green-text);
    }
  
    & .prices .price {
        color: rgba(4, 68, 64, 1);
        font-family: 'Semi-Bold', sans-serif;
    }
  
    & .spec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
  
    & .spec .f-20 {
        height: auto;
    }
  
    & .slide {
        margin-top: 10px;
    }
  
    & .white-btn {
        border-radius: 10px;
        margin-top: auto;
        font-size: 18px;
    }
}.catlist .show_view{height:134px;display:block;margin-bottom:30px;width:100%;& img {
        -o-object-fit: cover;
           object-fit: cover;
    }
}.catlist .price{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;& .before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 18px;

        & input {
            padding: 12px;
            text-align: center;
            margin-bottom: 0;
        }
    }

    & .after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 18px;

        & input {
            padding: 12px;
            text-align: center;
            margin-bottom: 0;
        }
    }

    & .before::before {
        content: 'от';
        margin-right: 5px;
        color: rgba(4, 68, 64, 0.5);
        display: inline-block;
    }

    & .after::before {
        content: 'до';
        margin-right: 5px;
        color: rgba(4, 68, 64, 0.5);
        display: inline-block;
    }
}.catlist .title{font-size:18px;margin-bottom:16px;color:var(--green-text)}.catlist label{margin-bottom:40px}.catlist .toogleSlide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;text-align:left;&::after {
        content: '';
        background-image: url(../new_landing/svg/angle.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-left: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: inline-block;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }
}.catlist .custom-checkbox{cursor:pointer}.catlist .toogle label{margin-bottom:20px}.catlist .filter{margin-bottom:20px;border-bottom:1px solid var(--green-text)}.catlist .right.column .icons button{width:18px;height:18px}.catlist .carusel{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;overflow-x:scroll;&::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}.catlist #food_carusel{display:block!important;& .c-block {
        margin-left: 10px;
        margin-right: 10px;
    }
}.catlist #food_carusel_mobile{display:none!important;& .c-block {
        margin-left: 10px;
        margin-right: 10px;
    }
}.catlist .carusel .c-block{display:flex!important;flex-direction:row;gap:10px;align-items:center;background-color:rgba(131,181,178,.4);border-radius:10px;height:84px;padding:10px;border:1px solid #fff;width:100%;&:hover {
        background-color: white;
        border: 1px solid rgba(4, 68, 64, 1);
    }
}.reload-filter{border-radius:10px}.catlist .carusel img{width:90px;height:67px;object-fit:contain}.catlist .carusel span{color:var(--green-text);font-size:16px}.custom-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;& .name {
        font-size: 18px;
        color: var(--green-text);
    }
}.custom-checkbox>input{position:absolute;z-index:-1;opacity:0}.custom-checkbox>.chechbox{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.custom-checkbox>.chechbox::before{content:'';display:inline-block;width:1em;height:1em;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border:1px solid rgba(217,237,236,1);border-radius:.25em;margin-right:.5em;background-repeat:no-repeat;background-position:center center;background-size:50% 50%;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.custom-checkbox>input:not(:disabled):not(:checked)+.chechbox:hover::before {border-color:rgba(217,237,236,1);border-color:rgba(217,237,236,1)}.custom-checkbox>input:not(:disabled):active+.chechbox::before {background-color:rgba(217,237,236,1);border-color:rgba(217,237,236,1)}.custom-checkbox>input:focus+.chechbox::before{-webkit-box-shadow:0 0 0 .2rem rgba(217,237,236,1);box-shadow:0 0 0 .2rem rgba(217,237,236,1)}.custom-checkbox>input:focus:not(:checked)+.chechbox::before {border-color:rgba(217,237,236,1)}.custom-checkbox>input:checked~.chechbox::before {border-color:rgba(131,181,178,1);-webkit-box-shadow:0 0 0 .2rem rgba(217,237,236,1);box-shadow:0 0 0 .2rem rgba(217,237,236,1);background-color:rgba(131,181,178,1);background-image:url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 8\ 8\'%3e%3cpath\ fill=\'%23fff\'\ d=\'M6.564.75l-3.59\ 3.612-1.538-1.55L0\ 4.26\ 2.974\ 7.25\ 8\ 2.193z\'/%3e%3c/svg%3e)}.custom-checkbox>input:disabled+.chechbox::before{background-color:#e9ecef}.pagin{margin:20px auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagin .number{padding:5px 12px;color:rgba(4,68,64,.4);border:1px solid rgba(4,68,64,.4);border-radius:5px;width:35px;height:35px;font-size:20px;&.active {
        border-color:  rgba(4, 68, 64, 1);
        color: rgba(4, 68, 64, 1);
    }

    &:hover {
        border-color:  rgba(4, 68, 64, 1);
        color: rgba(4, 68, 64, 1);
    }
}.filtr{display:none;gap:20px;margin-bottom:20px;& .sorting {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px;
    }

    & .hfilter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px;
    }

    & .sorting::after {
        content: '';
        margin-left: 8px;
        background-image: url(../new_landing/svg/arrow-swap.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        display: block;
    }

    & .hfilter::after {
        content: '';
        margin-left: 8px;
        background-image: url(../new_landing/svg/sort.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 15px;
        height: 15px;
        display: block;
    }
}.remake{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:16px;margin-bottom:20px;& .re {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        align-items: center;
    }

    & .sorted {
        position: relative;
        width: 270px;
    }

    & .openFilter {
        border-radius: 10px;
        font-size: 18px;
        padding: 15px 12px;
        font-weight: 400;
        font-family: 'Regular', sans-serif;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        

        &.active {
            background-color: rgba(4, 68, 64, 1);
            border-radius: 10px 10px 0 0;
            color: white;
        }

        &::after {
            content: '';
            background-image: url(../new_landing/svg/angle.svg);
            background-repeat: no-repeat;
            background-size: contain;
            width: 20px;
            height: 20px;
            display: block;
            transform: rotate(90deg);
            transition: var(--transition);
        }

        &.active::after {
            background-image: url(../new_landing/svg/angle-white.svg);
            transform: rotate(270deg);
        }
    }

    & .list {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 3;
        display: none;
    }

    & .list.active {
        display: block;
    }

    & .list button {
        width: 100%;
        border-radius: 0;
        font-size: 16px;
        padding: 12px;
        border-top: none;
    }
}#dekstopFilter .white-btn{font-weight:400;font-family:'Regular',sans-serif}button.column{background-image:url(../new_landing/svg/column-empty.svg);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;&.active {
        background-image: url(../new_landing/svg/column-fill.svg);
    }
}button.row{background-image:url(../new_landing/svg/row-empty.svg);background-repeat:no-repeat;background-size:contain;width:24px;height:24px;&.active {
        background-image: url(../new_landing/svg/row-fill.svg);
    }
}.catlist .right.row{display:none;&.active {
        display: flex;
        flex-direction: column;
    }
}.catlist .right.row .offers{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:30px;& .review-in {
        margin-bottom: 13px;
    }
}.catlist .cat{position:relative;margin-bottom:30px}.catlist .cat .arrows{position:absolute;top: calc(100% + 5px);left:0;display:flex;justify-content:flex-start;margin-top:0;width:99%;&  button {
        background-color: white;
        width: 20px;
        height: 20px;

        & svg {
            width: 10px;
            height: 10px;
        }
    }
}.catlist .right.row .offers .block{& .mobile {
        display: none;
    }
    & .rel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }

    & .name {
        font-size: 22px;
        margin-bottom: 10px;
        display: block;
        color: rgba(4, 68, 64, 1);
        font-family: 'Semi-Bold', sans-serif;

        &:hover {
            text-decoration: underline;
        }
    }

    & .review-in {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    & .img {
        height: 318px;
        width: 340px;
        position: relative;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-bottom: 0;

        &:hover {
            background-color: rgba(242, 246, 246, 0.5);;
        }
    }

    & .slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    & .flex-prices {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 13px;
    }

    & .flex-in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px;

        & .cost {
            color: var(--green-text);
            font-size: 18px;
        }
    }

    & .flex-prices .sale {
        font-size: 14px;
        color: #83B5B2;
        text-decoration: line-through;
    }

    & .content {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

    & .white-btn {
        padding: 8px 40px;
    }

    & .price {
        font-size: 32px;
        color: rgba(4, 68, 64, 1);
        font-family: 'Semi-Bold', sans-serif;
        font-weight: 500;
    }

    & .specs span {
        font-weight: 300;
        font-size: 18px;
        font-family: 'Light', sans-serif;
        color: rgba(4, 68, 64, 1);
    }

    & .specs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 6px;
    }

    & .span {
        font-weight: 300;
        font-size: 18px;
        font-family: 'Semi-Bold', sans-serif;
        color: rgba(4, 68, 64, 1);
        margin-bottom: 0;
    }

}.addToCart{opacity:0}.addToCart.active{background-color:rgba(131,181,178,1)}.addToOption{opacity:0}.addToOption.active{background-color:rgba(131,181,178,1)}.adminPlank{position:fixed;bottom:20px;left:0;& .white-btn {
        border-radius: 0 10px 10px 0;
    }
}.shake{-webkit-animation:shake .5s;animation:shake .5s}@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  20% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  70% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  90% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  20% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  40% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  70% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  90% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}.fix{position:fixed;bottom:0;background-color:#fff;width:100%;padding:20px;border-top:1px solid var(--green-text);display:none}.fix .container{display:-ms-grid;display:grid;-ms-grid-columns: (1fr)[2];grid-template-columns:repeat(2,1fr);-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.fix .f-price{display:flex;gap:8px}.fix .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.fix .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fix .title{color:var(--green-text);font-family:'Semi-Bold',sans-serif}.fix .white-btn{border-radius:10px;padding:10px 20px}.fix .stock{color:var(--green-text);font-size:18px;white-space:nowrap}.fix .price{font-size:32px;font-family:'Semi-Bold',sans-serif;color:var(--green-text)}.fix .sale{font-size:18px;color:#83b5b2;text-decoration:line-through}.page__404{background:var(--blue);padding:5% 13% 20% 13%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.page__404:before{content:'';width:65%;height:65%;position:absolute;top:0;background:var(--white);background-size:cover;opacity:.5;-webkit-filter:blur(167px);filter:blur(167px);z-index:auto}.page__404 .content{z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page__404 .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:160px;z-index:2;width:400px;height:auto;background:#fff;padding:12px 24px;border-radius:20px}.page__404 h1{margin-bottom:40px}.page__404 .big-text{margin-bottom:40px;width:60%}.page__404 .big-text,.page__404 h1{color:var(--green-text);text-align:center}.page__404 .green-btn{margin:0 auto;z-index:2;border-radius:10px}.states-up{background-color:#fff}.states-up .slider-offers{position:sticky;top:0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.states-up .slider-offers.stick{z-index:5;padding-top:0!important;padding-bottom:0!important;border-bottom:2px solid var(--green-text);background-color:#fff;& .slide {
        height: 0;
        margin-top: 0;
        display: none;
    }

    & .slick-track {
        padding-top: 0!important;
        padding-bottom: 0;

    }

    & article {
        border-radius: 0;
    }

    & .arrows {
        display: none;
    }
}fieldset.rating{padding:18px 20px;border:1px solid rgba(4,68,64,.42);border-radius:15px;margin-bottom:20px;& legend {
        color: rgba(4, 68, 64, 0.39);
        background-color: white;
        padding-left: 6px;
        padding-right: 6px;
        right: 6px;
        position: relative;
    }
}fieldset.rating .labels{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;& input {
        margin-bottom: 0;
        display: none;
    }

    & input:checked+.radio-r {
        color: var(--green-text);
        border: 1px solid var(--green-text);
    }

    & .radio-r {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(4, 68, 64, 0.39);
        border-radius: 6px;
        padding: 8px;
        color: rgba(4, 68, 64, 0.39);
        cursor: pointer;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }

    & .radio-r:hover {
        color: var(--green-text);
        border: 1px solid var(--green-text);
    }
}.upcat.posts h1{margin-bottom:0!important}.upcat.posts .remake{display:none}.posts .tags .white-btn{font-size:18px;line-height:22px;padding:11px 26px;&:hover {
        text-decoration: none;
        background-color: rgba(218, 232, 231, 1);
    }
}.posts .tags{display:flex;gap:25px;flex-wrap:wrap}.posts .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:1em;width:100%}.posts .grid.sl-wrapper{display:flex;& .slick-list {
        width: 100%;
    }

    & .block {
        margin-left: 5px;
        margin-right: 5px;
    }
}.posts .grid .block{display:flex;flex-direction:column;background-color:rgba(242,246,246,1);padding:20px;border-radius:13px;min-width:0;& .img {
        border-radius: 10px;
        height: 180px;
        margin-bottom: 20px;
    }

    & img {
        border-radius: 10px;
    }

    & .title {
        font-family: 'Bold', sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: var(--green-text);
        margin-bottom: 10px;
    }

    & .text {
        font-size: 14px;
        line-height: 20px;
        color: rgba(4, 68, 64, 0.8);
        height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    & .bot {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    & .date {
        font-size: 16px;
        line-height: 20px;
        color: rgba(4, 68, 64, 0.8);
        margin-bottom: 0;
    }

    & .in {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: rgba(0, 118, 109, 1);
        border-radius: 50%;

        &::before {
            background-image: url('../new_landing/svg/angle-white.svg');
            background-repeat: no-repeat;
            background-size: cover;
            display: inline-block;
            width: 20px;
            height: 20px;
            content: '';
        }
    }

    &:hover {
        background: linear-gradient(180deg, #F2F6F6 0%, #DFF5F4 100%);
    }

    &:hover .in {
        opacity: 0.7;
    }
}.contain{object-fit:contain;background-color:#fff;padding-left:10px;padding-right:10px}.detail_post{& .bottom {
        margin-top: 25px;
        display: flex;
        justify-content: space-between;
    }

    & .bottom .date {
        font-size: 20px;
        line-height: 25px;
    }

    & .bottom .likes {
        gap: 12px;
        display: flex;
    }

    & .bottom .likes button {
        padding: 12px;
        border: 1px solid var(--green-text);
        border-radius: 8px;
        display: flex;
        align-items: center;
    }

    & .bottom .like::before {
        content: '';
        background-image: url('../new_landing/svg/like-f.svg');
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    & .bottom .like:hover::before,
    & .bottom .like.active::before {
        background-image: url('../new_landing/svg/like.svg');
    }

    & .bottom .dislike::before {
        content: '';
        background-image: url('../new_landing/svg/like-f.svg');
        transform: rotate(180deg);
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    & .bottom .dislike:hover::before,
    & .bottom .dislike.active::before {
        background-image: url('../new_landing/svg/like.svg');
    }

    & .bottom .like::after {
        content: attr(data-count);
        font-size: 20px;
        line-height: 25px;
        color: var(--green-text);
    }

    & .bottom .dislike::after {
        content: attr(data-count);
        font-size: 20px;
        line-height: 25px;
        color: var(--green-text);
    }
}.detail_post .big{height:436px;border-radius:13px;position:relative;& img {
        border-radius: 13px;
    }

    & h1 {
        position: absolute;
        top: 45%;
        font-size: 50px;
        line-height: 58px;
        color: white;
        left: 60px;
    }

    & .date {
        position: absolute;
        bottom: 30px;
        left: 60px;
        font-size: 22px;
        line-height: 27px;
        color: white;
    }
}.author{display:flex;align-items:center;gap:44px;margin-top:30px;& img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    & .inner {
        flex-shrink: 0;
    }

    & .box {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    & .name {
        font-size: 28px;
        line-height: 32px;
        color: var(--green-text);
        margin-bottom: 8px;
        font-weight: 700;
        font-family: 'Semi-Bold', sans-serif;

        &:hover {
            text-decoration: underline;
        }
    }

    & .desc {
        font-size: 20px;
        line-height: 25px;
    }

    & .author_post {
        font-size: 20px;
        line-height: 25px;
    }
}.detail_post .content{margin-top:60px;display:grid;gap:30px;grid-template-columns:1.4fr .6fr;position:relative}.detail_post .nav{background-color:rgba(242,246,246,1);height:max-content;padding:35px;border-radius:10px;position:sticky;top:20px;& a {
        font-size: 18px;
        line-height: 23px;
        color: rgba(0, 0, 0, 1);
    }
}.detail_post .nav li li{padding-left:20px;display:block}.detail_post .nav li li li{padding-left:20px;display:block}.detail_post .nav li li li li{padding-left:20px;display:block}.detail_post .nav a:hover{color:rgba(0,118,109,1);text-decoration:underline}.detail_post .nav .nav_name{font-family:'Semi-Bold',sans-serif;font-weight:500;font-size:26px;line-height:32px;color:var(--green-text)}.custom{display:flex;flex-direction:column;gap:25px;& p {
        margin-bottom: 0;
    }

    & p,
    & a,
    & b,
    & cite,
    & td,
    & th,
    & figcaption,
    li {
        font-size: 20px;
        line-height: 23px;
        color: rgba(0, 0, 0, 1);
    }

    & ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    & b,
    & caption,
    & cite {
        font-weight: 500;
        font-family: 'Semi-Bold', sans-serif;
    }

    & li::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: rgba(131, 181, 178, 1);
        display: inline-block;
        margin-right: 10px;
    }

    & .blockquote {
        position: relative;
        background-color: rgba(218, 232, 231, 1);
        border-radius: 10px;
        padding: 40px 70px;
    }

    & .blockquote::before,
    & .blockquote::after {
        content: '';
        background-image: url('../new_landing/svg/quote.svg');
        background-size: cover;
        background-repeat: no-repeat;
        display: inline-block;
        width: 50px;
        height: 50px;
        position: absolute;
    }

    & .blockquote::before {
        top: 5%;
        left: 0;
    }

    & .blockquote::after {
        bottom: 5%;
        right: 0;
        transform: rotate(180deg);
    }

    & blockquote {
        background-color: rgba(218, 232, 231, 1);
    }

    & .blockquote .bot {
        display: flex;
        justify-content: flex-end;
        gap: 4px;
    }

    & table {
        border-collapse: collapse;
        display: block;
        overflow-x: scroll;
    }
    
    & td,
    & th {
        border: 1px solid var(--green-text);
        padding: 10px;
    }

    & thead {
        border-radius: 10px 10px 0 0;
        background-color: rgba(218, 232, 231, 1);
    }

    & caption {
        margin-bottom: 25px;
    }

    & img {
        height: 393px;
        border-radius: 10px;
    }

    & figcaption {
        border-left: 3px solid var(--green-text);
        padding: 10px 20px;
        background-color: rgba(217, 237, 236, 0.44);
        border-radius: 0 10px 10px 0;
    }

    & p a {
        color: rgba(0, 118, 109, 1);
    }

    & figure img {
        margin-bottom: 15px;
    }

    /* & thead th:first-child {
        border-radius: 10px 0 0 0;
        border: 1px solid var(--green-text);
    }

    & thead th:last-child {
        border-radius: 0 10px 0 0;
    } */
}.empty{width:100%;margin-top:3em;margin-bottom:3em;text-align:center;grid-column:span 4}.authorPop .top{display:flex;justify-content:space-between;align-items:center;margin-top:2em;margin-bottom:2em;& .arrows {
        margin-top: 0!important;
    }
}.authorPop .block{margin-left:15px;margin-right:15px;display:flex;flex-direction:row!important;gap:25px;padding-bottom:10px;overflow:hidden;& .img {
        border-radius: 10px;
        height: 174px;
        width: 40%;
        flex-shrink: 0;
    }

    & img {
        border-radius: 10px;
    }

    & .title {
        font-weight: 500;
        font-size: 26px;
        line-height: 32px;
        color: var(--green-text);
        font-family: 'Semi-Bold', sans-serif;
        margin-bottom: 1em;
        display: block;
        text-align: left;

        &:hover {
            text-decoration: underline;
        }
    }

    & .post_text {
        font-size: 18px;
        line-height: 23px;
        color: rgba(0, 0, 0, 1);
        height: 70px;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    & .date {
        font-size: 18px;
        line-height: 23px;
        color: rgba(0, 0, 0, 1);
        margin-top: auto;
        margin-bottom: 0!important;
    }

    & .bot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px;
    }

    & .in {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: rgba(0, 118, 109, 1);

        &::before {
            background-image: url('../new_landing/svg/angle-white.svg');
            background-repeat: no-repeat;
            background-size: cover;
            display: inline-block;
            width: 20px;
            height: 20px;
            content: '';
        }
    }

    &:hover .in {
        opacity: 0.7;
    }
}.authorPop{width:100%}.carusel-wrapper{width:100%;margin-bottom:20px;& .carusel-s {
        flex-direction: column;
        display: flex;
    }
    
    & .c-block {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
        background-color: rgba(205, 225, 224, 1);
        transition: opacity 0.3s ease-in-out;
    }

    & img {
        height: 73px;
        border-radius: 10px;
    }

    & span {
        font-size: 14px;
        line-height: 18px;
        color: var(--green-text);
        padding: 8px;
        text-align: center;
    }
}.okomp .grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8%;align-items:center;& .text {
        font-size: 22px;
        line-height: 27.65px;
    }

    & img {
        height: 334px;
        object-fit: contain;
    }
}.most h2{margin-bottom:70px}.most .grid{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:70px;grid-row-gap:70px;& .line {
        display: grid;
        justify-items: center;
    }

    & .line[data-count='1'] {
        grid-template-columns: 1fr 1fr 1fr;
    }

    & .line[data-count='2'] {
        grid-template-columns: 1fr 1fr;
    }

    & h3 {
        margin-bottom: 8px;
        line-height: 100%;
    }

    & .text {
        font-size: 20px;
        line-height: 25px;
    }

    & li {
        display: flex;
        align-items: center;
    }

    & p {
        margin-bottom: 0;
    }

    & li::before {
        content: '';
        flex-shrink: 0;
        display: inline-flex;
        width: 100px;
        height: 100px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 12px;
    }

    & [data-count="1"]::before {
        background-image: url('../new_landing/img/okompanii/hand.png');
    }

    & [data-count="2"]::before {
        background-image: url('../new_landing/img/okompanii/medal.png');
    }

    & [data-count="3"]::before {
        background-image: url('../new_landing/img/okompanii/star.png');
    }

    & [data-count="4"]::before {
        background-image: url('../new_landing/img/okompanii/shest.png');
    }

    & [data-count="5"]::before {
        background-image: url('../new_landing/img/okompanii/like.png');
    }
}#questBaseForm .title{font-family:'Semi-Bold',sans-serif;font-weight:500}.partners .back{background-image:url(https://best-pack.ru/static/new_landing/img/back-fone.png.pagespeed.ce.eFPGjkAahO.png);height:751px}.partners h2{margin-bottom:120px}.partners .back .wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:82%;height:100%;margin:0 auto;& img {
        height: 100%;
        max-width: 120px;
        height: 86px;
        object-fit: scale-down;
    }

    & .block {
        background-color: rgba(242, 246, 246, 1);
        border-radius: 15px;
        padding: 60px 40px;
        position: relative;
        top: -8%;
    }

    & .up {
        display: flex;
        gap: 20px;
        margin-bottom: 40px;
    }

    & .h2 {
        color: black;
        font-family: 'Semi-Bold', sans-serif;
        font-weight: 500;
        font-size: 34px;
    }

    & .text {
        height: 150px;
        overflow: hidden;
        margin-bottom: 35px;
        font-size: 20px;
    }

    & ul {
        display: flex;
        flex-direction: column;
        gap: 25px;
        padding-left: 16px;
        border-left: 2px solid rgba(0, 118, 109, 1);
    }

    & li {
        font-size: 16px;
        position: relative;

        &::before {
            position: absolute;
            top: 0;
            left: -17px;
            transform: translateX(-50%);
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: rgba(0, 118, 109, 1);
        }

        &::after {
            position: absolute;
            top: 0;
            left: -17px;
            transform: translate(-50%, 50%);
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: rgba(242, 246, 246, 1);
        }
    }
}.notFound{text-align:center;color:var(--green-text);margin:0 auto;display:block}.dost .first{display:block!important}.popGallery{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;z-index:100000;display:none;background-color:#fff;visibility:hidden;opacity:0;&.active {
        display: block;
        visibility: visible;
        opacity: 1;
    }

    & .inner {
        width: 100%;
        height: 100%;
    }

    & .slick-list {
        height: 100%;
        width: 100%;
    }

    & .slick-track .slick-slide {
        height: 100%;
    }

    & .slick-track {
        height: 100%;
    }

    & figure {
        object-fit: contain;
        background-color: white;
    }

    & video {
        object-fit: contain;
    }

    & img {
        height: 100%;
        object-fit: contain;
    }

    & .arrows {
        position: absolute;
        bottom: 5%;
        right: 5%;
        z-index: 2;
    }
}.EcommPlank{bottom:10%}.ecomm{min-height:70vh}.ecomm button{margin-top:50px}#ecomm_download.active{opacity:.5;cursor:pointer}.politics ul{list-style:circle;list-style-type:disc;list-style-position:inside;& li {
        display: list-item;
    }
}footer .politics_footer{display:flex;gap:20px;flex-wrap:wrap;& a {
        display: block;
        width: fit-content;
        color: rgba(18, 18, 18, 0.74);
    }
}.help_agree{display:flex;gap:20px;align-items:center;margin-bottom:20px;position:relative;& small {
        margin-bottom: 0
    }

    .chechbox {
        z-index: 5;
    }

    & input {
        width: 36px;
        height: 36px;
        margin-bottom: 0;
        cursor: pointer;
    }

    & .custom-checkbox {
        cursor: pointer;
        width: 36px;
        height: 36px;
        margin-bottom: 0;
    }

    & .custom-checkbox>.chechbox {
        width: 36px;
        height: 36px;
    }

    & .custom-checkbox>.chechbox::before {
        width: 100%;
        height: 100%;
    }

    label {
        position: static;
    }

    #agree-error {
        top: 50px;
        left: 0;
    }
}.service .help_agree #agree-error{top:65px;left:0}input.error~span.chechbox::before {border-color:#f44336}.posts .sorted{display:none}.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short{background:transparent!important;padding:0!important}.ya-share2__container_size_m .ya-share2__item_copy .ya-share2__icon_copy,.ya-share2__container_size_m .ya-share2__item_more .ya-share2__icon_more{background-size:20px 20px!important}.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more{background-image:url(../new_landing/svg/share2.svg)!important}.ya-share2__container_shape_round .ya-share2__badge{border-radius:0!important}.ya-share2__title,.ya-share2__badge{font-size:16px!important;line-height:100%!important}.ya-share2__link{display:flex!important;align-items:center}.ya-share2__popup-content .ya-share2__messenger-contacts-list .ya-share2__mobile-popup-badge,.ya-share2__popup-content .ya-share2__popup-tile .ya-share2__mobile-popup-badge{width:32px!important;height:32px!important}