@font-face {
    font-family: 'RRuble';
    src: url("/local/templates/market/fonts/RRuble.otf") format("opentype");
}
.ruble {
    font-family: RRuble, Geologica, sans-serif;
    padding: initial!important;
    margin: initial!important;
}
.title-wrapper h1 {
    display: inline-block;
}
.sup {
    vertical-align: super;
}
.title .sup {
    font-size: 24px;
    top: -8px;
    position: relative;
}
.card .description-section .tab-content .title .sup {
    font-weight: 400;
    font-size: 14px;
}
@media screen and (max-width: 1400px) {
    .title sup {
        top: -12px;
    }
}
@media screen and (max-width: 991px) {
    .title sup {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .collections__page .collection .title sup {
        top: 12px;
        font-size: 18px;
    }
}
.title sup {
    font-size: 18px;
}
.about-company .flex-box .left-box .company-statistik .h3 {
    font-weight: 800;
    font-size: 60px;
    color: #2A8CE3;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.about-company .flex-box .left-box .company-statistik .h3 sup {
    position: absolute;
    top: -16px;
    right: -33px;
}
@media screen and (max-width: 1400px) {
    .about-company .flex-box .left-box .company-statistik .h3 {
        font-size: 48px;
    }
    .about-company .flex-box .left-box .company-statistik .h3 sup {
        top: -14px;
        right: -28px;
    }
}
@media screen and (max-width: 1200px) {
    .about-company .flex-box .left-box .company-statistik .h3 {
        font-size: 32px;
    }
}
@media screen and (max-width: 991px) {
    .about-company .flex-box .left-box .company-statistik .h3 sup {
        top: -8px;
        right: -20px;
    }
}
.product-catalog.collections__page .collections__cards .popular-produc__box .img-box .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.desc-box ul {
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 25px;
}
.desc-box ul li {
    margin-bottom: 5px;
}
.desc-box p {
    margin-bottom: 10px;
}
.desc-box h2,
.desc-box h3 {
    margin: 20px 0;
}
.bold {
    font-weight: 700;
}
.mebel-optom__seo-text {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 185px;
    overflow: hidden;
}
.mebel-optom__seo h2 {
    font-size: 36px;
}
.mebel-optom__seo h3 {
    font-size: 26px;
    margin-top: 20px;
}
.mebel-optom__seo p {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #808080;
}
.mebel-optom__seo ul, .mebel-optom__seo ol {
    padding: revert;
    list-style: revert;
}
.mebel-optom__seo-text {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 185px;
    overflow: hidden;
    position: relative;
}
.mebel-optom__seo-text.show {
    height: auto;
}
.mebel-optom__seo-text:not(.show)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0.1)));
    background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.1) 100%);
    width: 100%;
    height: 100%;
}
.mebel-optom__seo-btn {
    color: #2A8CE3;
    border-bottom: 1px solid #2A8CE3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.mebel-optom__seo-btn:hover {
    border-bottom: 1px solid transparent;
}
@media screen and (max-width: 1200px) {
    .mebel-optom__seo h2 {
        font-size: 28px;
    }
    .mebel-optom__seo h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 991px) {
    .mebel-optom__seo h2 {
        font-size: 24px;
    }
    .mebel-optom__seo h3 {
        font-size: 18px;
    }
}
.main-seo {
    margin-top: 100px;
}
.main-seo__content {
    padding: 80px;
    border: 1px solid #ECECEC;
    border-radius: 25px;
}
.main-seo__text {
    position: relative;
}
.main-seo__text:not(.show) {
    height: 269px;
    overflow: hidden;
}
.main-seo__text:not(.show)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.main-seo__text h1, .main-seo__text h2 {
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 48px;
}
.main-seo__text h1 ~ h2 {
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 40px;
}
.main-seo__text h3 {
    margin-top: 40px;
    font-weight: 500;
    font-size: 28px;
}
.main-seo__text h4 {
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
}
.main-seo__text p {
    color: #808080;
    font-weight: 400;
    font-size: 16px;
    margin-top: 8px;
}
.main-seo__text h3:not(:first-child) + p {
    margin-top: 20px;
}
.main-seo__text h3:not(:first-child) + p:last-child {
    margin-top: 16px;
}
.main-seo__text h4 + p {
    margin-top: 12px;
}
.main-seo__text ul, .main-seo__text ol {
    margin-top: 12px;
    display: -ms-grid;
    display: grid;
    gap: 6px;
    font-weight: 400;
    font-size: 16px;
    color: #808080;
    padding-left: 25px;
}
.main-seo__text ul {
    list-style: disc;
}
.main-seo__text ol {
    list-style: decimal;
}
.main-seo__text ul + p, .main-seo__text ol + p {
    margin-top: 12px;
}
.main-seo__btn {
    color: #298EE4;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.main-seo__text:not(.show) + .main-seo__btn {
    margin-top: -16px;
}
.main-seo__text.show + .main-seo__btn {
    margin-top: 48px;
}
@media screen and (max-width: 1200px) {
    .main-seo__content {
        padding: 40px;
    }
    .main-seo__text h1, .main-seo__text h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .main-seo__text h1 ~ h2 {
        font-size: 28px;
        margin-top: 32px;
    }
    .main-seo__text p {
        font-size: 12px;
    }
    .main-seo__text ul, .main-seo__text ol {
        font-size: 12px;
    }
    .main-seo__text h3:not(:first-child) {
        margin-top: 30px;
        font-size: 24px;
    }
    .main-seo__text h3:not(:first-child) + p {
        margin-top: 14px;
    }
    .main-seo__text h3:not(:first-child) + p:last-child {
        margin-top: 12px;
    }
    .main-seo__text h4 {
        font-size: 16px;
        margin-top: 16px;
    }
    .main-seo__text h4 + p {
        margin-top: 8px;
    }
}
@media screen and (max-width: 991px) {
    .main-seo__content {
        padding: 20px;
    }
    .main-seo__text h1, .main-seo__text h2 {
        font-size: 24px;
        margin-bottom: 26px;
    }
    .main-seo__text h1 ~ h2 {
        font-size: 24px;
        margin-top: 28px;
    }
    .main-seo__text h4:not(:first-child) {
        margin-top: 20px;
        font-size: 20px;
    }
    .main-seo__text:not(.show) {
        height: 326px;
    }
}
.wholesale-banner2 .content {
    background-color: transparent;
    padding: 83px 68px;
    position: relative;
}
.wholesale-banner2 .content > picture {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.wholesale-banner2 .content > picture img {
    width: 100%;
    height: 100%;
}
.wholesale-banner2 .content .content-block {
    color: inherit;
    max-width: auto;
}
.wholesale-banner2 .content .content-block .title {
    font-size: 36px;
    max-width: 546px;
}
.wholesale-banner2 .content .content-block ul li svg rect {
    fill: #2A8CE3;
}
.wholesale-banner2 .content .content-block ul li svg path {
    fill: #FFFFFF;
}
.wholesale-banner2 .content .content-block .wholesale-banner__btns .wholesale-banner__btn {
    background: #2A8CE31A;
    color: #2A8CE3;
}
.wholesale-banner2 .content .content-block .wholesale-banner__btns .wholesale-banner__btn svg path {
    fill: #2A8CE3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.wholesale-banner2 .content .content-block .wholesale-banner__btns .wholesale-banner__btn:hover {
    background: #2A8CE3;
    color: #FFFFFF;
}
.wholesale-banner2 .content .content-block .wholesale-banner__btns .wholesale-banner__btn:hover svg path {
    fill: #FFFFFF;
}
@media screen and (max-width: 1400px) {
    .wholesale-banner2 .content {
        background-position: 252% 0;
    }
}
@media screen and (max-width: 1200px) {
    .wholesale-banner2 .content {
        padding: 34px 40px 48px;
        background-position: 304px 10px;
    }
    .wholesale-banner2 .content .content-block .subtitle {
        font-size: 16px;
    }
    .wholesale-banner2 .content .content-block ul {
        margin-top: 32px;
        font-size: 16px;
    }
    .wholesale-banner2 .content .content-block ul li:last-child {
        padding-right: 25%;
    }
    .wholesale-banner2 .content .content-block ul li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .wholesale-banner2 .content .content-block .wholesale-banner__btns {
        margin-top: 48px;
        max-width: 287px;
    }
}
@media screen and (max-width: 991px) {
    .wholesale-banner2 .content {
        padding: 66% 23px 24px;
        background-position: -10px -10px;
        background-size: 105% auto;
    }
    .wholesale-banner2 .content .content-block .title {
        font-size: 20px;
    }
    .wholesale-banner2 .content .content-block .subtitle {
        font-size: 12px;
    }
    .wholesale-banner2 .content .content-block ul {
        margin-top: 24px;
        font-size: 12px;
        gap: 12px;
    }
    .wholesale-banner2 .content .content-block ul li:last-child {
        padding-right: 0;
    }
    .wholesale-banner2 .content .content-block .wholesale-banner__btns {
        margin-top: 24px;
        max-width: 100%;
    }
}
.footer-top {
    margin-top: 80px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 348px 24px 1fr;
    grid-template-columns: 348px 1fr;
    gap: 24px;
}
.footer-top__menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.footer-top__menu-one {
    display: -ms-grid;
    display: grid;
    gap: 32px;
}
.footer-menu {
    display: -ms-grid;
    display: grid;
    gap: 12px;
}
.footer-menu__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
}
.footer-menu ul {
    display: -ms-grid;
    display: grid;
    gap: 4px;
}
.footer-menu ul a {
    font-size: 14px;
    font-weight: 300;
    color: #808080;
}
.footer-top__right {
    display: -ms-grid;
    display: grid;
    gap: 40px;
}
.footer-top__marketplace {
    padding: 12px 28px;
    background: #FFFFFF;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
}
.footer-top__marketplace-title {
    font-weight: 400;
    font-size: 20px;
}
.footer-top__marketplace-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.footer-top__logo {
    gap: 24px;
}
.footer-top__logo span {
    font-weight: 400;
    font-size: 12px;
    color: #808080;
}
.footer-top__email {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.footer-top__email span {
    font-weight: 500;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer-top__email:hover span {
    color: #2a8ce3;
}
.footer-top__email svg path {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer-top__email:hover svg path {
    stroke: #2a8ce3;
}
.footer-top__contacts {
    margin-top: 12px;
    display: -ms-grid;
    display: grid;
    gap: 4px;
}
.footer-top__contacts-address {
    padding-right: 32%;
}
.footer-top__socials {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.footer-center {
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid #808080;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 348px 24px 1fr;
    grid-template-columns: 348px 1fr;
    gap: 24px;
}
.footer-center__left {
    line-height: 145%;
    color: #808080;
}
.footer-center__right {
    display: -ms-grid;
    display: grid;
    gap: 24px;
}
.footer-center__right p {
    line-height: 145%;
    color: #808080;
    font-size: 14px;
}
.footer-center__right-links {
    display: -ms-grid;
    display: grid;
    gap: 8px;
}
.footer-center__right-links a {
    color: #808080;
    font-size: 14px;
}
.footer-center__payments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.footer-bottom {
    margin-top: 48px;
    padding: 24px 0;
    border-top: 1px solid #808080;
}
.footer-bottom__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
a.footer-top__contacts-phone {
    font-size: 14px;
}
.footer-top__contacts-phone {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
.footer-top__contacts-phone:hover {
    color: #2a8ce3;
}
.footer-top__contacts-phone:nth-child(1) {
    display: none;
}
.footer-menu__title svg {
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
a.footer-top__marketplace-icon {
    width: 160px;
    height: 40px;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-top__marketplace-ozon {
    background: #005BFF;
}
.footer-top__marketplace-wb {
    background: linear-gradient(89.81deg, #7D256F 0.12%, #8D297F 16.85%, #BC3D96 65.9%, #EC238D 99.8%);
}
.footer-top__marketplace-yam {
    border: 1px solid #8080804D;
}
@media screen and (max-width: 1200px) {
    .footer-top {
        margin-top: 40px;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .footer-top__menu {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        gap: 10px;
    }
    .footer-top__email {
        margin-top: 20px;
    }
    .footer-top__contacts {
        margin-top: 20px;
    }
    .footer-top__contacts-address {
        padding-right: 0;
    }
    .footer-top__socials {
        margin-top: 20px;
    }
    .footer-menu__title svg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .footer-menu__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 16px;
    }
    .footer-menu {
        background: #FFFFFF;
        border-radius: 8px;
    }
    .footer-menu ul {
        padding: 12px 16px 22px;
    }
    .footer-top__menu-one {
        gap: 10px;
    }
    .footer-top__right {
        gap: 20px;
    }
    .footer-top__marketplace {
        padding: 8px 8px 8px 20px;
        gap: 24px;
    }
    .footer-top__marketplace-title {
        font-size: 16px;
    }
    .footer-center {
        margin-top: 32px;
        padding-top: 32px;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        gap: 12px;
    }
    .footer-center__right {
        gap: 12px;
    }
    .footer-bottom {
        margin-top: 32px;
    }
    .footer-menu__title {
        font-size: 16px;
    }
    .footer-menu:not(.active) ul {
        display: none;
    }
    .footer-menu.active .footer-menu__title svg {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}
@media screen and (max-width: 991px) {
    .footer-top__marketplace {
        padding: 20px;
        gap: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-top__marketplace-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    a.footer-top__marketplace-icon {
        width: 100%;
    }
    .footer-center__right-links {
        gap: 4px;
    }
    .footer-center__payments {
        overflow-x: scroll;
    }
    .footer-center__payments svg {
        min-width: 87px;
    }
    .footer-center__payments::-webkit-scrollbar {
        display: none;
    }
    .footer-top__contacts-phone:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .footer-top__contacts-phone:nth-child(2) {
        display: none;
    }
}
.fixed-header .menu-dropdown {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 69px;
    width: 100%;
    padding: 80px 0;
    background: #FFFFFF;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.fixed-header .menu-dropdown .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.fixed-header .menu-dropdown .container ul, .fixed-header .menu-dropdown .container ul li {
    display: -ms-grid;
    display: grid;
    gap: 8px;
}
.fixed-header .menu-dropdown .container ul li a {
    font-weight: 400;
    font-size: 24px;
    color: #2E2E30;
}
.fixed-header .menu-dropdown .container ul li div {
    display: none;
    gap: 12px;
    padding-left: 12px;
}
.fixed-header .menu-dropdown .container ul li a.active + div {
    display: -ms-grid;
    display: grid;
}
.fixed-header .menu-dropdown .container .banner-box {
    width: 100%;
    display: -ms-grid;
    display: grid;
    gap: 24px;
    justify-items: end;
    margin: auto 0;
}
.fixed-header .menu-dropdown .container .banner-box img {
    width: 100%;
    max-height: 238px;
    border-radius: 20px;
}
.fixed-header .menu-dropdown .container .banner-box .location {
    display: none;
}
.fixed-header .menu-dropdown .container .banner-box .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.fixed-header .menu-dropdown .container .banner-box .flex-box .phone-number {
    font-weight: 500;
    font-size: 16px;
    color: #2E2E30;
}
.fixed-header .menu-dropdown .container .banner-box .flex-box .work-time__info {
    color: #999999;
}
.fixed-header .menu-dropdown.active {
    opacity: 1;
    visibility: visible;
}
.flex-box__top {
    padding: 12px 16px;
    background: #F4F5F6;
    border-radius: 12px;
    width: 100%;
}
.flex-box__email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.flex-box__emailtext {
    color: #999999;
    font-weight: 300;
    font-size: 11px;
}
.flex-box__bottom {
    padding: 12px 16px;
    background: #F4F5F6;
    border-radius: 12px;
    width: 100%;
}
.flex-box__bottom-title {
    font-weight: 500;
    color: #000000;
}
.flex-box__bottom-phone {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    color: #000000;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.flex-box__bottom-email, .flex-box__bottom-work, .flex-box__bottom-address {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
.fixed-header .menu-dropdown .container .banner-box .flex-box {
    gap: 12px;
}
@media screen and (max-width: 1400px) {
    .fixed-header .menu-dropdown .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        background: #FFFFFF;
        border-radius: 16px;
        padding: 24px 32px;
    }
    .fixed-header .menu-dropdown .container ul li a {
        font-size: 18px;
    }
    .fixed-header .menu-dropdown .container .banner-box {
        justify-items: normal;
    }
    .fixed-header .menu-dropdown .container .banner-box img {
        display: none;
    }
    .fixed-header .menu-dropdown .container .banner-box .flex-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .fixed-header .menu-dropdown {
        top: 68px;
        height: calc(100vh - 132px);
        padding: 16px 24px;
        background: #00000066;
    }
}
@media screen and (max-width: 991px) {
    .fixed-header .menu-dropdown {
        top: 117px;
        height: calc(100vh - 177px);
    }
}
@media screen and (max-width: 767px) {
    .fixed-header .menu-dropdown {
        padding: 0;
    }
    .fixed-header .menu-dropdown .container {
        border-radius: 0;
        padding: 20px 24px;
        overflow-x: scroll;
    }
}
.view.section {
    margin-top: 100px;
    gap: initial;
}
.view-container {
    max-width: 1580px;
    width: 100%;
    margin: 0 auto;
    background: #F4F5F6;
    padding: 60px;
    border-radius: 40px;
}
.view .subtitle {
    color: #808080;
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    margin-top: 12px;
}
.view .subtitle b {
    color: #2E2E30;
    font-weight: 400;
}
.view-blocks {
    margin-top: 48px;
}
.view-block:not(.active) {
    display: none;
}
.view-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 596px 24px 1fr;
    grid-template-columns: 596px 1fr;
    gap: 24px;
}
.view-block > .view-tabs {
    display: none;
}
.view-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    background: #FFFFFF;
    border-radius: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.view-tab {
    padding: 10px 16px;
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: center;
    color: #808080;
    cursor: pointer;
    border-radius: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.view-tab.active {
    background: #2A8CE3;
    color: #FFFFFF;
}
.view-tab:not(.active):hover {
    color: #2A8CE3;
}
.view-text {
    margin-top: 28px;
    font-family: Geologica;
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
}
.view-points {
    margin-top: 28px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 10px;
}
.view-point {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content 16px 1fr;
    -ms-grid-columns: max-content 16px 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.view-point__icon {
    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: 60px;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #E0EDF1;
    background: #FFFFFF;
}
.view-point__text {
    display: -ms-grid;
    display: grid;
    gap: 4px;
}
.view-point__title {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.view-point__subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #999999;
}
.view-process {
    margin-top: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 32px;
    border-radius: 12px;
    background: #FFFFFF;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 76px 401px;
    grid-template-columns: 1fr 401px;
    gap: 76px;
}
.view-process__title {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.view-process__list {
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    gap: 12px;
}
.view-process__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.view-process__item span {
    width: 20px;
    height: 20px;
    background: #2A8CE3;
    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;
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    position: relative;
}
.view-process__item p {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #27272A;
}
.view-process__item:not(:first-child) span::before {
    content: '';
    width: 1px;
    height: 12px;
    background: #B6DDFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -12px;
}
.view-process__video {
    background: #E6E6E6;
    border-radius: 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 50px 45px 74px;
    cursor: pointer;
}
.view-process__video-name {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}
@-webkit-keyframes pulse-border {
    0% {
        border-color: #F0F0F0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        border-color: #2A8CE3;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        border-color: #F0F0F0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse-border {
    0% {
        border-color: #F0F0F0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        border-color: #2A8CE3;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        border-color: #F0F0F0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.view-process__video-play {
    width: 52px;
    height: 52px;
    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;
    background: #FFFFFF;
    border-radius: 50%;
    border: 8px solid #F0F0F0;
    -webkit-animation: pulse-border 2s ease-in-out infinite;
    animation: pulse-border 2s ease-in-out infinite;
    will-change: transform, border-color;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.view-process__video-time {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}
.view-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}
.view-left__big {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    border: 8px solid #FFFFFF;
}
.view-left__big-swiper {
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.view-left__big-swiper .swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.view-left__big-swiper .swiper-slide {
    cursor: pointer;
}
.view-left__big-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.view-left__swiper-nav {
    position: absolute;
    right: 32px;
    bottom: 32px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.view-left__swiper-arrow {
    cursor: pointer;
}
.view-left__swiper-arrow rect, .view-left__swiper-arrow path {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.view-left__swiper-arrow:hover rect {
    fill: #FFFFFF;
}
.view-left__swiper-arrow:hover path {
    fill: #2A8CE3;
}
.view-left__small {
    height: 80px;
}
.view-left__small-swiper {
    height: 100%;
}
.view-left__small-swiper .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.view-left__small-swiper .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.view-left__small-swiper .swiper-slide.swiper-slide-thumb-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #2A8CE3;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
}
.view-services {
    margin-top: 120px;
    display: -ms-grid;
    display: grid;
    gap: 48px;
}
.view-services__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.view-services__swiper-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.view-services__swiper-arrow {
    cursor: pointer;
}
.view-services__swiper-arrow rect, .view-services__swiper-arrow path {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.view-services__swiper-arrow:hover rect {
    fill: #FFFFFF;
}
.view-services__swiper-arrow:hover path {
    fill: #2A8CE3;
}
.view-services__swiper {
    width: 100%;
}
.view-services__swiper .swiper-slide {
    padding: 8px 8px 0;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
}
.view-services__image {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.view-services__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.view-services__description {
    padding: 12px 0 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;
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;
}
.view-finger {
    display: none;
    gap: 8px;
    margin-top: 28px;
    font-family: Cera Pro;
    font-weight: 400;
    font-style: Regular;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 15px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #829196;
}
.view-services__swiper:not(.swiper-initialized) .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.wholesale-form2 .content .wholesale-form__content {
    max-width: 667px;
}
.wholesale-form2 .content .wholesale-form__content > .subtitle {
    max-width: 472px;
}
.wholesale-form2 .content .wholesale-form__content > .subtitle span {
    cursor: pointer;
    display: contents;
    color: #4D4D4D;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.wholesale-form2 .content .wholesale-form__content > .subtitle span:hover {
    color: #2a8ce3;
}
.wholesale-form2 .content .wholesale-form__content > .subtitle span svg path {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.wholesale-form2 .content .wholesale-form__content > .subtitle span:hover svg path {
    fill: #2a8ce3;
}
.wholesale-form__excel {
    font-family: 'Geologica';
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 12px 16px;
    border-radius: 8px;
    background: #2A8CE3;
    color: #FFFFFF;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.wholesale-form__excel:hover {
    background: #55a3e9;
}
.about-advantages2 .about-advantages__item-title > span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.about-advantages2 .about-advantages__item-title > span > span {
    position: absolute;
    left: 0;
    bottom: 26px;
    background: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    min-width: 210px;
    border: 1px solid #2A8CE3;
}
.about-advantages2 .about-advantages__item-title > span:hover > span {
    opacity: 1;
    visibility: visible;
}
.about-advantages__item-more {
    margin-top: 15px;
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2A8CE3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.materials {
    margin-top: 100px;
}
.materials .content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 48px 696px;
    grid-template-columns: 1fr 696px;
    gap: 48px;
}
.materials-left {
    height: 0;
    padding-bottom: 82%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.materials-left img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.materials-right {
    display: -ms-grid;
    display: grid;
    gap: 48px;
    -ms-flex-line-pack: start;
    align-content: start;
}
.material-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #C7C7CC;
}
.material-item__name {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
}
.material-item__value {
    font-family: Geologica;
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: right;
}
.wholesale-cta2 .content .content-block {
    max-width: 551px;
}
.wholesale-cta2 .content .content-block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #FFFFFF;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wholesale-cta2 .content .content-block ul li {
    background: #FFFFFF26;
    padding: 6px 16px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    border-radius: 50px;
}
.form-question {
    margin-top: 146px;
}
.form-question .content {
    padding: 60px 60px 65px;
    background: #2A8CE3;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.form-question__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}
.form-question__title {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #FFFFFF;
}
.form-question__subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin-top: 12px;
}
.form-question__text {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #FFFFFFB2;
    margin-top: auto;
}
.form-question__text span {
    color: #FFFFFF;
}
.form-question__center {
    position: absolute;
    left: -76px;
    right: 0;
    bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}
.form-question__center picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form-question__right {
    max-width: 404px;
    width: 100%;
    z-index: 1;
}
.form-question__right form {
    display: -ms-grid;
    display: grid;
    gap: 20px;
}
.form-question__right form .form-checkbox {
    color: #FFFFFF;
}
.form-question__right form input.form-control {
    height: 50px;
}
.form-question__right form textarea.form-control {
    height: 86px;
}
.milling {
    margin-top: 60px;
}
.milling-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.milling-item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #FFFFFF;
}
.milling-item[data-fancybox] {
    cursor: pointer;
}
.milling-item__tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 16px;
    background: #FF9B07;
    z-index: 1;
    border-bottom-right-radius: 12px;
    color: #FFFFFF;
    font-weight: 400;
}
.milling-item__image {
    position: relative;
    height: 0;
    padding-bottom: 111%;
    overflow: hidden;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.milling-item__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.milling-item__name {
    padding: 16px;
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
}
.technical-information .tabs-not-picture {
    overflow-x: scroll;
    padding-bottom: 8px;
}
.technical-information .tabs-not-picture::-webkit-scrollbar {
    height: 8px;
}
.technical-information .tabs-not-picture::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 2px;
}
.types-facades .title {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 32px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    margin-top: 60px;
}
.types-facades .milling-list {
    margin-top: 32px;
}
.types-facades .milling-item__image {
    background: #F4F5F6;
}
.milling-facades .milling-list {
    margin-top: 60px;
}
.milling-facades .subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #686868;
}
.milling-facades .subtitle b {
    font-family: Geologica;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #2E2E30;
}
.milling-facades .milling-item__image {
    background: #F4F5F6;
}
.calculator {
    padding: 40px 36px;
    background: #F4F5F6;
    border-radius: 20px;
}
.calculator-list {
    display: -ms-grid;
    display: grid;
    gap: 32px;
}
.calculator-item {
    display: -ms-grid;
    display: grid;
    gap: 16px;
}
.calculator-item__inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.calculator-item:last-child .calculator-item__inputs {
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
}
.calculator-item__inputs input {
    -moz-appearance: textfield;
}
.calculator-item__inputs input::-webkit-outer-spin-button,
.calculator-item__inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.calculator-item__title {
    font-family: Geologica;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
}
.calculator-item:last-child {
    padding-top: 24px;
    border-top: 1px solid #DEDEDE;
}
.online-calculator .subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #686868;
    margin-top: 60px;
}
.online-calculator .subtitle b {
    font-family: Geologica;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #2E2E30;
}
.online-calculator__excel {
    font-family: 'Geologica';
    font-weight: 700;
    font-style: Bold;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 12px 16px;
    border-radius: 8px;
    background: #2A8CE3;
    color: #FFFFFF;
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.online-calculator__excel:hover {
    background: #55a3e9;
}
.working-calculator .subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #686868;
    margin-top: 60px;
}
.working-calculator .subtitle b {
    font-family: Geologica;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #2E2E30;
}
.working-calculator .iframe {
    height: 0;
    padding-bottom: 27%;
    overflow: hidden;
    background: #F4F5F6;
    border-radius: 20px;
    margin-top: 60px;
    position: relative;
}
.working-calculator .iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.working-conditions {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #808080;
    display: -ms-grid;
    display: grid;
    gap: 10px;
}
.working-conditions a {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #808080;
}

.milling-ral .subtitle {
    font-family: Geologica;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #686868;
}
.accordion-ral {
    display: -ms-grid;
    display: grid;
    gap: 12px;
    margin-top: 60px;
}
.accordion-ral .accordion-container {
    padding: 24px;
    background: #F4F5F6;
    border-radius: 20px;
}
.accordion-ral .accordion {
    display: -ms-grid;
    display: grid;
    gap: 24px;
}
.accordion-ral .accordion-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px -webkit-max-content;
    -ms-grid-columns: 1fr 32px max-content;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.accordion-ral .accordion-title {
    font-weight: 400;
    font-size: 24px;
}
.accordion-ral .multiply-btn {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    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;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.accordion-ral .plus-icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.accordion-ral .accordion-content {
    display: none;
}
.accordion-ral .accordion.active .multiply-btn {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #2A8CE3;
}
.accordion-ral .accordion.active .multiply-btn .plus-icon path {
    fill: #FFFFFF;
}
.accordion-ral .accordion.active .accordion-content {
    display: block;
}
.ral-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(8, 1fr);
    gap: 24px;
}
.ral-item {
    padding: 4px;
    border-radius: 8px;
    background: #FFFFFF;
    cursor: pointer;
}
.ral-color {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 6px;
}
.ral-code {
    padding: 8px 4px 0;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
}
.ral-name {
    padding: 0 4px;
    font-weight: 400;
    font-size: 12px;
}
.ral-popup {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    background: #2A8CE359;
    backdrop-filter: blur(4px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    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;
}
.ral-popup.active {
    opacity: 1;
    visibility: visible;
}
.ral-popup__item {
    max-width: 748px;
    max-height: 470px;
    width: 100%;
    height: 0;
    padding-bottom: 25%;
    border-radius: 12px;
    border: 3px solid #FFFFFF;
    position: relative;
}
.ral-popup__item svg {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
}
.ral-popup__item svg path {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ral-popup__item svg:hover path {
    fill: #FFFFFF;
}
.collection-tabs {
    margin-top: 60px;
}
.collection-tab {
    display: -ms-grid;
    display: grid;
    gap: 4px;
}
.collection-tab span:first-child {
    background: #F4F5F6;
    border-radius: 12px;
    max-height: 68px;
    overflow: hidden;
}
.collection-tab span:first-child img {
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    max-width: 110px;
}
.collection-tab span:last-child {
    text-align: center;
    color: #2E2E30;
    overflow-wrap: anywhere;
}
.collection-tab:hover span:first-child img {
    scale: 1.1;
}
.collection-tabs-swiper__button {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.collection-tabs-swiper__button:not(.swiper-button-lock) {
    display: flex;
}
.collection-tabs-swiper__buttons-right {
    right: 0;
}
.collection-tabs-swiper__button rect, .collection-tabs-swiper__button path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.collection-tabs-swiper__button:hover rect {
    fill: #FFFFFF;
}
.collection-tabs-swiper__button:hover path {
    fill: #2A8CE3;
}
.collection-tabs--swiper:not(.swiper-initialized) .collection-tabs-swiper__button {
    display: none;
}
.collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
}
.collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    max-width: 110px;
}
.collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+25) {
    display: none;
}
.collection-tab.active span:last-child {
    color: #2A8CE3;
}
@media (max-width: 1400px) {
    .view.section {
        margin-top: 80px;
    }
    .view-container {
        max-width: 1020px;
        padding: 40px;
    }
    .view-blocks {
        margin-top: 40px;
    }
    .view-block {
        gap: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .view-block > .view-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .view-rigth > .view-tabs {
        display: none;
    }
    .view-left {
        margin-top: 40px;
        gap: 10px;
    }
    .view-left__small {
        height: 88px;
    }
    .view-tab {
        padding: 10px 12px;
    }
    .view-text {
        font-size: 14px;
        margin-top: 20px;
    }
    .view-points {
        margin-top: 24px;
        -ms-grid-columns: 260px 20px 260px 20px 260px;
        grid-template-columns: repeat(3, 260px);
        gap: 8px 20px;
    }
    .view-point {
        gap: 12px;
    }
    .view-point__title {
        font-size: 16px;
    }
    .view-point__subtitle {
        font-size: 14px;
    }
    .view-process {
        margin-top: 24px;
        gap: 172px;
    }
    .view-services {
        margin-top: 80px;
        gap: 40px;
    }
    .view-services__description {
        padding: 10px 0 14px;
        font-size: 16px;
    }
    .view-services__swiper:not(.swiper-initialized) .swiper-wrapper {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .wholesale-form2 .content .wholesale-form__content {
        max-width: 460px;
    }
    .wholesale-form2 .content .wholesale-form__content .title br {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .about-advantages2 {
        margin-top: 80px;
    }
    .about-advantages2 .about-advantages__list {
        margin-top: 40px;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .about-advantages2 .about-advantages__item {
        -ms-grid-columns: -webkit-max-content 1fr;
        -ms-grid-columns: max-content 1fr;
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr;
    }
    .about-advantages2 .about-advantages__item-title {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
    .about-advantages2 .about-advantages__item-subtitle {
        text-align: initial;
    }
    .about-advantages2 .title {
        text-align: initial;
    }
    .materials {
        margin-top: 80px;
    }
    .materials .content {
        -ms-grid-columns: 1fr 36px 524px;
        grid-template-columns: 1fr 524px;
        gap: 36px;
    }
    .materials-right {
        gap: 24px;
    }
    .wholesale-cta2 .content {
        padding: 60px;
    }
    .wholesale-cta2 .content .content-block .title {
        padding-right: 0;
    }
    .form-question {
        margin-top: 126px;
    }
    .form-question .content {
        padding: 40px;
    }
    .form-question__left {
        max-width: 250px;
    }
    .form-question__center {
        left: -130px;
    }
    .form-question__right {
        max-width: 323px;
    }
    .form-question__text {
        font-size: 16px;
        margin-top: 19px;
    }
    .form-question__right form .form-checkbox {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .milling-list {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .milling-item__name {
        padding: 14px;
        font-size: 14px;
    }
    .online-calculator .subtitle {
        margin-top: 32px;
    }
    .working-calculator .iframe {
        padding-bottom: 42%;
        margin-top: 32px;
    }
    .ral-list {
        -ms-grid-columns: 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;
        grid-template-columns: repeat(5, 1fr);
        gap: 28px;
    }
    .ral-popup__item {
        padding-bottom: 38%;
    }
    .collection-tabs {
        padding-right: 0;
    }
    .collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(8, 1fr);
    }
    .collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }
}
@media (max-width: 1200px) {
    .view.section {
        margin-top: 60px;
    }
    .view-container {
        max-width: 804px;
        padding: 30px 40px;
    }
    .view.section .title {
        font-size: 36px;
    }
    .view-blocks {
        margin-top: 32px;
    }
    .view-left {
        margin-top: 32px;
    }
    .view-points {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .view-process {
        margin-top: 44px;
        padding: 24px 28px;
        -ms-grid-columns: 1fr 42px 323px;
        grid-template-columns: 1fr 323px;
        gap: 42px;
    }
    .view-process__list {
        margin-top: 20px;
    }
    .view-process__video {
        padding: 30px 28px 47px;
    }
    .view-services {
        margin-top: 60px;
        gap: 32px;
    }
    .view-services__swiper:not(.swiper-initialized) .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .view-services__swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        max-width: calc(100% / 2.608);
    }
    .wholesale-form2 .content .wholesale-form__content {
        max-width: 100%;
    }
    .wholesale-form2 .content .wholesale-form__content .title br {
        display: none;
    }
    .wholesale-form2 .content .wholesale-form__content .wholesale-form__line {
        max-width: 100%;
    }
    .wholesale-form2 .content .wholesale-form__content ul li br {
        display: none;
    }
    .about-advantages2 {
        margin-top: 60px;
    }
    .about-advantages2 .title {
        font-size: 36px;
    }
    .about-advantages2 .about-advantages__list {
        margin-top: 32px;
    }
    .about-advantages2 .about-advantages__item-title {
        font-size: 24px;
    }
    .about-advantages2 .about-advantages__info {
        font-size: 18px;
        padding: 24px;
    }
    .materials {
        margin-top: 60px;
    }
    .materials-left {
        display: none;
    }
    .materials .content {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .materials .title {
        font-size: 36px;
    }
    .wholesale-cta2 .content {
        padding: 40px;
    }
    .wholesale-cta2 .content .content-block .subtitle {
        font-size: 20px;
        margin-top: 12px;
    }
    .wholesale-cta .content .content-block ul {
        margin-top: 40px;
    }
    .wholesale-cta2 .content .content-block .orange-btn {
        margin-top: 40px;
    }
    .faq2 .title {
        font-size: 36px;
    }
    .form-question {
        margin-top: 84px;
    }
    .form-question__right {
        max-width: 257px;
    }
    .form-question__center {
        left: -112px;
    }
    .milling {
        margin-top: 48px;
    }
    .milling-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .milling-item__name {
        padding: 16px;
        font-size: 16px;
    }
    .types-facades .title {
        margin-top: 48px;
    }
    .calculator {
        padding: 32px 28px;
    }
    .calculator-item__inputs {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .working-calculator .iframe {
        padding-bottom: 60%;
    }
    .working-calculator .subtitle {
        margin-top: 48px;
    }
    .accordion-ral .accordion-container {
        padding: 12px;
        border-radius: 12px;
    }
    .accordion-ral .accordion {
        gap: 12px;
    }
    .accordion-ral .accordion-title {
        font-size: 16px;
    }
    .ral-list {
        -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
    .ral-popup__item {
        padding-bottom: 50%;
    }
    .collection-tabs {
        margin-top: 40px;
    }
    .collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper {
        grid-template-columns: repeat(6, 1fr);
    }
    .collection-tabs--swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+7) {
        display: none;
    }
}
@media (max-width: 991px) {
    .view.section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 52px;
    }
    .view-finger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .view-container {
        padding: 40px 24px;
    }
    .view.section .title {
        font-size: 24px;
    }
    .view .subtitle {
        font-size: 14px;
    }
    .view-blocks {
        margin-top: 12px;
    }
    .view-left__big {
        display: none;
    }
    .view-points {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .view-process {
        margin-top: 24px;
        padding: 20px 24px;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        gap: 16px;
    }
    .view-process__list {
        margin-top: 16px;
    }
    .view-process__video {
        padding: 24px 25px 35px;
    }
    .view-process__video-name {
        font-size: 12px;
    }
    .view-block > .view-tabs {
        width: calc(100% + 24px);
        overflow-x: scroll;
        margin-right: -24px;
    }
    .view-block > .view-tabs::-webkit-scrollbar {
        display: none;
    }
    .view-left {
        margin-top: 28px;
        width: calc(100% + 24px);
    }
    .view-left__small {
        height: 0;
        padding-bottom: 100%;
    }
    .view-left__small-swiper {
        overflow-x: scroll;
        height: auto;
        padding-bottom: 12px;
    }
    .view-left__small-swiper::-webkit-scrollbar {
        height: 3px;
        background: #ECECEC;
    }
    .view-left__small-swiper::-webkit-scrollbar-thumb {
        background: #808080;
        border-radius: 2px;
    }
    .view-left__small-swiper .swiper-wrapper {
        gap: 10px;
    }
    .view-left__small-swiper .swiper-slide {
        width: calc(100% - 24px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 8px solid #FFFFFF;
    }
    .view-left__small-swiper .swiper-slide img {
        position: relative;
        border-radius: 8px;
    }
    .view-services {
        margin-top: 52px;
        gap: 28px;
    }
    .view-services__swiper-nav {
        display: none;
    }
    .view-services__swiper {
        width: calc(100% + 24px);
        overflow-x: scroll;
        padding-bottom: 12px;
    }
    .view-services__swiper::-webkit-scrollbar {
        height: 3px;
        background: #ECECEC;
    }
    .view-services__swiper::-webkit-scrollbar-thumb {
        background: #808080;
        border-radius: 2px;
    }
    .view-services__swiper:not(.swiper-initialized) .swiper-wrapper {
        gap: 8px;
    }
    .view-services__swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        max-width: 100%;
        width: calc(100% - 72px);
    }
    .view-services__image {
        padding-bottom: 84%;
    }
    .wholesale-form2 {
        margin-top: 52px;
    }
    .about-advantages2 .title {
        font-size: 24px;
    }
    .about-advantages2 .about-advantages__item > svg {
        width: 68px;
        height: 68px;
    }
    .about-advantages2 .about-advantages__item {
        gap: 20px;
    }
    .about-advantages2 .about-advantages__item-title {
        font-size: 16px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .about-advantages2 .about-advantages__item-subtitle {
        font-size: 12px;
        margin-top: 10px;
    }
    .about-advantages2 .about-advantages__item-title > span svg {
        width: 15px;
        height: 15px;
    }
    .about-advantages__item-more {
        margin-top: 10px;
        font-size: 14px;
    }
    .about-advantages2 .about-advantages__item-title > span {
        width: 100%;
    }
    .about-advantages2 .about-advantages__item-title > span > span {
        left: auto;
        right: 0;
    }
    .about-advantages2 .about-advantages__info {
        font-size: 14px;
        padding: 15px;
        margin-top: 15px;
    }
    .materials {
        margin-top: 52px;
    }
    .materials .title {
        font-size: 24px;
    }
    .material-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
        gap: 4px;
    }
    .material-item__value {
        text-align: left;
    }
    .wholesale-cta2 .content {
        padding: 40px 24px 179px;
    }
    .wholesale-cta2 .content .content-block .subtitle {
        font-size: 16px;
    }
    .wholesale-cta2 .content .content-block ul {
        margin-top: 24px;
    }
    .wholesale-cta2 .content .content-block .orange-btn {
        margin-top: 24px;
    }
    .faq2 .title {
        font-size: 24px;
    }
    .form-question {
        margin-top: 76px;
    }
    .form-question .content {
        padding: 36px 24px 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
    }
    .form-question__title {
        font-family: Geologica;
        font-weight: 500;
        font-style: Medium;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 125%;
        letter-spacing: 0%;
        text-align: center;
    }
    .form-question__subtitle {
        font-family: Geologica;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 125%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 8px;
    }
    .form-question__text {
        font-family: Geologica;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 125%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 20px;
    }
    .form-question__left {
        max-width: 100%;
    }
    .form-question__center {
        left: -24px;
    }
    .form-question__right {
        max-width: 100%;
    }
    .milling {
        margin-top: 32px;
    }
    .milling-list {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .milling-item__tag {
        padding: 5px 10px;
        border-bottom-right-radius: 6px;
        font-size: 8px;
    }
    .milling-item__name {
        padding: 14px;
        font-size: 14px;
    }
    .types-facades .title {
        margin-top: 32px;
        font-size: 24px;
    }
    .calculator {
        padding: 24px;
    }
    .calculator-item__inputs {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .calculator-item:last-child .calculator-item__inputs {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    .working-calculator .iframe {
        padding-bottom: 174%;
    }
    .working-calculator .subtitle {
        margin-top: 32px;
    }
    .ral-list {
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .ral-popup__item {
        padding-bottom: 75%;
    }
    .ral-popup__item svg {
        right: 16px;
        top: 16px;
    }
    .collection-tabs {
        display: none;
    }
}