@charset "UTF-8";
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
@viewport {width: device-width;}


html {
    font-family: sans-serif;
    line-height: 1.2;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}
body {
    font-family: 'NunitoSans', arial, sans-serif;
    background-color: var(--bg);
    color: var(--body-text);
    font-size: 16px;
    font-weight: normal;
    position: relative;
    line-height: 1.4;
    min-height: 100%;
    max-width: 100%;
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
}

.main {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}

#tinymce{
    padding: 20px;
}
.tmce_notice_info,
.tmce_notice_success,
.tmce_notice_error{
    padding: 20px 30px;
    margin: 1rem 0 1.5rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    border-left: 8px solid rgb(188, 188, 188);
    display: block;
}
.tmce_notice_error{
    background-color: #ffcac6;
    border-left: 8px solid #ff3121;
    color: #222;
}
.tmce_notice_success{
    background-color: #d6fbcc;
    border-left: 8px solid #266f12;
    color: #222;
}
.tmce_notice_info{
    background-color: #e1f6fd;
    border-left: 8px solid #0a7ca2;
    color: #222;
}

/***** #Headings ***********************************************************/
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    display: block;
    position: relative;
    font-family: inherit;
    color: var(--body-heading);
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 1.5rem;
}
h1,.h1{font-size: 40px;}
h2,.h2{font-size: 40px;}
h3,.h3{font-size: 24px;}
h4,.h4{font-size: 22px;}
h5,.h5{font-size: 20px;}
h6,.h6{font-size: 18px;}

.main_page_title {
    max-width: 1018px;
    margin: 0 auto 40px;
    width: fit-content;
}

.main_page_title .h2, .main_page_title h1 {
    margin-bottom: 0;
    text-align: center;
}

/***** #Links ***************************************************************/
a {
    color: var(--basic-company);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    transition: var(--transition);
}
/***** #Resets *************************************************************/
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*:focus {outline: none;}
b, strong {font-weight: 600;}
img {max-width: 100%;border-style: none;}
img:not([src]) {visibility: hidden;}
figure {margin: 15px 40px;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
hr {
    height: 1px;
    background-color: #dbdbdb;
    margin: 20px 0;
    box-sizing: content-box;
    border: 0;
    overflow: visible;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg:not(:root) {overflow: hidden;}
[hidden] {display: none;}
p {margin: 0 0 1.5rem;}
p:last-child { margin-bottom: 0;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ol, ul {margin: 0 0 1.5rem 1.5rem;}
ol li, ul li {font-weight: 500;margin: 0 0 1rem 0;}
blockquote {
    margin: 1rem 0 1.5rem;
    color: rgb(94, 94, 94);
    padding: 20px 30px;
    border-left: 8px solid rgb(194, 194, 194);
    position: relative;
    background: rgb(248, 248, 248);
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    line-height: 1.3;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
}
blockquote p {
    font-style: italic;
    font-size: 16px;
    margin-top: 0;
}
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
blockquote cite:before {content: "\2014 \2009";}

picture {
    display: flex;
}

/***** #Form  *************************************************************/
[placeholder] {
    text-overflow: ellipsis;
    color: #BBBBBB;
}
input, textarea {
    border: 1px solid #BBBBBB;
    background: #fff;
    height: 50px;
    width: 100%;
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'NunitoSans';
}
textarea {
    height: auto;
    min-height: 100px;
}

.form__group {
    position: relative;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column-reverse;
}

.form__textarea.error, .form__input.error {
    border-color: rgb(231, 71, 71);
    font-size: 14px;
}
input::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder{
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgb(122, 122, 122);
    font-size: 13px;
    font-weight: 400;
}
.form__placeholder{
    font-family: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgb(122, 122, 122);
    font-size: 12px;
    font-weight: 500;
    transition: var(--transition);
    line-height: 1;
    pointer-events: none;
    display: table;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    cursor: text;
}
:focus::placeholder, :focus::-ms-input-placeholder, :focus:-ms-input-placeholder,
:focus:-moz-placeholder, :focus::-moz-placeholder, :focus::-webkit-input-placeholder {opacity: 0;}
.form__placeholder.active, .filled .form__placeholder, .form__placeholder--focus.error ~ label ~ .form__placeholder,
.form__placeholder--focus.error + .form__placeholder, .form__placeholder--focus:focus ~ .form__placeholder, .form__placeholder--focus:-webkit-autofill:focus ~ .form__placeholder,
.form__placeholder--focus:-webkit-autofill ~ .form__placeholder, .form__placeholder--focus.valid ~ .form__placeholder, .form__placeholder--focus:not([value='']) ~ .form__placeholder,
.form__placeholder--focus:valid  ~ .form__placeholder{
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    background: #fff;
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: #939393;
}
.form__placeholder--focus:-webkit-autofill, .form__placeholder--focus:-webkit-autofill:hover, .form__placeholder--focus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: inherit !important;
    filter: none!important;
}
.form__placeholder.active.error, .filled .form__placeholder.error,
.form__placeholder--focus.error + .form__placeholder, .form__placeholder--focus.error ~ label ~ .form__placeholder{
    color: rgb(231, 71, 71);
}
.message_error {
    clear: both;
    padding: 10px;
    margin: 10px 0 20px;
    background-color: rgb(253, 228, 228);
    border-left: 4px solid rgb(255, 0, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #222;
    line-height: 1.3;
    min-height: 36px;
}
.error {
    color: rgb(231, 71, 71);
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
}

/* Buttons */
.main_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: var(--transition);
    background: var(--basic-company);
    border: 1px solid var(--basic-company);
    color: var(--body-text);
    cursor: pointer;
    font-family: 'NunitoSans';
}
.contour_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: var(--transition);
    background: transparent;
    border: 1px solid var(--basic-company);
    color: var(--basic-company);
    cursor: pointer;
    font-family: 'NunitoSans';
}
.underline_btn {
    font-weight: 700;
    color: var(--body-text);
    border-bottom: 1px solid;
    display: flex;
    width: fit-content;
    cursor: pointer;
    transition: var(--transition);
}

/* Header Footer */
.header {
    position: sticky;
    top: 0;
    width: 100%;
    background: #282621;
    z-index: 100;
}
.menu_group__list {
    margin: 0;
    list-style: none;
}
.menu_group--header {
    display: flex;
    width: 100%;
}
.header__menu {
    max-width: 540px;
    width: 100%;
}
.menu_group__item {
    margin: 0;
    position: relative;
}
.menu_group--header .menu_group__item:not(:last-child) {
    flex-grow: 1;
}
.menu_group__link {
    color: var(--white-text);
}
.menu_group__list--2 {
    position: absolute;
    flex-direction: column;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 20px 1px #00095014;
    border-radius: 4px;
    width: 280px;
    top: 85%;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.menu_group--header .menu_group__item--2 .menu_group__link {
    padding: 12px 0;
    color: var(--body-text);
}
.menu_group__item--2:not(:last-child) {
    border-bottom: 1px solid #00000014;
}
.logo__link {
    max-width: 125px;
}
footer .logo__link {
    max-width: 160px;
}
.menu_group--header .menu_group__link {
    display: flex;
    padding: 30px 0;
    line-height: 1.3;
    gap: 5px;
}
.menu_group--header .menu_group__link .arrow_icon {
    position: relative;
    top: -1px;
    transition: var(--transition);
}
.switcher__language {
    gap: 20px;
}
.switcher__link {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--white-text);
    border-bottom: 1px solid transparent;
}
.switcher__link.active {
    border-color: var(--white-text);
}
.header-contact__section {
    gap: 8px;
    color: var(--white-text);
    position: relative;
    width: fit-content;
}
.header-contact__section .arrow {
    opacity: .6;
    transition: var(--transition);
    position: absolute;
    right: -31px;
    top: -2px;
}
.header-contact__item:not(.header-contact__item--visible) {
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.header-contact__item:not(.header-contact__item--visible) .header-contact__section{
    color: var(--body-text);
}
.header-contact__item {
    position: relative;
    line-height: 1.2;
    margin-bottom: 12px;
}
.header-contact__item:last-child {
    margin-bottom: 0;
}
.header-contact__inner {
    padding: 10px 10px 0;
    cursor: pointer;
    border-radius: 4px;
    position: absolute;
    background: transparent;
    transition: var(--transition);
    top: -4px;
}
.header-contact {
    height: 35px;
    position: relative;
    min-width: 230px;
}
.header-contact__section svg {
    flex-shrink: 0;
}
.header_social {
    gap: 16px;
}
.social__link {
    width: 36px;
    height: 36px;
    color: #242424;
    border-radius: 7px;
}
.footer {
    background: #131313;
    padding-top: 60px;
}
.footer__copyright {
    margin-top: 40px;
}
.footer_copyright-content {
    border-top: 1px solid #FFFFFF1A;
    font-size: 14px;
    color: #FFFFFF99;
    padding: 10px 0;
}
.footer__copyright a{
    color: #FFFFFF99;
    margin-left: 5px;
    font-weight: 700;
}
.footer__title {
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF66;
    margin-bottom: 16px;
}
.footer_slogan {
    color: #FFFFFF99;
    font-size: 14px;
    max-width: 235px;
    line-height: 1.3;
    margin-top: 20px;
}
.menu_group--footer .menu_group__item:not(:last-child) {
    margin-bottom: 12px;
}
.footer_btn.main_btn {
    background: var(--white-text);
    border-color: var(--white-text);
    margin-bottom: 16px;
}
.footer_btn.contour_btn {
    color: var(--white-text);
    border-color: var(--white-text);
}
.footer_column:last-child {
    width: 220px;
}
.footer_contact_ttl {
    gap: 10px;
    color: #fff;
    opacity: .6;
}
.footer__contact_item {
    gap: 8px;
}
.footer__contact_item:not(:last-child) {
    margin-bottom: 14px;
}
.footer__contact_item a {
    font-size: 18px;
    font-weight: 500;
    color: var(--white-text);
}

/* Banner Main */
.main_banner {
    height: calc(100vh - 80px);
}
.banner_main_content {
    position: absolute;
}
.banner_main_image {
    height: 100%;
    width: 100%;
    position: relative;
    animation: infiniteZoom 60s linear infinite;
}
@keyframes infiniteZoom {
     0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.05); /* перші ~2 секунди видно */
    }
    100% {
        transform: scale(1.2); /* дуже повільне збільшення */
    }  
}
.banner_main_image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000A6;
}
.banner_main_image picture {
    height: 100%;
    width: 100%;
}
.banner_main_image img {
    object-fit: cover;
    width: 100%;
}
.banner_main_content {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.banner_main_title {
    font-size: 70px;
    color: var(--white-text);
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    line-height: 1.1;
}
.banner_main_description {
    font-size: 22px;
    color: #FFFFFFE5;
    text-align: center;
}
.banner_main_btn {
    max-width: 335px;
    margin-top: 40px;
}
.banner_main_text {
    max-width: 725px;
    margin: 0 auto;
}
.main_banner .swiper-button-prev,
.main_banner .swiper-button-next {
    box-shadow: none;
    background: #FFE7A866;
    color: var(--white-text);
    transition: var(--transition);
}
.main_banner .swiper-button-prev {
    left: 7px;
}
.main_banner .swiper-button-next {
    right: 7px;
}
.swiper_btns {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: 100%;
}
.main_banner .swiper-pagination {
    bottom: 38px;
}

/* Blocks */
.margin-block {
    margin: 80px 0;
}
.parallax-block {
    background-attachment: fixed;
    background-size: 100%;
    position: relative;
    margin: 100px 0;
}
.back-image-block {
    margin: 80px 0;
    padding: 80px 0;
    position: relative;
    background-position: center;
    background-size: 100%;
}
.back-image-block .container {
    z-index: 10;
}
.page-margin {
    margin-bottom: 80px;
}
.bg-block {
    padding: 80px 0;
    background: #f7fafc;
}

/* Breadcrumbs */
.breadcrumbs {
    width: 100%;
    border: none;
    padding: 0;
    background: transparent;
    list-style: none;
    margin: 16px 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.breadcrumbs .breadcrumbs__item {
    padding: 0;
    color: #A0A0A0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}
.breadcrumbs a {
    transition: all .3s ease;
    color: var(--body-text);
    display: flex;
}
.breadcrumbs .breadcrumbs__item + .breadcrumbs__item:before {
    padding: 0 12px;
    content: '/';
    top: 0px;
    position: relative;
}

/* Main page */
.categories__item {
    box-shadow: 0px 3px 12px 0px #02002117;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    width: calc(25% - 12px);
    max-height: 270px;
}
.categories__list {
    gap: 16px;
}
.categories__name {
    width: calc(100% - 20px);
    position: absolute;
    font-size: 22px;
    color: var(--white-text);
    text-align: center;
    bottom: 30px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
    padding: 0 10px;
}
.categories__image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.categories__image::after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.09%, rgb(0 0 0 / 30%) 80.53%, rgb(0 0 0 / 45%) 100%);
    width: 100%;
    height: 100%;
}
.categories__image img {
    width: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: all .6s ease;
}
.main_mini_title span {
    background: #ffe8e3;
    font-weight: 500;
    font-size: 18px;
    border-radius: 10px;
    padding: 10px 20px;
    line-height: 1.1;
    color: #4b00005c;
}
.main_mini_title {
    margin-bottom: 14px;
    width: 100%;
    position: relative;
}
.main_mini_title::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ffe8e3;
    left: 0;
    top: 20px;
    position: absolute;
    z-index: -1;
}
.mini_title_container {
    background: #fff;
    padding: 0 16px;
    margin: 0 auto;
    z-index: 10;
}
.parallax-block::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
}
.parallax-block_content {
    padding: 320px 0;
    z-index: 1;
    position: relative;
}
.parallax-block_content::before {
    content: '';
    position: absolute;
    top: -5px;
    width: 100%;
    background-image: url(../images/parallax-top.png);
    height: 170px;
}
.parallax-block_content::after {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    background-image: url(../images/parallax-bottom.png);
    height: 170px;
}
.counter_main_item {
    color: var(--white-text);
    max-width: 250px;
    width: 100%;
    line-height: 1.1;
}
.counter_main_head {
    font-size: 90px;
    font-weight: 700;
}
.counter_main_description {
    font-size: 25px;
    text-align: center;
}
.main_about_left {
    width: 49%;
}
.main_video {
    width: 46%;
    position: sticky;
    top: 100px;
    height: fit-content;
}
.main_video video, .main_video iframe{
    width: 100%;
    border-radius: 10px;
    aspect-ratio: 3 / 2;
}
.back-image-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 39.64%, rgba(0, 0, 0, 0.8) 60.39%, rgba(0, 0, 0, 0.4) 100%);
}
.feedback-block {
    background-image: url(../images/mountains.jpg);
    background-position: center -245px;
}
.form_callback {
    width: 440px;
}
.back-image-block .mini_title_container {
    background: transparent;
}
.white_title .h2, .white_title .main_title_description{
    color: var(--white-text);
}
.main_title_description {
    text-align: center;
    margin-top: 16px;
}
.main_contacts_flex {
    gap: 26px;
    margin-bottom: 20px;
}
.main_contacts_item {
    width: 25%;
    box-shadow: 0px 3px 40px 0px #0200211F;
    padding: 20px;
    border-radius: 10px;
}
.main_contacts_title svg {
    width: 29px;
    height: 30px;
}
.main_contacts_title {
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}
.ya_map {
    height: 420px;
    border-radius: 10px;
    overflow: hidden;
}
.ya_map iframe {
    width: 100%;
    height: 100%;
    filter: contrast(0.7);
}
.main_contact_item:not(:last-child) {
    margin-bottom: 16px;
}
.contact_gray_title {
    color: #A6A6A6;
    font-weight: 300;
    line-height: 1.2;
}
.main_contact_item a,.main_contact_item .time_item {
    color: var(--body-text);
    font-weight: 500;
    font-size: 18px;
}
.banner_partners_item {
    box-shadow: 0px 6.9px 30.34px 0px #02002121;
    border-radius: 10px;
    padding: 16px;
    display: flex
}
.banner_group.banner_group--partners, .fn_products_slider  {
    padding: 30px;
    margin-top: -30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 8px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 8px;
}

/* Categories page */
.all_categories_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.all_categories_grid .categories__item {
    width: 100%;
    max-height: 300px;
}
.products_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}
.product_item {
    margin-bottom: 24px;
}
.product_preview {
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0px 3px 12px 0px #02002117;
    color: var(--body-text);
    height: 100%;
}
.product_preview__name {
    font-size: 22px;
    font-weight: 600;
    margin-top: 12px;
    text-align: center;
}
.product_preview__image {
    min-height: 250px;
    max-height: 250px;
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.product_preview__image picture {
    max-height: 100%;
    justify-content: center;
    height: unset;
    align-items: center;
    padding: 10px;
}
.product_preview__image img {
    object-fit: contain;
    max-height: 100%;
    height: fit-content;
}

/* Product */
.product-page__gallery, .product-page__details {
    width: 48%;
}
.products_variants_wrapper {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 12px;
}
.product_variant_item {
    font-size: 14px;
    text-align: center;
    gap: 4px;
}
.product_variant_color {
    width: 100%;
    height: 40px;
    box-shadow: 0px 3px 12px 1px #0200211F;
    border-radius: 10px;
    padding: 4px;
    cursor: pointer;
}
.product_color_value {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.products_variants_title, .mobile_tab_title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}
.product_variants {
    margin-bottom: 30px;
}
.fast_order_button {
    max-width: 340px;
}
.table_responsive {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
}
.table_responsive table {
    width: 100%;
}
.features__item:nth-child(even) {
    background: #f3f5f8;
}
.features__item td {
    width: 50%;
    padding: 7px;
}
.features__name {
    border-right: 1px solid #e9e9e9;
}
.features_block {
    margin-top: 30px;
}
.product-page__tabs {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #0000002b;
}
.product_images_block {
    position: sticky;
    top: 100px;
}
.product_description {
    max-width: 1020px;
}
.product-page__images {
    padding: 16px 10px;
}
.product-page__images-item {
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-out;
    background-color: #fff;
    /* aspect-ratio: 1 / 1; */
    height: 75px;
    width: 127px;
    box-shadow: 0px 3px 12px 0px #02002117;
    margin-right: 16px;
}
.product-page__images-item picture{
    height: 100%;
    width: auto;
    justify-content: center;
    padding: 5px;
}
.product-page__images-item img {
    width: auto;
    object-fit: contain;
    border-radius: 5px;
}
.product-page__image {
    margin: 0;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 12px 0px #02002117;
    padding: 15px;
}
.product-page__img img {
    border-radius: 10px;
}
.product-page__img picture {
    justify-content: center;
}
.popup_animated.fancybox-content {
    border-radius: 10px;
    padding: 40px;
    min-width: 450px;
}
.form__header {
    font-size: 24px;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 600;
}
#fast_order_product_name {
    font-weight: 400;
    text-align: center;
}
.product_annotation {
    margin-top: 40px;
}


/* Posts */
.article__preview {
    position: relative;
    box-shadow: 0px 3px 12px 0px #02002117;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    max-height: 270px;
}
.article__title {
    position: absolute;
}
.article__image_link {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.article__image_link img {
    width: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: all .6s ease;
}
.article_item {
    margin-bottom: 16px;
}
.article__title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000075;
    left: 0;
    top: 0;
    font-size: 22px;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    backdrop-filter: blur(1px);
    transition: all .5s ease;
    padding: 0 10px;
}
.post_container__body .banner_group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.post_container__body .banner_group__item {
    position: relative;
    box-shadow: 0px 3px 12px 0px #02002117;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    max-height: 300px;
}
.post_container__body .banner_group__image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    height: 100%;
}
.post_container__body picture {
    width: 100%;
}
.post_container__body img {
    width: 100%!important;
    object-fit: cover!important;
    transform: scale(1.01);
    transition: all .6s ease;
}
.article__image_link picture {
    height: 100%;
}


/* Feedback */
.main_contacts_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 58%;
}
.main_contacts_grid .main_contacts_item {
    width: 100%;
}
.feedback_page_form {
    max-width: 500px;
    margin: 0 auto;
}
.feedback_contacts_flex {
    margin-bottom: 60px
}
.feedback_map.ya_map {
    border-radius: 0;
}

.down_btn {
    position: absolute;
    bottom: 16px;
    left: calc(50% - 15px);
    z-index: 9;
    transform: rotate(90deg);
    text-decoration: none;
    animation: arrow_banner_hover 1s linear 1s infinite alternate;
    width: 30px;
    display: flex;
    padding: 30px;
}
@keyframes arrow_banner_hover{
    0% {
        bottom: 16px;
    }
    50% {
        bottom: 26px;
    }
    100% {
        bottom: 16px;
    }
}
.down_btn::after {
    content: 'next';
    font-family: swiper-icons;
    font-size: 26px;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    display: block;
}
.callback_heading {
    font-size: 22px;
    text-align: center;
    margin-bottom: 16px;
    font-weight: 600;
}

/* Catalog page */
.catalog_wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}
.catalog_banner_item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.catalog_banner_name {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #00000075;
    backdrop-filter: blur(1px);
    font-size: 18px;
    padding: 20px 10px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    transition: all .6s ease;
}
.catalog_banner_image {
    height: 100%;
    width: 100%;
}
.catalog_banner_image picture {
    height: 100%;
}
.catalog_banner_image img{
    object-fit: cover;
    transition: all .6s ease;
    transform: scale(1.01);
}

.pagination {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
}
.pagination__item {
    margin: 0;
    width: 40px;
    height: 40px;
    border: 1px solid var(--basic-company);
    background: transparent;
    border-radius: 4px;
    transition: all .3s ease;
}
.pagination__item.active {
    border: 1px solid var(--basic-company);
    background: var(--basic-company);
}
.pagination__link {
    color: var(--basic-text);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 1;
}

.block__description h2, .block__description .h2 {
    font-size: 30px;
    margin-bottom: 16px;
}
.products_description {
    max-width: 1080px;
    margin-top: 60px;
}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0px;gap:0px}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+6){display:none}
@media (max-width: 991px) {
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:0px;gap:0px}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+7){display:none}
}
@media (max-width: 767px) {
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0px;gap:0px}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+6){display:none}
}
@media (max-width: 576px) {
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0px;gap:0px}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+5){display:none}
}
@media (max-width: 480px) {
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0px;gap:0px}
.gallery-thumbs:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(1n+4){display:none}
}