/* FONT SETTINGS */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot");
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot");
    src: local("Roboto"), local("Roboto-Regular"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.svg#Roboto") format("svg");
}

/*Edge - works to 41.16299.402.0*/
@supports (-ms-ime-align:auto) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
        position: relative;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: auto;
        height: 100%;
    }
}

/* SETTINGS */
:root {
    
    --accent-color: #00AB8E;
    
    --header-background-color: #FFFFFF;
    --header-text-color: #111111;
    --header-accent-color: #00AB8E;

    --footer-accent-color: #00AB8E;
    --footer-background-color: #E9EDF0;
    --footer-text-color: #222222;
    --footer-logotype-color: #222222;
    --footer-credo-color: #222222;
}
body {
    display: block;
    width: 100%;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
    color: #373737;
}
.af-slider__list[data-empty]::before {
    content: 'Ïî äàííîìó çàïðîñó òîâàðîâ íå íàéäåíî. Èçìåíèòå ïàðàìåòðû ïîèñêà';
    display: inline-block;
    width: auto;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: var(--main-text-color);
    margin: 0 0 0 0;
}

/* ALL MEDIA */
@media screen and (min-width: 0) {
    .af-page {
        display: block;
        width: 100%;
    }
    .af-page-section {
        box-sizing: border-box;
    }
    strong {
        font-weight: 500;
    }

    /* MAIN */
    .af-main {
        position: relative;
    }
    .af-main-bg {
        display: block;
        width: 100%;
        height: 100%;
    }
    .af-main-bg img {
        display: block;
        width: 100%;
        max-height: 750px;
        object-fit: cover;
        object-position: bottom center;
    }
    .af-breadcrumbs {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .af-main-logotype {
        display: block;
        position: absolute;
        top: 150px;
        left: 0;
        width: 240px;
        margin: 0 0 170px -20px;
    }
    .af-main-wrapper {
        position: absolute;
        bottom: 20px;
        left: 0;
        padding: 20px;
    }
    .af-page-advantage {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .af-page-advantage:not(:last-child) {
        margin-bottom: 30px;
    }
    .af-page-advantage__item {
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .af-page-advantage__img {
        display: block;
    }
    .af-page-advantage__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        color: #111111;
        margin-left: 20px;
    }
    .af-main-switches {
        display: block;
        position: sticky;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #00AB8E;
        z-index: 2;
    }
    .af-switches-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 15px 0;
    }
    .af-switches-item {
        display: block;
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: #ffffff;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        text-align: center;
        cursor: pointer;
    }


    /* SLIDER CONTENT */
    .af-section-slide {
        display: block;
    }

    /* COMBINATION FOR KITCHEN */
    .af-kitchen__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2;
        color: #111111;
        padding: 0 20px;
        margin-top: 70px;
        margin-bottom: 20px;
    }
    .af-kitchen__link {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        text-decoration-line: underline;
        color: #535353;
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .af-kitchen-slider {
        padding-left: 10px;
        box-sizing: border-box;
        margin-bottom: 70px;
    }
    .af-kitchen-slide__name {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        color: #111111;
        margin-bottom: 20px;
    }
    .af-kitchen-slide__name span{
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 1;
        color: #111111;
    }
    .af-kitchen-slide__img {
        display: block;
        margin-bottom: 20px;
    }
    .af-kitchen-slide__description {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        color: #111111;
        margin-bottom: 5px;
    }
    .af-kitchen-slide__description__list {
        padding: 0;
        margin: 0;
        padding-left: 25px;
    }
    .af-kitchen-slide__description__list li{
        margin: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.2;
        color: #111111;
    }
    .af-kitchen-description {
        margin-bottom: 70px;
        padding: 0 20px;
    }
    .af-kitchen-description__title {
        margin: 0;
        font-weight: 400;
        font-size: 30px;
        line-height: 1.3;
        color: #111111;
        margin-bottom: 10px;
    }
    .af-kitchen-description__text {
        margin: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        color: #111111;
    }
    .af-kitchen-description__text {
        margin-bottom: 10px;
    }

    /* GREEN LINE */
    .af-section-line {
        width: 100%;
        box-sizing: border-box;
        border: 4px solid #00AB8E;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    /* SINK */
    .af-sink__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1;
        color: #111111;
        margin: 0;
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .af-sink__link {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        text-decoration-line: underline;
        color: #535353;
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .af-sink__subtitle {
        font-weight: 400;
        font-size: 20px;
        line-height: 1;
        color: #111111;
        margin: 0;
        padding: 0 20px;
        margin-bottom: 40px;
    }
    .af-sink__subtitle span {
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        color: #111111;
    }
    .af-sink__img {
        display: block;
        height: 150px;
        padding-left: 10px;
    }
    .af-sink-container {
        padding-left: 10px;
        box-sizing: border-box;
    }
    .af-sink__description {
        padding-left: 10px;
    }
    .af-sink__scheme {
        padding-left: 10px;
    }
    .owl-carousel .owl-item img.af-sink-slide__img {
        height: 150px;
    }
    .af-sink-slide-schemes {
        display: flex;
        width: 120px;
        padding-left: 5px;
    }
    .owl-carousel .owl-item .af-sink-slide__scheme {
        width: 45px;
        height: 45px;
        margin-right: 15px;
    }
    .af-sink-description {
        margin-bottom: 70px;
        padding: 0 20px;
    }
    .af-sink-description__title {
        font-weight: 400;
        font-size: 28px;
        line-height: 1.3;
        color: #111111;
        margin: 0;
        margin-bottom: 10px;
    }
    .af-sink-description__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        color: #111111;
        margin: 0;
        margin-bottom: 10px;
    }
    .af-sink-container:not(:last-child) {
        margin: 0;
        margin-bottom: 70px;
    }
    .af-sink-container:last-child {
        margin-bottom: 30px;
    }

    /* MIXERS */
    .af-mixers__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1;
        color: #111111;
        margin: 0;
        margin-bottom: 20px;
        padding: 0 20px;
    }
    .af-mixers__link {
        display: inline-block;
        text-decoration: underline;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: #111111;
        margin: 0;
        margin-bottom: 85px;
        /*FIXED THIS MOMENT WEN OWL WILL BE LOADED*/
        padding: 0 20px;
    }
    .af-mixers-slider {
        margin-bottom: 135px;
    }
    .af-mixers-slide__img {
        display: block;
        height: 105px;
        margin-bottom: 15px;
    }
    .af-mixers-slide__mane {
        font-weight: 700;
        font-size: 14px;
        line-height: 1;
        color: #111111;
    }
    .af-mixers-slide__mane span {
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: #111111;
    }
    .af-mixers-sBox {
        background-color: #E9EDF0;
        padding: 0 20px;
        padding-bottom: 70px;
        margin-bottom: 70px;
    }
    .af-mixers-sBox__img {
        display: block;
        transform: translateY(-65px);
        margin-bottom: -25px;
        margin: 0 auto;
    }
    .af-mixers-sBox__title {
        font-weight: 400;
        font-size: 40px;
        line-height: 1.2;
        color: #111111;
        margin: 0;
        margin-bottom: 40px;
    }
    .af-mixers-sBox__title span {
        font-weight: 700;
    }
    .af-mixers-sBox__text {
        font-weight: 400;
        font-size: 20px;
        line-height: 1.3;
        color: #111111;
        margin-bottom: 30px;
    }
    .af-mixers-description {
        padding: 0 20px;
    }
    .af-mixers-description {
        margin-bottom: 70px;
    }
    .af-mixers-description__subtitle {
        font-weight: 400;
        font-size: 30px;
        line-height: 1.3;
        color: #111111;
        margin: 0;
        margin-bottom: 10px;
    }
    .af-mixers-description__text {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        color: #111111;
        margin: 0;
    }
}

@media (min-width: 0) and (max-width: 767px) {

    .af-main-switches {
        top: 60px;
    }
    
    .af-switches-item {
        font-size: 16px;
    }
    .af-switches-item:not(:last-child) {
        padding-bottom: 20px;
    }

    .af-sink-container__slide {
        margin-bottom: 60px;
    }

    /* JS Media */
    .af-sink__img,
    .af-kitchen-slide__img,
    .af-mixers-slide__img,
    .af-sink-slide__img {
        pointer-events: none;
    }
    /* HOVER ONLY KITCHEN SECTION */
    .af-kitchen-slide__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 60%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-kitchen-slide__link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 16%);
        left: calc(50% - 44%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER ONLY SINK SECTION */
    .af-sink-noSlide {
        position: relative;
        max-width: 180px;
    }
    .af-sink-container__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-sink-first-link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 27%);
        left: 17px;
        width: 73%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    .af-sink-first-link.JSHoverMobile.active:before {
        height: 62%;
    }
    /* ALL HOVER */
    .JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 30%);
        left: calc(50% - 45%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER OF SCHEME */
    .af-sink__scheme,
    .af-sink-slide__scheme{
        pointer-events: none;
    }
    .af-sink__scheme-link__above,
    .af-sink__scheme-link__center,
    .af-sink__scheme-link__under {
        position: relative;
        cursor: pointer;
        display: block;
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before {
        content: "Íàêëàäíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before {
        content: "Âðåçíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        content: "Ïîäñòîëüíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        display: block;
        position: absolute;
        bottom: -45px;
        left: 0px;
        padding: 10px 20px;
        background: #00AB8E;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        font-variant: small-caps;
        color: #FFFFFF;
        white-space: nowrap;
        transition: 80ms ease-out;
        pointer-events: none;
    }
    .af-sink__scheme-link.af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        left: 10px;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    
    /* MAIN */
    .af-main-bg img {
        max-height: 720px;
    }
    .af-main-logotype {
        top: 140px;
        left: unset;
        right: 0;
        width: 260px;
        margin: 0;
    }
    .af-main-wrapper {
        bottom: 40px;
        left: unset;
        right: 0;
        padding: 20px;
    }
    .af-main-switches {
        top: 70px;
    }
    .af-switches-list {
        flex-wrap: nowrap;
        width: 650px;
        margin: 0 auto;
    }
    .af-switches-item:not(:last-child) {
        padding-bottom: 0;
    }

    /* SLIDER CONTENT */
    .af-page-advantage__img {
        display: block;
        width: 95%;
    }
    .af-section-slide__img {
        height: 208px;
        width: auto;
    }

    /* COMBINATION FOR KITCHEN */
    .af-kitchen-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-kitchen__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-kitchen__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-kitchen-slider {
        padding-left: 30px;
    }
    .af-kitchen-description {
        margin-bottom: 40px;
        padding: 0 40px;
    }

    /* SINK */
    .af-sink-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-sink__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-sink__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-sink__subtitle {
        padding: 0 40px;
    }
    .af-sink-container {
        padding-left: 30px;
    }
    .af-sink-description {
        margin-bottom: 40px;
        padding: 0 40px;
    }

    /* MIXERS */
    .af-mixers-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-mixers__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-mixers__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-mixers-slider {
        margin-bottom: 135px;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .af-mixers-sBox {
        background-color: #E9EDF0;
        padding: 0 40px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    .af-mixers-description {
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-mixers-sBox__title {
        margin-bottom: 40px;
    }
    .af-mixers-sBox__text {
        margin-bottom: 20px;
    }

    /* JS Media */
    .af-sink__img,
    .af-kitchen-slide__img,
    .af-mixers-slide__img,
    .af-sink-slide__img {
        pointer-events: none;
    }
    /* HOVER ONLY KITCHEN SECTION */
    .af-kitchen-slide__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 60%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-kitchen-slide__link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 16%);
        left: calc(50% - 44%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER ONLY SINK SECTION */
    .af-sink-noSlide {
        position: relative;
        max-width: 180px;
    }
    .af-sink-container__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-sink-first-link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 27%);
        left: 17px;
        width: 73%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    .af-sink-first-link.JSHoverMobile.active:before {
        height: 62%;
    }
    /* ALL HOVER */
    .JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 30%);
        left: calc(50% - 45%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER OF SCHEME */
    .af-sink-container__slide {
        margin-bottom: 60px;
    }
    .af-sink__scheme,
    .af-sink-slide__scheme{
        pointer-events: none;
    }
    .af-sink__scheme-link__above,
    .af-sink__scheme-link__center,
    .af-sink__scheme-link__under {
        position: relative;
        cursor: pointer;
        display: block;
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before {
        content: "Íàêëàäíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before {
        content: "Âðåçíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        content: "Ïîäñòîëüíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        display: block;
        position: absolute;
        bottom: -45px;
        left: 0px;
        padding: 10px 20px;
        background: #00AB8E;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        font-variant: small-caps;
        color: #FFFFFF;
        white-space: nowrap;
        transition: 80ms ease-out;
        pointer-events: none;
    }
    .af-sink__scheme-link.af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        left: 10px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .af-breadcrumbs {
        padding-top: 0;
    }
    .af-main-wrapper {
        position: absolute;
        top: calc(50% - 80px);
        left: 45%;
        padding: 20px;
    }
    .af-main-bg img {
        display: block;
        width: 100%;
        max-height: 579px;
        min-height: 510px;
    }
    .af-main-logotype {
        top: 140px;
        left: auto;
        right: 0;
        width: 185px;
        margin: 0;
    }
    .af-page-advantage:not(:last-child) {
        margin-bottom: 10px;
    }
    .af-main-switches {
        top: 70px;
    }
    .af-switches-list {
        display: flex;
        flex-wrap: nowrap;
        width: 700px;
        margin: 0 auto;
        height: auto;
        box-sizing: border-box;
        padding: 15px 0;
    }
    .af-switches-item:not(:last-child) {
        padding: 0;
    }

    /* SLIDER CONTENT */
    .af-page-advantage__img {
        display: block;
        width: 95%;
    }
    .af-section-slide__img {
        height: 208px;
        width: auto;
    }

    /* COMBINATION FOR KITCHEN */
    .af-kitchen-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-kitchen__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-kitchen__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-kitchen-slider {
        padding-left: 30px;
    }
    .af-kitchen-description {
        margin-bottom: 40px;
        padding: 0 40px;
    }

    /* SINK */
    .af-sink-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-sink__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-sink__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-sink__subtitle {
        padding: 0 40px;
    }
    .af-sink-container {
        padding-left: 30px;
    }
    .af-sink-description {
        margin-bottom: 40px;
        padding: 0 40px;
    }

    /* MIXERS */
    .af-mixers-title {
        display: flex;
        align-items: flex-end;
        margin-top: 70px;
        margin-bottom: 40px;
        padding: 0 40px;
    }
    .af-mixers__title {
        line-height: 0.9;
        margin: 0;
        padding: 0;
        margin-right: 20px;
    }
    .af-mixers__link {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }
    .af-mixers-slider {
        margin-bottom: 70px;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .af-mixers-sBox {
        background-color: #E9EDF0;
        padding: 10px 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .af-mixers-sBox__img {
        margin: 0;
        transform: unset;
    }
    .af-mixers-sBox__descr {
        padding: 0;
        width: calc(65% - 50px);
        margin-left: 50px;
    }
    .af-mixers-description {
        padding: 0 40px;
    }
    .af-mixers-sBox__title {
        margin-bottom: 40px;
    }
    .af-mixers-sBox__text {
        margin-bottom: 20px;
    }

    /* JS Media */
    .af-sink__img,
    .af-kitchen-slide__img,
    .af-mixers-slide__img,
    .af-sink-slide__img {
        pointer-events: none;
    }
    /* HOVER ONLY KITCHEN SECTION */
    .af-kitchen-slide__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        height: 60%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-kitchen-slide__link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 16%);
        left: calc(50% - 44%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER ONLY SINK SECTION */
    .af-sink-noSlide {
        position: relative;
        max-width: 180px;
    }
    .af-sink-container__link.JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-sink-first-link.JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 27%);
        left: 17px;
        width: 73%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    .af-sink-first-link.JSHoverMobile.active:before {
        height: 62%;
    }
    /* ALL HOVER */
    .JSHoverMobile.active:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        z-index: 1;
        transition: 100ms ease-out;
    }
    .JSHoverMobile.active:after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 30%);
        left: calc(50% - 45%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 10px;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
    }
    /* HOVER OF SCHEME */
    .af-sink-container__slide {
        margin-bottom: 60px;
    }
    .af-sink__scheme,
    .af-sink-slide__scheme{
        pointer-events: none;
    }
    .af-sink__scheme-link__above,
    .af-sink__scheme-link__center,
    .af-sink__scheme-link__under {
        position: relative;
        cursor: pointer;
        display: block;
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before {
        content: "Íàêëàäíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before {
        content: "Âðåçíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        content: "Ïîäñòîëüíàÿ óñòàíîâêà";
    }
    .af-sink__scheme-link__above.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__center.JSHoverMobileScheme.active::before,
    .af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        display: block;
        position: absolute;
        bottom: -45px;
        left: 0px;
        padding: 10px 20px;
        background: #00AB8E;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        font-variant: small-caps;
        color: #FFFFFF;
        white-space: nowrap;
        transition: 80ms ease-out;
        pointer-events: none;
    }
    .af-sink__scheme-link.af-sink__scheme-link__under.JSHoverMobileScheme.active::before {
        left: 10px;
    }

}

@media screen and (min-width: 1200px) {
    .af-main-bg img {
        display: block;
        width: 100%;
        max-height: 579px;
        min-height: 510px;
    }
    .af-main-logotype {
        top: 168px;
        left: auto;
        right: 6vw;
        width: 300px;
        margin: 0;
    }
    .af-main-wrapper {
        position: absolute;
        top: calc(50% - 117px);
        left: 45%;
        padding: 20px;
    }
    .af-page-advantage__img {
        width: 95%;
    }
    .af-switches-list {
        display: flex;
        flex-wrap: nowrap;
        width: 700px;
        margin: 0 auto;
        height: auto;
        box-sizing: border-box;
        padding: 15px 0;
    }
    .af-switches-item:not(:last-child) {
        padding: 0;
    }
    .af-switches-item__link {
        text-decoration: none;
        color: #fff;
        transition: linear 200ms;
    }
    .af-switches-item__link:hover {
        color: #373737;
    }
    .af-breadcrumbs {
        padding-top: 0;
    }

    /* SLIDER CONTENT */
    .af-page-advantage__img {
        display: block;
        width: 95%;
    }
    .af-section-slide__img {
        height: 208px;
        width: auto;
    }
    /* HOVER OF GALLERY ITEM */
    [data-fancybox] {
        position: relative;
        cursor: pointer;
    }
    [data-fancybox]::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        opacity: 0;
        z-index: 1;
        transition: 100ms ease-out;
    }
    [data-fancybox]::after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 20px);
        left: calc(50% - 30px);
        width: 60px;
        height: 40px;
        background-image: url("/upload/medialibrary/d2f/8yeevodbai4yva4vqrmq2yz8xm00yunb/hover_gallery.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: 80ms ease-out;
        z-index: 2;
        transform: scale3d(0, 0, 1);
    }
    [data-fancybox]:hover::before {
        opacity: 1;
    }
    [data-fancybox]:hover::after {
        transform: scale3d(1, 1, 1);
    }

    /* COMBINATION FOR KITCHEN */
    .af-kitchen-wrapper {
        box-sizing: border-box;
        max-width: 1166px;
        width: 100%;
        margin: 0 auto;
    }
    .af-kitchen__title,
    .af-kitchen__link,
    .af-kitchen-slider,
    .af-kitchen-description {
        padding: 0;
    }
    .af-kitchen-description {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    /* HOVER OF PRODUCTS */
    .af-kitchen-slide__link {
        cursor: pointer;
        display: block;
        position: relative;
    }
    .af-kitchen-slide__link::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        opacity: 0;
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-kitchen-slide__link::after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 24px);
        left: calc(50% - 40%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 14px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 0;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
        transform: scale3d(0, 0, 1);
    }
    .af-kitchen-slide__link:hover::before {
        opacity: 1;
    }
    .af-kitchen-slide__link:hover::after {
        transform: scale3d(1, 1, 1);
    }

    /* SINK */
    .af-sink-wrapper {
        box-sizing: border-box;
        max-width: 1166px;
        width: 100%;
        margin: 0 auto;
    }
    .af-sink__title,
    .af-sink__link,
    .af-sink__subtitle,
    .af-sink-container,
    .af-sink__img,
    .af-sink__description,
    .af-sink__scheme,
    .af-sink-description{
        padding: 0;
    }
    .af-sink-description {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .af-sink-container__slide {
        margin-right: 50px;
    }
    .af-sink-slide__img {
        display: block;
    }
    /* HOVER OF PRODUCTS */
    .af-sink-container__link {
        display: block;
        position: relative;
        cursor: pointer;
    }
    .af-sink-container__link::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(4px);
        opacity: 0;
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-sink-container__link::after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 24px);
        left: calc(50% - 40%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 0;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
        transform: scale3d(0, 0, 1);
    }
    .af-sink-container__link:hover::before {
        opacity: 1;
    }
    .af-sink-container__link:hover::after {
        transform: scale3d(1, 1, 1);
    }
    /* HOVER OF SCHEME */
    .af-sink-slide__scheme-above,
    .af-sink-slide__scheme-center,
    .af-sink-slide__scheme-under {
        position: relative;
        cursor: pointer;
    }
    .af-sink-slide__scheme-above::before {
        content: "Íàêëàäíàÿ óñòàíîâêà";
    }
    .af-sink-slide__scheme-center::before {
        content: "Âðåçíàÿ óñòàíîâêà";
    }
    .af-sink-slide__scheme-under::before {
        content: "Ïîäñòîëüíàÿ óñòàíîâêà";
    }
    .af-sink-slide__scheme-above::before,
    .af-sink-slide__scheme-center::before,
    .af-sink-slide__scheme-under::before {
        display: block;
        position: absolute;
        bottom: -45px;
        left: 0;
        padding: 10px 20px;
        background: #00AB8E;
        font-family: "Roboto";
        font-weight: 400;
        font-size: 0;
        line-height: 1;
        font-variant: small-caps;
        color: #FFFFFF;
        white-space: nowrap;
        transition: 80ms ease-out;
        opacity: 0;
        pointer-events: none;
    }
    .af-sink-slide__scheme-above:hover::before,
    .af-sink-slide__scheme-center:hover::before,
    .af-sink-slide__scheme-under:hover::before {
        opacity: 1;
        font-size: 14px;
    }

    /* MIXERS */
    .af-mixers-wrapper {
        box-sizing: border-box;
        max-width: 1166px;
        width: 100%;
        margin: 0 auto;
    }
    .af-mixers-description {
        max-width: 750px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .af-sBox-wrapper {
        box-sizing: border-box;
        max-width: 1166px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .af-mixers-sBox {
        padding-bottom: 0;
    }
    .af-mixers-sBox__descr {
        max-width: 537px;
    }
    .af-mixers-sBox__img {
        display: block;
        transform: unset;
        margin-bottom: 0;
        margin: 0;
        margin: 0 auto;
    }
    /* HOVER OF PRODUCTS */
    .af-mixers-slide__link {
        display: block;
        position: relative;
        cursor: pointer;
    }
    .af-mixers-slide__link::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(4px);
        opacity: 0;
        z-index: 1;
        transition: 100ms ease-out;
    }
    .af-mixers-slide__link::after {
        content: "ÑÌÎÒÐÅÒÜ ÒÎÂÀÐÛ";
        text-transform: uppercase;
        position: absolute;
        top: calc(50% - 24px);
        left: calc(50% - 40%);
        width: 80%;
        font-family: "Roboto";
        font-weight: 500;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        color: #FFFFFF;
        padding: 16px 0;
        background: #00AB8E;
        transition: 80ms ease-out;
        z-index: 2;
        transform: scale3d(0, 0, 1);
    }
    .af-mixers-slide__link:hover::before {
        opacity: 1;
    }
    .af-mixers-slide__link:hover::after {
        transform: scale3d(1, 1, 1);
    }
}

@media screen and (min-width: 1300px) {
    /* COMBINATION FOR KITCHEN */
    .af-kitchen-title {
        display: flex;
        align-items: flex-end;
        margin-bottom: 40px;
    }
    .af-kitchen__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2;
        color: #111111;
        padding: 0;
        padding-left: 20px;
        margin-top: 70px;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .af-kitchen__link {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        text-decoration-line: underline;
        color: #535353;
        padding: 0;
        margin-bottom: 10px;
    }
    .af-kitchen-slider {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .af-kitchen-slide {
        width: calc(100% - 20px);
    }
    .af-kitchen-slide__img {
        width: 100%;
    }
    .af-kitchen-slide:not(:last-child) {
        margin-right: 20px;
    }

    /* SINK */
    .af-sink-title {
        display: flex;
        align-items: flex-end;
        margin-bottom: 40px;
    }
    .af-sink__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2;
        color: #111111;
        padding: 0;
        margin-top: 70px;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .af-sink__link {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        text-decoration-line: underline;
        color: #535353;
        padding: 0;
        margin-bottom: 10px;
    }
    .af-sink-wrapper {
        padding-left: 20px;
    }
    .af-sink-container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .af-sink-slide__img:not(:last-child) {
        margin-right: 50px;
    }
    .af-sink-slide__scheme {
        width: 45px;
        height: 45px;
        margin-right: 15px;
    }

    /* MIXERS */
    .af-mixers-title {
        display: flex;
        align-items: flex-end;
        margin-bottom: 85px;
    }
    .af-mixers__title {
        font-weight: 700;
        font-size: 40px;
        line-height: 1.2;
        color: #111111;
        padding: 0;
        padding-left: 20px;
        margin-top: 70px;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .af-mixers__link {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3;
        text-decoration-line: underline;
        color: #535353;
        padding: 0;
        margin-bottom: 10px;
    }
    .af-mixers-slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .af-mixers-slide:nth-child(1),
    .af-mixers-slide:nth-child(2),
    .af-mixers-slide:nth-child(3),
    .af-mixers-slide:nth-child(4){
        width: 25%;
        margin-bottom: 80px;
    }
    .af-mixers-slide:nth-child(5),
    .af-mixers-slide:nth-child(6),
    .af-mixers-slide:nth-child(7),
    .af-mixers-slide:nth-child(8),
    .af-mixers-slide:nth-child(9) {
        width: 20%;
    }
    .af-mixers-sBox {
        margin-bottom: 170px;
    }
    .af-mixers-slider {
        margin-bottom: 185px;
    }
    .af-mixers-slide__img {
        height: 284px;
        width: auto;
        margin: 0 auto;
    }
    .af-mixers-slide__mane {
        text-align: center;
    }
    .af-sBox-wrapper {
        height: 438px;
    }
    .af-mixers-sBox__img {
        width: 500px;
        margin-top: -50px;
        margin-bottom: -50px;
    }

    /* HEADER AND FOOTER */
    header.af-header .af-header-container,
    footer.af-footer .af-footer-container {
        max-width: 1166px;
        padding-left: 20px;
        padding-right: 20px;
    }
}