@charset "UTF-8";

/* ROBOTO MEDIUM */
@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");
}
/* ROBOTO BOLD */
@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");
}
/* ROBOTO REGULAR */
@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%;
    }
}

/* OTHER SETTINGS */
:root {
    --accent-color: #2F3A83;

    --header-background-color: #ffffff;
    --header-text-color: #373737;
    --header-accent-color: #D33947;

    --footer-accent-color: #D33947;
    --footer-background-color: #222222;
    --footer-text-color: #ffffff;
}
html, body {
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    background-color: #ffffff;
    scroll-behavior: smooth;
}
.visually-hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
.clear-after::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    clear: both;
}
.af-showroom-preview {
    width: 100%;
    height: 100%;
}
.af-preview {
    width: 100%;
    height: 100%;
}
.set1 .preview__1 {
    background-image: url("../img/set_1/inst_1.png");
}
.set1 .preview__2 {
    background-image: url("../img/set_1/panel_1.png");
}
.set1 .preview__3 {
    background-image: url("../img/set_1/button_1.png");
}
.set1 .preview__4 {
    background-image: url("../img/set_1/toilet_1.png");
}
.set2 .preview__1 {
    background-image: url("../img/set_2/inst_2.png");
}
.set2 .preview__2 {
    background-image: url("../img/set_2/panel_2.png");
}
.set2 .preview__3 {
    background-image: url("../img/set_2/button_2.png");
}
.set2 .preview__4 {
    background-image: url("../img/set_2/toilet_2.png");
}
.set3 .preview__1 {
    background-image: url("../img/set_3/inst_3.png");
}
.set3 .preview__2 {
    background-image: url("../img/set_3/panel_3.png");
}
.set3 .preview__3 {
    background-image: url("../img/set_3/button_3.png");
}
.set3 .preview__4 {
    background-image: url("../img/set_3/toilet_3.png");
}
.set4 .preview__1 {
    background-image: url("../img/set_4/inst_4.png");
}
.set4 .preview__2 {
    background-image: url("../img/set_4/panel_4.png");
}
.set4 .preview__3 {
    background-image: url("../img/set_4/button_4.png");
}
.set4 .preview__4 {
    background-image: url("../img/set_4/toilet_4.png");
}
.preview__1 {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.preview__2 {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -133px;
    opacity: 0;
}
.preview__3 {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: -68px;
    opacity: 0;
}
.preview__4 {
    position: absolute;
    bottom: -230px;
    left: 0;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}
.set__animate-prev.preview__1 {
    opacity: 0;
    -webkit-animation: showSet linear 500ms 0ms forwards;
    animation: showSet linear 500ms 0ms forwards;
}
.set__animate-prev.preview__2 {
    opacity: 0;
    -webkit-animation: showSet linear 500ms 500ms forwards;
    animation: showSet linear 500ms 500ms forwards;
}
.set__animate-prev.preview__3 {
    opacity: 0;
    -webkit-animation: showSet linear 500ms 1000ms forwards;
    animation: showSet linear 500ms 1000ms forwards;
}
.set__animate-prev.preview__4 {
    opacity: 0;
    -webkit-animation: showSet linear 500ms 1500ms forwards;
    animation: showSet linear 500ms 1500ms forwards;
}
.af-page__tecelux .af-page-anchor {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-image: url("../img/arrow-down.svg");
    position: fixed;
    right: 5vw;
    bottom: 10vh;
    transition: 100ms ease;
    transform: rotate3d(0, 0, 1, 180deg) scale3d(0, 0, 1);
}
.scrolled .af-page__tecelux .af-page-anchor {
    transform: rotate3d(0, 0, 1, 180deg) scale3d(1, 1, 1);
}
@-webkit-keyframes showSet {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes showSet {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.title__mob {
    display: none;
}
.item__added:after {
    content: 'выбрано';
    width: 80px;
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    padding: 3px 12px;
    background-color: #2F3A83;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    color: white;
    text-align: center;
    letter-spacing: 1px;
}
/* ALL MEDIA */
@media screen and (min-width: 0) {
    .af-page {
        width: 100%;
        position: relative;
    }
    .af-page .af-section {
        position: relative;
    }
    .af-page .af-section-wrapper {
        padding-top: 0.1px;
        padding-bottom: 0.1px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .af-page .af-page-information {
        display: block;
        max-width: 100%;
        box-sizing: border-box;
    }
    .af-page .af-page-information h3 {
        display: block;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #1B1B1B;
    }
    .af-page .af-page-information span {
        display: block;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #1B1B1B;
    }
    .af-page .af-page-information p {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #696969;
    }
    .af-page .af-section-title {
        display: block;
        font-family: Roboto, sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #1B1B1B;
    }
    /* BUTTONS SETTINGS */
    .af-button {
        display: inline-block;
        width: auto;
        max-width: 100%;
        height: 30px;
        line-height: 28px;
        color: #111111;
        white-space: nowrap;
        vertical-align: top;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: none;
        border: 1px solid;
        border-radius: 3px;
        padding: 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        cursor: pointer;
        zoom: 1;
        outline: 0;
        transition: 150ms ease;
        -moz-transition: 150ms ease;
        -webkit-transition: 150ms ease;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    .af-button:focus,
    .af-button:active {
        outline: 0;
    }
    .af-button__tece {
        color: #ffffff;
        background-color: #AE2935;
        border: 0;
    }
    .af-page__tecelux .af-button__tece {
        color: #ffffff;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        background-color: #AE2935;
    }
    .af-button__tece:focus,
    .af-button__tece:focus:active,
    .af-button__tece:hover:active,
    .af-button__tece:active {
        background-color: #96212C;
    }
    .af-page__tecelux .af-main-links {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center right;
        background-image: url("../img/logotype.svg");
    }
    .af-page__tecelux .af-main-link {
        display: flex;
        width: auto;
        max-width: calc(100% - 80px);
        min-height: 20px;
        line-height: 1.3;
        font-family: "Roboto";
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        color: #404040;
        text-decoration: none;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding-left: 20px;
        box-sizing: border-box;
        background-size: auto 16px;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url("../img/arrow-left.svg");
    }
    /* OWL SETTINGS */
    .af-carousel.owl-carousel {
        width: calc(100% + 20px);
        max-height: 0;
        overflow: hidden;
        position: relative;
        left: -10px;
    }
    .af-carousel.owl-carousel.owl-loaded {
        max-height: none;
        overflow: initial;
    }
    .af-carousel.owl-carousel.owl-loaded .owl-item {
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }
    .af-carousel.owl-loaded .owl-nav {
        display: block;
        width: 100px;
        height: 28px;
        color: #979797;
        font-size: 24px;
        line-height: 1.2;
        font-weight: 500;
        font-style: normal;
        text-align: center;
        font-family: Roboto, sans-serif;
        font-stretch: normal;
        letter-spacing: normal;
        margin: 20px auto 0;
        position: relative;
    }
    .af-carousel.owl-loaded .owl-nav.disabled {
        display: none;
    }
    .af-carousel.owl-loaded .owl-nav::before,
    .af-carousel.owl-loaded .owl-nav::after {
        height: 24px;
        font-size: 22px;
        vertical-align: bottom;
    }
    .af-carousel.owl-loaded .owl-nav::before {
        content: attr(data-index) '\00a0';
    }
    .af-carousel.owl-loaded .owl-nav::after {
        content: 'из\00a0' attr(data-count);
    }
    .af-carousel.owl-carousel .owl-nav .owl-next,
    .af-carousel.owl-carousel .owl-nav .owl-prev {
        display: block;
        width: 25px;
        height: 25px;
        font-size: 35px;
        line-height: 20px;
        position: absolute;
        top: 0;
    }
    .af-carousel.owl-carousel .owl-nav .owl-next:not(.disabled),
    .af-carousel.owl-carousel .owl-nav .owl-prev:not(.disabled) {
        color: #ffffff;
        background-color: #274c81;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }
    .af-carousel.owl-carousel .owl-nav .owl-prev {
        left: -45px;
    }
    .af-carousel.owl-carousel .owl-nav .owl-next {
        right: -45px;
    }
    .af-carousel.owl-carousel .owl-nav .owl-next.disabled,
    .af-carousel.owl-carousel .owl-nav .owl-prev.disabled {
        color: #858585;
        cursor: default;
        pointer-events: none;
        background-color: transparent;
    }
    .af-carousel.owl-carousel .owl-dots {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 20px;
        text-align: center;
    }
    .af-carousel.owl-carousel .owl-dot {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 100%;
        background: #C4C4C4;
    }
    .af-carousel.owl-carousel .owl-dot:not(:first-child) {
        margin-left: 11px;
    }
    .af-carousel.owl-carousel .owl-dot:first-child {
        margin-left: 0;
    }
    .af-carousel.owl-carousel .owl-dot.active {
        background: #2F3A83;
    }
    .af-page .af-features-switch {
        box-sizing: border-box;
    }
    .af-page .af-features-info {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page .af-features-info strong {
        display: block;
        font-family: "Roboto", sans-serif;
        line-height: 1;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        margin-bottom: 13px;
        color: #1B1B1B;
    }
    .af-page .af-features-info span {
        display: block;
        font-family: "Roboto", sans-serif;
        line-height: 1;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        color: #929292;
    }
    .af-page .owl-loaded .af-features-info,
    .af-page .active .af-features-info {
        background-color: #AE2935;
    }
    .af-page .owl-loaded .af-features-info strong,
    .af-page .active .af-features-info strong {
        color: #FFFFFF;
    }
    .af-page .owl-loaded .af-features-info span,
    .af-page .active .af-features-info span {
        color: #E1E1E1;
    }
    .af-page .af-features-item p {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        color: #696969;
    }
    .af-page .af-features-item p * {
        display: inline-block;
        width: auto;
    }
    .af-page .af-features-item p li {
        display: list-item;
        list-style-position: inside;
    }
    .af-page .af-section__showroom {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .af-page .af-section__showroom::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        z-index: 0;
    }
    .af-page .af-section__showroom .af-wrapper {
        position: relative;
        z-index: 1;
    }
    .af-page .af-showroom-title {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #FFFFFF;
    }
    .af-page .af-showroom-description {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        color: #ffffff;
    }
    .af-page .af-showroom-switches {
        display: block;
    }
    .af-page .af-showroom-label {
        display: block;
        width: 180px;
        max-width: 100%;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 500;
        color: #FFFFFF;
    }
    .af-page .af-showroom-switch {
        opacity: 0.5;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
        border: 1px solid transparent;
        -webkit-transition: 150ms ease 50ms;
        transition: 150ms ease 50ms;
    }
    .af-page .af-showroom-switch * {
        pointer-events: none;
    }
    .af-page .af-showroom-switch:nth-of-type(even) {
        color: #1B1B1B;
        background: rgba(255, 255, 255, 0.4);
    }
    .af-page .af-showroom-switch:nth-of-type(odd) {
        color: #FFFFFF;
        background: rgba(0, 0, 0, 0.6);
    }
    .af-page .af-showroom-switch.active {
        pointer-events: none;
        cursor: default;
        opacity: 1;
        border: 1px solid #AE2935;
    }
    .af-page .af-showroom-name,
    .af-page .af-showroom-discount,
    .af-page .af-showroom-set {
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-size: inherit;
        line-height: inherit;
    }
    .af-page .af-showroom-name,
    .af-page .af-showroom-set {
        color: inherit;
    }
    .af-page .af-showroom-name {
        font-weight: 400;
    }
    .af-page .af-showroom-discount {
        font-weight: 500;
        color: #C23D49;
    }
    .af-page .af-showroom-set {
        font-weight: 700;
    }
    .af-page .af-showroom-open {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #6070D6;
        cursor: pointer;
    }
    .af-page .af-showroom-collection {
        display: none;
    }
    .af-page .af-showroom-collection.active {
        display: block;
    }
    .af-page .af-showroom-includes {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        list-style-position: outside;
    }
    .af-page .af-showroom-prices {
        display: block;
        width: 260px;
        max-width: 100%;
    }
    .af-page .af-showroom-price {
        display: inline-block;
        vertical-align: bottom;
        font-family: "Roboto", sans-serif;
        font-style: normal;
    }
    .af-page .af-showroom-price__current {
        font-size: 16px;
    }
    .af-page .af-showroom-price__current big,
    .af-page .af-showroom-price__discount big {
        font-size: 1.5em;
        font-weight: 500;
        text-indent: 10px;
    }
    .af-page .af-showroom-price__old {
        font-size: 14px;
        -webkit-text-decoration-line: line-through;
        text-decoration-line: line-through;
        color: #BCBCBC;
    }
    .af-page .af-showroom-price__current + .af-showroom-price__old {
        margin-left: 15px;
    }
    .af-page .af-showroom-price__discount {
        font-weight: 700;
        font-size: 14px;
        color: #E36E79;
    }
    .af-page .af-showroom-price__current + .af-showroom-price__old + .af-showroom-price__discount {
        margin-top: 7px;
    }
    .af-page .af-showroom-buttons {
        display: block;
    }
    .button__disabled {
        background-color: gray;
        cursor: default;
    }
    .button__disabled::after {
        content: "выберите все 3 позиции для добавления комплекта в корзину";
        position: absolute;
        bottom: -20px;
        left: 0;
        text-align: left;
        color: gray;
        text-transform: lowercase;
        font-size: 12px;
    }
    .button__disabled:hover {
        background-color: gray;
    }
}

/* MOBILE MEDIA */
@media (min-width: 0) and (max-width: 767px) {
    
    .af-page .af-section__header .af-wrapper {
        padding: 7px 1.5% 0 1.5%;
    }
    .af-page .af-page-information {
        margin-bottom: 37px;
    }
    .af-page .af-page-information h3 {
        font-size: 18px;
        line-height: 31px;
        margin-bottom: 27px;
    }
    .af-page .af-page-information span {
        font-size: 14px;
        line-height: 20px;
    }
    .af-page .af-page-information p {
        font-size: 12px;
        line-height: 22px;
    }
    .af-page .af-section-title {
        font-size: 18px;
        line-height: 53px;
        margin-bottom: 10px;
    }
    .af-page .af-features {
        margin-bottom: 31px;
    }
    .af-page .af-features-item .af-features-info {
        display: block;
        padding: 11px 0;
    }
    .af-page .af-features-item .af-features-info strong {
        font-size: 18px;
        line-height: 17px;
        margin-bottom: 13px;
    }
    .af-page .af-features-item .af-features-info span {
        font-size: 10px;
        line-height: 4px;
    }
    .af-page .af-features-item img {
        max-width: 100%;
    }
    .af-page .af-features-item p {
        padding: 14.8px 14px 30px;
        font-size: 12px;
        line-height: 22px;
    }
    .af-page .af-features-switches {
        display: none;
    }
    .af-page .af-showroom-label {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }
    .af-page .af-showroom-includes {
        font-size: 12px;
    }
    .af-page .af-showroom-prices {
        margin-bottom: 18px;
    }
    .af-page .af-showroom-price__current {
        color: #1B1B1B;
    }
    .af-page .af-showroom-button {
        width: 100%;
    }
}

/* MOBILE AND VERTICAL PADS MEDIA */
@media (min-width: 0) and (max-width: 999px) {
    .af-page__tecelux .af-main-links {
        height: 40px;
    }
    .af-page .af-section-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .af-page .af-features-item p {
        display: block;
        background: #FAFAFA;
        border: 1px solid #E7E7E7;
        box-sizing: border-box;
    }
    .af-page .af-showroom-includes {
        color: #1B1B1B;
    }
}

/* PADS AND PC MEDIA */
@media screen and (min-width: 768px) {

    .af-page .af-page-information h3 {
        margin-bottom: 15px;
    }
    .af-page .af-features-item .af-features-info {
        display: none;
    }
    .af-page .af-features-switches {
        float: left;
    }
    .af-page .af-features-switch {
        display: block;
        height: auto;
    }
    .af-page .af-features-info strong {
        font-size: 24px;
    }
    .af-page .af-features-info span {
        font-size: 12px;
    }
    .af-page .af-features-wrapper {
        float: right;
    }
    .af-page .af-features-item {
        display: none;
    }
    .af-page .af-features-item.active {
        display: block;
    }
    .af-page .af-features-switch {
        background-color: #FAFAFA;
        border: 1px solid #E7E7E7;
        box-sizing: border-box;
        border-radius: 2px;
        cursor: pointer;
    }
    .af-page .af-features-switch * {
        pointer-events: none;
    }
    .af-page .af-features-switch.active {
        background-color: #AE2935;
    }
    .af-page .af-showroom-label {
        font-size: 18px;
        line-height: 30px;
    }
    .af-page .af-showroom-switch {
        display: inline-block;
        width: 161px;
        height: 64px;
        padding-top: 10px;
        vertical-align: middle;
        margin-bottom: 16px;
    }
    .af-page .af-showroom-includes {
        font-size: 14px;
    }
    .af-page .af-showroom-price__current {
        color: #FFFFFF;
    }
}

/* VERTICAL PADS MEDIA*/
@media (min-width: 768px) and (max-width: 999px) {

    .af-page .af-section__header .af-wrapper {
        padding-top: 23px;
    }
    .af-page .af-page-information {
        margin-bottom: 55px;
    }
    .af-page .af-page-information {
        margin-bottom: 55px;
    }
    .af-page .af-page-information h3 {
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 15px;
    }
    .af-page .af-page-information span {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .af-page .af-page-information p {
        font-size: 16px;
        line-height: 30px;
    }
    .af-page .af-section-title {
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 46px;
    }
    .af-page .af-features {
        margin-bottom: 80px;
    }
    .af-page .af-features-switches {
        width: 230px;
        margin-right: 30px;
    }
    .af-page .af-features-wrapper {
        width: calc(100% - 260px);
    }
    .af-page .af-features-switch:not(:first-child) {
        margin-top: 12.77px;
    }
    .af-page .af-features-switch:first-child {
        margin-top: 0;
    }
    .af-page .af-features-switch {
        padding: 15.33px 0 15.75px;
    }
    .af-page .af-features-item img {
        display: block;
        width: 100%;
    }
    .af-page .af-features-item p {
        padding: 22px 21px 37px;
        font-size: 16px;
        line-height: 27px;
    }
    .af-page .af-showroom-label {
        margin-bottom: 25px;
    }
    .af-page .af-showroom-switch:nth-of-type(even) {
        margin-left: 16px;
    }
    .af-page .af-showroom-prices {
        margin-bottom: 28px;
    }
}

/* HORIZONTAL PADS AND PC MEDIA */
@media screen and (min-width: 1000px) {

    .scrolled .af-page__tecelux .af-page-anchor {
        opacity: .6;
    }
    .scrolled .af-page__tecelux .af-page-anchor:hover {
        opacity: 1;
    }
    .af-page__tecelux .af-main-links {
        height: 60px;
        margin-top: 20px;
    }
    
    /* BUTTONS SETTINGS */
    .af-button__tece {
        width: 255px;
        max-width: 100%;
        height: 47.71px;
        line-height: 47.71px;
        font-size: 10px;
    }
    .af-button:hover {
        zoom: 1;
    }
    .af-button__tece:hover {
        background-color: #D33947;
    }
    .af-page .af-section-wrapper {
        min-width: 984px;
        width: calc(70% + 80px);
        padding-left: 40px;
        padding-right: 40px;
    }
    .af-page .af-page-information {
        margin-bottom: 60px;
    }
    .af-page .af-page-information h3 {
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 15px;
    }
    .af-page .af-page-information span {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .af-page .af-page-information p {
        font-size: 16px;
        line-height: 30px;
    }
    .af-page .af-section__header.af-section__layout {
        height: 40vw;
    }
    .af-page .af-section-title {
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 10px;
    }
    .af-carousel.owl-carousel .owl-item img {
        margin: 0 auto;
    }
    .af-page .af-features {
        margin-bottom: 132px;
    }
    .af-page .af-features-switches {
        width: 270px;
        margin-right: 40px;
    }
    .af-page .af-features-wrapper {
        width: calc(100% - 310px);
    }
    .af-page .af-features-switch {
        padding: 12px 0;
    }
    .af-page .af-features-switch:not(:first-child) {
        margin-top: 15px;
    }
    .af-page .af-features-item {
        text-align: center;
    }
    .af-page .af-features-item img {
        display: inline-block;
        width: 564px;
        margin-bottom: 40px;
    }
    .af-page .af-features-item p {
        font-size: 18px;
        line-height: 30px;
    }
    .af-page .af-section__showroom {
        background-image: url("https://www.afonya-spb.ru/upload/medialibrary/c31/showroom_background_desktop.jpg");
        background-size: initial;
        background-position-x: 0;
        background-position-y: bottom;
        height: 1062px;
    }
    .af-page .af-section__showroom .af-wrapper {
        padding-top: 101px;
        padding-bottom: 110px;
    }
    .af-page .af-showroom-title {
        width: 486px;
        max-width: 65%;
        font-size: 36px;
        line-height: 53px;
        margin-bottom: 13px;
    }
    .af-page .af-showroom-description {
        width: 620px;
        max-width: 620px;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 37px;
        display: inline-block;
    }
    .af-page .af-showroom-switches {
        width: 65%;
        margin-bottom: 16px;
    }
    .af-page .af-showroom-label {
        margin-bottom: 20px;
    }
    .af-page .af-showroom-switch:hover {
        opacity: 1;
    }
    .af-page .af-showroom-switch:not(:nth-of-type(4n)) {
        margin-right: 16px;
    }
    .af-page .af-showroom-switch:nth-of-type(4n) {
        margin-right: 0;
    }
    .af-page .af-showroom-open,
    .af-page .af-showroom-close {
        display: none;
    }
    .af-page .af-showroom-collections {
        width: 600px;
        max-width: 55%;
    }
    .af-page .af-showroom-collection.active {
        display: flex;
        flex-wrap: wrap;
    }
    .af-page .af-showroom-includes {
        min-height: 240px;
        color: #FFFFFF;
        margin-bottom: 48px;
    }
    .af-page .af-showroom-includes li:not(:first-of-type) {
        margin-top: 18px;
    }
    .af-page .af-showroom-includes li:first-of-type {
        margin-top: 0;
    }
    .af-page .af-showroom-prices {
        align-self: center;
    }
    .af-page .af-showroom-buttons {
        width: calc(100% - 300px);
        margin-left: 40px;
        padding-top: 0;
        align-self: center;
    }
    .af-showroom-previews {
        width: 225px;
        height: 445px;
        position: absolute;
        background-color: transparent;
        right: auto;
        top: 0;
        left: 1135px;
        margin-top: 409px;
    }


}

@media (max-width: 1400px) {
    .af-wrapper.af-section-wrapper {
        width: 90%;
        padding: 110px 0;
    }

    .af-categories .af-guaranty {
        top: 0;
    }

    .af-page .af-categories {
        padding-top: 0;
    }

    .af-section__offer .af-offer-heading {
        margin-top: 0;
    }

    .af-page .af-section__offer {
        padding-bottom: 0;
    }

    .af-section__products-buttons .af-wrapper.af-section-wrapper {
        padding: 0;
    }

    .page__plates .af-articles {
        padding-top: 0;
        padding-bottom: 0;
    }

    .af-page .af-section__showroom {
        -ms-background-position-x: -235px;
        background-position-x: -235px;
    }

    .af-showroom-previews {
        left: 900px;
    }

    .af-breadcrumbs__big-wrapper {
        width: 90%;
    }

    .page__plates ol.af-breadcrumbs, .af-page__installations ol.af-breadcrumbs {
        width: 90%;
    }
}

@media (max-width: 1280px) {
    .af-wrapper.af-section-wrapper {
        width: 97%;
    }

    .af-page .af-section__showroom {
        -ms-background-position-x: -300px;
        background-position-x: -300px;
    }

    .af-showroom-previews {
        left: 835px;
    }

    .af-page .af-logotype {
        width: 100%;
        text-align: left;
        padding-top: 0;

    }

    .af-page .af-departments {
        width: 100%;
        padding: 60px;
    }

    .af-page .af-department:nth-child(2), .af-page .af-department:nth-child(5) {
        transform: translateY(0);
    }

    .af-page .af-department:nth-child(3), .af-page .af-department:nth-child(6) {
        transform: translateY(0);
    }
}

@media (max-width: 1080px) {
    .af-page .af-section__showroom {
        -ms-background-position-x: -400px;
        background-position-x: -400px;
    }

    .af-showroom-previews {
        left: 735px;
    }
}

/* WHILE CONTAINER IS FLEXIBLE */
@media screen and (min-width: 1520px) {
}

@media screen and (max-width: 1000px) {
    .af-page .af-section__showroom .af-wrapper {
        width: 450px;
        margin-left: 1.5%;
    }
    .af-page .af-section__showroom {
        background-image: url("https://www.afonya-spb.ru/upload/medialibrary/c31/showroom_background_desktop.jpg");
        background-size: initial;
        -ms-background-position-x: -550px;
        background-position-x: -550px;
        background-position-y: bottom;
        height: 900px;
    }
    .af-showroom-previews {
        width: 225px;
        height: 445px;
        position: absolute;
        background-color: transparent;
        right: auto;
        top: 0;
        left: 585px;
        margin-top: 245px;
    }
    .af-showroom-includes {
        background-color: #ffffff;
        position: absolute;
        -webkit-transition: linear 100ms;
        transition: linear 100ms;
        margin: 0;
        height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-right: 40px;
        padding-left: 60px;
        padding-bottom: 0;
        -webkit-transition: none;
        transition: none;
    }
    .list__expanded {
        height: auto;
        padding-top: 35px;
        padding-bottom: 45px;
        bottom: 100%;
    }
    .af-showroom-close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
}

@media screen and (max-width: 835px) {
    .af-page .af-section__showroom {
        -ms-background-position-x: -650px;
        background-position-x: -650px;
    }
    .af-showroom-previews {
        left: 485px;
    }
    .af-page .af-showroom-collections {
        display: block;
    }
}

@media screen and (max-width: 768px) {

    .af-page .af-showroom-switch {
        display: inline-block;
        width: 161px;
        height: 64px;
        padding-top: 10px;
        vertical-align: middle;
        margin-bottom: 16px;
    }
    .af-showroom-switches {
        width: 170px;
    }
    .af-page .af-section__showroom {
        -ms-background-position-x: -800px;
        background-position-x: -800px;
    }
    .af-showroom-previews {
        left: 335px;
    }
    .title__desc {
        display: none;
    }
    .title__mob {
        display: block;
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 55px;
        max-width: 90%;
    }
    .af-page .af-section__showroom {
        height: 820px;
    }
    .af-showroom-previews {
        margin-top: 165px;
    }
    .af-page .af-showroom-switch:nth-of-type(2n) {
        margin-left: 0;
    }
}

@media screen and (max-width: 570px) {
    .af-page .af-section__showroom {
        -ms-background-position-x: -900px;
        background-position-x: -900px;
    }
    .af-categories .af-guaranty {
        display: none;
    }
    .af-page .af-categories-switches__buttons {
        margin-top: 35px;
    }
    .af-showroom-previews {
        left: 235px;
    }
    .af-tag-wrapper .af-tag-content {
        height: 80px;
    }
    .af-tag-wrapper .af-tag-img {
        width: 35px;
        height: 35px;
        margin-top: 10px;
    }
    .af-tag-wrapper .af-tag-text {
        font-size: 7px;
    }
    .af-tag-wrapper .af-tag-text-upper {
        font-size: 10px;
    }
    .af-tag-wrapper .af-tag-triangle {
        border-width: 16px 47.5px 0 47.5px;
    }
    .af-articles-offer {
        flex-direction: column;
        height: auto;
    }
    .af-offer-content {
        max-width: 100%;
    }
    .af-offer-img-wrapper {
        width: 100%;
    }
    .button__disabled::after {
        bottom: -40px;
    }
    .af-cart-item-close {
        height: 16px;
        width: 16px;
        right: 5px;
        top: 5px;
    }
    .af-cart-item-img {
        margin: 0;
    }
    .af-cart-item-img-wrapper {
        height: 60px;
    }
    .af-cart-item-content-price {
        font-size: 16px;
    }
    .af-cart-item-content {
        height: 46px;
    }
    .af-page .af-department {
        margin: 10px;
        padding: 10px;
        height: auto;
    }
    .af-page .af-departments {
        padding: 40px;
    }
    .af-page__main .af-wrapper.af-section-wrapper {
        padding-top: 10px;
    }
    .af-page .af-logotype {
        margin-top: 0;
        margin-bottom: 0;
    }
    .af-page .af-logotype svg {
        width: 102px;
    }
}

@media screen and (max-width: 480px) {
    .af-page .af-showroom-switch {
        width: 135px;
        height: 53px;
        font-size: 14px;
    }
    .af-page .af-section__showroom {
        -ms-background-position-x: -950px;
        background-position-x: -950px;
    }
    .af-showroom-previews {
        left: 185px;
    }
    .af-page .af-section__showroom {
        margin-bottom: 200px;
    }
    .af-page .af-section__showroom .af-wrapper {
        height: 100%;
        width: 100%;
        margin: 0;
        padding-left: 1.5%;
    }
    .af-page .af-showroom-collections {
        position: absolute;
        bottom: -115px;
        margin: auto;
        width: 95%;
        text-align: center;
    }
    .af-page .af-showroom-prices {
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: left;
    }
    .af-showroom-price__discount {
        width: 100%;
    }
    .af-showroom-includes {
        padding-left: 10%;
        padding-right: 10%;
        text-align: left;
    }
}

@media screen and (max-width: 420px) {
    .af-page .af-section__showroom {
        background-image: url(../img/bg_768.png);
        background-position: -97px;
        background-size: cover;
        height: 600px;
    }
    .af-showroom-previews {
        left: 188px;
        -webkit-transform: scale(0.72);
        transform: scale(0.72);
        margin-top: 63px;
    }
    .title__mob {
        margin-top: 0;
    }
}

@media screen and (max-width: 390px) {
    .af-page .af-section__showroom {
        background-position: -140px;
    }
    .af-showroom-previews {
        left: 145px;
    }
}

@media screen and (max-width: 350px) {
    .af-page .af-section__showroom {
        background-position: -170px;
    }
    .af-showroom-previews {
        left: 115px;
    }
}