/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
    --blue: #1F2650;
    --blue-op: rgba(242, 247, 252, 0.15);
    --blue-overlay: rgba(31, 38, 80, 0.4);
    --white: #FFFFFF;
    --light: #F2F7FC;
    --light-op: rgba(31, 38, 80, 0.5);
    --gradient: radial-gradient(371.94% 190.75% at -53.92% 0%, rgba(226, 237, 249, 0.60) 0%, rgba(247, 251, 254, 0.60) 100%);
    --hover-gradient: radial-gradient(371.94% 190.75% at -53.92% 0%, #E2EDF9 0%, #F7FBFE 100%);
    --hover-gradientv2: radial-gradient(371.94% 190.75% at -53.92% 0%, #e5ebf1 0%, #c2dff6 100%);
    --border-shadow: rgba(31, 38, 80, 0.15);
    --red: rgba(224, 32, 32, 1);
    --gray: #D0DFEE;
    --main-grad: linear-gradient(90deg, rgb(208, 223, 238) 40%, rgb(255, 255, 255) 55%, rgb(208, 223, 238));
    --main-grad-mobile: linear-gradient(180deg, rgb(208, 223, 238) 5%, rgb(255, 255, 255) 55%, rgb(208, 223, 238));
    --main-grad-mobile-header: linear-gradient(360deg, rgb(208, 223, 238) 1%, rgb(255, 255, 255) 155%, rgb(208, 223, 238))
}

* {
    padding: 0;
    margin: 0;
    border: none
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#slick_history .boxImg {
    margin-left: 1px;
    margin-right: 1px
}

.filters .left .mobile {
    display: none
}

.filters .left .dekstop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

a,
a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.link {
    font-size: 13px;
    line-height: normal;
    letter-spacing: -.13px;
}

.link:hover {
    opacity: .5
}

.link:active {
    opacity: 1
}

.top aside,
footer,
header,
main,
nav,
section {
    display: block
}

.bottom .result .links .link,
.cart .name p,
.cart .right .down .normal-text,
.catlist .big-text,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.mini-header,
.pagination .current,
.requzit .left,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--blue);
    font-family: Medium, sans-serif;
    font-weight: 500
}

.both {
    display: none
}

a,
p {
    color: var(--blue);
    font-family: Regular, sans-serif;
    font-weight: 400
}

ul,
ul li {
    list-style: none
}

img {
    width: 100%;
    vertical-align: top
}

img,
svg {
    height: auto
}

address {
    font-style: normal
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent
}

input::-ms-clear {
    display: none
}

button,
input[type=submit] {
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    background: 0 0;
    cursor: pointer
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:active,
input:focus {
    outline: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

label {
    cursor: pointer
}

legend {
    display: block
}

h1 {
    font-size: 70px;
    letter-spacing: -5.2px;
    line-height: 85%
}

h2,
.h2 {
    font-size: 52px;
    letter-spacing: -4.2px;
    line-height: 100%
}

h3,
.h3 {
    font-size: 44px;
    letter-spacing: -3.08px;
    line-height: 100%
}

h4, 
.h4 {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -.96px
}

body {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px;
    font-family: Regular, sans-serif;
    color: var(--blue);
    font-weight: 400;
    scroll-behavior: smooth;
    overflow-x: hidden;
    position: relative;
}
}

.bold {
    font-weight: 500;
    font-family: Medium, sans-serif
}

.scroll-lock {
    overflow: hidden;
}

html, body {

scrollbar-gutter: stable;
}

::-webkit-scrollbar {
    width: 12px;
    height: 90%;
    pointer-events: auto;
}

.bottom .links::-webkit-scrollbar {
    width: 4px
}

.catalog__popup::-webkit-scrollbar {
    width: 4px
}

.catlist details[open] .scroll::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background: var(--light);
    pointer-events: auto
}

::-webkit-scrollbar-thumb {
    background: rgba(31, 38, 80, .15);
    border-radius: 20px;
    pointer-events: auto
}

.back-light {
    background-color: var(--gradient)
}

header {
    background: var(--main-grad);
    position: relative;
}

header.mobile {
    display: none
}

.sl-text {
    font-size: 13px;
    line-height: 120%;
    letter-spacing: -.13px
}

.s-text {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -.28px
}

.normal-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px
}

.small-text {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px
}

.big-text {
    font-size: 20px;
    letter-spacing: -.6px;
    line-height: 120%
}

.mini-header {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -.96px
}

.main {
    padding-top: 40px;
    background: var(--main-grad);
    position: relative;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    overflow: hidden
}

.politic .left ul li {
    margin-bottom: 24px
}

.politic .left ul ul {
    margin-top: 20px;
    margin-left: 18px
}

.politic .left ul ul li a {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px
}

.politic .left ul li {
    list-style-type: none
}

.politic .left ul li a {
    font-size: 20px;
    letter-spacing: -.6px;
    line-height: 120%;
    text-decoration: none;
    font-family: Medium, sans-serif;
    font-weight: 500
}

.politic .left {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
    top: 15%;
    width: 23%
}

.politic .left .border {
    border: 1px solid var(--border-shadow);
    padding: 40px 32px 40px 32px;
    border-radius: 30px
}

.politic .left ul {
    margin-bottom: 24px;
}

.politic .left ul:last-child {
    margin-bottom: 0
}

.politic .right ul {
    margin-left: 12px
}

.politic .right ul li {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: -.6px;
    line-height: 120%;
}

.politic .right ul li:last-child {
    margin-bottom: 32px;
}

.detail_news table {
    border-spacing: 0;
    margin-bottom: 32px
}

.detail_news table img {
    width: 80px;
    height: 80px
}

.detail_news table caption {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -.28px;
    margin-top: 17px;
    caption-side: bottom;
    text-align: left;
    opacity: .5
}

.detail_news table tr th {
    padding: 20px 30px;
    background-color: var(--light);
    border: 1px solid rgba(31, 38, 80, .15);
    text-align: center
}

.detail_news table tr td {
    padding: 20px 30px;
    text-align: center;
    border: 1px solid rgba(31, 38, 80, .15)
}

.detail_news .right section {
    margin-bottom: 120px;
}

.detail_news .right section:last-child {
    margin-bottom: 0
}

.detail_news .left {
    position: relative
}

.main .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.main p {
    width: 20%;
    margin-bottom: 60px;
    position: relative
}

.main .main-video {
    width: 1030px;
    position: relative;
    overflow: hidden;
    margin-bottom: -27px;
    height: 460px
}

.main video {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    z-index: -1
}

.mask {
    -webkit-mask-image: url(../new_landing/svg/maskPZO.svg);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-image: url(../new_landing/svg/maskPZO.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%
}

.container {
    max-width: 1760px;
    width: 80%;
    margin: 0 auto
}

hr {
    height: 8px;
    width: 100%;
}

hr.light {
    background: var(--light);
}

hr.white {
    background: var(--white)
}

.btn {
    font-size: 14px;
    line-height: normal;
    letter-spacing: -.28px;
    padding: 21px 36px;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 30px;
    text-transform: uppercase;
    border: 1px solid var(--blue);
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.btn:hover {
    background-color: var(--white);
    color: var(--blue);
}

.btn:active {
    background-color: var(--white);
    color: var(--blue);
}

.inv-btn {
    font-size: 14px;
    line-height: normal;
    letter-spacing: -.28px;
    padding: 21px 70px;
    color: var(--blue);
    background-color: var(--white);
    border-radius: 30px;
    text-transform: uppercase;
    border: 1px solid var(--blue);
}

.inv-btn:hover {
    background-color: var(--blue);
        color: var(--white);
}

.inv-btn:active {
    background-color: var(--white);
    color: var(--blue);
}

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

.d-block {
    background: var(--hover-gradient);
    width: calc((100% / 3) - (2em / 3));
    margin-right: 1em;
    margin-bottom: 1em;
    border-radius: 30px;
    padding: 48px 32px 32px 40px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.d-block:active::before {
    opacity: 0;
}

.d-block:hover::before {
    opacity: 1;
}

.d-block::before {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--hover-gradientv2);
    z-index: -1000;
    border-radius: 30px;
}

.d-block:nth-child(3n) {
    margin-right: 0;
}

.d-block .links {
    width: 85%
}

.upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 60px
}

.adminPlank {
    position: fixed;
    bottom: 5%;
    left: 0;
    background: var(--blue);
    border: 1px solid var(--white);
    z-index: 99999;
    border-radius: 0 10px 10px 0;
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 16px;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.EcommPlank {
    bottom: 10%;
}

.avitoplank {
    bottom: 25%;
}

.avitoplank .p {
    color: white;
}

.videoPlank {
    bottom: 15%;
}

.adminPlank a {
    font-size: 20px;
    text-decoration: underline;
    color: white;
}

.adminPlank a:hover {
    opacity: 0.8;
}

header .top {
    padding: 28px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 120%;
    letter-spacing: -.13px
}

header .top .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .top .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .top .city-btn {
    cursor: pointer;
    margin-right: 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;
}

header .top .city-btn::before {
    content: '';
    background-image: url(../new_landing/icons/city.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 13px;
    margin-right: 4px;
}

header .top .left .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .top .left .inner a {
    margin-right: 36px;
}

header .top .left .inner a:last-child {
    margin-right: 36px;
}

header .top .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.carusel-wrapper .slick-arrow,
.skidki_wrapper .slick-arrow,
.arrows button {
    background-color: var(--white);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    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
}

#slick_history {
    opacity: 0;
    visibility: hidden;
}

#slick_history.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.carusel-wrapper .slick-arrow svg,
.skidki_wrapper .slick-arrow svg,
.arrows button svg {
    fill: var(--blue);
    width: 20px;
    height: 12px
}

.carusel-wrapper .slick-arrow,
.skidki_wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

.carusel-wrapper .slick-arrow {
    top: calc(50% - 10px);
}

.carusel-wrapper .slick-prev,
.skidki_wrapper .slick-prev {
    left: 0;
}

.carusel-wrapper .slick-next,
.skidki_wrapper .slick-next {
    right: 0;
}

.carusel-wrapper .slick-arrow,
.skidki_wrapper .slick-arrow {
    border: 1px solid rgba(31, 38, 80, .15);
    width: 40px;
    height: 40px;

    &:hover {
        opacity: 0.7;
        border: 1px solid var(--blue);
    }

    &:active {
        opacity: 0.5;
    }

    & svg {
        height: 14px;
    }
}

.help_flex label {
    margin-bottom: 0;
}

.bottom {
    padding-top: 20px;
    width: 100%;
    background: var(--main-grad);
    z-index: 9;
    margin-bottom: -2px
}

.heart .second {
    fill: var(--white)
}

.srav-icon {
    stroke: var(--blue)
}

.bottom .back {
    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;
    padding-bottom: 28px;
    position: relative
}

.bottom .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 57%
}

.bottom .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bottom .left .inv-btn {
    border: none;
    margin-right: 20px;
    border-radius: 500px;
    position: relative;
    width: 166px;
    padding: 21px 36px;
    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;
}

.bottom .left .inv-btn:hover span::before {
    background-image: url(../new_landing/icons/3pup-w.svg);
}

.bottom .left .inv-btn:active span::before {
    background-image: url(../new_landing/icons/3pup.svg) 
}

.bottom .left .inv-btn:hover span {
    color: var(--white);
}

.bottom .left .inv-btn:active span {
    color: var(--blue);
}



.bottom .left .inv-btn span {
    position: relative;
    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;
}

.bottom .left .inv-btn span::before {
    background-image: url(../new_landing/icons/3pup.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 13px;
    content: '';
    margin-right: 12px;
    display: inline-block;
}

.bottom .left .logo {
    margin-right: 42px
}

.bottom .left .logo img {
    margin-right: 42px;
    width: 101px;
    height: 75px
}

.bottom .result {
    background-color: var(--white);
    border-radius: 30px;
    position: absolute;
    top: 75px;
    padding: 24px;
    opacity: 1;
    width: 100%;
    display: none;
    z-index: 11;
}

.bottom .result.active {
    display: block;
}

#search {
    width: 90%
}

.bottom .links {
    overflow-y: scroll;
    max-height: 20vh
}

.bottom .right .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px
}

.bottom .right .status .heart {
    margin-right: 16px;
}

.bottom .right .status .heart:last-child {
    margin-right: 0;
}

.cart__line {
    position: absolute;
    bottom: 7%;
    right: 7%
}

.dop_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 144px;
    gap: 30px;
}

.dop_text .politic {
    margin-top: 0!important;
    margin-bottom: 0!important;
    flex-direction: column;
    gap: 1em;
}

.dop_text .politic {
    width: 74%
}

.dop_text .politic {
    font-size: 20px;
    line-height: 120%;
}

.bottom .result .calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(31, 38, 80, .5)
}

.bottom .searchSvg {
    background-color: var(--white);
    opacity: 1;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 0;
    width: inherit;
    position: relative;
}

.bottom .searchSvg:hover {
    opacity: 1;
}

.bottom .searchSvg:focus-within {
    opacity: 1;
}

.back-svg {
    display: none
}

.planSearchBtn {
    display: none
}

.bottom .searchSvg .searchWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .7;
    position: relative;
}

.bottom .searchSvg .searchWrapper.active {
    opacity: 1;
}

#planSerachBtn {
    display: none
}

.bottom .searchSvg svg {
    opacity: .5;
    margin-right: 13px;
}

.bottom .searchSvg svg:hover {
    opacity: 1;
}

.bottom .result .count {
    opacity: .5
}

.bottom .result .links .count {
    margin-right: 30px;
    min-width: 20%
}

.mobile-menu {
    display: none
}

#menuCity, 
#menuCityQuest {
    z-index: 100000
}

.share {
    display: block
}

.share__btn {
    display: block
}

.bottom .result .links {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(31, 38, 80, .15)
}

.bottom .result .links .names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bottom .result .links .names a {
    margin-bottom: 20px;
}

.bottom .result .links .names a:last-child {
    margin-bottom: 0;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 38, 80, .4);
    opacity: .4;
    z-index: 12;
}

#overlay.active {
    display: block;
}

.spinner {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 100
}

#overlay-spin {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(31, 38, 80, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

#overlay-spin.spin {
    display: block;
}

#filter-spin {
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    border-radius: 30px;
}

#filter-spin.spin {
    display: block;
}

#filter-spin .spinner {
    top: 100px;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: 3;
    opacity: 1!important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}

.catalog__popup {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--white);
    position: fixed;
    top: 0;
    -webkit-transition: left ease-in-out .2s, right ease-in-out .2s;
    -o-transition: left ease-in-out .2s, right ease-in-out .2s;
    transition: left ease-in-out .2s, right ease-in-out .2s;
    z-index: 13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog__popup.active {
    overflow-y: scroll;
}

.catalog-left {
    left: -25%;
}

.catalog-left.show {
    left: 0;
}

.catalog__popup .left {
    width: 25%;
    height: 100%;
    border-right: 1px solid var(--white)
}

.catalog__popup .h3 {
    margin-bottom: 36px
}

.catalog__popup .left .main-link {
    padding: 16px 36px 16px 40px;
    display: block
}

.catalog__popup .left .main-link.active,
.city__popup .left .city_link.active {
    background-color: var(--light);
    border-right: 1px solid var(--blue)
}

.cities__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.cities__links .city_link {
    padding: 16px 0 16px 0
}

.catalog__popup .left .cat:first-child:hover {
    opacity: .5;
    border: none;
    background: inherit
}

.catalog__popup .left .main-link:hover,
.cities__links .city_link.hover {
    background-color: var(--light);
    border-right: 1px solid var(--blue)
}

.catalog__popup:hover .left {
    border-right: 1px solid rgba(31, 38, 80, .3)
}

.catalog__popup .right {
    min-height: 100vh;
    border-right: 1px solid var(--white);
    display: none;
    width: 50%;
}

.catalog__popup .right.active {
    display: block;
    border-right: 1px solid rgba(31, 38, 80, .3)
}

.quest__popup {
    width: 505px;
    height: 100%
}

.quest__popup .left {
    width: 505px;
    height: 100%
}

.city__popup {
    width: 505px;
    right: -505px
}

.city__popup .left {
    width: 505px;
    height: 100%
}

.hh {
    position: sticky;
    top: 0;
    height: 100%;
    width: inherit;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.stycky {
    position: fixed;
    width: inherit;
    top: 0;
    padding-top: 60px;
    padding-bottom: 32px;
    height: 100%;
    background: var(--white);
    overflow-y: scroll;
}

.stycky::-webkit-scrollbar {
    width: 4px
}

.catalog__popup .right .inner {
    padding: 20px 0;
    width: calc(100% /3 - (2em / 2));
    height: auto;
    display: none
}

.catalog__popup .right .stycky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 60px 97px 66px 32px;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.close-srav-path {
    fill: var(--blue)
}

#show-catalog.show {
    width: 100%;
    background: inherit
}

.catalog__popup .right .inner.active {
    display: inline-block;
    margin-right: 1em
}

.catalog__popup .right .inner .offer__link {
    color: #757a95;
    margin-bottom: 20px;
}

.catalog__popup .right .inner .offer__link:hover {
    color: var(--blue)
}

.catalog__popup .right .inner .offer__link:active {
    color: #757a95
}

.catalog__popup .right .inner .show {
    display: block
}
.close-svgg,
.catalog__popup .close-svg {
    position: absolute;
    top: 27px;
    right: 27px;
    cursor: pointer;
    z-index: 9;
    opacity: .5
}

.close-svgg,
.close-svg,
.close-svg svg {
    width: 24px;
    height: 24px
}

.catalog__popup .right .head {
    margin-bottom: 20px;
    display: block;
    color: #1f2650;
}

.catalog__popup .right .head:hover {
    opacity: .5;
}

.catalog__popup .right .head:active {
    opacity: 1;
}

.catalog__popup .right .more {
    margin-right: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.catalog__popup .right .more.active {
    margin-bottom: 20px;
}

.catalog__popup .right .more.active::after {
    content: url(../new_landing/icons/arrow-catalog-up.svg)
}

.catalog__popup .right .more::after {
    content: url(../new_landing/icons/arrow-catalog-down.svg);
    margin-left: 8px
}

.hide {
    display: none
}

.catalog__popup .end_right {
    background-color: var(--white);
    width: 25%;
    display: none;
}

.catalog__popup .end_right.active {
    display: block;
}

.catalog__popup .end_right .stycky {
    padding: 60px 32px 0 25px
}

.catalog__popup .end_right .block {
    display: none;
}

.catalog__popup .end_right .block.active {
    display: block;
    position: sticky;
    top: 60px;
}

.catalog__popup .end_right .block .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 8px
}

.catalog__popup .end_right .block .tag {
    background-color: var(--light);
    border-radius: 30px;
    padding: 8px 16px
}

.city__popup .left {
    overflow-y: auto
}

.cert__popup .left {
    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;
    padding: 5%
}

.city__popup .img {
    width: 90%;
    border: 1px solid var(--border-shadow);
    border-radius: 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
}

.city__popup img {
    border-radius: 16px
}

.city__popup .search__city label {
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

.city__popup .search__city.city label svg {
    margin-left: 12px
}

#certPopup img {
    width: 100%
}

.city__popup.city-show {
    right: 0
}

.quest__popup .search__city label {
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.quest__popup .search__city {
    padding: 0
}

.quest__popup .h3 {
    padding: 0
}

.quest__popup .name {
    margin-bottom: 16px
}

.quest__popup .btn {
    width: 100%
}

.quest__popup .left .slick-list {
    height: 100%
}

.quest__popup .left .slick-track {
    height: 100%
}

.quest__popup .stycky {
    padding: 60px 40px 32px 40px;
    position: relative;
    top: 0;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.quest__popup .block {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin-left: 1px;
    margin-right: 1px
}

.catalog {
    margin: 60px auto 120px auto
}

.catalog .head {
    margin-bottom: 92px
}

.catalog .d-block {
    height: 400px;
}

.catalog .d-block:hover svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.category .sols {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.category .sols .btn {
    background-color: white;
    color: var(--blue);
}

.category .sols .btn.active {
    background-color: var(--blue);
    color: white;
}

.category .sols .btn:hover {
    opacity: 0.8;
}

.category .change-div.active {
    display: block;
}

.category .change-div {
    display: none;
}

.category {
    margin: 100px auto
}

.category .links img {
    height: 342px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
        -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.category .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 1em;
}

.category .grid.right .d-block:first-child {
    grid-column: 2;
}

.category .grid.right .d-block:last-child {
    grid-column: 3;
}

.category .d-block {
    height: 550px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
}

.category .d-block:hover img {
    -webkit-transform: scale(1.3) translateY(50px);
        -ms-transform: scale(1.3) translateY(50px);
            transform: scale(1.3) translateY(50px);
}

.category .d-block img {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); /* Заставляет браузер рендерить элемент через GPU */
}


.category .d-block:hover svg {
    transition: linear .1s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.line {
    background: var(--light);
}

.line .layout {
    position: absolute;
    bottom: 0;
    right: -20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 6px;
}

.line .layout span {
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
    background: var(--blue);
    border-radius: 20px;
    padding: 6px 14px;
    width: fit-content;
}

.offer .layout {
    position: absolute;
    bottom: 4%;
    left: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
}

.offer .simlinks {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 15px;
}

.offer .simlinks .sim {
    border: 1px solid var(--blue);
    border-radius: 8px;
    padding: 6px 10px;
}

.offer .simlinks .sim:hover {
    background-color: var(--blue);
    color: var(--white);
}

.offer .simlinks .sim.self {
    background-color: var(--blue);
    color: var(--white);
}

.offer .layout span {
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
    background: var(--blue);
    border-radius: 20px;
    padding: 6px 14px;
    width: fit-content;
}

.line.white {
    background: var(--white)
}

.line.white .block {
    border: 1px solid var(--border-shadow)
}

.line.list {
    padding: 32px 0 120px 0
}

.line .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em
}

.line .block {
    background-color: var(--white);
    border-radius: 30px;
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border: 1px solid var(--white);
}

.line .block:hover {
    border: 1px solid var(--blue);
}

.line .wrapper.slick_offer .block {
    margin: 0 .5em
}

.line .block .stock {
    margin-bottom: 12px
}

.line .block .star {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.line .block .star::before {
    content: '';
    margin-right: 8px;
    background-image: url(../new_landing/icons/star.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px
}

.discount {
    background-color: var(--blue);
    padding: 2px 12px;
    border-radius: 30px;
    color: var(--white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.stock::before {
    content: url(../new_landing/icons/green-circle.svg);
    margin-right: 8px
}

.stock.red::before {
    content: url(../new_landing/icons/red-circle.svg);
    margin-right: 8px
}

.line .block .name {
    font-family: Medium, sans-serif;
    font-weight: 500
}

.line .block .price {
    margin-top: 16px;
    margin-bottom: 16px
}

.line .buttons button:last-child {
    margin-right: 0
}

.line .down {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.line .sale {
    margin-left: 16px;
    opacity: .5;
    text-decoration: line-through
}

.line .up-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 4%;
    right: 5%
}

.line .up-right button {
    border: none;
    width: 24px;
    height: 24px;
    margin-bottom: 16px
}

.heart {
    background-color: var(--white);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    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;
    position: relative
}

.wrapper .heart {
    border: 1px solid var(--blue)
}

.heart.favorites svg .first {
    fill: var(--blue)
}

.heart.favorites svg .second {
    fill: var(--white)
}

.heart.favorites.active svg .second {
    fill: var(--blue);
    stroke: var(--blue)
}

.heart.sravnenie .sravnenie-ok {
    display: none
}

.sravnenie-ok-link {
    width: inherit;
    display: none
}

.heart.sravnenie.active .sravnenie-ok-link {
    display: block
}

.sravnenie-ok-link svg {
    width: 100%
}

.heart.sravnenie.active .sravnenie-ok {
    display: block
}

.heart.sravnenie.active .sravnenie-not {
    display: none
}

.heart.sravnenie.active .help_popup {
    display: none
}

.heart.sravnenie .help_popup.go {
    display: none
}

.heart.sravnenie.active:hover .help_popup.go {
    display: block
}

.heart.sravnenie .sravnenie-not {
    fill: var(--blue);
    stroke: var(--blue)
}

.heart .count {
    position: absolute;
    top: 0;
    right: -5%;
    background-color: var(--blue);
    color: var(--white);
    width: 20px;
    font-size: 13px;
    line-height: normal;
    letter-spacing: -.13px;
    height: 20px;
    border-radius: 50%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.heart .count.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.heart .help_popup {
    z-index: 10;
    position: absolute;
    background-color: var(--white);
    border-radius: 500px;
    top: -15%;
    display: none;
    right: 150%;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -.28px;
    color: rgba(31, 38, 80, .5);
    padding: 6px 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-shadow: 0 2px 6px 0 #c4c7DD26;
    box-shadow: 0 2px 6px 0 #c4c7DD26;
    border: 1px solid rgba(31, 38, 80, .15);
}

.heart .help_popup.go {
    color: #1f2650;
    text-transform: uppercase;
}

.busket-offer {
    display: block;
}

.busket-offer.active {
    display: none;
}

.offer .window .slick-slider {
    height: 100%
}

.busket-href {
    display: none;
    background: var(--white);
    color: var(--blue);
    text-align: center;
}

.busket-href:hover {
    background: var(--blue);
    color: var(--white);
}

.busket-href.active {
    display: block;
}

.offer .heart .help_popup {
    top: -70%;
    left: -100%
}

.heart:hover .help_popup {
    display: block
}

.heart.busket {
    background-color: var(--blue);
    border-radius: 500px;
    -webkit-transition: 325ms ease-in-out width;
    -o-transition: 325ms ease-in-out width;
    transition: 325ms ease-in-out width;
    position: relative;
}

.heart.busket.active .busket-not {
    display: none
}

.heart.busket.active {
    background-color: var(--white);
    width: 60px;
}

.heart.busket.active:hover {
    width: 60px;
}

.heart.busket:hover {
    width: 70%;
}

.heart.busket.opt:hover {
    width: 60px
}

.heart.busket p {
    color: var(--blue);
    font-size: 0;
    text-transform: uppercase;
    -webkit-transition: .3s linear font-size;
    -o-transition: .3s linear font-size;
    transition: .3s linear font-size;
    white-space: nowrap
}

.heart.busket:hover p {
    display: block;
    color: var(--white);
    font-size: 14px;
    margin-left: 16px
}

.heart.busket a {
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.heart.busket.active a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.heart.busket .busket-not {
    fill: var(--white)
}

.heart.busket .busket-ok {
    display: none
}

.heart.busket.active .busket-ok {
    display: block
}

.heart.busket:hover .help_popup {
    display: none
}

.heart.busket.active:hover .help_popup {
    display: block
}

.heart.busket.active .help_popup {
    top: -75%;
    right: 0;
    text-transform: uppercase;
    color: var(--blue)
}

.heart.busket.active p {
    display: none
}

.line .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.line .buttons .inv-btn {
    margin-right: 12px;
    padding: 21px 0;
    width: 81%;
    -webkit-transition: .2s ease-in-out width;
    -o-transition: .2s ease-in-out width;
    transition: .2s ease-in-out width
}

.line .img {
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

.line .a-img {
    margin: 20px 20px 24px 20px;
    position: relative;
}

.line .up {
    position: absolute;
    top: 20px
}

.bread ol li {
    list-style-type: none
}

.qwiz {
    background-color: var(--light)
}

.qwiz .help {
    font-size: 12px;
}

.qwiz .left {
    width: 40%;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.qwiz .left .normal-text {
    width: 40%
}

.qwiz .right {
    width: 49.5%;
    background-color: var(--white);
    border-radius: 30px;
    padding: 40px 32px 32px 32px;
    min-height: 700px
}

.qwiz .right,
.qwiz .right .slick-track .slick-slide {
    min-height: 700px
}

.qwiz .slick-track {
    height: 100%
}

.qwiz .slick-list {
    height: 100%
}

.qwiz .right .block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1px;
    margin-right: 1px
}

.qwiz .right .small-text {
    color: var(--blue);
    opacity: .3
}

.qwiz .right .small-text.error_text {
    opacity: 1;
    color: var(--red)
}

.qwiz .right .step {
    position: absolute;
    top: 0;
    right: 0
}

.qwiz .right .h4 {
    margin-bottom: 32px
}

.qwiz .input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.qwiz .input label {
    margin-bottom: 28px
}

.catlist .left label {
    margin-bottom: 14.5px;
}

fieldset label {
    margin-bottom: 0
}

.qwiz .name {
    margin-bottom: 12px
}

.qwiz .end button {
    border: 1px solid var(--blue);
    width: 87%
}

.qwiz .end-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.qwiz .end-arrows .btn {
    margin-left: 12px
}

.qwiz .end-arrows .left {
    background-color: var(--white);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    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
}

fieldset {
    margin-bottom: 28px
}

.form-radio-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px
}

fieldset .form-radio-hidden:last-child {
    margin-bottom: 0
}

.form-radio-hidden input {
    position: absolute;
    opacity: 0;
    display: block;
    height: 0;
    width: 0
}

.form-radio-hidden textarea {
    position: absolute;
    opacity: 0;
    display: block;
    height: 0;
    width: 0;
    border: none;
    outline: 0
}

.form-radio-hidden .radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    position: relative;
    height: 24px;
    width: 24px;
    border-radius: 6px;
    margin-right: 12px;
    border: 1px solid rgba(31, 38, 80, .15);
    cursor: pointer;
    outline: 0
}

.form-radio-hidden input:checked+.radio::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: var(--blue);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.form-radio-hidden input:checked+.radio::before {
    background-color: var(--blue)
}

.form-radio-hidden input+.radio+.text {
    color: var(--blue);
    cursor: pointer;
    margin-right: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 80%
}

.form-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: inherit;
    position: relative
}

.form-text input.error,
.form-text textarea.error {
    border: 1px solid #e02020
}

.form-text.file .download-svg {
    cursor: pointer;
    z-index: 2
}

.form-text.file:has(input.error) .fileInput {
    border: 1px solid #e02020;
    color: #e02020;
}

.form-text input,
.form-text.file .fileInput {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 12px;
    width: 100%;
    padding: 17px 20px;
    font-size: 14px;
}

.form-text.file .fileInput {
    color: rgba(31, 38, 80, .3)
}

.full_filter {
    width: 100%;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--blue);
    opacity: .7
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--blue);
    opacity: .7
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: var(--blue);
    opacity: .7
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: var(--blue);
    opacity: .7
}

input::placeholder,
textarea::placeholder {
    color: var(--blue);
    opacity: .7
}

.form-text textarea {
    width: 100%;
    resize: none;
    outline: 0;
    padding: 20px 24px;
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 12px;
    height: 150px;
}

.form-text input:active,
.form-text input:focus,
.form-text textarea:active,
.form-text textarea:focus {
    border: 1px solid #1f2650
}

.form-text input[type=file] {
    display: none
}

.form-text input[type=file]:before {
    content: url(../new_landing/icons/donwl.svg);
    margin-right: 14px
}

.qwiz .btn {
    margin-top: 12px;
    width: 100%
}

.partner {
    margin: 120px auto
}

.partner h2 {
    margin-bottom: 60px
}

.partner .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr .5em 1fr .5em 1fr .5em 1fr .5em 1fr .5em 1fr;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: .5em;
    grid-row-gap: .5em
}

.partner .block {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    filter: grayscale(100%);
    transform: 0.3s ease-in-out;
}

.partner .block:hover {
    filter: grayscale(0%);
}

.partner .block .img {
    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: 100%;
    height: 100%;
    padding: 10%
}

.partner .block img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain
}

.whywe {
    margin: 120px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.whywe .left {
    width: 34%;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.whywe .left .normal-text {
    width: 50%
}

.whywe .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 49.5%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    row-gap: 1em
}

.whywe .right .block {
    height: 375px;
    background: var(--gradient);
    border-radius: 30px;
    width: calc((100% /2) - (2em / 4));
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    margin-right: 1em;
}

.whywe .right .block:nth-child(2n) {
    margin-right: 0
}

.whywe.text .right .block {
    background: var(--white);
    border: 1px solid var(--border-shadow)
}

.whywe .right .block .img {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.whywe .right .block img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.whywe .right .block .h2,
.whywe .right .block .h4,
.whywe .right .block h4 {
    padding: 40px 32px 32px 32px;
    z-index: 2
}

.whywe.text .right .block .h2 {
    padding: 48px 40px 0 40px
}

.whywe .right .block .normal-text {
    padding: 0 32px 32px 40px
}

.whywe .btn {
    margin-top: 32px
}

.whywe .slick-track .slick-slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.history .whywe {
    margin: 0
}

.history .whywe img {
    height: auto
}

.history .whywe .right {
    margin: 0
}

.bar .slick-list {
    overflow: unset
}

.pagination {
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 60px
}

.pagination .step-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination .current {
    width: 44px;
    height: 44px;
    color: var(--blue);
    border-radius: 500px;
    background-color: var(--light);
    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
}

.pagination .prev {
    margin-right: 22px;
    background-color: var(--white);
}

.pagination .next {
    margin-left: 22px;
    background-color: var(--white)
}

.pagination .next:hover {
    background-color: var(--light)
}

.pagination .prev:hover {
    background-color: var(--light)
}

.pagination .arrow {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 500px;
    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;
}

.pagination .arrow:hover {
    background-color: var(--light)
}

.pagination .arrow.inactive {
    opacity: .5;
}

.pagination .arrow.inactive:hover {
    background-color: var(--white)
}

.pagination .arrow.right-arrow {
    margin-left: 40px
}

.pagination .arrow.left-arrow {
    margin-right: 40px
}

.pagination svg {
    fill: var(--blue)
}

.news {
    padding: 120px 0;
    background-color: var(--light);
}

.news.page {
    background-color: var(--white);
}

.news .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0
}

.news h2 {
    margin-bottom: 60px
}

.news h4 {
    text-align: left
}

.news .cert {
    display: none
}

.news .up {
    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
}

.news .block {
    background-color: var(--white);
    border: 2px solid var(--white);
    height: 400px;
    border-radius: 30px;
    width: calc((100% / 3) - (2em / 3));
    margin-right: 1em;
    margin-bottom: 1em;
    padding: 40px 32px 32px 32px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

.news .block:nth-child(3n) {
    margin-right: 0
}

.news .block:hover {
    background-color: var(--light)
}

.news .block:hover svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.news.page .block {
    border: 1px solid rgba(31, 38, 80, .15)
}

.news .block .links {
    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
}

.news .wrapper.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.news .wrapper.right.right .block:last-child {
    margin-right: 0
}

.bread {
    background: var(--main-grad);
    padding: 67px 0 40px 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.bread.simple {
    background: var(--white);
    padding: 60px 0 0 0
}

.bread .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
    margin-bottom: 40px
}

.bread h1 {
    margin-bottom: 24px
}

.bread .text {
    color: rgba(31, 38, 80, .3)
}

.bread .second {
    margin-left: 8px;
}

.bread .second::before {
    content: '/';
    margin-right: 8px;
    opacity: .5
}

.bread a:hover {
    opacity: .5
}

.delivery .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 148px auto 120px auto
}

.delivery .block .right {
    width: 49.5%
}

.delivery .block .left {
    width: 35%
}

.delivery .normal-text {
    opacity: .5;
    margin-bottom: 12px
}

.delivery .mini {
    margin-bottom: 40px;
}

.delivery .mini:last-child {
    margin-bottom: 60px
}

.delivery .big-text.mrg {
    margin-bottom: 30px
}

.delivery .right .big_imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2%;
    margin-bottom: 60px
}

.delivery .big_imgs .img {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 16px;
    padding: 34px;
    width: calc(100% / 3 - 1em);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.delivery .big_imgs img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 40px
}

.delivery .right .small_imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2%;
    margin-bottom: 40px
}

.delivery .small_imgs .img {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 16px;
    padding: 20px;
    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;
    height: 60px;
    width: calc(100% / 5 - (5em / 5))
}

.delivery .small_imgs img {
    max-width: 70px;
    height: 40px;
    -o-object-fit: contain;
       object-fit: contain
}

.delivery iframe {
    display: block;
    margin-top: 40px;
}

.delivery iframe .main {
    background-color: red;
}

footer {
    background: #1f2650;
    padding: 120px 0 28px 0;
    position: relative;
    overflow: hidden;
}

footer::before {
    content: '';
    width: 70%;
    height: 70%;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: var(--white);
    background-size: cover;
    opacity: .2;
    -webkit-filter: blur(200px);
            filter: blur(200px);
    z-index: auto
}

footer.mobile {
    display: none
}

footer .h4 {
    color: var(--white)
}

footer .container {
    position: relative
}

footer a,
footer address,
footer p {
    color: var(--white)
}

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
}

footer .column-1 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

footer .links {
    width: 50%;
    margin-right: 10%
}

footer .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 93px
}

footer .wrapper__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

footer .column-2 .h4 {
    margin-bottom: 28px
}

footer .column-3 .h4 {
    margin-bottom: 40px
}

footer .column-3 .section {
    margin-bottom: 15px
}

footer .column-3 .small-text {
    margin-bottom: 7px
}

footer .column-2 .small-text {
    margin-bottom: 15px
}

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

footer .social svg {
    margin-right: 16px
}

footer .arrows {
    position: absolute;
    bottom: 0;
    right: 0
}

footer .arrows button {
    background-color: rgba(255, 255, 255, .15);
}

footer .arrows button:active {
    background-color: #fff
}

footer .arrows button:active svg {
    fill: var(--blue)
}

footer .arrows button svg {
    fill: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

footer .img {
    width: 127px;
    height: 95px;
}

footer .img:hover {
    opacity: 0.8;
}

footer small {
    display: block;
    color: var(--white);
    text-align: center;
    margin: 1em auto;
}

footer .soc {
    width: 60px;
    height: 60px;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

footer .soc svg {
    margin-right: 0;
    width: 40px;
    height: 40px;
}

footer .soc.vkvideo svg {
    width: 30px;
    height: 30px;
}

footer .soc.dzen svg {
    width: 30px;
    height: 30px;
}

footer .down {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    width: 90%;
    margin-bottom: 20px;
}

footer .down a {
    opacity: 0.5;
    transition: 0.325s ease-in-out;
}

footer .down a:hover {
    opacity: 1;

}


.rutube .st0{fill:#1F2650;stroke:#1F2650;stroke-miterlimit:10;}
.rutube .st1{clip-path:url(#SVGID_00000024681437539182976760000018387105884213806741_);}
.rutube .st2{fill:#FFFFFF;}

.vkvideo .st0{fill:#0077FF;}
.vkvideo .st1{fill:#FF2B42;}
.vkvideo .st2{fill:#FFFFFF;}


.history {
    margin: 120px auto
}

.history .right img {
    border-radius: 30px
}

.history .down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.history .wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.history .arrows button {
    background-color: var(--light)
}

.history .left {
    width: 26%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.history .right {
    width: 49.5%
}

.history .h3 {
    padding-bottom: 20px
}

.history .arrows {
    margin-bottom: 60px
}

.history img {
    height: auto;
    max-height: 515px;
    -o-object-fit: cover;
       object-fit: cover
}

.history video {
    width: 100%;
    height: 100%;
    max-height: 515px;
    border-radius: 30px;
    -o-object-fit: cover;
       object-fit: cover;
}

.history .down .slick-slide {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    width: 100%;
    padding-bottom: 20px
}

.bar .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: inherit;
    position: relative;
}

.bar .block.current .year {
    opacity: 1
}

.bar .block:after {
    content: ' ';
    background: inherit;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid var(--blue);
    background: var(--white);
    display: none;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 2
}

.bar .block.current::after {
    display: block
}

.bar .block:before {
    content: ' ';
    background: #dddee5;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 6px;
    left: 0
}

.bar .block:last-child {
    width: 15%
}

.bar .block.active::before {
    background: var(--blue)
}

.bar .year {
    opacity: .7;
    position: absolute;
    top: 90%;
    left: -5%;
    white-space: nowrap;
}

.bar .year.first {
    opacity: .5;
    position: absolute;
    top: 90%;
    left: 0
}

.bar .year.last {
    opacity: .5;
    position: absolute;
    top: 90%;
    left: -1200%
}

.bar .circle {
    margin-bottom: 24px;
    background: #dddee5;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: relative;
    z-index: 3;
}

.bar .circle.active {
    background: var(--blue)
}

.contacts__map {
    position: relative;
    max-width: 2560px;
    width: 100%;
    height: 85vh;
    max-height: 1080px
}

.help-map {
    position: absolute;
    bottom: 10%;
    left: 3%;
    background-color: var(--white);
    height: 380px;
    min-width: 425px;
    z-index: 7;
    border-radius: 30px;
    padding: 40px 32px
}

.overlay-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 7
}

.contacts__map .mini {
    margin-bottom: 32px
}

.contacts__map .mini .normal-text {
    margin-bottom: 8px;
    opacity: .5
}

#map-yandex {
    position: relative;
    z-index: 7;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    -webkit-filter: invert(75%);
    filter: invert(75%)
}

.loader {
    position: absolute;
    z-index: 15;
    top: -100%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #000;
    -webkit-transition: opacity .7s ease;
    -o-transition: opacity .7s ease;
    transition: opacity .7s ease;
    opacity: 0;
    background-color: rgba(0, 0, 0, .55)
}

.contact {
    margin: 120px auto 120px auto
}

.contact .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact .mini {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact .big-text {
    opacity: .5
}

.contact .left {
    width: 40%;
    margin-right: 200px
}

.requzit {
    margin: 120px auto
}

.requzit .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0;
    border-bottom: 1px solid rgba(31, 38, 80, .15);
}

.requzit .block:first-child {
    padding-top: 0
}

.requzit .left {
    width: 50%
}

.requzit .right {
    width: 50%;
}

.requzit .right.mini-header {
    font-weight: 400;
    font-family: Regular, sans-serif
}

.file-link::before {
    content: url(../new_landing/icons/file.svg);
    margin-right: 14px
}

.file-link p:first-child {
    margin-bottom: 8px
}

.file-link p:last-child {
    opacity: .5
}

.download {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.download .file-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.download .file-link:first-child {
    margin-right: 80px
}

.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: 140px;
    height: 104px
}

.page__404 h1 {
    margin-bottom: 40px
}

.page__404 .big-text {
    margin-bottom: 40px;
    width: 60%
}

.page__404 .big-text,
.page__404 h1 {
    color: var(--white);
    text-align: center
}

.page__404 .inv-btn {
    margin: 0 auto;
    z-index: 2
}

.white__hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: var(--white);
    background-size: cover;
    opacity: .5;
    -webkit-filter: blur(167px);
            filter: blur(167px);
    z-index: 1
}

.politic {
    margin: 60px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.politic svg {
    width: 20px;
    height: 20px;
    margin-left: 16px
}

.politic .right {
    width: 74.8%
}

.politic h3 {
    margin-bottom: 24px
}

.politic .mini-header {
    margin-bottom: 20px
}

.politic .big-text,
.politic .normal-text,
.politic .small-text {
    margin-bottom: 16px
}

.politic a {
    text-decoration: underline
}

.politic .right ul {
    margin-left: 3%
}

.politic-link {
    margin-bottom: 32px;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.politic-link::before {
    content: url(../new_landing/icons/politic.svg)
}

.manager {
    background: var(--light)
}

.manager .wrapper .block {
    background-color: var(--white);
    margin: 0 10px;
    border-radius: 30px;
    padding: 16px 16px 32px 16px;
    height: 500px
}

.manager .img {
    height: 80%;
    margin-bottom: 16px
}

.manager .h4 {
    margin-bottom: 12px
}

.manager .big-text {
    margin-bottom: 12px;
    opacity: .5;
}

.manager .big-text:last-child {
    margin-bottom: 0
}

.manager img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 30px
}

.manager .hid {
    visibility: hidden;
}

/* .slick-next.active svg,
.slick-prev.active svg {
    opacity: .5
} */

/* .slick-next.active,
.slick-prev.active {
    cursor: not-allowed
} */

.tags {
    margin: 60px auto 60px auto
}

.category__tags {
    min-height: 160px
}

.tags .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.tags .wrapper p {
    margin-right: 10px
}

.tags .wrapper a {
    background-color: var(--light);
    border-radius: 500px;
    padding: 12px 24px;
}

.tags .wrapper a:hover {
    color: var(--light-op)
}

.tags .change {
    border: 1px solid var(--border-shadow);
    padding: 12px 24px;
    border-radius: 500px
}

.tags .change span::after {
    margin-left: 8px;
    content: url(../new_landing/icons/plus.svg)
}

.tags .change span.active::after {
    margin-left: 8px;
    content: '—'
}

.catlist {
    margin-top: 48px;
    background: var(--white);
    margin-bottom: 120px
}

.catlist .qwiz {
    padding: 0;
    background: var(--white)
}

.catlist .line {
    padding: 0;
    background: var(--white)
}

.catlist .line .block {
    border: 1px solid var(--border-shadow);
}

.catlist .line .block:hover {
    border: 1px solid var(--blue)
}

.catlist .line .container {
    width: 100%
}

.catlist .line .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em
}

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

.catlist .qwiz.left {
    width: 25%;
    border: 1px solid var(--border-shadow);
    border-radius: 30px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 40px 32px
}

.catlist .right {
    width: 74%;
    position: relative
}

.catlist .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.catlist .price .input:first-child {
    margin-right: 8px
}

.catlist .price label {
    margin-bottom: 0
}

.catlist .form-text {
    position: relative;
}

.catlist .form-text.error {
    border: 1px solid red
}

.catlist .left .block {
    margin-bottom: 28px
}

.error_text {
    position: absolute;
    top: 110%;
    left: 0;
    color: var(--red);
    display: none;
}

.error_text.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.error_text::before {
    content: url(../new_landing/icons/error.svg);
    margin-right: 8px
}

details summary::-webkit-details-marker {
    display: none
}

details>summary {
    list-style: none;
    cursor: pointer;
}

details summary:after {
    content: url(../new_landing/icons/arrow-input-down.svg);
    margin-right: 6px
}

details[open] summary:after {
    content: url(../new_landing/icons/arrow-input-up.svg);
    margin-right: 6px
}

.catlist details[open] summary {
    margin-bottom: 24px
}

.catlist summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.catlist summary::before {
    content: attr(data-filter-count);
    position: absolute;
    top: 0;
    right: 10%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    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;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px
}

.catlist summary[data-filter-count="0"]::before {
    display: none
}

.catlist details {
    max-height: 272px
}

.catlist details[open] .scroll {
    overflow-y: scroll;
    max-height: 232px
}

.catlist form.left .inv-btn {
    width: 100%
}

.filters {
    margin-bottom: 25px
}

.filters .left .big-text {
    opacity: .5;
    margin-right: 24px;
}

.filters .left .big-text.red {
    color: #ED1B2F;
}

.filters .left .big-text:last-child {
    margin-right: 0
}

.filters .left .big-text[data-status='-price'],
.filters .left .big-text[data-status='price'] {
    position: relative;
    margin-right: 36px;
}

.filters .left .big-text[data-status='-price']::after,
.filters .left .big-text[data-status='price']::after {
    position: absolute;
    top: 0;
    margin-left: 8px;
    content: url(../new_landing/icons/filtersArrow.svg)
}

.filters .left .big-text[data-status='-price']::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filters .big-text.active {
    opacity: 1
}

.filters .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filters .left .mobile summary {
    display: flex;
    align-items: center;
}

.filters .right {
    display: none
}

.filter-up {
    position: relative;
    display: flex;
    align-items: center;
}

.filter-up::before {
    content: url(../new_landing/icons/filter.svg);
    margin-right: 8px
}

.filter-up.active::after {
    content: url('');
    position: absolute;
    top: -20%;
    right: -10%;
    width: 8px;
    height: 8px;
    background: var(--blue);
    border-radius: 50px
}

.vak .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags_wrapper {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.vak .block {
    border: 2px solid var(--border-shadow)
}

.tags_wrapper a,
.tags_wrapper p {
    background: var(--light);
    padding: 12px 24px;
    border-radius: 500px;
    border: 2px solid var(--white)
}

.qwiz .rezume {
    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%
}

.gallery {
    max-width: 2560px;
    max-height: 1080px;
    position: relative
}

.gallery h2 {
    color: var(--white)
}

.gallery img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery,
.gallery .slick-list,
.gallery .slick-track {
    height: 800px;
}

.gallery .hover {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gallery .numbers {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    color: var(--white)
}

.gallery .slick-track .slick-slide {
    height: 100%
}

.gallery.gallery-video .hover {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vak_detail {
    margin: 0 auto 120px auto;
    display: block
}

.vak_detail .img {
    width: 45%
}

.vak_detail .right {
    width: 50%
}

.vak_detail img {
    border-radius: 30px;
    height: max-content;
}

.vak_detail .h4 {
    margin-top: 60px;
    margin-bottom: 24px
}

.vak_detail .btn {
    margin-top: 60px;
    width: 100%;
    text-align: center
}

.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px auto 60px auto
}

.info .normal-text {
    opacity: .5
}

.info>.normal-text::after {
    content: '|';
    margin-left: 12px;
    margin-right: 12px
}

.info .normal-text.last::after {
    content: '';
    margin-left: 12px
}

.line .buttons .inv-btn.line-btn {
    width: 100%
}

.desc {
    margin-bottom: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.desc .left {
    width: 20%
}

.desc .right {
    width: 70%
}

.poster {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video {
    height: 85vh;
    position: relative;
    margin: 0 auto;
    max-width: 2560px;
    max-height: 1080px
}

.video iframe {
    display: none;
}

.video iframe.show {
    display: block
}

.video iframe,
.video video {
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

.video .play,
.video .play-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: auto
}

.video .title {
    position: absolute;
    max-width: 50%;
    top: 10%;
    left: 10%;
    z-index: 2;
    color: var(--white)
}

.podmenu .container {
    width: 100%
}

.default-section {
    margin: 120px auto
}

.answer h2 {
    margin-bottom: 60px
}

.answer details {
    padding: 40px 0;
    border-top: 1px solid var(--border-shadow);
}

.answer details.first {
    border-top: 1px solid var(--white);
    padding-top: 0
}

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

.answer p {
    margin-top: 20px
}

.answer details summary:after {
    content: url(../new_landing/icons/arrow-svg-answer-down.svg);
    margin-right: 6px
}

.answer details[open] summary:after {
    content: url(../new_landing/icons/arrow-svg-answer-up.svg);
    margin-right: 6px
}

.video .play {
    width: 152px;
    height: 152px
}

.map video {
    display: block;
    margin: 60px auto 0 auto;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%
}

.default-section-padding {
    padding: 120px 0;
    background: var(--light)
}

.awards .block {
    background: var(--white);
    padding: 1.5em 1em;
    border-radius: 30px;
    margin: 0 .5em;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.awards .slick-track {
    margin-left: 0;
    margin-right: 0
}

.awards .slick-track .slick-slide {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.awards .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.awards .up img {
    margin-right: 16px;
    width: 60px;
    height: 60px;
    border-radius: 500px
}

.awards .top {
    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: 60px
}

.reward .block {
    padding: 40px 0;
    border-top: 1px solid var(--border-shadow);
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.reward .block:hover .cart__line {
    display: block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.reward .block.first {
    border-top: 1px solid var(--white)
}

.reward h2 {
    margin-bottom: 60px
}

.reward .cart__line {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 26px;
    height: 26px
}

.reward .mini-header {
    text-align: left;
    width: 80%
}

.reward img {
    display: none
}

.detail_linii,
.personal {
    margin: 20px auto 120px auto
}

.detail_linii h1 {
    margin-bottom: 32px
}

.detail_linii .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.detail_linii .h3 {
    display: none;
}

.detail_linii .h3.active {
    display: block
}

.detail_linii .main-img {
    height: 600px;
    position: relative
}

.detail_linii img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.detail_linii .under {
    opacity: .5
}

.detail_linii .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 60px
}

.detail_linii .right .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 12px
}

.detail_linii .left {
    width: 45%
}

.detail_linii .right {
    width: 41.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail_linii .heart {
    border: 1px solid var(--blue)
}

.detail_linii .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-shadow);
}

.detail_linii .row::-webkit-scrollbar {
    display: none;
}

.filterSlickBlock::-webkit-scrollbar {
    display: none
}

.detail_linii .row-btn {
    opacity: .5;
    margin-right: 40px;
    position: relative;
    white-space: nowrap;
}

.detail_linii .row-btn::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 2;
    display: none;
    background: var(--blue)
}

.detail_linii .row-btn:hover::after {
    display: block
}

.detail_linii .row-btn.active::after {
    display: block;
}

.detail_linii .row-btn.active,
.detail_linii .row-btn:hover {
    opacity: 1
}

.detail_linii .row-btn:last-child {
    margin-right: 0
}

.equip_linii .up {
    margin-bottom: 60px
}

.detail_linii .h_wrapper {
    display: block;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 6%;
       -moz-column-gap: 6%;
            column-gap: 6%;
    width: 100%;
}

.detail_linii .podmenu {
    margin-top: 40px;
    display: none;
}

.detail_linii .podmenu.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_linii .harak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.detail_linii .harak.head{
    font-size: 24px;
    font-weight: 600;
}

.detail_linii .harak:nth-child(2n) {
    margin-right: 0
}

.detail_linii .harak.head .big-text{
    font-size: 24px;
    font-weight: 600;
}

.detail_linii .harak td:first-child {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .4em;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.detail_linii .harak td:last-child {
    /* flex-shrink: 0; */
    /* width: 40%; */
    text-align: right;
}

.detail_linii .harak td:first-child:after {
    content: '';
    border-bottom: 1px dashed var(--border-shadow);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    margin-left: .4em;
    /* min-width: 20%; */
}

.detail_linii .harak.head .big-text::after {
    content: '';
    border-bottom: none;
}

.detail_linii .text-desc {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    gap: 2em;
}

.detail_linii .text-desc .avoid {
    break-inside: avoid;
}


.detail_linii .text-desc p {
    margin-bottom: 8px
}

.detail_linii .text-desc b {
    margin-bottom: 8px;
    display: block;
}

.detail_linii h2,
.detail_linii h3,
.detail_linii h4,
.detail_linii iframe {
    margin-bottom: 20px
}

.detail_linii iframe {
    width: 100%;
    height: 400px;
    border-radius: 30px
}

.detail_linii .podmenu.material {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.detail_linii .podmenu.review .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.detail_linii .podmenu.review .rev-left {
    width: 40%
}

.detail_linii .podmenu.review .no-rating {
    opacity: .3;
    margin-top: 12px;
    margin-bottom: 23px
}

.detail_linii .line .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.detail_linii .default-section-padding {
    padding: 0
}

.detail_linii .line a {
    text-decoration: none
}

.detail_linii .line .up {
    display: block
}


.detail_linii .wrapper-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.detail_linii .wrapper-column .column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.twentytwenty-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.before-after {
    height: 1080px!important
}

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

.business .podblock .mini-header {
    margin-bottom: 9px
}

.business .left {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.business .left p {
    width: 60%
}

.business .right {
    width: 49.5%
}

.business .right .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--border-shadow);
    padding-top: 20px;
    padding-bottom: 72px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: flex;
}

.business .right .block:last-child {
    padding-bottom: 0
}

.business .right .podblock {
    width: 80%
}

.offer {
    margin: 0 auto 60px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.offer .id_erps_block {
    font-size: 14px;
    padding: 12px;
    position: absolute;
    top: 3%;
    right: 3%;
    cursor: copy;
    display: flex;
    align-items: center;
    gap: 12px;
}


.offer .id_erps_block2 {
    top: 8%;
}

.offer .copied {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid var(--border-shadow);
    padding: 4px;
    border-radius: 6px;
    transition: 325ms ease-in-out all;

    &.active {
        left: 200px;
    }
}

.offer .left {
    width: 45%
}

.offer .right {
    width: 50%;
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
}

.offer .window {
    overflow: hidden;
    height: 590px;
    margin-bottom: 20px;
    position: relative;
    background: #f2f7fc;
    border-radius: 16px
}

.offer .row {
    height: 100px
}

.offer .slick-list,
.offer .slick-track,
.offer .solo-img {
    height: 100%
}

.offer .solo-img {
    cursor: pointer
}

.offer .img {
    margin: 0 .3em;
    cursor: pointer;
}

.offer .img picture {
    height: 100%;
    opacity: .7;
}

.offer .solo-img picture {
    height: 100%;
}

.offer .img.active picture{
    opacity: 1
}

.offer .solo-img {
    position: relative;
}

.offer .solo-img .play-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: none;
}

.offer .solo-img .play-youtube:hover {
    opacity: .8;
}

.offer figure video {
    height: 100%;
    object-fit: cover;
}

.offer img {
    background: var(--light);
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 16px
}

.offer .img {
    position: relative;
}

.offer .img .over_img {
    position: absolute;
    top: 6px;
    right: 6px;
    background-color: white;
    border-radius: 4px;
    padding: 2px 10px;
    border: 1px solid var(--blue);
}

.offer .slick-current.img {
    opacity: 1;
}

.offer .img:hover {
    opacity: 1
}

.offer .left .arrows {
    position: absolute;
    bottom: 3%;
    right: 3%
}

.offer .icons {
    position: absolute;
    top: 3%;
    left: 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.offer .icons .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--white);
    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;
    overflow: hidden;
    position: relative;
}
@property --progress {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: false;
}

@property --erase {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: false;
}

.offer .icons .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  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;
  overflow: hidden;
}

/* СЛОЙ 1: Цветная линия */
.offer .icons .icon.play-youtube-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #1F2650;
  /* Абсолютно жесткие стыки пикселей (0), исключающие изменение толщины */
  -webkit-mask: conic-gradient(transparent var(--erase), #fff 0, #fff var(--progress), transparent 0);
  mask: conic-gradient(transparent var(--erase), #fff 0, #fff var(--progress), transparent 0);
  animation: fill-and-erase 6s linear infinite;
}

/* СЛОЙ 2: Белая сердцевина (задано ровно 2px со всех сторон) */
.offer .icons .icon.play-youtube-btn::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: var(--white);
  border-radius: 50%;
  z-index: 1;
}

/* Иконка внутри */
.offer .icons .icon.play-youtube-btn svg {
  position: relative;
  z-index: 2;
  animation: run-and-stay 3s ease-out infinite;
}

/* АНИМАЦИЯ 1: Математически непрерывное заполнение и стирание */
@keyframes fill-and-erase {
  0% {
    --progress: 0%;
    --erase: 0%;
  }
  50% {
    --progress: 100%; /* Ровно в середине цикла линия полностью заполнена */
    --erase: 0%;      /* В этот же миг начинается стирание */
  }
  100% {
    --progress: 100%;
    --erase: 100%;    /* В конце цикла линия полностью стерлась и круг сразу начнется заново */
  }
}

/* АНИМАЦИЯ 2: Увеличение иконки синхронно со стиранием линии */
@keyframes run-and-stay {
  0%, 50% {
    scale: 1;         /* Обычный размер, пока линия движется вперед */
  }
  85% {
    scale: 1.25;      /* Пик увеличения во время исчезновения линии */
  }
  100% {
    scale: 1;         /* Мягкий возврат в исходный размер к началу нового круга */
  }
}

.offer .icons .icon:first-child {
    margin-bottom: 12px
}

.offer .big-text.first {
    opacity: .5;
    margin-bottom: 8px
}

.offer h1 {
    margin-bottom: 25px
}

.offer .star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
}

.offer .star .stock {
    margin-right: 32px
}

.offer .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end
}

.offer .no-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .3
}

.offer .no-rating .normal-text {
    margin-left: 12px
}

.offer .in-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.offer .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
    position: relative;
}

.offer .views {
    position: absolute;
    top: -50%;
    left: 0;
    font-size: 14px;
    color: var(--blue);
    opacity: 0.5;
}

.offer .download {
    margin-top: 0
}

.offer .download .file-link {
    margin-right: 0
}

.offer .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.offer .heart {
    border: 1px solid var(--blue);
}

.offer .heart.active {
    background: var(--blue)
}

.offer .srav-icon.active svg {
    display: none;
    margin-left: 6%
}

.offer .btn,
.offer .inv-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.offer .heart.favorites.active svg .second {
    fill: var(--white);
    stroke: var(--white)
}

.options .inv-btn {
    padding: 11px 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: 1px solid var(--white);
    margin-right: 12px;
}

.options .inv-btn:hover {
    border: 1px solid var(--blue);
    background: var(--white);
    color: var(--blue)
}

.options .inv-btn.active {
    background: var(--blue);
    color: #fff;
    border: 1px solid var(--white)
}

.heart svg {
    width: 24px;
    height: 21px
}

.offer .btns .btn,
.offer .btns .heart.favorites,
.offer .btns .inv-btn {
    margin-right: 12px
}

.option-text {
    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;
    height: 48px;
}

.offer .discount {
    margin-left: 32px
}

.offer .price .podprice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-header {
    display: none
}

.cart {
    margin: 60px auto 120px auto
}

.cart .img {
    width: 200px;
    height: 200px;
    margin-right: 40px
}

.cart img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cart .wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart .block {
    border: 1px solid var(--border-shadow);
    border-radius: 30px;
    padding: 32px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart .podblock .podname .normal-text {
    opacity: .5;
    margin-top: 12px;
    text-align: right;
    text-decoration: line-through
}

.cart .numbers svg {
    width: 12px;
    height: 12px
}

.cart .minus,
.cart .plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 13px;
    cursor: pointer
}

.cart .podblock {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart .numbers {
    border: 1px solid var(--border-shadow);
    border-radius: 8px;
    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: 102px
}

.cart .podname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.cart svg {
    margin-right: 16px;
}

.cart svg:last-child {
    margin-right: 0
}

.current-count {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart .podblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cart .left {
    width: 68%;
    margin-right: 1em
}

.cart .options svg {
    width: 24px;
    height: 24px
}

.options .block {
    height: 212px;
    background-color: var(--light);
    padding: 1em;
    margin: 0 .5em;
    border-radius: 16px
}

.options .big-text:first-child {
    min-height: 80px
}

.options .option-price {
    margin-bottom: 16px
}

.options .down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}
.options .pusk {
    margin-bottom: 1em;
}

.options svg {
    fill: var(--white)
}

.options .heart {
    background: var(--blue)
}

.shadow {
    opacity: .5
}

.shadow3 {
    opacity: .3
}

.cart .right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: sticky;
    top: 15%
}

.cart .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid var(--border-shadow);
    border-radius: 30px 30px 0 0;
    padding: 32px
}

.cart .up .big-text {
    margin-bottom: 16px
}

.cart .down-right {
    border: 1px solid var(--border-shadow);
    border-top: none;
    border-radius: 0 0 30px 30px;
    padding: 40px 32px 32px 32px
}

.cart .down-right .big-text {
    margin-bottom: 20px
}

.cart .down-right .deliver {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px
}

.cart .down-right .j-block {
    padding: 20px;
    border: 1px solid var(--border-shadow);
    opacity: .5;
    border-radius: 12px;
    width: 100%;
    margin-right: 1em;
    cursor: pointer;
}

.cart .down-right .j-block.active {
    opacity: 1;
    border: 1px solid var(--blue)
}

.cart .down-right .j-block p:first-child {
    margin-bottom: 32px
}

.cart .down-right .j-block:last-child {
    margin-right: 0
}

.cart .down-right .btn {
    width: 100%
}

.cart .option-text {
    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: 24px
}

.option-text {
    position: relative
}

.cart .options .block {
    border: none
}

.cart .arrows {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.empty .h2 {
    margin-bottom: 32px
}

.empty .big-text {
    margin-bottom: 40px
}

.empty .text {
    width: 50%;
    margin-top: 290px;
    margin-bottom: 260px;
    margin-right: 10%
}

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

.empty .img {
    width: 35%;
    height: 80%
}

.empty img {
    width: 100%;
    object-fit: contain;
}

#planSearch {
    display: none
}

.popUpGallery {
    position: fixed;
    top: 0;
    background: var(--blue-overlay);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none
}

.popUpGallery figure {
    background: var(--light);
    width: 983px;
    height: 724px;
    padding: 2.5%;
    z-index: 999;
    position: relative;
}

#popUpVideoYou figure {
    padding: 0;
    width: 55.6%;
    height: 62%
}

.popUpGallery .pod-text {
    background: var(--white);
    padding: 32px;
    border-radius: 16px
}

.popUpGallery .pod-text .mini-header {
    margin-bottom: 16px
}

.popUpGallery .wrapper__video {
    position: relative
}

.popUpGallery .wrapper__video .play__svg {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: var(--white);
    border-radius: 50%;
    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
}

.popUpGallery .option__wrapper {
    width: 1166px;
    display: none;
}

.popUpGallery .option__wrapper.active {
    display: block
}

.popUpGallery .wrapper__video img,
.popUpGallery video {
    width: 100%;
    height: 655px;
    margin-bottom: 16px;
    -o-object-fit: cover;
       object-fit: cover
}

.popUpGallery .wrapper__video img {
    object-fit: contain;
    background-color: white;
}

#popUpVideoYou .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#popUpVideoYou .under {
    margin-top: 15px;
    width: 55.6%;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 500px;
    padding: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#popUpVideoYou .under .mini-header {
    margin-left: 3%
}

.popUpGallery iframe,
.popUpGallery img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#popUpVideoYou iframe {
    display: none;
}

#popUpVideoYou iframe.active {
    display: block;
}


#popUpVideoYou .player .block {
    background-color: var(--white);
    border: 1px solid var(--border-shadow);
    position: relative;
}

#popUpVideoYou .player .block:hover {
    background-color: var(--border-shadow);
    border: none;
}

#popUpVideoYou .player .block:disabled {
    background-color: var(--border-shadow);
}

#popUpVideoYou .player .block .over_error {
    position: absolute;
    bottom:10%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

footer .rutube .st0{fill:#100943;}
footer .rutube .st1{clip-path:url(#SVGID_00000090253030809712834720000018299868052183322501_);fill:white;}
footer .rutube .st2{fill:#FFFFFF;}

footer .dzen .cls-1{fill:#1f2650;}
footer .dzen .cls-2{fill:#fff;}

footer .dzen:hover .cls-1 {
    fill: black;
}

footer .rutube:hover .st2 {
    fill:#ED143B;
}

footer .vkvideo .st0{
    fill:#0077FF;
}
footer .vkvideo .st1{
    fill:#1F2650;
}
footer .vkvideo .st2{
    fill:#FFFFFF;
}

footer .vkvideo:hover .st1{
    fill: #FF2B42;
}

.player .block.youtube svg path{
    fill: #c4302b;
}

.player .block.youtube svg {
    width: 100%;
}

.player .block.rutube svg {
    width: 80%;
}

.player .block.vkvideo svg {
    width: 56%;
}

#popUpVideoYou .over {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    width: 55.6%;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 500px;
    padding: 12px;
    justify-content: center;
}

#popUpVideoYou .player {
    overflow: hidden;
    position: relative;
}

#popUpVideoYou .player .svg-icon {
    width: 200px;
    height: 200px;
}

#popUpVideoYou .player .block {
    transition: 0.2s ease-in-out;
}


#popUpVideoYou .player {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

#popUpVideoYou .under {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

#popUpVideoYou .under .btn {
    width: 100%;
    text-align: center;
}

#popUpVideoYou .under .btn.youtubes {
    background-color:#c4302b;
    color: var(--white);

}

#popUpVideoYou .arrows {
    display: none;
}

#popUpVideoYou .under .btn.rutubes {
    background-color: #100943;
}

#popUpVideoYou .under .btn.vkvideos {
    background-color: #0077FF;
}

#popUpVideoYou .under .btn:hover {
    background-color: inherit;
    color: inherit;
    text-decoration: underline;
}

.model .wrap-close-svg,
.popUpGallery .wrap-close-svg {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 60px;
    height: 60px;
    background: var(--white);
    border-radius: 50%;
    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;
    z-index: 9999
}

.model .wrap-close-svg,
.popUpGallery .close-svg {
    opacity: .5
}

.popUpGallery .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    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;
    top: 0;
}

.popUpGallery .arrows {
    position: absolute;
    margin: 0 auto;
    top: 45%;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popUpGallery .slick-next {
    margin-right: 15%;
}

.popUpGallery .slick-prev {
    margin-left: 15%;
}

.model {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
    background: var(--light)
}

.model .help-text {
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 999
}

.model .help-text .big-text {
    margin-bottom: 15px
}

.model canvas {
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: contain;
    object-fit: contain
}

.model .marm {
    position: relative;
    width: 100%;
    height: 100%
}

.options .preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: var(--light)
}

.offer .row {
    opacity: 0;
}

.offer .row.slick-initialized {
    opacity: 1
}

.options {
    opacity: 0;
    visibility: hidden;
    min-height: 173px;
}

.options.slick-initialized {
    opacity: 1;
    visibility: visible
}

#slickManager {
    opacity: 0;
    visibility: hidden;
}

#slickManager.slick-initialized {
    opacity: 1;
    visibility: visible
}

.offer .slick-wrapper {
    opacity: 0
}

.vihrrel {
    position: relative;
    cursor: pointer
}

.vihr:after {
    content: '';
    background-image: url(../new_landing/svg/vihr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 15px;
    position: absolute;
    top: 5%;
    left: 5%
}

#offer_video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 16px
}

.offer .video__render {
    width: 100%;
    height: 100%
}

.offer .slick-wrapper.slick-initialized {
    opacity: 1
}

.color {
    background: #f2f7fc
}

.offer .podprice {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.offer .podprice .h3 {
    margin-right: 32px
}

.offer .podprice .mini-header {
    text-decoration: line-through;
    opacity: .5
}

.review__popup .qwiz {
    background: var(--white)
}

.review__popup .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.no-rating svg {
    margin-right: 4px
}

.rating svg {
    margin-right: 4px
}

.rating .big-text,
.rating .normal-text {
    margin-left: 12px
}

.rating svg .second {
    stroke: var(--blue)
}

.no-rating svg .second {
    fill: var(--white)
}

.no-rating svg.active .second,
.no-rating svg.set_active .second {
    fill: var(--blue);
    stroke: var(--blue)
}

.linlin {
    position: relative;

    & #modelOpenBtn {
        position: absolute;
        left: 0;
        top: 30%;
    }
}

.detail_linii .main-img {
    
    & button {
        position: absolute;
        top: 50%;
        cursor: pointer;
        border: 1px solid var(--blue);

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



    & .slick-prev {
        left: 0;
    }

    & .slick-next {
        right: 0;
    }

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

    & .slick-list {
        width: 90%;
        margin: 0 auto;
        height: 100%;
    }

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

.detail_linii .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.detail_linii .rev-left .big-text:first-child {
    margin-bottom: 8px
}

.detail_linii .rev-wrapper .block {
    margin-left: .5em;
    margin-right: .5em;
    background: var(--light);
    padding: 32px;
    border-radius: 20px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.detail_linii .rev-wrapper .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail_linii .rev-wrapper .block .letter {
    width: 60px;
    height: 60px;
    background: var(--white);
    border-radius: 50%;
    color: rgba(31, 38, 80, .15);
    font-size: 30px;
    letter-spacing: -1.2px;
    font-family: Medium, sans-serif;
    font-weight: 500px;
    margin-right: 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
}

.detail_linii .rev-wrapper .date {
    margin-left: auto
}

.detail_linii .rev-right {
    width: 80%
}

.detail_linii .rev-right .arrows {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 15px
}

.detail_linii .rev-right .name .big-text {
    margin-bottom: 8px
}

.detail_linii .review-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.detail_linii .review-wrapper .inv-btn {
    padding: 21px 36px
}

.detail_linii .podmenu.certs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.detail_linii .podmenu.certs .line-cert {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-shadow);
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.detail_linii .podmenu.certs .line-cert p:first-child {
    width: 50%
}

.detail_linii .podmenu.certs .line-cert img {
    display: none
}

.detail_linii .podmenu.certs .line-cert:hover .cart__line {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.detail_linii .podmenu.certs .line-cert .cart__line {
    position: relative;
    right: 0;
    bottom: 0
}

.detail_linii .podmenu.certs .line-cert:first-child {
    margin-top: 0;
    padding: 0 0 30px 0
}

.fly {
    position: fixed;
    top: 15%;
    right: 5%;
    background: var(--blue);
    padding: 20px;
    border-radius: 12px;
    display: none;
    z-index: 9999;
    
}

.fly p {
text-decoration: underline;
}

.fly .big-text {
    color: var(--white);
}

.fly .big-text:before {
    content: url(../new_landing/icons/oks.svg);
    margin-right: 12px
}

.fix {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9;
    background: var(--white);
    border-top: 1px solid var(--border-shadow);
    display: none
}

.fix .container {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fix .left {
    width: 50%
}

.fix .right {
    width: 50%
}

.fix .left .mini-header {
    margin-bottom: 8px
}

.fix .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fix .right .mini-header {
    margin-right: 40px
}

.fix .right .inv-btn {
    margin-right: 12px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 40%
}

.slick-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--blue);
    color: transparent;
    margin-right: 4px;
    opacity: 15%
}

.slick-dots .slick-active button {
    opacity: 1;
}

.srav-harak {
    margin: 0 auto 60px auto
}

.srav-harak h3 {
    margin-bottom: 40px
}

.srav-harak .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 105px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-shadow);
}

.srav-harak .row.light {
    background: var(--light);
}

.srav-harak .row .normal-text {
    margin-bottom: 16px
}

.srav-tags {
    margin-bottom: 120px
}

.srav-tags .wrapper {
    margin-top: 32px;
    gap: 1em
}

.srav-tags .slick-track .slick-slide {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.srav-tags h3 {
    margin-bottom: 40px
}

.srav-tags .tag {
    background: var(--light);
    border-radius: 500px;
    padding: 8px 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;
}

.srav-tags .tag:hover {
    color: var(--light-op)
}

.srav-tags .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.srav-tags .slick-track .slick-slide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}


.srav-category {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

.srav-category .wrap-srav-btn {
    background: var(--light);
    padding: 12px 24px;
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.srav-category .wrap-srav-btn:hover {
    background: var(--blue);
    color: var(--white)
}

.srav-category .wrap-srav-btn:hover .cancel {
    background-image: url(../new_landing/icons/cancel-white.svg)
}

.srav-category .wrap-srav-btn.active {
    background: var(--blue);
    color: var(--white)
}

.srav-category .wrap-srav-btn.active .cancel {
    background-image: url(../new_landing/icons/cancel-white.svg)
}

.srav-category .cancel {
    background-image: url(../new_landing/icons/cancel.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    margin-top: 2px;
    display: inline-block
}

.company-video .bread-c {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px
}

.company-video .bread-c .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.company-video .big-text,
.company-video .normal-text {
    color: #fff
}

.company-video .bread-c h1 {
    color: var(--white);
    margin-top: 60px
}

.company-video .bread-c .normal-text:first-child:after {
    content: '/';
    margin-left: 8px
}

.company-video .bread-c .normal-text:last-child {
    margin-left: 8px
}

.company-video .play-youtube {
    width: 93px;
    height: 93px;
    border: 1px solid var(--white);
    border-radius: 500px;
    padding: 12px;
    margin-right: 5%;
    -webkit-animation-name: spoosh;
    animation-name: spoosh;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    top: auto;
    left: auto;
    position: static;
}

.company-video .text {
    position: absolute;
    left: 50%;
    top: 58%;
    color: var(--white);
    width: 35%
}

.company-video .text .big-text:first-child {
    width: 50%
}

.company-video .down-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 80px;
}

@-webkit-keyframes spoosh {
    0% {
        padding: 12px
    }
    25% {
        padding: 13px
    }
    50% {
        padding: 14px
    }
    100% {
        padding: 15px
    }
}

@keyframes spoosh {
    0% {
        padding: 12px
    }
    25% {
        padding: 13px
    }
    50% {
        padding: 14px
    }
    100% {
        padding: 15px
    }
}

.wrapper-close {
    background: 0 0;
    width: 100%;
    height: 100%;
    position: relative
}



.bottom .help_popup {
    right: auto;
    top: -40%
}

.bottom .searchSvg:hover .searchWrapper {
    opacity: 1
}

.city_link.current {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.city_link.current:before {
    content: '';
    background-image: url(../new_landing/icons/circle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--blue);
    margin-right: 8px
}

#menuCity .stycky, 
#menuCityQuest .stycky{
    padding: 60px 40px 60px 40px
}

.help a {
    text-decoration: underline
}

.time_work {
    margin-left: 36px
}

.time_work:hover {
    opacity: 1
}

.wrapper__social a:hover path[data-color=youtube] {
    fill: #c4302b
}

.wrapper__social a:hover path[data-color=odno] {
    fill: #d8741c
}

.wrapper__social a:hover path[data-color=vk] {
    fill: #4c75a3
}

#searchCityLabel::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    background-image: url(../new_landing/icons/search.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px
}

#searchCity {
    text-indent: 24px;
    border-radius: 30px
}

.equip_linii {
    margin: 0
}

.twenty .bar .year {
    left: -.5%
}

.twenty .bar .year.last {
    left: -121px
}

.twenty .bar .block:last-child {
    width: 0
}

.history.dealer .bar .block:last-child {
    width: 10px
}

.history.dealer .bar .year.last {
    left: -100px
}

.detail_news video {
    width: 100%;
    height: 100%
}

.detail_news .right div {
    margin-bottom: 32px
}

.detail_news .right .line div {
    margin-bottom: 0;
}

.detail_news .right .line {
    margin-top: 2em;
    margin-bottom: 2em;
}

.detail_news .right div p {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: -.6px;
    line-height: 120%
}

.detail_news .right div p:last-child {
    margin-bottom: 0
}

.detail_news .line .container {
    width: 100%!important
}

.detail_news h2 {
    font-size: 44px;
    letter-spacing: -3.08px;
    line-height: 100%;
    margin-bottom: 20px
}

.detail_news .default-section-padding {
    padding: 0!important
}

.detail_news iframe {
    width: 100%;
    height: 50vh;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 30px
}

.detail_news img {
    border-radius: 30px;
    margin-bottom: 12px
}

.detail_news video {
    height: 50vh;
    border-radius: 30px
}

.detail_news .video {
    height: auto
}

.detail_news figcaption {
    opacity: .5
}

.detail_news p.sl-text {
    font-size: 13px!important;
    line-height: 120%!important;
    letter-spacing: -.13px!important
}

.detail_news p.s-text {
    font-size: 14px!important;
    line-height: 120%!important;
    letter-spacing: -.28px!important;
    margin-bottom: 0!important;
    margin-left: 0!important
}

.detail_news p.normal-text {
    font-size: 16px!important;
    line-height: 120%!important;
    letter-spacing: -.32px!important
}

.detail_news p.small-text {
    font-size: 16px!important;
    line-height: 120%!important;
    letter-spacing: -.32px!important
}

.detail_news p.big-text {
    font-size: 20px!important;
    letter-spacing: -.6px!important;
    line-height: 120%!important
}

.detail_news p.mini-header {
    font-size: 24px!important;
    line-height: 110%!important;
    letter-spacing: -.96px!important
}

.detail_news .down a {
    text-decoration: none
}

.detail_news .heart.busket p {
    font-size: 0!important
}

.detail_news .heart.busket:hover p {
    font-size: 14px!important;
    margin-left: 8px!important
}

.detail_news .heart svg {
    margin-left: 0!important
}

.detail_news .right a {
    color: #00f
}

.detail_news .right ul a {
    color: var(--blue)
}

.detail_news .right .line_text a {
    color: var(--blue)
}

blockquote {
    width: 100%;
    background: var(--light);
    padding: 30px 30px 30px 40px;
    border-radius: 15px;
    position: relative;
    font-size: 20px!important;
    letter-spacing: -.6px!important;
    line-height: 120%!important;
    margin-bottom: 20px
}

blockquote p:first-child {
    margin-bottom: 20px
}

blockquote p:last-child {
    text-align: right;
    font-size: 16px!important;
    line-height: 120%!important;
    letter-spacing: -.32px!important
}

blockquote p:first-child:before {
    content: '';
    border-left: 5px solid var(--white);
    position: absolute;
    top: 5%;
    left: 10px;
    height: 90%;
    width: 5px;
    display: inline-block;
    border-radius: 30px
}

.line_text {
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%
}

#menuQuest .mobile,
#questDemos .mobile {
    display: none
}

.catalog__popup .block {
    overflow: auto;
}

.catalog__popup .block::-webkit-scrollbar {
    display: none
}

.city__popup::-webkit-scrollbar {
    display: none
}

#slickQwizQuest {
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    opacity: 0;
}

#slickQwizQuest.slick-initialized {
    visibility: visible;
    opacity: 1
}

#slick-linii {
    visibility: hidden;
    transition: 2s ease-in-out;
    opacity: 0;
}

#slick-linii.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.slick-slider {
    display: none;
    visibility: hidden;
    transition: 0.2s ease-in-out;
}

.slick-slider.slick-initialized {
    display: block;
    visibility: visible;
    opacity: 1;
}

#gallery.slick-wrapper {
    display: none;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

#gallery.slick-wrapper.slick-initialized {
    display: block;
    visibility: visible;
    opacity: 1
}

.historyPod.slick-slide {
    display: block;
    visibility: visible;
    opacity: 1
}

.historyPod {
    display: none;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

#slick_history.slick-wrapper {
    display: none;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

#slick_history.slick-wrapper.slick-initialized {
    display: block;
    visibility: visible;
    opacity: 1
}

#slick_history_text.slick-wrapper {
    display: none;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

#slick_history_text.slick-wrapper.slick-initialized {
    display: block;
    visibility: visible;
    opacity: 1
}

.tags::-webkit-scrollbar {
    display: none
}

.bread_dealer {
    margin-top: 40px
}

.bread_dealer .text {
    margin-bottom: 8px;
    color: var(--blue);
    opacity: 1
}

.bread_dealer ul li {
    list-style: disc inside
}

.bread_dealer a {
    text-decoration: underline
}

ul li {
    list-style: disc inside;
    margin-bottom: 8px
}

ol li {
    list-style: disc inside;
    margin-bottom: 8px
}

.slick-dots li {
    list-style-type: none
}

label.inactive {
    opacity: .5;
    cursor: not-allowed
}

#extra .mini-header {
    text-align: center;
    margin-top: 40px;
    min-height: 300px;
}

.detail_linii .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--white);
    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;
    border: 1px solid var(--blue);
    position: absolute;
    top: 40px
}

.dopline {
    margin: 60px auto 0 auto
}

.detail_linii .dopline.btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0
}

.politic .ya-share2__badge {
    background-color: var(--blue)!important;
    border-radius: 4px!important
}

.politic .ya-share2__icon {
    width: 24px!important;
    height: 24px!important
}

.politic .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
    margin-right: 0!important
}

.ya-share2 {
    margin-left: 25px
}

.offer .ya-share2 {
    margin-left: 0
}

.share_ya {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.share_ya.dekstop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share_ya.mobile {
    display: none
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: url(../new_landing/icons/share__link__blue.svg)!important
}

.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: 0 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__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) .ya-share2__item,
.ya-share2__container_size_m.ya-share2__container_as-popup .ya-share2__item {
    padding: 24px!important;
    border-bottom: 1px solid var(--border-shadow)
}

.ya-share2__list {
    padding: 0!important
}

.ya-share2__container_size_m .ya-share2__badge+.ya-share2__title {
    margin-left: 12px!important
}

.ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) {
    border-radius: 16px!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    border: 1px solid var(--border-shadow)
}

.ya-share2__item_copy .ya-share2__icon {
    background-image: url(../new_landing/icons/share_link.svg)!important
}

.share__btn.dekstop {
    display: block;
    width: 24px;
    height: 24px
}

.share__btn.mobile {
    display: none
}

.politic .ya-share2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px
}

.ya-share2__item:last-child {
    border-bottom: none!important
}

.info {
    position: relative
}

.info .author {
    position: absolute;
    top: 30px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--border-shadow);
    width: 360px;
    z-index: 10;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.info .author .block {
    margin-bottom: 12px;
}

.info .author .block:last-child {
    margin-bottom: 0
}

.info .author .block p:first-child {
    margin-bottom: 4px;
    opacity: .5
}

.info .author-text {
    opacity: 1;
    cursor: pointer
}

.info .author-text:hover~.author {
    opacity: 1;
    visibility: visible
}

.politic__popup ul li {
    margin-bottom: 24px
}

.politic__popup ul ul {
    margin-top: 20px;
    margin-left: 18px
}

.politic__popup ul ul li a {
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px
}

.politic__popup ul li {
    list-style-type: none
}

.politic__popup ul li a {
    font-size: 20px;
    letter-spacing: -.6px;
    line-height: 120%;
    text-decoration: none;
    font-family: Medium, sans-serif;
    font-weight: 500
}

.politic__popup .border {
    border: 1px solid var(--border-shadow);
    padding: 40px 32px 40px 32px;
    border-radius: 30px
}

.politic__popup ul {
    margin-bottom: 24px;
}

.politic__popup ul:last-child {
    margin-bottom: 0;
}

.politic__popup .block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
}

.dop {
    position: relative
}

.dop__span {
    cursor: pointer;
    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;
    margin-left: 12px;
    border-radius: 50%;
    background: #fff;
    width: 24px;
    height: 24px;
    border: 1px solid var(--blue)
}

.dop__span:hover {
    background-color: var(--blue);
    color: white;
}

.dop__help {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    width: 40%;
    border: 1px solid var(--border-shadow);
    z-index: 2;
    display: none;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

.dop__button {
    width: 40px;
    height: 40px;
    background: var(--blue);
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    margin-left: auto
}

.cart .options {
    margin-bottom: 20px
}

#setCountOptions {
    margin-top: 8px
}

#cart {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none
}

.sup {
    margin-left: 19px;
    margin-bottom: 10px;
    color: rgba(31, 38, 80, .3);
    white-space: nowrap;
    display: inline;
}

.h1_wrap {
    display: flex;
}

h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.option-price {
    margin-top: auto
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.show_view {
    margin-bottom: 25px;
    display: block;
}

.decl .big-text {
    margin-bottom: 1em;
}

.decl.politic {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.conf {
    margin-top: 5em;
    margin-bottom: 5em;
    min-height: 70vh;
}

.conf h2 {
    margin-bottom: 1em;
}

.conf .btn {
    margin-bottom: 2em;
}

.conf .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 24px;
    background-color: var(--gray);
    border-bottom: 2px solid var(--white);
}

.conf a {
    text-decoration: none;
}

.conf a:hover {
    text-decoration: underline;
}

.conf .pdf {
    padding: 12px;
    background-color: #c4302b;
    border-radius: 10px;
    color: var(--white);
}

.conf .del-conf {
    padding: 12px;
    border-radius: 10px;
    background-color: var(--blue);
    color: var(--white);
    font-size: 16px;
}

.conf .del-conf:hover {
    text-decoration: underline;
}

.conf .pdf-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
}

.conf .status {
    padding: 12px;
    background-color: var(--red);
    border-radius: 10px;
    color: var(--white);
    font-size: 16px;
    text-align: center;
}

.conf .status.active {
    background-color: lightgreen;
}

.conf .head.first {
    width: 7%;
}

.conf .head.twice {
    width: 40%;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.conf .head.twice input {
    background-color: var(--white);
    width: 50px;
    padding: 8px;
    border-radius: 10px;
}

.conf .head.twice .number {
    background-color: var(--white);
    width: 50px;
    padding: 8px;
    border-radius: 10px;
    margin-left: 10px;
    border-left: 2px solid var(--blue);
}

.conf .head.twice p {
    padding: 12px 12px;
}

.conf .head.third {
    width: 20%;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.conf .head.third p {
    border-bottom: 2px solid var(--white);
    padding: 12px 12px;
}

.conf .head.third p:last-child {
    border-bottom: none;
}

.conf .head.four {
    width: 30%;
    margin-left: 12px;
}

.conf .sum {
    font-weight: 700;
    margin-top: auto;
}

.conf .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    border-bottom: 2px solid var(--white);
}

.conf .flex:last-child {
    border: none;
}

.conf .del-offer {
    margin-left: auto;
    padding: 8px;
    background-color: var(--blue);
    color: var(--white);
    border-radius: 10px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    font-size: 14px;
}

.conf .send_sort {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    z-index: 5;

    &.active {
        cursor: pointer;
        opacity: 1;
        pointer-events: all;
    }
}

.conf .del-offer:hover {
    text-decoration: underline;
}

.conf_pdf {
    margin-top: 5em;
    margin-bottom: 5em;
    border: 2px solid var(--blue);
    padding: 32px;
    border-radius: 20px;
}

.conf_pdf ul li {
    list-style-type: none;
}

.conf_pdf .man {
    margin-bottom: 20px;
    display: block;
}

.conf_pdf h2 {
    margin-bottom: 1em;
}

.conf_block .name {
    font-size: 24px;
    margin-bottom: 1em;
    display: block;
}

.conf_block input {
    margin-bottom: 1.5em;
    padding: 12px 24px;
    width: 100%;
}

.conf_block .form-text .help img {
    width: 100%;
}

.conf_block .form-text img {
    width: 200px;
    aspect-ratio: 1;
    margin-bottom: 1.5em;
    display: block;
}

.conf_block .form-text .imgs {
    display: flex;
    flex-direction: row;
    gap: 1em;
    flex-wrap: wrap;

    & .form-radio-hidden {
        width: max-content;
    }
}

.conf_block  .form-text {
    position: relative;
}

.conf_block .help {
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    border: 1px solid var(--blue);
    padding: 20px;
    border-radius: 10px;
    color: var(--blue);
    opacity: 0;
    transition: 325ms ease-in-out;
    background-color: white;
    z-index: 2;
    visibility: hidden;
    text-align: left;
    max-height: 700px;
    overflow-x: scroll;

    &.active {
        opacity: 1;
        right: 400px;
        visibility: visible;
    }

    & p {
        margin-bottom: 8px;
    }
}

.conf_block .form-text.file {
    margin-bottom: 1.5em;
}

.conf_block .uploadfiles p {
    font-size: 16px;
    margin-bottom: 1em;
}

.conf_block .uploadfiles {
    width: 400px;
}

.conf_block .form-text.file .fileInput {
    color: rgba(31, 38, 80, 1);
}

.conf_block .button_help {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid var(--blue);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: var(--blue);
    opacity: 1;
    transition: 325ms ease-in-out;

    &:hover {
        background-color: var(--blue);
        color: var(--white);
    }
}

.conf_block textarea {
    margin-bottom: 2em;
    width: 100%;
}

.conf_block {
    border: 2px solid var(--blue);
    border-radius: 20px;
    padding: 32px;
    margin-bottom: 5em;
}

#show_pdf {
    font-weight: 700;
    font-size: 24px;
}

.conf_block .offer {
    border-bottom: 5px solid var(--blue);
    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%;
}

.conf_pdf .profile-photo {
    width: 200px;
    height: 250px;
}

.conf_pdf .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
}

.conf_pdf .profile-cont b {
    font-size: 16px;
    margin-bottom: 1em;
    display: block;
}

.conf_block .harak__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.conf_block .del_block,
.conf_block .del_komp,
.conf_block .del_obor,
.conf_block .add_harak,
.conf_block .add_obor,
.conf_block .add_komp {
    padding: 12px;
    background-color: var(--blue);
    color: var(--white);
    border-radius: 10px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
}

.conf_block .del_block:hover,
.conf_block .del_komp:hover,
.conf_block .del_obor:hover,
.conf_block .add_harak:hover,
.conf_block .add_obor:hover,
.conf_block .add_komp:hover {
    text-decoration: underline;
}

.conf_block .add_harak,
.conf_block .add_obor,
.conf_block .add_komp {
    margin: 2em auto;
    font-weight: 700;
}

.conf_block select {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 12px;
    width: 100%;
    padding: 20px 24px;
    margin-bottom: 1em;
    width: 90%;
}

.conf_block option {
    border: 1px solid rgba(31, 38, 80, .15);
    border-radius: 12px;
    width: 100%;
    padding: 20px 24px;
}

.conf_block .create_pdf {
    padding: 12px;
    background-color: #c4302b;
    border-radius: 10px;
    color: var(--white);
    margin: 0 auto;
    display: block;
    font-weight: 700;
}

.conf_block .create_pdf:hover {
    background-color: var(--blue);
}

.conf_block .select_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.flys_pdfs {
    position: fixed;
    top: 15%;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.suped_pdf {
    padding: 12px;
    background-color: #c4302b;
    border-radius: 0 10px 10px 0;
    color: var(--white);
    display: block;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
}

.suped_pdf:hover {
    background-color: var(--blue);
}


.conf_block .form-radio-hidden {
    width: 100%;
}

.conf_block .form-radio-hidden input+.radio+.text {
    font-size: 20px;
}

.conf_block .redio-input {
    margin-bottom: 2em; 
}

.conf_block input:invalid {
    border-color: red;
}

.table table {
    border-collapse: collapse;
    margin-bottom: 4em;
}

.table caption {
    font-size: 2em;
    font-weight: 700;
    text-align: left;
    margin-bottom: 1em;
}

.table thead {
    background-color: rgba(242, 247, 252, 1);
}

.table th {
    background-color: rgba(242, 247, 252, 1);
}

.table th,
.table td {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 30px;
    border: 1px solid var(--gray);
}

.youVideo .img {
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.youVideo .img {
    border-radius: 20px;
    position: relative;
}

.youVideo {
    overflow: hidden;
}

.youVideo .btn {
    margin-top: 2em;
}

#slickyouVideo {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

#slickyouVideo.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.youVideo .img .poster {
    height: auto;
    border-radius: 20px;
    height: 275px;
}

.youVideo .img button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.youVideo .img .play-youtube-btn {
    width: 80px;
    height: 80px;
    -webkit-filter: opacity(0.9);
            filter: opacity(0.9);
}

.youVideo .img .play-youtube-btn:hover {
    -webkit-filter: opacity(1);
            filter: opacity(1);
}

.youVideo .upper .arrows {
    margin-left: auto;
}

.youVideo .arrows button {
    background-color: var(--light);
}

.youVideo .arrows button svg {
    fill: var(--blue);
}

.youVideo {
    margin-bottom: 5em;
}

.youVideo .name {
    margin-top: 1em;
}

.youVideo .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.youVideo .img_hover {
    position: relative;
}

form .phone-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-text .sub-phone {
    border-radius: 0 12px 12px 0;
    border-left: none;
}

.form-text .sub-phone.error .sub-phone {
    border: 1px solid var(--red);
}

.select .buttons {
    position: absolute;
    top: 0;
}

.select2-dropdown img {
    width: 30px;
    height: 20px;
    margin-right: 12px;
}

.select2-dropdown li {
    list-style-type: none;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.select2-dropdown {
    width: 200px!important;
    border: none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(196, 199, 221, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(196, 199, 221, 0.2);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--light);
    color: var(--blue);
}

.select2-results__option {
    padding: 12px;
}

.select2-container .select2-selection--single {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.select2-container--default .select2-selection--single {
    border-radius: 12px 0 0 12px;
    border: 1px solid rgba(31, 38, 80, .15);
    border-right: none;
}

.select2-container--default .select2-selection--single::after {
    content: '';
    height: 80%;
    width: 1px;
    background-color: rgba(31, 38, 80, .15);
}

.select2-selection__rendered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: block;
}

.select2 {
    width: 16%!important;
}

.select2 .selection {
    height: 100%;
}

.select2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    padding-left: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto;
    left: auto;
    position: relative;
    padding-right: 20px;
}

.stycky .select2 {
    width: 35%!important;
}

.stycky .select2-selection__rendered img {
    border-radius: 0;
}

.select2-selection__arrow {
    background-image: url('../new_landing/icons/arrow-input-up-blue.svg');
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background-size: cover;
}

.select2-selection__arrow b {
    opacity: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 8px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

#cert .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.answer__popup {
    position: absolute;
    z-index: 9999;
    top: 60px;
    left: 42px;
    background-color: var(--white);
    border-radius: 20px;
    padding: 12px 24px;
    min-width: 264px;
    display: none;
}

.answer__popup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
        -ms-transform: translate(-50%,-100%);
            transform: translate(-50%,-100%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--white);
}

.answer__popup .yes {
    border-radius: 500px;
    background-color: var(--blue);
    color: var(--white);
    border: 1px solid var(--white);
    padding: 8px 40px;
}

.answer__popup .yes:hover {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--blue);
}

.answer__popup .no {
    border-radius: 500px;
    background-color: var(--white);
    color: var(--blue);
    padding: 7px 39px;
    border: 1px solid var(--blue);
    margin-left: 1em;
}

.answer__popup .no:hover {
    background-color: var(--blue);
    color: var(--white);
    border: 1px solid var(--white);
}

.answer__popup .name {
    display: block;
    margin-bottom: 1em;
}

.answer__popup .close-svg {
    position: absolute;
    cursor: pointer;
    padding: 5px;
    top: 7px;
    right: 16px;
}

 .answer__popup .close-svg svg {
    width: 100%;
    height: 100%;
}

.answer__popup .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.youVideo.youVideoSolo {
    max-height: none;
    margin-top: 3em;
    margin-bottom: 5em;
}

.youVideoSolo .wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 3em;
    grid-column-gap: 1em;
}

.video_filter .cat {
    padding: 12px 24px;
    background-color: var(--light);
    border-radius: 20px;
}

.video_filter .cat:hover {
    opacity: 0.8;
}

.video_filter .flex {
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1em;
}

.video_filter .h3 {
    margin-top: 1em;
}

.solo-certs .inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 1em;
    grid-column-gap: 1em;
}

.solo-certs .line-cert {
    background-color: var(--white);
    border-radius: 20px;
    padding: 2em;
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
}

.solo-certs .line-cert:hover .big-text {
    text-decoration: underline;
}

.solo-certs .line-cert .big-text {
    margin-bottom: 0.5em;
}

.solo-certs .line-cert img {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}

#popUpCerts figure {
    height: 100%;
    padding: 0 2.5%;
    width: auto!important;
}

#popUpCerts figure img {
    -o-object-fit: cover;
       object-fit: cover;
}

.gopa {
    margin-bottom: 1em;
}

.catlist .carusel,
.catlist .carusel-posts {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;
    opacity: 0;
    visibility: hidden;
}

.catlist .carusel.slick-initialized,
.catlist .carusel-posts.slick-initialized {
    opacity: 1;
    visibility: visible
}

.catlist .carusel .c-block {
    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;
    overflow: hidden;

}

.catlist .carusel .c-block img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    -o-object-fit: cover;
       object-fit: cover;
    border: 1px solid var(--gray);
}

.catlist .carusel .c-block span {
    text-align: center;
    max-width: 25ch;
}

.catlist .carusel-wrapper {
    position: relative;
    max-height: 155px;
    overflow: hidden;
}

.catlist .carusel-wrapper.post {
    height: auto;
    border-radius: 20px;
}

.catlist .carusel-wrapper .c-block {
    margin-left: 5px;
    margin-right: 5px;
}

.catlist .carusel-wrapper .c-block:hover span {
    text-decoration: underline;
}

.catlist .carusel .c-name {
    font-size: 14px;
}

.catlist .carusel-wrapper.post .c-block {
    position: relative;
    border-radius: 8px;
}

.catlist .carusel-wrapper.post .c-block span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 14px;
    padding: 6px;
    width: 75%;
}

.catlist .carusel-wrapper.post .c-block img {
    height: 90px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
}



.sale {
    display: inline-block;
    opacity: .5;
    text-decoration: line-through
}

.sale_block {
    display: flex;
    justify-content: space-between;
}

.options .sale_block .big-text:first-child {
    min-height: 0;
}


.pdfs{
    min-height: 100vh;
}

.pdfs a {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid var(--blue);
    padding: 8px;
    background-color: var(--light);
}

.pdfs a:hover {
    text-decoration: underline;
}

.selecties {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: -100%;
    background: var(--white);
    height: 100%;
    width: 70%;
    padding: 40px 21px;
    display: flex;
    flex-direction: column;
    transition: left ease-in-out 325ms;
    z-index: 9999;
    overflow-y: scroll
}
.mobile-menu.show {
    left: 0
}
.mobile-menu .content {
    position: relative
}
.mobile-menu .close-svg {
    position: absolute;
    top: 0;
    right: 0
}
.mobile-menu .city-btn {
    width: max-content;
    display: block;
    position: relative;
    padding-left: 24px
}
.mobile-menu .city-btn::before {
    content: '';
    background-image: url(../new_landing/icons/mark1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0
}
.mobile-menu .inner {
    margin-top: 40px
}
.mobile-menu .inner .link {
    display: block;
    padding: 10px 0
}
.mobile-menu .tel {
    display: block;
    font-size: 20px;
    font-weight: 500;
    font-family: Medium, sans-serif;
}

.mobile-menu .flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    
}
.mobile-menu .inner .link:last-child {
    margin-bottom: 0
}
.mobile-menu .logo {
    margin-bottom: 40px;
    width: 86px;
    height: 63px;
    display: block
}
.mobile-menu .logo img {
    width: 100%;
    height: 100%
}
.mobile-menu.show {
    left: 0
}

.summ_offers {
    background-color: rgba(242, 247, 252, 1);
    width: 100%;
    height: 120px;
    border-radius: 20px;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.summ_offers .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.summ_offers .column .title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0.5em;
    font-family: Medium, sans-serif;
}

.summ_offers .column .price {
    color: white;
    background-color: rgba(237, 27, 47, 1);
    border-radius: 20px;
    font-size: 20px;
    line-height: 20px;
    width: 90%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.summ_offers .products {
    display: flex;
    align-items: center;
    height: 80%;
    flex-grow: 1;
    gap: 10px;
}

.summ_offers .product {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;

}

.summ_offers .product.product1 {
    justify-content: center;
    width: 100%;
}

.summ_offers .product2 {
    flex-direction: row-reverse;

    &::after {
        content: '+';
        font-size: 60px;
        line-height: 60px;
        font-weight: 500;
        font-family: Medium, sans-serif;
    }
}

.summ_offers .product .name {
    font-weight: 500;
    font-family: Medium, sans-serif;
    text-align: center;
}

/* .summ_offers .product .name.product1 {
    font-weight: 700;
} */

.summ_offers .product img {
    object-fit: contain;
    width: fit-content;
    height: 100%;
    max-width: 100px;
}

.htmx-indicator {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
}

.htmx-indicator .spinner {
    width: 100%;
    height: 100%;
}

.htmx-indicator .spinner {
    opacity: 1!important;
    margin-right: 0!important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}

.personal h2 {
    margin-bottom: 1em;
}

.personal .inner {
    display: grid;
    grid-template-columns: 30% 60%;
    grid-column-gap: 1em;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-shadow);
}

.personal .inner:last-of-type {
    border-bottom: none;
}

.personal .side h3 {
    margin-bottom: 30px;
}

.personal .side p {
    font-size: 20px;
    margin-bottom: 1em;
}

.duffy {
    margin: 0 auto;
    padding-top: 4em;
    padding-bottom: 4em;
    text-align: center;
}

.fix-srav {
    visibility: hidden;
    opacity: 0;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
    background-color: white;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5px;
    border-bottom: 1px solid var(--blue);
    transition: 0.3s;
}

.fix-srav.active {
    visibility: visible;
    opacity: 1;
    display: block;
}

.fix-srav p {
    margin-bottom: 1em;
    font-weight: 600;
}

.fix-srav p:last-child {
    margin-bottom: 0;
    font-weight: 400;
}

.ecomm {
    min-height: 70vh;
}

.ecomm button {
    margin-top: 50px;
}

#ecomm_download {
    margin-bottom: 30px;
}

#ecomm_download.active {
    opacity: 0.5;
    cursor: pointer;
}

.ecomm hr {
    height: 1px;
    background-color: var(--blue);
}

.ecomm h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.ecomm-block {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.help_flex {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap:12px;
    position: relative;
}

.help_flex .radio {
    flex-shrink: 0;
}

/* .form-radio-hidden input {
    position: absolute;
    height: 24px;
    width: 24px;
    z-index: 2;
    cursor: pointer;
} */

.error_agree {
    position: absolute;
    top: -75%;
    font-size: 14px;
}

.help_flex .radio {
    width: 36px;
    height: 36px;
    margin-right: 0;
    border: 1px solid rgba(31, 38, 80, .60);
}

.help_flex input:checked+.radio::before {
    width: 24px;
    height: 24px;
}

.help {
    opacity: 0.5;
    text-align: left;
    font-size: 9px;
    line-height: 120%;
}

label.error .radio {
    border: 1px solid var(--red);
}

.service_form {
    background-color: var(--light);
}

.service_form .left {
    width: 40%;
}

.service_form .right_stan {
    width: 55%;
}

.service_form .qwiz .right {
    width: 100%;
}

.service_form .mini {
    margin-bottom: 2em;
}

.service_form .left .big-text {
    margin-bottom: 0.5em;
}

.dealer-qwiz .left {
    gap: 20px;
    justify-content: flex-start;
}

.dealer-qwiz .left .mini {
    display: flex;
    flex-direction: column;
    gap: 6px;

    & .big-text {
        line-height: 100%;
    }

    &:last-child a {
        transform: translateY(-3px);
    }
}

.dealer-qwiz .left .mini a {
    line-height: 120%;
    width: fit-content;
    transition: opacity 0.3s;

    &:hover {
        opacity: 0.8;
    }


}

.sales {
    margin-top: 48px;
    margin-bottom: 120px;
}

.sales .wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sales .block {
    background-color: white;
    border-radius: 20px;
    padding: 12px;
    border: 1px solid rgba(31, 38, 80, .15);
    display: flex;
    flex-direction: row;
}

.sales .block .sale_img {
    width: 260px;
    margin-right: 20px;
    border-radius: 20px;
    height: 260px;
    aspect-ratio: 1/1;
    object-fit: cover;
    
}

.sales .block .content {
    flex-grow: 1;
}

.sales .products {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    text-align: left;

    & .product:nth-child(n+6) {
        display:none;
    }

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

.sales .product .product_img {
    height: 150px;
    border-radius: 20px;
    object-fit: contain;
    padding: 10px;
    margin-bottom: 6px;

}

.sales .name {
    font-family: Medium, sans-serif;
    font-weight: 500;
    margin-bottom: 6px;
}

.sales .date {
    opacity: 0.5;
    font-size: 14px;
    margin-bottom: 0.5em;
}

.sales .count {
    border-radius: 20px;
    background-color: var(--gray);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-left: auto;
    width: 200px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    text-align: center;

    &:hover {
        opacity: 0.7;
    }
}

.sales .flex {
    display: flex;
}

.sales_detail {
    margin-top: 48px;
    margin-bottom: 120px;

    & h2 {
        margin-bottom: 1em;
    }

    & .custom {
        margin-top: 2em;
    }

    & .custom p {
        margin-bottom: 8px;
    }

    & .nored {
        color: var(--blue)!important;
    }

    & .heart.busket.active a {
        background-color: white;
        border: 1px solid var(--blue);
        border-radius: 50%;
    }
}

.sales_detail img {
    max-height: 500px;
    width: 100%;
    object-fit: contain;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.sales_detail .products {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1, 1fr;
    gap: 20px;
    margin-bottom: 30px;



    & .block {
        border: 1px solid rgba(31, 38, 80, .15);
        border-radius: 15px;
        padding: 10px;
        min-height: 330px;
        position: relative;

        & .busket {
            border-radius: 50%;
            background-color: var(--blue);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 10px;
            right: 10px;

            &:hover {
                opacity: 0.8;
            }
        }
    }

    & img {
        height: 200px;
        width: 200px;
        margin: 10px auto;
    }

    & .name {
        height: 70px;
        display: block;
    }

    & .pr {
        font-weight: 700;
        text-decoration: line-through;
    }

    & .nopr {
        text-decoration: none;
    }

    & .prs {
        font-weight: 700;
        color: var(--red);
    }

    & .zagl {
        font-weight: 700;
        margin-bottom: 2em;
    }

    & .total {
        padding-top: 30px;
    }

    & .btn {
        margin-top: auto;
        border-radius: 15px;
        width: 100%;
        text-align: center;
    }

    & .total {
        display: flex;
        flex-direction: column;
    }

    & .price {
        display: flex;
        gap: 15px;
        flex-direction: column;

        &.row {
            flex-direction: row;
        }
    }

    & .vigoda {
        display: flex;
        gap: 12px;
        text-decoration: line-through;
    }

    &  .pod{
        font-weight: 700;
        color: var(--red);
        font-size: 18px;
        margin-bottom: 12px;
    }


}

#cert .h4 {
    text-align: left;
}

#skidki {
    /* margin-bottom: 10px; */
    width: 90%;
    margin: 0 auto 10px auto;
}

#skidki .slick-track .slick-slide {
    flex-direction: row;
    height: 120px;
    margin: 0 5px;
}

#skidki .slick-list {
    margin: 0 -10px;
    z-index: 2;
}

.skidki_wrapper {
    position: relative;
    overflow: hidden;
    height: 130px;
}

.skidki_wrapper .only_img {
    background-color: rgba(242, 247, 252, 1);
    width: 100%;
    height: 120px;
    border-radius: 20px;
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.skidki_wrapper .only_img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}


#skidki {
    visibility: hidden;
    opacity: 0;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease
}

#skidki.slick-initialized {
    visibility: visible;
    opacity: 1
}

.compare-product-wrap {
    margin-bottom: 15px;
    overflow-x: auto;
    }
    
    .compare-product-wrap .compare-product {
    border-collapse: collapse;
    border-spacing: 0;
    }
    
    .compare-product-wrap .compare-product caption {
    margin: 0 0 17px;
    font-size: 16px;
    text-align: left;
    caption-side: top;
    }
    
    .compare-product-wrap .compare-product th {
    font-family: 'Medium', san-serif;
    font-weight: inherit;
    background-color: #F2F7FC;
    }
    
    .compare-product-wrap .compare-product tr th,
    .compare-product-wrap .compare-product tr td {
    padding: 24px;
    font-size: 16px;
    text-align: center;
    letter-spacing: -1%;
    border: 1px solid #D9D9D9;
    }
    
    .compare-product-wrap .compare-product a {
    font-family: inherit;
    color: var(--blue);
    cursor: pointer;
    text-decoration: underline;
    }
    
    .compare-product-wrap .compare-product a:hover {
    color: var(--light-op);
    text-decoration: none;
    }
    
    @media screen and (max-width: 1024px) {
    .compare-product-wrap .compare-product tr th,
    .compare-product-wrap .compare-product tr td {
    font-size: 14px;
    padding: 20px;
    }
    }
    
    @media (min-width: 1025px) and (max-width: 1440px) {
    .compare-product-wrap .compare-product tr th,
    .compare-product-wrap .compare-product tr td {
    font-size: 14px;
    padding: 27px;
    }
    }

    .table_service .compare-product-wrap {
        margin-top: 5em;
        margin-bottom: 5em;
        width: fit-content;
    }
    .table_service h2{
        margin-top: 1em;
    }


.invisible {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    display: flex;
    z-index: 2;
    /* pointer-events: none; */

    & div {
        flex-grow: 1;
        /* pointer-events: none; */
    }
}

.trio .slick-dots {
    bottom: -25px;
}

.trio {
    touch-action: pan-y;
    /* pointer-events: none; */
}

.cart .podblock .podname a {
    width: 80%;
}

#cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: white;
    padding: 20px;
    border-radius: 14px;
    max-width: 550px;
    border: 1px solid var(--blue);
    box-shadow: 0px 2px 8px 0px #00000040;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    display: none;
}

#cookie-banner .btn {
    /* border-radius: 4px; */
    flex-shrink: 0;
    padding: 14px 20px;
}

#cookie-banner a {
    text-decoration: underline;
}

#cookie-banner .text {
    font-size: 14px;
    flex-grow: 1;
}

@media (max-width:640px) {
    #cookie-banner {
    position: fixed;
    bottom: 10px;
    right: 10px;
    left: 10px;
    max-width: 100%;
}

}

.newsSlick .a-img {
    margin-bottom: 25px!important;
}


.line.slickSection .upper {
    align-items: center;
}

.line .ban-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f2f2f7;
    gap: 12px;
}

.line .ban-block .img {
    object-fit: cover;
    border-radius: 12px;
}

.line .ban-block .name {
    font-size: 25px;
    text-align: center;
}

.line .ban-block .inv-btn {
    width: 100%;
    text-align: center;
}


.oborudovanie {
    margin-top: 3em;
    margin-bottom: 3em;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.oborudovanie h2 {
    width: 100%;
    margin-bottom: 20px;
}

.oborudovanie .btn {
    border-radius: 4px;
}

.oborudovanie .btn.active {
    background-color: var(--white);
    color: var(--blue);
}

.obor_list h2 {
    margin-bottom: 20px;
    grid-column: span 3;
}

.obor_list h2 p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -.32px;
}

.obor_list .btn {
    border-radius: 4px;
    background-color: var(--white);
    color: var(--blue);
    cursor: pointer;
    width: 100%;
    padding: 10px;
    text-transform: none;
    user-select: none;
    height: max-content;

    &.red {
        color: red;
    }
}

.obor_list .btn:hover {
    opacity: 1;
}

.obor_list .btn:hover b {
    opacity: 0.7;
}

.obor_list .hidden {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    display: none;
}

.obor_list .hidden.active {
    display: flex;
}

.obor_list .hidden a {
    text-decoration: underline;
    user-select: none;
}

.obor_list .hidden a.red {
    color: red;
}

.obor_list .hidden a:hover {
    text-decoration: none;
}

.obor_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 3em;
    box-sizing: border-box;
    width: 100%;
    grid-auto-rows: min-content
}

.staff__block {
    margin-top: 5em;
    margin-bottom: 5em;

    & .staff__header {
        font-size: 20px;
        margin: 0 auto;
    }

    & .staff__textarea__wrapper {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

        & textarea {
            border: 1px solid var(--border-shadow);
            border-radius: 10px;
            padding: 20px;
            min-height: 500px;
        }

    }
}

.quizForm {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-auto-rows: 1fr;  */
    grid-template-rows: repeat(3, min-content); 
    gap: 20px;
    row-gap: 40px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.quizForm label {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quizForm .form-text textarea {
    height: 100%;
}

.quizForm .form-radio-hidden {
    flex-direction: row;
    border: 1px solid var(--border-shadow);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 5px;
}

.quizForm .name {
    font-size: 1rem;
    font-weight: 700;
}

.quizForm .form-text {
    gap: 10px;
}

.quizForm .select2 {
    width: auto!important;
}

.quizForm label.error {
    color: var(--red);
}

.quizForm #phone-error {
    display: none!important;
}

#popUpVideoYou {
    will-change: opacity, transform;
}

#popUpVideoYou iframe {
    display: none; /* Скрыты по умолчанию */
}
#popUpVideoYou iframe.active {
    display: block;
}
.inactive {
    opacity: 0.5;
    cursor: not-allowed;
}

.loader2 {
    width: 120px;
    height: 120px;
    border: 5px solid #FFF; /* Цвет основного кольца */
    border-bottom-color: #00406b; /* Цвет активной части */
    border-radius: 50%;
    display: none;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: absolute;
    top: 40%;
    left: 45%;
    transform: translate(50%, 50%);
    z-index: 100000;
}

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader2.active {
    display: block;
}

#popUpVideoYou .back {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

#popUpVideoYou .back.active {
    display: block;
}

#popUpVideoYou figure {
    position: relative;
}


.gradient-yellow {
    background: linear-gradient(transparent 60%, #fc0);
    padding: 0 1px!important;
    border-radius: 2px;
    width: fit-content;
}

.back-red {
    color: #ff4500;
}