select { background-image: url("data:image/svg+xml;utf8,"); } .woocommerce-ordering .select-wrapper .select-list li::before { content: url("data:image/svg+xml;utf8,"); } @font-face { font-family: "icons"; src: url("../fonts/icons.ttf?fbbzoh") format("truetype"), url("../fonts/icons.woff?fbbzoh") format("woff"), url("fonts/icons.svg?fbbzoh#icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .icon-nova_poshta_billing::before, .icon-nova_poshta_shipping::before, .product-summary-box::before, .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before, .select2-container .select2-selection .select2-selection__arrow::before, .wc-ukr-shipping-np-fields .select2-selection__rendered::before, label[for=payment_method_bacs]::before, label[for=payment_method_cod]::before, label[for*=local_pickup]::before, label[for*=ukrposhta]::before, label[for*=nova_poshta]::before, .remove::before, .file-placeholder::before, .button-product-view::before, .owl-next::before, .owl-prev::before, .wpc-open-close-filters-button::before, input[type=checkbox]:checked + span:before, input[type=checkbox]:checked + label:before, .order-status::before, .woocommerce .show-password-input::before, [class^=icon-], [class*=" icon-"] { font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); } .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before { color: var(--color_primary); } .icon-arrow-chevron-d-24:before { content: "\e900"; } .icon-arrow-chevron-double-d-24:before { content: "\e901"; } .icon-arrow-chevron-double-l-24:before { content: "\e902"; } .icon-arrow-chevron-double-r-24:before { content: "\e903"; } .icon-arrow-chevron-double-u-24:before { content: "\e904"; } .icon-arrow-chevron-l-24:before { content: "\e905"; } .icon-arrow-chevron-r-24:before { content: "\e906"; } .icon-arrow-chevron-u-24:before { content: "\e907"; } .select2-container .select2-selection .select2-selection__arrow::before, .icon-arrow-d-24:before { content: "\e908"; } .icon-arrow-l-24:before { content: "\e909"; } .button-product-view::before, .owl-prev::before, .owl-next::before, .icon-arrow-r-24:before { content: "\e90a"; } .icon-arrow-u-24:before { content: "\e90b"; } .icon-assortment-48:before { content: "\e90c"; } .file-placeholder::before, .icon-attachment-24:before { content: "\e90d"; } label[for=payment_method_bacs]::before, .icon-bank-24:before { content: "\e90e"; } .icon-bookmark-24:before { content: "\e90f"; } .product-summary-box::before, .icon-box-24:before { content: "\e910"; } .icon-card-24:before { content: "\e911"; } .icon-cart:before { content: "\e912"; } .icon-cash-delivery-24:before { content: "\e913"; } .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before, input[type=checkbox]:checked + span:before, input[type=checkbox]:checked + label:before, .order-status.completed::before, .icon-check-16:before { content: "\e914"; } .icon-check-24:before { content: "\e915"; } .icon-check-48:before { content: "\e916"; } .order-status.failed::before, .order-status.refunded::before, .order-status.cancelled::before, .icon-close-16:before { content: "\e917"; } .remove::before, .icon-close:before { content: "\e918"; } .order-status.on-hold::before, .order-status.pending::before, .order-status.processing::before, .icon-delivery-16:before { content: "\e919"; } .icon-email-24:before { content: "\e91a"; } .woocommerce .show-password-input::before, .icon-eye-24:before { content: "\e91b"; } .woocommerce .show-password-input.display-password::before, .icon-eye-slash-24:before { content: "\e91c"; } .icon-facebook-24:before { content: "\e91d"; } .icon-fav-24:before { content: "\e91e"; } .wpc-open-close-filters-button::before, .icon-filters-24:before { content: "\e91f"; } label[for*=local_pickup]::before, .icon-home-24:before { content: "\e920"; } .icon-info-16:before { content: "\e921"; } .icon-info-24:before { content: "\e922"; } .icon-instagram:before { content: "\e923"; } .icon-item-24:before { content: "\e924"; } .icon-key-24:before { content: "\e925"; } .icon-kyivstar-24:before { content: "\e926"; } .icon-lifecell-24:before { content: "\e927"; } .icon-linkedin-24:before { content: "\e928"; } .icon-location-48:before { content: "\e929"; } .wc-ukr-shipping-np-fields #wcus_np_shipping_city_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_shipping_area_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_city_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_area_field .select2-selection__rendered::before, .icon-map-24:before { content: "\e943"; } .icon-menu:before { content: "\e92b"; } .icon-minus-24:before { content: "\e92c"; } .icon-nova_poshta_shipping::before, .wc-ukr-shipping-np-fields #wcus_np_shipping_warehouse_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_warehouse_field .select2-selection__rendered::before, label[for*=nova_poshta]::before, .icon-novaposhta:before, .icon-np:before { content: "\e92d"; } .icon-paragraph-24:before { content: "\e92e"; } .icon-phone-24:before { content: "\e92f"; } .icon-pinterest-24:before { content: "\e930"; } .order-status.processing::before, .icon-plus-16:before { content: "\e931"; } .icon-plus-24:before { content: "\e932"; } .icon-search-24:before { content: "\e933"; } .icon-star-24:before { content: "\e934"; } .icon-star-48:before { content: "\e935"; } .icon-telegram-24:before { content: "\e936"; } .icon-time-24:before { content: "\e937"; } .icon-ukraine-24:before { content: "\e938"; } label[for*=ukrposhta]::before, .icon-ukrposhta:before { content: "\e939"; } .icon-update-24:before { content: "\e93a"; } .icon-user:before { content: "\e93b"; } .icon-viber-24:before { content: "\e93c"; } .icon-vodafone-24:before { content: "\e93d"; } label[for=payment_method_cod]::before, .icon-wallet-24:before { content: "\e93e"; } .icon-whatsapp-24:before { content: "\e93f"; } .icon-x-24:before { content: "\e940"; } .icon-youtube-24:before { content: "\e941"; } .icon-tiktok:before { content: "\e942"; } select { background-image: url("data:image/svg+xml;utf8,"); } .woocommerce-ordering .select-wrapper .select-list li::before { content: url("data:image/svg+xml;utf8,"); } @font-face { font-family: "icons"; src: url("../fonts/icons.ttf?fbbzoh") format("truetype"), url("../fonts/icons.woff?fbbzoh") format("woff"), url("fonts/icons.svg?fbbzoh#icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .icon-nova_poshta_billing::before, .icon-nova_poshta_shipping::before, .product-summary-box::before, .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before, .select2-container .select2-selection .select2-selection__arrow::before, .wc-ukr-shipping-np-fields .select2-selection__rendered::before, label[for=payment_method_bacs]::before, label[for=payment_method_cod]::before, label[for*=local_pickup]::before, label[for*=ukrposhta]::before, label[for*=nova_poshta]::before, .remove::before, .file-placeholder::before, .button-product-view::before, .owl-next::before, .owl-prev::before, .wpc-open-close-filters-button::before, input[type=checkbox]:checked + span:before, input[type=checkbox]:checked + label:before, .order-status::before, .woocommerce .show-password-input::before, [class^=icon-], [class*=" icon-"] { font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); } .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before { color: var(--color_primary); } .icon-arrow-chevron-d-24:before { content: "\e900"; } .icon-arrow-chevron-double-d-24:before { content: "\e901"; } .icon-arrow-chevron-double-l-24:before { content: "\e902"; } .icon-arrow-chevron-double-r-24:before { content: "\e903"; } .icon-arrow-chevron-double-u-24:before { content: "\e904"; } .icon-arrow-chevron-l-24:before { content: "\e905"; } .icon-arrow-chevron-r-24:before { content: "\e906"; } .icon-arrow-chevron-u-24:before { content: "\e907"; } .select2-container .select2-selection .select2-selection__arrow::before, .icon-arrow-d-24:before { content: "\e908"; } .icon-arrow-l-24:before { content: "\e909"; } .button-product-view::before, .owl-prev::before, .owl-next::before, .icon-arrow-r-24:before { content: "\e90a"; } .icon-arrow-u-24:before { content: "\e90b"; } .icon-assortment-48:before { content: "\e90c"; } .file-placeholder::before, .icon-attachment-24:before { content: "\e90d"; } label[for=payment_method_bacs]::before, .icon-bank-24:before { content: "\e90e"; } .icon-bookmark-24:before { content: "\e90f"; } .product-summary-box::before, .icon-box-24:before { content: "\e910"; } .icon-card-24:before { content: "\e911"; } .icon-cart:before { content: "\e912"; } .icon-cash-delivery-24:before { content: "\e913"; } .section-single-vacancie .content ul li::before, .offers .item::before, .wp-block-list li::before, input[type=checkbox]:checked + span:before, input[type=checkbox]:checked + label:before, .order-status.completed::before, .icon-check-16:before { content: "\e914"; } .icon-check-24:before { content: "\e915"; } .icon-check-48:before { content: "\e916"; } .order-status.failed::before, .order-status.refunded::before, .order-status.cancelled::before, .icon-close-16:before { content: "\e917"; } .remove::before, .icon-close:before { content: "\e918"; } .order-status.on-hold::before, .order-status.pending::before, .order-status.processing::before, .icon-delivery-16:before { content: "\e919"; } .icon-email-24:before { content: "\e91a"; } .woocommerce .show-password-input::before, .icon-eye-24:before { content: "\e91b"; } .woocommerce .show-password-input.display-password::before, .icon-eye-slash-24:before { content: "\e91c"; } .icon-facebook-24:before { content: "\e91d"; } .icon-fav-24:before { content: "\e91e"; } .wpc-open-close-filters-button::before, .icon-filters-24:before { content: "\e91f"; } label[for*=local_pickup]::before, .icon-home-24:before { content: "\e920"; } .icon-info-16:before { content: "\e921"; } .icon-info-24:before { content: "\e922"; } .icon-instagram:before { content: "\e923"; } .icon-item-24:before { content: "\e924"; } .icon-key-24:before { content: "\e925"; } .icon-kyivstar-24:before { content: "\e926"; } .icon-lifecell-24:before { content: "\e927"; } .icon-linkedin-24:before { content: "\e928"; } .icon-location-48:before { content: "\e929"; } .wc-ukr-shipping-np-fields #wcus_np_shipping_city_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_shipping_area_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_city_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_area_field .select2-selection__rendered::before, .icon-map-24:before { content: "\e943"; } .icon-menu:before { content: "\e92b"; } .icon-minus-24:before { content: "\e92c"; } .icon-nova_poshta_shipping::before, .wc-ukr-shipping-np-fields #wcus_np_shipping_warehouse_field .select2-selection__rendered::before, .wc-ukr-shipping-np-fields #wcus_np_billing_warehouse_field .select2-selection__rendered::before, label[for*=nova_poshta]::before, .icon-novaposhta:before, .icon-np:before { content: "\e92d"; } .icon-paragraph-24:before { content: "\e92e"; } .icon-phone-24:before { content: "\e92f"; } .icon-pinterest-24:before { content: "\e930"; } .order-status.processing::before, .icon-plus-16:before { content: "\e931"; } .icon-plus-24:before { content: "\e932"; } .icon-search-24:before { content: "\e933"; } .icon-star-24:before { content: "\e934"; } .icon-star-48:before { content: "\e935"; } .icon-telegram-24:before { content: "\e936"; } .icon-time-24:before { content: "\e937"; } .icon-ukraine-24:before { content: "\e938"; } label[for*=ukrposhta]::before, .icon-ukrposhta:before { content: "\e939"; } .icon-update-24:before { content: "\e93a"; } .icon-user:before { content: "\e93b"; } .icon-viber-24:before { content: "\e93c"; } .icon-vodafone-24:before { content: "\e93d"; } label[for=payment_method_cod]::before, .icon-wallet-24:before { content: "\e93e"; } .icon-whatsapp-24:before { content: "\e93f"; } .icon-x-24:before { content: "\e940"; } .icon-youtube-24:before { content: "\e941"; } .icon-tiktok:before { content: "\e942"; } @media (min-width: 1024px) { .widget_wpc_filters_widget { position: sticky !important; top: var(--padding_m); z-index: 1000; } } @media (min-width: 1024px) { .admin-bar .widget_wpc_filters_widget { top: 32px; } } body main .wpc-filters-open-button-container a.wpc-filters-open-widget, body main .wpc-filters-open-button-container a.wpc-open-close-filters-button { all: unset; } body main .wpc-filters-open-button-container a.wpc-filters-open-widget .wpc-icon-html-wrapper, body main .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-icon-html-wrapper { display: none !important; } body main .wpc-filters-open-button-container a.wpc-open-close-filters-button { background-color: var(--color_secondary); display: flex; align-items: center; gap: var(--gap_xs); border-radius: var(--radius); color: var(--color_white); line-height: 1; cursor: pointer; font-size: var(--font_size_p1); padding: var(--padding_xs); } body main .wpc-filters-open-button-container a.wpc-open-close-filters-button::before { color: var(--color_white); font-size: 24px; margin: -4px 0; position: relative; } @media (max-width: 767px) { body main .wpc-filters-open-button-container a.wpc-open-close-filters-button.wpc-opened { margin-bottom: var(--padding_s); } } body main .wpc-custom-selected-terms ul.wpc-filter-chips-list { all: unset; } body main .wpc-custom-selected-terms ul.wpc-filter-chips-list li.wpc-filter-chip { margin: 0 0 var(--gap_s); } body main .wpc-custom-selected-terms ul.wpc-filter-chips-list li.wpc-filter-chip.wpc-chip-reset-all a { all: unset; color: var(--color_black); font-size: var(--font_size_p2); cursor: pointer; } body main .wpc-custom-selected-terms ul.wpc-filter-chips-list li.wpc-filter-chip.wpc-chip-reset-all a:hover { color: var(--color_primary); } body main .wpc-custom-selected-terms .wpc-filter-chip:not(.wpc-chip-reset-all) { display: none !important; } body main .widget_wpc_filters_widget { margin: 0; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filter-title, body main .widget_wpc_filters_widget .wpc-filters-main-wrap ul.wpc-filters-ul-list, body main .widget_wpc_filters_widget .wpc-filters-main-wrap li.wpc-term-item label, body main .widget_wpc_filters_widget .wpc-filters-main-wrap li.wpc-term-item, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-section, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-widget-wrapper { all: unset; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-widget-wrapper, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-section, body main .widget_wpc_filters_widget .wpc-filters-main-wrap ul.wpc-filters-ul-list { display: flex; flex-direction: column; gap: var(--gap_s); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap ul { list-style: none !important; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-widget-wrapper { border: 1px solid var(--color_white); border-radius: var(--radius); gap: 0; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper { text-transform: lowercase; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] { display: none; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + span:not(.optional), body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label { display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-align: left; margin: 0; color: var(--color_black); position: relative; padding-left: calc(12px + var(--gap_s)); line-height: 1.1; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + span:not(.optional) a, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label a { color: var(--color_black); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + span:not(.optional) a:hover, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label a:hover { color: var(--color_primary); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + span:not(.optional):before, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label:before { content: ""; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 16px; min-width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--color_secondary); transition: 0.3s ease; color: var(--color_white); font-size: 0px; text-indent: -2px; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + span:not(.optional):hover::before, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label:hover::before { border-color: var(--color_primary); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox]:checked + span:not(.optional):before, body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox]:checked + label:before { content: "\e914"; background-color: var(--color_primary); border-color: var(--color_primary); color: var(--color_white); font-size: 16px; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper *::first-letter { text-transform: uppercase; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-checkbox-item .wpc-term-item-content-wrapper input[type=checkbox] + label::before { top: -1px; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-section { padding: var(--padding_s); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filters-section:not(:last-child) { border-bottom: 1px solid var(--color_white); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-filter-header { font-size: var(--font_size_h5); font-weight: bold; } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-edit-filter-set { padding: var(--padding_s); border: 1px solid var(--color_white); border-radius: var(--radius); margin-top: var(--padding_s); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-edit-filter-set a { color: var(--color_black); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-edit-filter-set a:hover { color: var(--color_primary); } body main .widget_wpc_filters_widget .wpc-filters-main-wrap .wpc-instead-of-posts-found:empty { display: none !important; } @media (max-width: 1023px) { .wpc_show_bottom_widget .wpc-filters-open-button-container, .wpc_show_open_close_button .wpc-filters-open-button-container { display: block; } body.wpc_show_open_close_button main .wpc-filters-widget-content:not(.wpc-opened) { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .wpc-filters-widget-content.wpc-opened { position: absolute; left: 0; top: 100%; z-index: 9999; width: 35vw; background-color: var(--color_white); border-radius: var(--radius); overflow: hidden; padding: var(--padding_s); border: 1px solid var(--color_white); margin-top: var(--padding_m) !important; border: 1px solid var(--color_primary); } } .wpc-term-disabled { display: none !important; } :root { --cubic_bezier: cubic-bezier(0.1, 0.6, 0, 1); --bg: #F2F2F2; --container_padding: 50px; --container: 1380px; --font: "Onest", Helvetica, Arial, Verdana, sans-serif; --text_color: #020202; --color_white: #fff; --color_black: #020202; --color_grey: #3E3F43; --color_grey_2: #2F3138; --color_primary: #EF3E33; --color_secondary: #2F3138; --color_link: #020202; --color_green: #19B44F; --color_error: #EF3E33; --color_yellow: #F4BF11; --header_height: 104px; --item_size: 56px; --max_size_m: 400px; --max_size_s: 600px; --gap_xs: 4px; --gap_s: 12px; --gap_m: 24px; --gap_l: 48px; --radius: 8px; --padding_xs: 12px; --padding_s: 16px; --padding_m: 24px; --padding_l: 48px; --font_size_h1: 72px; --font_size_h2: 48px; --font_size_h3: 36px; --font_size_h4: 24px; --font_size_h5: 16px; --font_size_p1: 16px; --font_size_p2: 14px; --font_size_p3: 12px; } @media (max-width: 767px) { :root { --container_padding: 24px; } } @media (min-width: 992px) and (max-width: 1200px) { :root { --container_padding: 48px; --container: 100%; } } @media (min-width: 768px) and (max-width: 991px) { :root { --container_padding: 48px; --container: 100%; } } body { background-color: var(--bg); font-family: var(--font); font-optical-sizing: auto; font-weight: 400; font-size: var(--font_size_p1); font-style: normal; color: var(--text_color); line-height: 1.3; overflow-x: hidden; } body.overflow-hidden, body.nav-active { overflow: hidden !important; } :focus { outline: none !important; } input:not([type=checkbox]):not(input[type=radio]):not([type=submit]), select { font-size: var(--font_size_p1); font-weight: 400; color: var(--color_black); background-color: var(--color_white); border-radius: var(--radius); border: 1px solid var(--color_white); line-height: 1; height: var(--item_size); width: 100%; display: block; font-family: var(--font); padding: var(--padding_s); transition: all 0.5s ease; } input:not([type=checkbox]):not(input[type=radio]):not([type=submit])::-moz-placeholder, select::-moz-placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } input:not([type=checkbox]):not(input[type=radio]):not([type=submit])::placeholder, select::placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } input[type=file] { display: none !important; } input[type=file] + .file-placeholder { font-size: var(--font_size_p1); font-weight: 400; color: var(--color_black); background-color: var(--color_white); border-radius: var(--radius); border: 1px solid var(--color_white); line-height: 1; height: var(--item_size); width: 100%; display: block; font-family: var(--font); padding: var(--padding_s); transition: all 0.5s ease; display: flex !important; align-items: center; gap: var(--gap_s); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } input[type=file] + .file-placeholder::-moz-placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } input[type=file] + .file-placeholder::placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } input[type=file] + .file-placeholder span { display: block; } input[type=file] + .file-placeholder::before { color: var(--color_black); font-size: 16px; } input[type=file] + .file-placeholder:hover::before { color: var(--color_primary); } select { cursor: pointer; background-position: calc(100% - var(--padding_s)) center; background-repeat: no-repeat; background-size: 12px; padding-right: calc(var(--padding_xs) + var(--padding_s) * 2); -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } select::-ms-expand { display: none !important; } select.np-disabled + span { opacity: 0.3 !important; cursor: default !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } select.np-disabled + span * { cursor: default !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } select.field-required + span .select2-selection { border-color: var(--color_error); } select.field-required + span .select2-selection .select2-selection__rendered { color: var(--color_error); } select.field-required + span .select2-selection .select2-selection__rendered::before { color: var(--color_error); } input:-webkit-autofill { background-color: transparent !important; color: var(--color_black) !important; box-shadow: 0 0 0px 1000px transparent inset !important; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px var(--color_white) inset !important; } input[type=radio]:not(.shipping_method):not([name=payment_method]) { display: none !important; } input[type=radio]:not(.shipping_method):not([name=payment_method]) + span, input[type=radio]:not(.shipping_method):not([name=payment_method]) + label { display: flex; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-align: left; margin: 0; color: var(--color_black); position: relative; padding-left: calc(18px + var(--padding_m)); } input[type=radio]:not(.shipping_method):not([name=payment_method]) + span a, input[type=radio]:not(.shipping_method):not([name=payment_method]) + label a { color: var(--color_black); } input[type=radio]:not(.shipping_method):not([name=payment_method]) + span a:hover, input[type=radio]:not(.shipping_method):not([name=payment_method]) + label a:hover { color: var(--color_primary); } input[type=radio]:not(.shipping_method):not([name=payment_method]) + span:before, input[type=radio]:not(.shipping_method):not([name=payment_method]) + label:before { content: ""; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 18px; min-width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--color_secondary); transition: 0.5s ease; } input[type=radio]:not(.shipping_method):not([name=payment_method]):checked + span:before, input[type=radio]:not(.shipping_method):not([name=payment_method]):checked + label:before { box-shadow: inset 0 0 0 5px var(--color_primary); border-color: var(--color_primary); } h1, h2, h3, h4, h5, h6 { color: var(--text_color); line-height: 1.2; } h1 { margin-top: 0; font-size: var(--font_size_h4); } h2 { font-size: var(--font_size_h3); } h3 { font-size: var(--font_size_h3); } h4 { font-size: var(--font_size_h3); } h5 { font-size: var(--font_size_h3); } #page { min-height: 100vh; display: flex; flex-direction: column; padding: 0 !important; } .site-main { display: flex; flex-direction: column; } .site-main > div:empty { display: none !important; } main { flex: 1; } strong { font-weight: 600; } p:last-child { margin-bottom: 0; } svg rect, svg path { transition: all 0.3s ease; } style + p:last-child { margin-top: 0; } a, input, select, textarea, button { outline: none !important; font-family: var(--font); } textarea { min-height: 128px; resize: vertical; } button { border: 0; } address { font-style: normal; padding: 0; margin: 0; width: 100%; display: block; } input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; text-align: center; } fieldset { border: 0; padding: 0; } a { transition: all 0.3s ease; } a:-webkit-any-link { cursor: pointer; text-decoration: none; } a:hover, a:focus, a:active, a:visited { color: inherit; } a:visited { color: inherit; } p:first-child { margin-top: 0; } figure { line-height: 0 !important; } .container { width: 100%; max-width: var(--container); margin: 0 auto; padding-left: var(--container_padding); padding-right: var(--container_padding); } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } a.button, .button, button[type=submit], input[type=submit] { display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: var(--padding_s); gap: var(--gap_s); background: var(--color_primary); border-radius: var(--radius); -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid var(--color_primary); color: var(--color_white); cursor: pointer; transition: all 0.3s ease; line-height: 1; } a.button i, .button i, button[type=submit] i, input[type=submit] i { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } a.button::before, a.button::after, .button::before, .button::after, button[type=submit]::before, button[type=submit]::after, input[type=submit]::before, input[type=submit]::after { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } a.button svg, .button svg, button[type=submit] svg, input[type=submit] svg { line-height: 0; position: relative; margin: -1px 0; } a.button:focus, a.button:hover, .button:focus, .button:hover, button[type=submit]:focus, button[type=submit]:hover, input[type=submit]:focus, input[type=submit]:hover { background-color: var(--color_secondary); color: var(--color_white); } a.button.button-secondary, .button.button-secondary, button[type=submit].button-secondary, input[type=submit].button-secondary { background-color: var(--color_secondary); border-color: var(--color_grey); color: var(--color_white); } a.button.button-secondary:focus, a.button.button-secondary:hover, .button.button-secondary:focus, .button.button-secondary:hover, button[type=submit].button-secondary:focus, button[type=submit].button-secondary:hover, input[type=submit].button-secondary:focus, input[type=submit].button-secondary:hover { border-color: var(--color_primary); background-color: var(--color_primary); } button[type=submit] { min-height: var(--item_size); } .header-title { position: relative; line-height: 1; padding: var(--padding_l) 0; transition: all 0.5s ease; background-color: var(--color_secondary); border-bottom: 1px solid var(--color_grey); } .header-title h1, .header-title h2 { margin: 0; padding: 0; text-align: center; color: var(--color_white); font-size: var(--font_size_h4); text-transform: uppercase; } header.site-header { position: relative; line-height: 1; padding: var(--padding_m) 0; transition: all 0.5s ease; background-color: var(--color_secondary); border-bottom: 1px solid var(--color_grey); } header.site-header .container { max-width: 100%; } header.site-header .logo-link { color: var(--color_white); } header.site-header .logo-link:hover { color: var(--color_white); } header.site-header .logo-link[href="#"] { cursor: default !important; } header.site-header .row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; } @media (max-width: 1023px) { header.site-header .row { grid-template-columns: auto 1fr; } } header.site-header .row .col { display: flex; align-items: center; gap: 24px; } header.site-header .row .col-1 { justify-content: flex-start; } header.site-header .row .col-3 { justify-content: flex-end; } header.site-header .header-buttons { align-self: center; display: flex; align-items: center; justify-content: center; gap: 25px; } header.site-header .site-branding { display: block; line-height: 0; position: relative; } header.site-header .site-branding svg, header.site-header .site-branding img { display: block; width: 100%; max-width: 80px; } header.site-header .site-branding .logo-link { display: block; color: var(--color_white); } header.site-header .site-branding .logo-link:hover { color: var(--color_primary); } header.site-header div.menu > ul, header.site-header ul.menu { display: flex; justify-content: space-between; align-items: center; gap: var(--gap_m); padding: 0; margin: 0; } @media (max-width: 1023px) { header.site-header div.menu > ul, header.site-header ul.menu { flex-direction: column; } } header.site-header div.menu > ul > li, header.site-header ul.menu > li { list-style: none; } header.site-header div.menu > ul > li a, header.site-header ul.menu > li a { display: flex; align-items: center; text-decoration: none; text-align: left; padding: 0; position: relative; font-size: var(--font_size_p1); } @media (min-width: 1024px) { header.site-header div.menu > ul > li a, header.site-header ul.menu > li a { color: var(--color_white); } } @media (max-width: 1023px) { header.site-header div.menu > ul > li a, header.site-header ul.menu > li a { color: var(--text_color); } } header.site-header div.menu > ul > li a[aria-current=page], header.site-header ul.menu > li a[aria-current=page] { cursor: default; text-decoration: none; color: var(--color_primary) !important; } header.site-header div.menu > ul > li a:hover, header.site-header ul.menu > li a:hover { color: var(--color_primary); text-decoration: none; } @media (max-width: 1023px) { header.site-header .menu-inner { display: flex; flex-direction: column; justify-content: flex-start; gap: var(--gap_m); overflow-x: auto; position: relative; height: 100vh; width: 100%; padding-bottom: var(--padding_m); } } @media (max-width: 1023px) and (min-width: 768px) and (max-width: 1024px) { header.site-header .menu-inner { padding-bottom: 46px; } } @media (max-width: 1023px) { header.site-header .menu-inner .menu-header-menu-container { flex: 1; } } @media (max-width: 1023px) { header.site-header .menu-wrapper { display: flex; flex-direction: column; width: 100vw; position: fixed; margin: 0; padding: 0; z-index: 9998; top: 0; bottom: 0; right: -100%; transition: all 3s var(--cubic_bezier); will-change: right; opacity: 0; visibility: hidden; background-color: var(--color_white); max-width: 100vw; transition: all 1s var(--cubic_bezier); } } @media (max-width: 1023px) and (max-width: 767px) { .admin-bar header.site-header .menu-wrapper { top: 46px; } } @media (max-width: 1023px) and (min-width: 768px) and (max-width: 1200px) { .admin-bar header.site-header .menu-wrapper { top: 32px; } } @media (max-width: 1023px) { .nav-active header.site-header .menu-wrapper { opacity: 1; visibility: visible; right: 0; transition: all 0.7s var(--cubic_bezier); } } header.site-header .close-menu { position: absolute; right: var(--padding_m); top: var(--padding_m); } @media (min-width: 1024px) { header.site-header .close-menu { display: none !important; } } header.site-header .menu-phone { display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: var(--gap_m); padding: 0; margin: var(--gap_m) 0 0; } header.site-header .menu-phone a { color: var(--text_color); } header.site-header .menu-phone a:hover { color: var(--color_primary); text-decoration: none; } @media (min-width: 1024px) { header.site-header .menu-phone { display: none !important; } } header.site-header .menu-toggle { cursor: pointer; } @media (min-width: 1024px) { header.site-header .menu-toggle { display: none !important; } } @media (max-width: 1023px) { header.site-header .menu-primary { flex: 1; padding: 0 var(--padding_m); } } @media (min-width: 1024px) { header.site-header .menu-header { display: none !important; } } @media (max-width: 1023px) { header.site-header .menu-header { display: flex; align-items: center; justify-content: center; padding: var(--padding_m); } header.site-header .menu-header .logo-link { color: var(--color_secondary); } header.site-header .menu-header .logo-link:hover { color: var(--color_primary); } } header.site-header .header-login, header.site-header .header-cart, header.site-header .menu-toggle { display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: var(--padding_s); gap: var(--gap_s); background: var(--color_primary); border-radius: var(--radius); -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid var(--color_primary); color: var(--color_white); cursor: pointer; transition: all 0.3s ease; line-height: 1; border-color: var(--color_grey); color: var(--color_white); background-color: transparent; padding-top: 13.5px; padding-bottom: 13.5px; } header.site-header .header-login i, header.site-header .header-cart i, header.site-header .menu-toggle i { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } header.site-header .header-login::before, header.site-header .header-login::after, header.site-header .header-cart::before, header.site-header .header-cart::after, header.site-header .menu-toggle::before, header.site-header .menu-toggle::after { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } header.site-header .header-login svg, header.site-header .header-cart svg, header.site-header .menu-toggle svg { line-height: 0; position: relative; margin: -1px 0; } header.site-header .header-login:focus, header.site-header .header-login:hover, header.site-header .header-cart:focus, header.site-header .header-cart:hover, header.site-header .menu-toggle:focus, header.site-header .menu-toggle:hover { background-color: var(--color_secondary); color: var(--color_white); } header.site-header .header-login.button-secondary, header.site-header .header-cart.button-secondary, header.site-header .menu-toggle.button-secondary { background-color: var(--color_secondary); border-color: var(--color_grey); color: var(--color_white); } header.site-header .header-login.button-secondary:focus, header.site-header .header-login.button-secondary:hover, header.site-header .header-cart.button-secondary:focus, header.site-header .header-cart.button-secondary:hover, header.site-header .menu-toggle.button-secondary:focus, header.site-header .menu-toggle.button-secondary:hover { border-color: var(--color_primary); background-color: var(--color_primary); } header.site-header .header-login span, header.site-header .header-cart span, header.site-header .menu-toggle span { line-height: 1; } header.site-header .header-login svg, header.site-header .header-cart svg, header.site-header .menu-toggle svg { line-height: 0; } header.site-header .header-login:hover, header.site-header .header-cart:hover, header.site-header .menu-toggle:hover { background-color: var(--color_primary); border-color: var(--color_primary); color: var(--color_white); } header.site-header .header-login .cart-count, header.site-header .header-cart .cart-count, header.site-header .menu-toggle .cart-count { font-size: var(--font_size_h5); font-weight: bold; } header.site-header .header-phone { display: flex; align-items: center; gap: var(--gap_m); font-size: var(--font_size_p1); } header.site-header .header-phone a { color: var(--color_white); text-decoration: none; } header.site-header .header-phone a:hover { text-decoration: none; color: var(--color_primary); } @media (max-width: 1023px) { header.site-header .header-phone { display: none !important; } } header.site-header .social-links { justify-content: center; } header.site-header .social-links a { background-color: var(--color_secondary); border-color: var(--color_secondary); } header.site-header .social-links a:hover { background-color: var(--color_primary); border-color: var(--color_primary); } @media (min-width: 1024px) { header.site-header .social-links { display: none !important; } } header.site-header .login-container { position: relative; } header.site-header .login-container .woocommerce-ajax-register, header.site-header .login-container .woocommerce-ajax-login { position: relative; display: block !important; } header.site-header .login-container .woocommerce-ajax-register.loading, header.site-header .login-container .woocommerce-ajax-login.loading { opacity: 0.5; } header.site-header .login-container .woocommerce-ajax-register.loading::before, header.site-header .login-container .woocommerce-ajax-login.loading::before { content: ""; position: absolute; z-index: 999; left: 0; top: 0; bottom: 0; right: 0; background-color: var(--bg); opacity: 0.5; } header.site-header .login-container .woocommerce-ajax-register.loading .header-ajax-login-button, header.site-header .login-container .woocommerce-ajax-login.loading .header-ajax-login-button { border-color: var(--color_secondary) !important; background-color: var(--color_secondary) !important; } header.site-header .login-container .dropdown-content { position: absolute; z-index: 9999; top: 100%; right: 0; background-color: var(--color_white); border-radius: var(--radius); padding: var(--padding_s); margin-top: var(--padding_m); } header.site-header .login-container .dropdown-content:not(.active) { display: none !important; } @media (min-width: 768px) { header.site-header .login-container .dropdown-content { width: 400px; } } @media (max-width: 767px) { header.site-header .login-container .dropdown-content { position: fixed; width: 80vw; left: 50%; top: var(--header_height); transform: translate(-50%, 0); } } header.site-header .login-container .dropdown-content .welcome-text { text-align: center; margin: var(--padding_xs) 0 var(--padding_m); } header.site-header .login-container .dropdown-content .user-menu { padding: 0; margin: 0 0 var(--padding_s) 0; list-style: none; } header.site-header .login-container .dropdown-content .user-menu > li + li { margin-top: -1px; } header.site-header .login-container .dropdown-content .user-menu > li > a { text-align: center; color: var(--color_white); display: block; padding: calc(var(--padding_s) + 3px); background-color: var(--color_secondary); border: 1px solid var(--color_grey); } header.site-header .login-container .dropdown-content .user-menu > li > a:hover { background-color: var(--color_primary); } header.site-header .login-container .dropdown-content .user-menu > li:first-child > a, header.site-header .login-container .dropdown-content .user-menu > li.first > a { border-radius: var(--radius) var(--radius) 0 0; } header.site-header .login-container .dropdown-content .user-menu > li:last-child > a, header.site-header .login-container .dropdown-content .user-menu > li.last > a { border-radius: 0 0 var(--radius) var(--radius); } header.site-header .login-container .dropdown-content .button { width: 100%; background-color: var(--color_secondary); border-color: var(--color_grey); } header.site-header .login-container .dropdown-content .button:hover { background-color: var(--color_primary); } header.site-header .login-container .dropdown-content .ajax-register-message, header.site-header .login-container .dropdown-content .ajax-login-message { margin-top: var(--padding_xs) !important; text-align: center; } header.site-header .login-container .dropdown-content .ajax-register-message:empty, header.site-header .login-container .dropdown-content .ajax-login-message:empty { display: none !important; } header.site-header .login-container .dropdown-content .ajax-register-message *, header.site-header .login-container .dropdown-content .ajax-login-message * { display: unset; } header.site-header .login-container .dropdown-content .ajax-register-message .woocommerce-error, header.site-header .login-container .dropdown-content .ajax-login-message .woocommerce-error { color: var(--color_error); } header.site-header .login-container .dropdown-content .tabs-container { display: flex; flex-direction: column; gap: var(--gap_s); } header.site-header .login-container .dropdown-content .tabs-nav { display: flex; justify-content: space-between; margin: var(--padding_xs) 0; } header.site-header .login-container .dropdown-content .tabs-nav .tab-link { color: var(--text_color); } header.site-header .login-container .dropdown-content .tabs-nav .tab-link.active { color: var(--color_primary); cursor: default; } header.site-header .login-container .dropdown-content .tab-content:not(.active) { display: none !important; } header.site-header .login-container .dropdown-content .fields { display: block; } header.site-header .login-container .dropdown-content .fields p { margin: 0; } header.site-header .login-container .dropdown-content .fields .lost_password { margin-top: var(--padding_s); padding: var(--padding_xs) 0; text-align: center; } header.site-header .login-container .dropdown-content .fields .lost_password a { color: inherit; } header.site-header .login-container .dropdown-content .fields .form-row-submit { margin-top: var(--padding_s); } header.site-header .login-container .dropdown-content .fields .form-row-username { position: relative !important; } header.site-header .login-container .dropdown-content .fields .form-row-username::before { content: "\e93b"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--color_white); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } header.site-header .login-container .dropdown-content .fields .form-row-username select, header.site-header .login-container .dropdown-content .fields .form-row-username input { padding-left: calc(var(--padding_s) + 24px) !important; } header.site-header .login-container .dropdown-content .fields .form-row-username.woocommerce-invalid-required-field::before { color: var(--color_error) !important; } header.site-header .login-container .dropdown-content .fields .form-row-password { position: relative !important; } header.site-header .login-container .dropdown-content .fields .form-row-password::before { content: "\e925"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--color_white); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } header.site-header .login-container .dropdown-content .fields .form-row-password select, header.site-header .login-container .dropdown-content .fields .form-row-password input { padding-left: calc(var(--padding_s) + 24px) !important; } header.site-header .login-container .dropdown-content .fields .form-row-password.woocommerce-invalid-required-field::before { color: var(--color_error) !important; } header.site-header .login-container .dropdown-content .fields .form-row-phone { position: relative !important; } header.site-header .login-container .dropdown-content .fields .form-row-phone::before { content: "\e92f"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--color_white); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } header.site-header .login-container .dropdown-content .fields .form-row-phone select, header.site-header .login-container .dropdown-content .fields .form-row-phone input { padding-left: calc(var(--padding_s) + 24px) !important; } header.site-header .login-container .dropdown-content .fields .form-row-phone.woocommerce-invalid-required-field::before { color: var(--color_error) !important; } header.site-header .login-container .dropdown-content .fields .form-row-email { position: relative !important; } header.site-header .login-container .dropdown-content .fields .form-row-email::before { content: "\e91a"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--color_white); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } header.site-header .login-container .dropdown-content .fields .form-row-email select, header.site-header .login-container .dropdown-content .fields .form-row-email input { padding-left: calc(var(--padding_s) + 24px) !important; } header.site-header .login-container .dropdown-content .fields .form-row-email.woocommerce-invalid-required-field::before { color: var(--color_error) !important; } header.site-header .login-container .dropdown-content .form-row { margin: 0; padding: 0; position: relative; } header.site-header .login-container .dropdown-content .form-row + .form-row:not(.form-row-submit) { margin-top: -1px; } header.site-header .login-container .dropdown-content .form-row:not(.form-row-first):not(.form-row-last) input { border-radius: 0; } header.site-header .login-container .dropdown-content .form-row.form-row-first input { border-radius: var(--radius) var(--radius) 0 0; } header.site-header .login-container .dropdown-content .form-row.form-row-last input { border-radius: 0 0 var(--radius) var(--radius); } header.site-header .login-container .dropdown-content .form-row input { background-color: var(--color_secondary); color: var(--color_white); border-color: var(--color_grey); } header.site-header .login-container .dropdown-content .form-row input::-moz-placeholder { color: var(--color_white); } header.site-header .login-container .dropdown-content .form-row input::placeholder { color: var(--color_white); } header.site-header .login-container .dropdown-content .form-row input:-webkit-autofill { color: var(--color_white) !important; background-color: var(--color_secondary) !important; -webkit-box-shadow: 0 0 0px 1000px var(--color_secondary) inset !important; -webkit-text-fill-color: var(--color_white) !important; } header.site-header .login-container .dropdown-content .form-row input:focus:-webkit-autofill { color: var(--color_white) !important; background-color: var(--color_secondary) !important; -webkit-box-shadow: 0 0 0px 1000px var(--color_secondary) inset !important; -webkit-text-fill-color: var(--color_white) !important; } .social-links { display: flex; align-items: center; gap: var(--gap_m); } footer { background-color: var(--color_grey); padding: 50px 0; color: var(--color_white); } footer .row { display: grid; } @media (min-width: 768px) { footer .row { grid-template-columns: 37.5% 1fr; gap: var(--gap_m); } } @media (min-width: 768px) and (max-width: 1024px) { footer .row { grid-template-columns: 1fr; gap: var(--gap_l); } } @media (max-width: 767px) { footer .row { grid-template-columns: 1fr; gap: var(--gap_m); } } @media (min-width: 768px) and (max-width: 1024px) { footer .footer-info-container { grid-column: span 2; } } footer .footer-phone, footer .footer-info-container, footer .footer-menu, footer .footer-menu .menu { display: flex; flex-direction: column; gap: var(--gap_m); } @media (min-width: 768px) { footer .footer-phone, footer .footer-info-container, footer .footer-menu, footer .footer-menu .menu { row-gap: var(--gap_m); } } footer .footer-phone { font-size: var(--font_size_h4); line-height: 1; font-weight: bold; } @media (min-width: 768px) { footer .footer-phone { row-gap: var(--gap_m); } } @media (min-width: 768px) { footer .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--gap_m); } } @media (max-width: 767px) { footer .footer-menu-container { display: flex; flex-direction: column; gap: var(--gap_m); } } @media (max-width: 767px) { footer .footer-menu-container .footer-menu, footer .footer-menu-container .menu { display: flex; flex-direction: column; gap: var(--gap_s); } } footer .footer-copyright { font-size: var(--font_size_p2); } footer .footer-menu .label { font-weight: bold; } footer a { color: var(--color_white); } footer a:hover { color: var(--color_primary); } footer ul { padding: 0; margin: 0; list-style: none; } .breadcrumb-container { background-color: var(--color_secondary); padding: var(--padding_s) 0; border-bottom: 1px solid var(--color_grey); } .woocommerce-account .breadcrumb-container { display: none !important; } #breadcrumbs { margin: 0; color: var(--color_white); display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap_s); } #breadcrumbs > span { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gap_s); } #breadcrumbs a { color: var(--color_white); } #breadcrumbs a:visited { color: var(--color_white); } #breadcrumbs a:hover { color: var(--color_primary); } #breadcrumbs .breadcrumb_last { color: var(--color_primary); } .section { padding-top: var(--padding_l); padding-bottom: var(--padding_l); } @media (max-width: 767px) { .section { padding-top: var(--padding_m); padding-bottom: var(--padding_m); } } .section .container { display: flex; flex-direction: column; gap: var(--gap_m); } .section .section-title { font-size: var(--font_size_h4); text-transform: uppercase; font-weight: bold; } .section.section-category-hero { background-color: var(--color_secondary); color: var(--color_white); text-align: center; margin-bottom: var(--padding_m); } @media (min-width: 768px) { .section.section-category-hero .container { gap: var(--gap_l); } } .section.section-main { background-color: var(--color_secondary); color: var(--color_white); text-align: center; background-image: url("../images/hero_bg.png"); background-size: cover; background-position: center bottom; } @media (min-width: 768px) { .section.section-main .container { gap: var(--gap_l); } } .section.section-main .section-title { color: var(--color_white); margin: 0; text-align: center; font-size: var(--font_size_h1); line-height: 1.3; } @media (max-width: 767px) { .section.section-main .section-title { font-size: var(--font_size_h3); } } .section.section-main .button.button-catalog { align-self: center; } .section.section-main .content { display: flex; flex-direction: column; gap: var(--gap_s); max-width: var(--max_size_s); margin: 0 auto; } .section.section-main .text { font-size: var(--font_size_p2); } .section.section-articles { background-color: var(--color_secondary); } @media (max-width: 1023px) { .section.section-articles .article-items-wrapper { padding-left: var(--container_padding); padding-right: var(--container_padding); margin-left: calc(var(--container_padding) * -1); margin-right: calc(var(--container_padding) * -1); overflow-x: auto; scrollbar-width: none; } .section.section-articles .article-items-wrapper::-webkit-scrollbar { display: none !important; } } .section.section-articles .section-title { color: var(--color_white); } @media (max-width: 1023px) { .section.section-articles .article-items { gap: 0; } } @media (max-width: 767px) { .section.section-articles .article-items .article-item { min-width: calc(100vw - var(--container_padding)); padding-right: var(--gap_m); } } @media (min-width: 768px) and (max-width: 1024px) { .section.section-articles .article-items .article-item { min-width: 70vw; padding-right: var(--gap_m); } } .section.section-advantages { background-color: var(--color_secondary); } .section.section-advantages .advantage-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap_l); } @media (min-width: 768px) and (max-width: 1024px) { .section.section-advantages .advantage-items { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .section.section-advantages .advantage-items { grid-template-columns: repeat(1, 1fr); gap: var(--gap_m); } } .section.section-advantages .advantage-items .advantage-item { display: flex; flex-direction: column; align-items: center; gap: 0; text-align: center; color: var(--color_white); } @media (max-width: 767px) { .section.section-advantages .advantage-items .advantage-item { gap: var(--gap_xs); } } .section.section-advantages .advantage-items .advantage-item .advantage-item-icon { width: 48px; height: 48px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section.section-advantages .advantage-items .advantage-item .advantage-item-icon img { max-width: 100%; } .section.section-advantages .advantage-items .advantage-item .advantage-item-icon svg { width: 48px; height: 48px; } .section.section-advantages .advantage-items .advantage-item .advantage-item-title { font-size: var(--font_size_h4); font-weight: bold; color: var(--color_primary); } .section.section-advantages .advantage-items .advantage-item .advantage-item-description { display: flex; flex-direction: column; justify-content: center; align-items: center; } .section.section-advantages .advantage-items .advantage-item .advantage-item-description p { margin: 0; } .section.section-bestsellers { padding-bottom: 0; } .section.section-bestsellers .button.button-product-view { height: var(--item_size); } .section.section-subscribe { text-align: center; background-color: var(--color_secondary); color: var(--color_white); } .section.section-subscribe .section-title { font-size: var(--font_size_h5); text-transform: none; } @media (max-width: 767px) { .section.section-subscribe .text { font-size: var(--font_size_p2); } } .section.section-subscribe .wpcf7-form-control-wrap { position: relative !important; } .section.section-subscribe .wpcf7-form-control-wrap::before { content: "\e91a"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--color_white); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } .section.section-subscribe .wpcf7-form-control-wrap select, .section.section-subscribe .wpcf7-form-control-wrap input { padding-left: calc(var(--padding_s) + 24px) !important; } .section.section-subscribe .wpcf7-form-control-wrap.woocommerce-invalid-required-field::before { color: var(--color_error) !important; } .section.section-text .content { background-color: var(--color_white); border-radius: var(--radius); padding: var(--padding_m); font-size: var(--font_size_p1); } .section.section-text .content .hidden-content, .section.section-text .content .show-more { display: flex; flex-direction: column; gap: var(--gap_m); } .section.section-text .content h1, .section.section-text .content h2, .section.section-text .content h3, .section.section-text .content h4, .section.section-text .content h5 { font-size: var(--font_size_h4); text-transform: uppercase; } .section.section-text .content * { margin: 0; } .section.section-text .content *:first-child { margin-top: 0; } .section.section-single .container { display: block; max-width: 800px; } .section.section-single h1 { font-size: var(--font_size_h3); } .section.section-single h2, .section.section-single h3, .section.section-single h4, .section.section-single h5 { font-size: var(--font_size_h4); margin-top: var(--padding_m); margin-bottom: var(--padding_m); } .section.section-single p { margin-bottom: var(--padding_m); margin-top: 0; } .section.section-404 p { margin: 0; } .section.section-404 .block-404 { display: flex; flex-direction: column; gap: var(--gap_s); background-color: var(--color_white); border-radius: var(--radius); padding: var(--padding_m); position: relative; border: 1px solid var(--color_primary); width: 100%; max-width: 352px; min-height: 352px; margin: 0 auto; text-align: center; } .section.section-404 .block-404 h2 { display: flex; justify-content: center; align-items: center; font-size: var(--font_size_h4); text-transform: uppercase; margin: 0; color: var(--color_primary); flex: 1; } .section.section-404 .block-404-footer { text-align: center; display: flex; flex-direction: column; gap: var(--gap_m); } .section.section-404 .return-to { display: flex; align-items: center; gap: var(--gap_m); } @media (min-width: 768px) { .section.section-404 .return-to { justify-content: center; } } @media (max-width: 767px) { .section.section-404 .return-to { flex-direction: column; } } @media (max-width: 767px) { .section.section-404 .button { width: 100%; } } .section.section-vacancies .section-title { text-align: center; margin: 0; } .section.section-vacancies .container { max-width: 800px; } .section.section-vacancies .offers { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--gap_m); } .section.section-vacancies .offers .item { display: flex; align-items: center; gap: var(--gap_xs); } .section.section-vacancies .offers .item::before { position: relative; top: 2px; } .section.section-vacancies .vacancies-empty { border: 1px solid var(--color_primary); border-radius: var(--radius); padding: var(--padding_m); text-align: center; background-color: var(--color_white); } .section.section-vacancies .vacancies-empty h3 { margin: 0; font-size: var(--font_size_h4); text-transform: uppercase; } .section.section-vacancies .vacancies { display: flex; flex-direction: column; gap: var(--gap_m); } .section.section-vacancies .vacancies .item { border: 1px solid var(--color_white); border-radius: var(--radius); gap: 0; padding: var(--padding_xs); display: flex; flex-direction: column; gap: var(--gap_s); transition: all 0.5s ease; color: var(--text_color); } .section.section-vacancies .vacancies .item:hover { border-color: var(--color_primary); } .section.section-vacancies .vacancies .item .item-content { background-color: var(--color_white); border-radius: var(--radius); padding: var(--padding_s); display: flex; flex-direction: column; gap: var(--gap_s); } @media (max-width: 767px) { .section.section-vacancies .vacancies .item .item-content { gap: var(--gap_m); } } .section.section-vacancies .vacancies .item h3 { font-size: var(--font_size_h5); margin: 0; padding: 0; } .section.section-vacancies .vacancies .item .item-header { border-radius: var(--radius) var(--radius) 0 0; margin: calc(var(--padding_xs) * -1) calc(var(--padding_xs) * -1) 0 calc(var(--padding_xs) * -1); padding: var(--padding_s); font-size: var(--font_size_h5); background-color: var(--color_white); line-height: 1; } .section.section-vacancies .vacancies .item .item-footer { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: var(--gap_s); } @media (max-width: 767px) { .section.section-vacancies .vacancies .item .item-footer { grid-template-columns: repeat(1, 1fr); } } .section.section-vacancies .vacancies .item .item-footer svg { line-height: 0; } .section.section-vacancies .vacancies .item .item-footer .datail-item { display: flex; align-items: center; gap: var(--gap_xs); } .page-id-215 .section .wpcf7, .section.section-single-vacancie .wpcf7, .section.section-vacancies .wpcf7, .section.section-contacts .wpcf7 { border: 1px solid var(--color_white); border-radius: var(--radius); gap: 0; padding: var(--padding_s); } .page-id-215 .section .wpcf7 h2, .section.section-single-vacancie .wpcf7 h2, .section.section-vacancies .wpcf7 h2, .section.section-contacts .wpcf7 h2 { border-radius: var(--radius) var(--radius) 0 0; margin: calc(var(--padding_s) * -1) calc(var(--padding_s) * -1) calc(var(--padding_s) / 2) calc(var(--padding_s) * -1); padding: var(--padding_s); font-size: var(--font_size_h5); background-color: var(--color_white); line-height: 1; } .section.section-contacts .contacts-container { display: grid; grid-template-columns: 50% 1fr; gap: var(--gap_m); } @media (max-width: 1023px) { .section.section-contacts .contacts-container { display: flex; flex-direction: column; } } .section.section-contacts .contacts-main .block { transition: all 0.5s ease; border: 1px solid var(--color_primary); padding: var(--padding_m); border-radius: var(--radius); background-color: var(--color_white); display: grid; grid-template-columns: 150px 1fr; gap: var(--gap_s) var(--gap_m); position: relative; } @media (max-width: 767px) { .section.section-contacts .contacts-main .block { display: flex; flex-direction: column; } } .section.section-contacts .contacts-main .block .info { display: flex; flex-direction: column; gap: var(--gap_s); } .section.section-contacts .contacts-main .block .info a:not(.button) { color: var(--text_color); } .section.section-contacts .contacts-main .block .info a:not(.button):hover { color: var(--color_primary); } .section.section-contacts .contacts-main .block .info h3 { font-size: var(--font_size_h5); margin: 0; padding: 0; } .section.section-contacts .contacts-main .block .info .phones { display: flex; flex-wrap: wrap; gap: var(--gap_s); } @media (max-width: 767px) { .section.section-contacts .contacts-main .block .info .social-links { gap: 0; justify-content: space-between; } } .section.section-contacts .contacts-main .block .image img { width: 100%; display: block; -o-object-fit: cover; object-fit: cover; border-radius: var(--radius); } .section.section-contacts .map { grid-row: span 2; } @media (min-width: 1024px) { .section.section-contacts .map { position: sticky; top: var(--padding_l); z-index: 1000; } } @media (min-width: 1024px) { .admin-bar .section.section-contacts .map { top: calc(var(--padding_l) + 32px); } } .section.section-contacts .map .map-wrapper { border-radius: var(--radius); border: 1px solid var(--color_primary); overflow: hidden; } @media (min-width: 768px) { .section.section-contacts .map iframe { height: 70vh !important; } } @media (max-width: 767px) { .section.section-contacts .map iframe { height: auto !important; aspect-ratio: 1; } } .section.section-contacts .form input[type=submit] { background-color: var(--color_secondary); border-color: var(--color_secondary); } .section.section-contacts .form input[type=submit]:hover { background-color: var(--color_primary); border-color: var(--color_primary); } .section.section-stores .stores-container { display: grid; grid-template-columns: 50% 1fr; gap: var(--gap_m); } @media (max-width: 1023px) { .section.section-stores .stores-container { grid-template-columns: 1fr; } } @media (min-width: 1024px) { .section.section-stores .map { position: sticky; top: var(--padding_l); z-index: 1000; } } @media (min-width: 1024px) { .admin-bar .section.section-stores .map { top: calc(var(--padding_l) + 32px); } } @media (min-width: 768px) { .section.section-stores .item-map iframe, .section.section-stores .map iframe { height: 70vh !important; } } @media (max-width: 767px) { .section.section-stores .item-map iframe, .section.section-stores .map iframe { height: auto !important; aspect-ratio: 1; } } .section.section-stores .items { display: flex; flex-direction: column; gap: var(--gap_m); } .section.section-stores .items .item { transition: all 0.5s ease; border: 1px solid var(--color_white); padding: var(--padding_m); border-radius: var(--radius); background-color: var(--color_white); display: grid; grid-template-columns: 150px 1fr; gap: var(--gap_s) var(--gap_m); position: relative; padding-right: calc(var(--item_size) + var(--padding_s) * 2); } @media (max-width: 767px) { .section.section-stores .items .item { display: flex; flex-direction: column; } } .section.section-stores .items .item:not(.active) { cursor: pointer; } .section.section-stores .items .item.active, .section.section-stores .items .item:hover { border-color: var(--color_primary); } .section.section-stores .items .item.active .button.button-map { background-color: var(--color_primary); border-color: var(--color_primary); cursor: default; } .section.section-stores .items .item .button-map { position: absolute; right: var(--padding_s); top: var(--padding_s); } .section.section-stores .items .item .image { grid-row: span 4; display: flex; align-items: center; justify-content: center; border-radius: var(--radius); } .section.section-stores .items .item .image.image-logo { background-color: rgba(0, 0, 0, 0.03); } @media (max-width: 767px) { .section.section-stores .items .item .image { max-width: calc(50% + var(--padding_m)); aspect-ratio: 1; } } .section.section-stores .items .item .image img { -o-object-fit: cover; object-fit: cover; width: 100%; display: block; border-radius: var(--radius); aspect-ratio: 1; } .section.section-stores .items .item h3 { margin: 0; font-size: var(--font_size_h5); } .section.section-stores .items .item a { color: var(--color_black); } .section.section-stores .items .item a:hover { color: var(--color_primary); } .section.section-stores .items .item .phones { display: flex; gap: var(--gap_s); } @media (max-width: 767px) { .section.section-stores .items .item .phones { flex-direction: column; } } .section.section-stores .items .item .item-map { grid-column: span 2; margin-right: calc((var(--item_size) + var(--padding_s) / 2) * -1); } .section.section-stores .items .item .item-map:empty { display: none !important; } .section.section-stores .items .item .button.button-map { background-color: var(--color_secondary); border-color: var(--color_secondary); } @media (max-width: 1023px) { .section.section-stores .items { order: 2; } } @media (max-width: 1023px) { .section.section-stores .side { display: none !important; } } .section.section-stores .side .map { border-radius: var(--radius); border: 1px solid var(--color_primary); overflow: hidden; } .section.section-page .container { max-width: 800px; } .section.section-page h1, .section.section-page h2, .section.section-page h3, .section.section-page h4, .section.section-page h5 { font-size: var(--font_size_h4); } .section.section-page i, .section.section-page em { color: var(--color_primary); font-style: normal; } .section.section-page a { color: var(--text_color); text-decoration: underline; } .section.section-page a:hover { color: var(--color_primary); } .section.section-single-vacancie .container { max-width: 800px; } .section.section-single-vacancie .container > h3 { margin: 0; text-align: center; } .section.section-single-vacancie h1, .section.section-single-vacancie h2, .section.section-single-vacancie h3, .section.section-single-vacancie h4, .section.section-single-vacancie h5 { font-size: var(--font_size_h4); margin-top: var(--padding_m); margin-bottom: var(--padding_m); text-transform: uppercase; } .section.section-single-vacancie h1 { margin-top: 0; } .section.section-single-vacancie p { margin-bottom: var(--padding_m); margin-top: 0; } .section.section-single-vacancie .vacancie-info { display: flex; flex-direction: column; gap: var(--gap_s); } .section.section-single-vacancie .vacancie-info .datail-item { display: flex; align-items: center; gap: var(--gap_xs); } .section.section-single-vacancie .content ul { display: flex; flex-direction: column; gap: var(--gap_s); margin: var(--padding_m) 0; padding: 0; list-style: none; } .section.section-single-vacancie .content ul:last-child { margin-bottom: 0; } .section.section-single-vacancie .content ul li { display: flex; align-items: center; gap: var(--gap_xs); } .section.section-single-vacancie .content ul li::before { position: relative; top: 2px; } .wp-block-button__link { all: unset; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: var(--padding_s); gap: var(--gap_s); background: var(--color_primary); border-radius: var(--radius); -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid var(--color_primary); color: var(--color_white); cursor: pointer; transition: all 0.3s ease; line-height: 1; color: var(--color_white) !important; padding: calc(var(--padding_s) + 3px); } .wp-block-button__link i { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } .wp-block-button__link::before, .wp-block-button__link::after { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } .wp-block-button__link svg { line-height: 0; position: relative; margin: -1px 0; } .wp-block-button__link:focus, .wp-block-button__link:hover { background-color: var(--color_secondary); color: var(--color_white); } .wp-block-button__link.button-secondary { background-color: var(--color_secondary); border-color: var(--color_grey); color: var(--color_white); } .wp-block-button__link.button-secondary:focus, .wp-block-button__link.button-secondary:hover { border-color: var(--color_primary); background-color: var(--color_primary); } .wp-block-list { display: flex; flex-direction: column; gap: var(--gap_s); list-style: none; margin: 0; padding: 0; } .wp-block-list li { display: flex; gap: 4px; } .wp-block-list li::before { display: inline-block; position: relative; top: -2px; } .wp-block-image { margin-bottom: var(--padding_m); } .wp-block-image img { display: block; max-width: 100%; border-radius: var(--radius); } .bestsellers { border-radius: var(--radius); overflow: hidden; } @media (min-width: 768px) { .bestsellers .badge { left: var(--gap_l); top: var(--gap_l); } } .bestsellers .owl-nav { position: absolute; right: var(--padding_l); bottom: var(--padding_l); align-items: center; gap: var(--gap_m); } @media (max-width: 767px) { .bestsellers .owl-nav { right: var(--padding_m); bottom: var(--padding_m); gap: var(--gap_s); } } .bestsellers .owl-item:not(.active) { opacity: 1 !important; visibility: visible !important; } .bestsellers .item { display: block; position: relative; background-color: var(--color_black); color: var(--color_white); } .bestsellers .item a { color: var(--color_white); display: block; } .bestsellers .item a:hover { color: var(--color_primary); } .bestsellers .item .item-image { display: block; } .bestsellers .item .item-image img { height: var(--max_size_m); -o-object-fit: cover; object-fit: cover; width: 100%; display: block; } .bestsellers .item .item-content { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--padding_l); display: flex; flex-direction: column; justify-content: center; gap: var(--gap_m); } @media (max-width: 767px) { .bestsellers .item .item-content { padding: var(--padding_m); top: 0; } } .bestsellers .item .item-content .item-title { font-size: var(--font_size_h3); margin: 0; color: var(--color_white); } @media (max-width: 767px) { .bestsellers .item .item-content .item-title { font-size: var(--font_size_h4); } } .bestsellers .item .item-content .item-footer { display: flex; align-items: center; gap: var(--gap_m); } .main-category { padding-top: var(--padding_l); padding-bottom: var(--padding_l); border-top: 1px solid var(--color_grey); border-bottom: 1px solid var(--color_grey); } @media (max-width: 1023px) { .main-category { padding-top: var(--padding_m); padding-bottom: var(--padding_m); } .main-category .owl-carousel { padding: 0 !important; margin-left: calc(var(--padding_m) * -1); margin-right: calc(var(--padding_m) * -1); width: auto; } .main-category .owl-carousel .owl-prev { left: var(--padding_m) !important; } .main-category .owl-carousel .owl-next { right: var(--padding_m) !important; } } .section-category-hero .main-category { padding: 0; border: 0; } .section-category-hero .main-category .item .item-image { height: 100px; width: 100px; } .section-category-hero .main-category .item .item-image svg { width: 60px; } .section-category-hero .main-category .item .item-image img { height: 100px; width: 100px; } .main-category .item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--gap_m); text-align: center; color: var(--color_white); } @media (max-width: 767px) { .main-category .item { padding-left: calc(var(--padding_l) * 2); padding-right: calc(var(--padding_l) * 2); } } .main-category .item .item-image { display: flex; align-items: center; justify-content: center; line-height: 1; } .main-category .item.active, .main-category .item:hover { color: var(--color_w); } .main-category .item.active .item-image, .main-category .item:hover .item-image { border-color: var(--color_primary); } .main-category .item.active .item-image img, .main-category .item:hover .item-image img { transform: scale(1); } .main-category .item .item-image { display: flex; flex-direction: column; align-items: center; height: 160px; width: 160px; border-radius: 50%; transition: all 1s var(--cubic_bezier); border: 1px solid transparent; overflow: hidden; } .main-category .item .item-image img { height: 160px; width: 160px; -o-object-fit: cover; object-fit: cover; transition: all 1s var(--cubic_bezier); transform: scale(0.95); } .main-category .item .item-name { text-transform: lowercase; } .main-category .item .item-name::first-letter { text-transform: uppercase; } .article-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap_m); } @media (max-width: 767px) { .article-items { display: flex; } } @media (max-width: 1023px) { .blog .article-items { display: grid; grid-template-columns: repeat(1, 1fr); } } .article-items .article-item { padding: 0; box-sizing: border-box; background-color: transparent; } .article-items .article-item .article-item-wrapper { border-radius: var(--radius); height: 100%; display: flex; flex-direction: column; gap: 0; transition: all 0.3s ease; border: 1px solid transparent; overflow: hidden; position: relative; } .article-items .article-item:hover .article-item-wrapper { border-color: var(--color_primary); } .article-items .article-item a { color: var(--color_black); } .article-items .article-item a:hover { color: var(--color_primary); } .article-items .article-item .article-info { flex: 1; padding: 13px; display: flex; flex-direction: column; gap: var(--gap_s); position: relative; margin-top: -1px; background-color: var(--color_white); } .article-items .article-item .article-excerpt { font-size: var(--font_size_p1); flex: 1; } .article-items .article-item .article-title { font-size: var(--font_size_h5); font-weight: bold; } .article-items .article-item .article-image { position: relative; line-height: 0; } .article-items .article-item .article-image img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; height: 274px; } @media (max-width: 1023px) { .blog .article-items .article-item .article-image img { height: auto; } } .article-items .article-item .article-footer { display: flex; align-items: center; justify-content: space-between; } .section-footer, .items-button { display: flex; align-items: center; justify-content: center; } .owl-carousel:not(.bestsellers):not(.products) { padding-left: calc(var(--item_size) + var(--padding_m)); padding-right: calc(var(--item_size) + var(--padding_m)); } .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-next, .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-prev { background-color: var(--color_secondary); border-color: var(--color_grey); color: var(--color_white); position: absolute; top: 50%; transform: translate(0, -50%); } .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-next:focus, .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-next:hover, .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-prev:focus, .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-prev:hover { border-color: var(--color_primary); background-color: var(--color_primary); } .owl-carousel:not(.bestsellers):not(.products) .owl-nav button.owl-prev { transform: translate(0, -50%) rotate(180deg); } .owl-carousel .owl-stage { display: flex; flex-wrap: wrap; } .owl-carousel .owl-nav { display: flex; justify-content: space-between; margin: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { all: unset; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: var(--padding_s); gap: var(--gap_s); background: var(--color_primary); border-radius: var(--radius); -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid var(--color_primary); color: var(--color_white); cursor: pointer; transition: all 0.3s ease; line-height: 1; padding: var(--padding_s) !important; background-color: var(--color_secondary); border-color: var(--color_grey); } .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } .owl-carousel .owl-nav button.owl-next::before, .owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-prev::after { color: var(--color_white); font-size: 24px; position: relative; margin: -1px; } .owl-carousel .owl-nav button.owl-next svg, .owl-carousel .owl-nav button.owl-prev svg { line-height: 0; position: relative; margin: -1px 0; } .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-prev:hover { background-color: var(--color_secondary); color: var(--color_white); } .owl-carousel .owl-nav button.owl-next.button-secondary, .owl-carousel .owl-nav button.owl-prev.button-secondary { background-color: var(--color_secondary); border-color: var(--color_grey); color: var(--color_white); } .owl-carousel .owl-nav button.owl-next.button-secondary:focus, .owl-carousel .owl-nav button.owl-next.button-secondary:hover, .owl-carousel .owl-nav button.owl-prev.button-secondary:focus, .owl-carousel .owl-nav button.owl-prev.button-secondary:hover { border-color: var(--color_primary); background-color: var(--color_primary); } .owl-carousel .owl-nav button.owl-next svg, .owl-carousel .owl-nav button.owl-prev svg { margin: -1px; } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: var(--color_primary); border-color: var(--color_primary); } .owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled { opacity: 0.2 !important; cursor: default; background-color: var(--color_secondary) !important; border-color: var(--color_secondary) !important; } .owl-carousel .owl-nav button.owl-prev { left: 0; transform: rotate(180deg); } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--gap_m); position: relative; width: 60%; margin: var(--gap_m) auto 0; } @media (max-width: 767px) { .owl-carousel .owl-dots { margin: var(--gap_m) 0 0; width: auto; padding-left: var(--container_padding); padding-right: var(--container_padding); } } .owl-carousel .owl-dots button.owl-dot { width: 12px; min-width: 12px; height: 12px; display: block; border-radius: 100%; background-color: var(--color_secondary); transition: all 0.3s ease; } .owl-carousel .owl-dots button.owl-dot:hover { background-color: var(--color_primary); } .owl-carousel .owl-dots button.owl-dot.active { background-color: var(--color_primary); cursor: default; } .wpcf7 [data-name=your-name] { position: relative !important; } .wpcf7 [data-name=your-name]::before { content: "\e93b"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } .wpcf7 [data-name=your-name] select, .wpcf7 [data-name=your-name] input { padding-left: calc(var(--padding_s) + 24px) !important; } .wpcf7 [data-name=your-name].woocommerce-invalid-required-field::before { color: var(--color_error) !important; } .wpcf7 [data-name=your-phone] { position: relative !important; } .wpcf7 [data-name=your-phone]::before { content: "\e92f"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } .wpcf7 [data-name=your-phone] select, .wpcf7 [data-name=your-phone] input { padding-left: calc(var(--padding_s) + 24px) !important; } .wpcf7 [data-name=your-phone].woocommerce-invalid-required-field::before { color: var(--color_error) !important; } .wpcf7 [data-name=your-email] { position: relative !important; } .wpcf7 [data-name=your-email]::before { content: "\e91a"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } .wpcf7 [data-name=your-email] select, .wpcf7 [data-name=your-email] input { padding-left: calc(var(--padding_s) + 24px) !important; } .wpcf7 [data-name=your-email].woocommerce-invalid-required-field::before { color: var(--color_error) !important; } .wpcf7 [data-name=your-text] { position: relative !important; } .wpcf7 [data-name=your-text]::before { content: "\e92e"; font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: var(--text_color); position: absolute; z-index: 10; top: 50%; transform: translate(0, -50%); left: var(--padding_xs); } .wpcf7 [data-name=your-text] select, .wpcf7 [data-name=your-text] input { padding-left: calc(var(--padding_s) + 24px) !important; } .wpcf7 [data-name=your-text].woocommerce-invalid-required-field::before { color: var(--color_error) !important; } .wpcf7 .wpcf7-form { display: grid; align-items: center; gap: var(--gap_s); position: relative; margin: 0 auto; } .wpcf7 .wpcf7-form span { display: block; } .section-subscribe .wpcf7 .wpcf7-form { max-width: 444px; grid-template-columns: 1fr auto; } @media (max-width: 767px) { .section-subscribe .wpcf7 .wpcf7-form { grid-template-columns: 1fr; } } .section-single-vacancie .wpcf7 .wpcf7-form p, .section-vacancies .wpcf7 .wpcf7-form p, .section-contacts .wpcf7 .wpcf7-form p, .page-id-215 .wpcf7 .wpcf7-form p { margin: 0; } .section-single-vacancie .wpcf7 .wpcf7-form h2, .section-single-vacancie .wpcf7 .wpcf7-form h3, .section-single-vacancie .wpcf7 .wpcf7-form h4, .section-vacancies .wpcf7 .wpcf7-form h2, .section-vacancies .wpcf7 .wpcf7-form h3, .section-vacancies .wpcf7 .wpcf7-form h4, .section-contacts .wpcf7 .wpcf7-form h2, .section-contacts .wpcf7 .wpcf7-form h3, .section-contacts .wpcf7 .wpcf7-form h4, .page-id-215 .wpcf7 .wpcf7-form h2, .page-id-215 .wpcf7 .wpcf7-form h3, .page-id-215 .wpcf7 .wpcf7-form h4 { width: auto !important; } @media (min-width: 768px) { .section-single-vacancie .wpcf7 .wpcf7-form, .section-vacancies .wpcf7 .wpcf7-form, .section-contacts .wpcf7 .wpcf7-form, .page-id-215 .wpcf7 .wpcf7-form { grid-template-columns: repeat(2, 1fr); } .section-single-vacancie .wpcf7 .wpcf7-form > *:not(.field-phone):not(.field-email), .section-vacancies .wpcf7 .wpcf7-form > *:not(.field-phone):not(.field-email), .section-contacts .wpcf7 .wpcf7-form > *:not(.field-phone):not(.field-email), .page-id-215 .wpcf7 .wpcf7-form > *:not(.field-phone):not(.field-email) { grid-column: span 2; } } @media (max-width: 767px) { .section-single-vacancie .wpcf7 .wpcf7-form, .section-vacancies .wpcf7 .wpcf7-form, .section-contacts .wpcf7 .wpcf7-form, .page-id-215 .wpcf7 .wpcf7-form { grid-template-columns: repeat(1, 1fr); display: flex; flex-direction: column; } .section-single-vacancie .wpcf7 .wpcf7-form > *, .section-vacancies .wpcf7 .wpcf7-form > *, .section-contacts .wpcf7 .wpcf7-form > *, .page-id-215 .wpcf7 .wpcf7-form > * { width: 100%; } } .wpcf7 .wpcf7-form.invalid .wpcf7-not-valid-tip { color: var(--color_error); } .wpcf7 .wpcf7-form.submitting { opacity: 0.5; } .wpcf7 .wpcf7-form.submitting::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: var(--bg); opacity: 0.5; } .section-contacts .wpcf7 .wpcf7-form.submitting::before, .section-single-vacancie .wpcf7 .wpcf7-form.submitting::before, .section-vacancies .wpcf7 .wpcf7-form.submitting::before { margin: calc(var(--padding_m) * -1); } .section-subscribe .wpcf7 .wpcf7-form.submitting::before { background-color: var(--color_secondary); } .wpcf7 .wpcf7-form.submitting .wpcf7-submit { border-color: var(--color_secondary) !important; background-color: var(--color_secondary) !important; } .wpcf7 .wpcf7-form.sent .wpcf7-response-output { color: var(--text_color); } .wpcf7 .field-text .wpcf7-form-control-wrap::before { transform: translate(0, 0); top: 13px; } .wpcf7 .field-text .wpcf7-form-control-wrap textarea { padding-left: calc(var(--padding_s) + 24px) !important; } .wpcf7 .wpcf7-response-output { text-align: center; grid-column: span 2; color: var(--color_primary); } .section-contacts .wpcf7 .wpcf7-response-output, .section-single-vacancie .wpcf7 .wpcf7-response-output, .section-vacancies .wpcf7 .wpcf7-response-output { max-width: 80%; margin: 0 auto; } .wpcf7 .wpcf7-form-control-wrap.focus::before { color: var(--text_color); } .wpcf7 .wpcf7-response-output:empty, .wpcf7 .wpcf7-spinner, .wpcf7 .screen-reader-response { display: none !important; } .wpcf7 .wpcf7-not-valid-tip { color: var(--color_error); display: none !important; } .wpcf7 .wpcf7-not-valid-tip + .wpcf7-not-valid-tip { display: none !important; } .wpcf7 .wpcf7-form-wrap { display: flex; flex-direction: column; gap: var(--gap_m); position: relative; } .wpcf7 .wpcf7-submit { height: var(--item_size); } .wpcf7 .wpcf7-form span.wpcf7-radio { display: flex; align-items: center; gap: var(--gap_s); margin: 0; } .wpcf7 .wpcf7-form span.wpcf7-radio .wpcf7-list-item-label { padding-left: calc(5px + var(--padding_m)); } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio) { font-size: var(--font_size_p1); font-weight: 400; color: var(--color_black); background-color: var(--color_white); border-radius: var(--radius); border: 1px solid var(--color_white); line-height: 1; height: var(--item_size); width: 100%; display: block; font-family: var(--font); padding: var(--padding_s); transition: all 0.5s ease; } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio)::-moz-placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio)::placeholder { color: var(--color_black); font-family: var(--font); font-weight: 400; } .section-subscribe .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio):not(:focus) { background-color: transparent; border-color: var(--color_grey); color: var(--color_white); } .section-subscribe .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio)::-moz-placeholder { color: var(--color_white); } .section-subscribe .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio)::placeholder { color: var(--color_white); } .section-subscribe .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio):focus::-moz-placeholder { color: var(--color_black); } .section-subscribe .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio):focus::placeholder { color: var(--color_black); } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio).wpcf7-not-valid { color: var(--color_error); border-color: var(--color_error); } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio).wpcf7-not-valid::-moz-placeholder { color: var(--color_error); } .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-radio).wpcf7-not-valid::placeholder { color: var(--color_error); } .wpcf7.sent .wpcf7-response-output { margin-top: var(--gap_m); } .category-title-container .page-title { margin: 0 0 -20px; } .mobile-call-back, .mobile-cart { position: fixed; z-index: 999; background: var(--color_primary); width: 180px; height: 180px; border-radius: 50%; bottom: -90px; display: block; padding: 0px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); } @media (min-width: 768px) { .mobile-call-back, .mobile-cart { display: none !important; } } .mobile-call-back > span, .mobile-cart > span { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; position: absolute; color: var(--color_white); font-weight: bold; } .mobile-call-back { left: -90px; } .mobile-call-back > span { right: 20px; top: 25px; } .mobile-call-back > span::before { content: url("../images/call-back.svg"); display: block; width: 30px; height: 30px; line-height: 0; } .woocommerce-pagination, .pagination { display: flex; align-items: center; justify-content: center; margin-top: var(--padding_l); margin-bottom: var(--padding_m); gap: var(--gap_s); } .blog .woocommerce-pagination, .blog .pagination { margin-bottom: 0; margin-top: var(--padding_s); } @media (max-width: 767px) { .blog .woocommerce-pagination, .blog .pagination { margin-top: 0; } } .woocommerce-pagination ul, .pagination ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: var(--gap_s); } .woocommerce-pagination span.page-numbers, .woocommerce-pagination a.page-numbers, .pagination span.page-numbers, .pagination a.page-numbers { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; padding: var(--padding_xs); border-radius: var(--radius); text-align: center; line-height: 1; background-color: var(--color_white); color: var(--color_black); min-width: 40px; } .woocommerce-pagination span.page-numbers:hover:not(.current), .woocommerce-pagination a.page-numbers:hover:not(.current), .pagination span.page-numbers:hover:not(.current), .pagination a.page-numbers:hover:not(.current) { background-color: var(--color_primary); color: var(--color_white); } .woocommerce-pagination span.page-numbers.current, .woocommerce-pagination a.page-numbers.current, .pagination span.page-numbers.current, .pagination a.page-numbers.current { background-color: var(--color_secondary); color: var(--color_white); text-decoration: none; } .woocommerce-pagination span.page-numbers.dots, .woocommerce-pagination a.page-numbers.dots, .pagination span.page-numbers.dots, .pagination a.page-numbers.dots { background-color: transparent !important; color: var(--color_black) !important; cursor: default !important; } .woocommerce-pagination .prev, .woocommerce-pagination .next, .pagination .prev, .pagination .next { display: none !important; } .accordion-item .accordion-content { display: none; } .show-more { position: relative; } .has-show-more .show-more::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 100%; background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); display: flex; align-items: flex-end; } .show-more-button a { color: var(--color_black); } .show-more-button a:hover { color: var(--color_primary); } .wp-block-embed.aligncenter { text-align: center; } .hidden-fields-container, .article-month, .hidden { display: none !important; }/*# sourceMappingURL=style.css.map */