:root {
--color-gray: #424242;
--color-black: #202020;
--color-orange: #fc8b2a;
--color-blue: #008aa4;
}
/* ----------------fonts---------------- */
@font-face {
font-family: "TTNorms";
src: url(../fonts/TTNorms-Light.woff2) format("woff2"),
url(../fonts/TTNorms-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TTNorms";
src: url(../fonts/TTNorms-Regular.woff2) format("woff2"),
url(../fonts/TTNorms-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TTNorms";
src: url(../fonts/TTNorms-Medium.woff2) format("woff2"),
url(../fonts/TTNorms-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TTNorms";
src: url(../fonts/TTNorms-Bold.woff2) format("woff2"),
url(../fonts/TTNorms-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "TTNorms";
src: url(../fonts/TTNorms-ExtraBold.woff2) format("woff2"),
url(../fonts/TTNorms-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
/* ------------------------------------ */
/* _ CSS Reset _ */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}
body,
html {
font-family: "TTNorms", Arial, sans-serif;
font-display: swap;
}
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-track {
background: #f3f3f3;
}
body::-webkit-scrollbar-thumb {
background-color: rgb(147, 147, 147);
border-radius: 20px;
border: 3.1px solid #f3f3f3;
}
header {
position: relative;
z-index: 99;
background: #ffffff;
}
body {
color: #333;
background-color: #fff;
scroll-behavior: smooth;
overflow-x: hidden;
}
ol,
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: #333;
transition: 0.3s ease;
}
a:hover {
transition: 0.3s ease;
}
img {
max-width: 100%;
height: auto;
}
.first-screen_img img {
width: 100%;
}
button {
background-color: transparent;
border: none;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
outline: none;
cursor: pointer;
}
/* __ */
.container {
position: relative;
max-width: 1630px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
h2 {
position: relative;
font-style: normal;
font-weight: 700;
font-size: 2.083vw;
font-weight: 800;
line-height: normal;
color: var(--color-black);
hyphens: none;
}
.buyButtonOkForm span {
display: flex;
}
.general-button,
.buyButtonOkForm span {
border-radius: 8px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 120% !important;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
color: #ffffff !important;
font-size: 15px !important;
width: 100% !important;
}
.general-button.button-orange {
background: var(--color-orange);
padding: 14px 35px;
}
.general-button.button-orange:hover,
.buyButtonOkForm span {
background: var(--color-blue);
}
.general-button.button-blue,
input#submit,
.buyButtonOkForm span {
background: var(--color-blue) !important;
padding: 11px 10px !important;
}
.buyButtonOkForm span {
padding: 19px 50px;
}
#buyoneclick_form_order h2 {
display: flex;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 700;
line-height: 130%;
color: #202020;
margin: 0 0 38px;
font-size: 20px;
}
.general-button.button-blue:hover,
input#submit:hover,
.buyButtonOkForm span:hover {
background: var(--color-orange) !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
position: relative;
z-index: 1;
}
.payment_box.payment_method span.email-error {
display: flex;
width: 100%;
justify-content: end;
padding: 0 0 5px;
}
div#formOrderOneClick label {
display: flex;
padding: 10px 0 0px 5px;
}
@keyframes flareAnimation {
0% {
left: -150%;
}
100% {
left: 150%;
}
}
.woocommerce-message {
border-top-color: var(--color-blue) !important;
}
.woocommerce-message::before {
color: var(--color-blue) !important;
}
.second-header.active {
position: fixed;
top: 0;
}
/* ERROR 404 */
.error-img {
max-width: 600px;
width: 100%;
}
.error-img img {
width: 100%;
}
.error .container {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 70px;
}
.error-title h1 {
text-align: center;
margin-bottom: 30px;
}
.error-description {
padding: 10px 15px;
border-bottom: 2px solid var(--color-orange);
color: #838383;
font-weight: 700;
}
/*________________________________POPUP____________________________________*/
div#popmake-4935 .pum-content.popmake-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
text-align: center;
}
.discount-title .discount-text {
font-size: 24px;
}
.discount-subtitle {
font-size: 14px;
color: #008aa4;
margin: 18px 0 58px;
}
.discount-button a {
display: flex;
justify-content: center;
align-items: center;
}
.discount-button a br {
display: none;
}
.discount-image {
margin-bottom: 21px;
}
.discount-image img {
max-width: 454px;
width: 100%;
}
/* ___________________________HEADER */
.header {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 9999;
}
.first-header {
width: 100%;
padding: 8px 0;
z-index: 50;
}
.header .container {
max-width: 100%;
padding: 0 8.333vw;
width: 100%;
display: flex;
justify-content: space-between;
}
.container.language-switch-wrapper {
align-items: center;
}
header .container .first-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
height: 90px;
}
.header-logo {
max-width: 111px;
max-height: 70px;
margin-right: 27px;
}
.header-logo img {
width: 100%;
height: auto;
min-width: 80px;
}
ul#menu-menu-header,
.header-menu {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: 100%;
padding: unset;
margin: unset;
list-style: none;
}
ul#menu-menu-header li,
.header-menu li {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
}
ul#menu-menu-header li::before,
ul.header-menu li::before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
bottom: 25px;
width: calc(100% - 20px);
height: 2px;
background: var(--color-orange);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.current_page_item a {
position: relative;
color: #202020 !important;
}
.current_page_item a:before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
bottom: -10px;
width: calc(100%);
height: 2px;
background: #fc8b2a;
opacity: 1;
visibility: visible;
transition: 0.3s;
}
ul#menu-menu-header > li.menu-item-active:before,
ul.header-menu > li.menu-item-active:before {
opacity: 1;
visibility: visible;
}
ul#menu-menu-header > li.menu-item-active a,
ul.header-menu > li.menu-item-active a {
color: var(--color-black);
}
ul#menu-menu-header > li,
ul.header-menu > li {
padding: 0 10px;
}
ul#menu-menu-header > li a,
ul.header-menu > li a {
font-style: normal;
font-weight: 400;
line-height: 1.17;
color: #75797c;
font-size: 14px;
}
.header-contact-us {
position: relative;
display: flex;
}
.header-contact-us_wrapper {
display: flex;
padding: 17px 0;
cursor: pointer;
}
.header-contact-us_wrapper:hover .header-contact-us_block {
opacity: 1;
visibility: visible;
transition: 0.15s;
}
.header-arrow-icon {
transition: 0.3s ease;
}
.header-contact-us_wrapper:hover .header-arrow-icon {
rotate: 180deg;
transition: 0.3s ease;
}
.header-contact-us_block {
position: absolute;
top: 100%;
background: #ffffff;
z-index: 9;
box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 20px 20px 24px;
left: -32px;
opacity: 0;
visibility: hidden;
}
.header-contact-us_button {
display: flex;
align-items: center;
justify-content: center;
}
.header-contact-us_button span {
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: var(--color-orange);
margin: 0 7px 0 10px;
font-size: 15px;
}
.first-header_wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
height: 100%;
}
.header-contact-us_icon {
background: var(--color-blue);
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.header-contact-us_icon.chat {
background: var(--color-orange);
}
.header-contact-us_icon.calback {
background: #63719c;
}
.header-contact-us_item {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 5px;
}
.header-contact-us_item.phone-block {
align-items: flex-start;
}
.header-contact-us_numbers {
display: flex;
flex-direction: column;
}
.header-contact-us_numbers.phone-items {
margin-top: 11px;
}
.header-contact-us_numbers.phone-items a {
transition: 0.3s ease all;
}
.header-contact-us_numbers.phone-items a:hover {
color: var(--color-orange);
transition: 0.3s ease all;
}
.header-contact-us_numbers a {
white-space: nowrap;
font-style: normal;
font-weight: 400;
line-height: 148.52%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-gray);
}
.second-header {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background: var(--color-blue);
height: 60px;
filter: drop-shadow(0px 4px 17px rgba(0, 0, 0, 0.15));
}
.second-header-catalog {
min-width: 280px;
max-width: 280px;
padding: 20px 29px 20px 31px;
background: #007e96;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.second-header-catalog_title svg {
transition: 0.6s;
}
.second-header-catalog:hover .second-header-catalog_title svg {
transform: rotate(360deg);
transition: 0.6s;
}
.second-header-catalog_title {
display: flex;
align-items: center;
justify-content: flex-start;
}
.second-header-catalog_title span {
font-style: normal;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
color: #ffffff;
margin-left: 12px;
}
.second-header-hidden {
position: absolute;
width: 100%;
max-height: 0;
overflow: hidden;
top: 100%;
transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
visibility: hidden;
/* Скрываем, когда элемент свёрнут */
z-index: 10;
}
.second-header-hidden.second-header-active {
max-height: 1000px;
/* Максимальная высота, достаточная для показа всего контента */
visibility: visible;
/* Делаем видимым, когда элемент развёрнут */
overflow: visible;
}
svg.category-button-arrow {
transition: 0.3s ease all;
}
svg.category-button-arrow.second-header-active {
transform: rotate(180deg);
transition: 0.3s ease all;
}
.second-header .container {
height: 100%;
z-index: 50;
}
.header-logo.logo-mobile {
display: none;
}
.second-header-hidden_menu {
position: relative;
min-width: 280px;
max-width: 280px;
padding: 40px 0;
}
.second-header-hidden_info {
position: relative;
}
.second-header-hidden_info::after {
content: "";
position: absolute;
right: -100vw;
left: 0;
top: 0;
width: 100vw;
height: 100%;
background-color: white;
z-index: -1;
}
.second-header-hidden_menu::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100vw;
height: 100%;
background-color: #f0f2f3;
z-index: -1;
}
.second-header_mobile-item {
display: none;
}
.header-category-item a {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
min-width: 100%;
padding: 10px 29px 10px 55px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 140%;
text-transform: uppercase;
}
.header-category-item a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.header-category-item_arrow {
margin-left: 12px;
width: 12px;
height: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.second-header-hidden .container {
justify-content: start;
}
.header-category-description {
display: none;
}
.header-category-description.active {
display: flex;
justify-content: space-between;
padding: 8px 40px 3px 32px;
height: 100%;
}
.header-category-description ul a {
display: flex;
font-size: 14px;
position: relative;
padding-left: 20px;
font-style: normal;
font-weight: 400;
line-height: 189.02%;
text-transform: uppercase;
color: var(--color-black);
}
.group-summary.group-fields {
width: 100% !important;
}
.header-category-description ul a:before {
position: absolute;
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 5px;
border-radius: 11px;
background: #c7d1e0;
}
.header-category-item .napivpromyslovi-kondyczionery::before,
.header-category-item .ru-napivpromyslovi-kondyczionery::before {
background: url(../images/napivpromislovi-icon.webp) center center;
background-size: contain;
}
.header-category-item .multi-split-sistemy::before,
.header-category-item .ru-multi-split-sistemy::before {
background: url(../images/multi-split-icon.webp) center center;
background-size: contain;
}
.header-category-item .promyshlennye-kondicionery::before,
.header-category-item .ru-promyshlennye-kondicionery::before {
background: url(../images/promislovi-icon.webp) center center;
background-size: contain;
}
.header-category-item .ochistiteli-vozduha::before,
.header-category-item .ru-ochistiteli-vozduha::before {
background: url(../images/ochischuvachi-icon.webp) center center;
background-size: contain;
}
.header-category-item .bytovye-kondicionery::before,
.header-category-item .ru-bytovye-kondicionery::before {
background: url(../images/pobutovi-icon.webp) center center;
background-size: contain;
}
.header-category-item .polupromyshlennye-kondicionery::before,
.header-category-item .ru-polupromyshlennye-kondicionery::before {
background: url(../images/napivpromislovi-icon.webp) center center;
background-size: contain;
}
.second-header-hidden_info__img {
display: flex;
align-items: center;
justify-content: flex-start;
}
.second-header-hidden_info__img a {
width: 106px;
height: 106px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.second-header-hidden_info__list {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.second-header-hidden_info__img a > img {
width: 100%;
height: auto;
align-self: center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.3s;
}
.second-header-hidden_info__img a:hover > img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.second-header-hidden_info {
width: 80%;
padding: 40px 0;
}
.second-header-hidden_info__visual {
max-width: 446px;
width: 100%;
}
.second-header-hidden_info__visual img {
width: auto;
max-width: 100%;
}
.second-header-hidden_wrapper {
position: relative;
width: 100%;
}
.site-header-icon-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding: 0 15px;
background: var(--color-blue);
height: 100%;
}
.header-burger {
display: none;
}
.header-contact-us-text span,
.header-contact-us_text span {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: var(--color-black);
text-transform: initial;
}
.site-header-icon-item {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.site-header-icon-delimeter {
width: 1px;
height: 25px;
margin: 0 14px;
background: #ffffff;
opacity: 0.2;
}
.cart-total-price {
margin-left: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #ffffff;
white-space: nowrap;
}
.open-cart-fixed.cart-heading {
position: relative;
display: flex;
align-items: center;
}
.mobile-header {
position: absolute;
top: 0;
left: -300%;
opacity: 0;
transition: 0.3s ease all;
}
.mobile-header.active {
position: fixed;
top: 0;
left: 0;
opacity: 1;
display: flex;
flex-direction: column;
align-items: start;
width: 320px;
transition: 0.3s ease all;
z-index: 9999;
height: 100%;
max-height: 100%;
background: #ffffff;
}
.mobile-header_menu-first {
background: var(--color-blue);
color: #ffffff;
}
.mobile-header_menu-first a {
color: #ffffff;
}
.mobile-header_menu-top {
display: flex;
justify-content: space-between;
align-items: center;
background: #ffffff;
height: 60px;
padding: 2px 18px 4px 9px;
}
.close-mobile_burger {
cursor: pointer;
}
.mobile-header_menu-first__catalog ul.submenu {
max-height: 0;
overflow: hidden;
transition: 0.4s ease all;
margin: 14px 0 0 20px;
background: #007e96;
}
.mobile-header_menu-first__catalog ul.submenu.active {
max-height: 800px;
/* Припустимо, що максимальна висота підменю може бути 500px */
transition: 0.7s ease all;
}
.mobile-header_menu-top .header-logo {
max-width: 80px;
}
.mobile-header_menu-first__cart {
display: flex;
align-items: center;
width: calc(100% - 20px);
margin: 0 auto;
}
.mobile-header_menu-first__catalog-item,
.mobile-header_menu-first__chosen-item,
.mobile-header_menu-first__leveling-item,
.mobile-header_menu-first__cart-item,
.mobile-header_menu-first__chosen {
position: relative;
display: grid;
grid-template-columns: 26px 1fr;
grid-gap: 19px;
align-items: center;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 164.52%;
color: #ffffff;
height: 40px;
width: calc(100% - 20px);
margin: 0 auto;
}
a.mobile-header_menu-first__chosen-item {
width: 100%;
}
a.mobile-header_menu-first__cart {
gap: 3px;
}
.mobile-header_menu-first__catalog-item svg {
cursor: pointer;
transition: 0.3s;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease-in-out;
transform-origin: center;
/* Задаем центр вращения */
}
span.burger-link-icon svg {
position: relative;
margin: 0;
top: auto;
right: auto;
transform: none;
}
.mobile-header_menu-first__catalog-item svg.active {
transform: translateY(-50%) rotate(-90deg);
}
span.burger-link-icon {
position: relative;
display: flex;
width: 26px;
align-items: center;
justify-content: center;
}
ul.mobile-header_menu-first__catalog-list {
overflow: hidden;
max-height: 0;
opacity: 0;
display: flex;
flex-direction: column;
gap: 12px;
background: #007e96;
padding: 0;
margin: unset;
list-style: none;
transition: 0.3s ease all;
}
ul.mobile-header_menu-first__catalog-list.active {
max-height: 2000px;
opacity: 1;
padding: 15px 19px 15px 20px;
}
.mobile-header_menu {
width: 320px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow-y: auto;
height: 100%;
max-height: 100%;
}
.mobile-header_bottom {
display: flex;
flex-direction: column;
height: fit-content;
}
.second-header-search.mobile-search {
padding: 10px;
background: #f0f2f3;
}
ul.mobile-header_menu-first__catalog-list li a {
position: relative;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #ffffff;
width: 100%;
}
.mobile-header_menu-first__catalog ul.submenu {
display: flex;
flex-direction: column;
gap: 5px;
}
ul.mobile-header_menu-first__catalog-list li.category-item {
position: relative;
width: 100%;
max-width: 100%;
cursor: pointer;
}
svg.toggle-mobile-submenu {
transition: transform 0.3s ease-in-out;
transform-origin: center;
/* Задаем центр вращения */
}
svg.toggle-mobile-submenu.active {
transform: rotate(180deg);
/* Поворот на 180 градусов */
}
ul.mobile-header_menu-first__catalog-list li.category-item svg {
cursor: pointer;
transition: 0.3s;
position: absolute;
right: 0;
top: 7px;
}
.mobile-header_menu-first__catalog ul.submenu a {
position: relative;
padding-left: 13px;
font-style: normal;
font-weight: 400;
font-size: 12px;
color: #ffffff;
}
.mobile-header_menu-first__catalog ul.submenu a::before {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 4.24px;
height: 4.24px;
border-radius: 1px;
transform: translateY(-60%) rotate(-45deg);
background: #ffffff;
}
.mobile-header_info {
padding: 25px 19px;
background: #ffffff;
}
.mobile-header_bottom-contacts {
padding: 0 10px 21px;
background: #ffffff;
}
.mobile-header_bottom-contacts {
display: flex;
flex-wrap: nowrap;
gap: 19px;
}
.mobile-header_info-menu ul {
display: flex;
flex-direction: column;
gap: 18px;
}
.mobile-header_info-menu ul li a {
font-size: 17px;
font-style: normal;
font-weight: 500;
color: #75797c;
}
.mobile-header_bottom__contact-phones {
display: grid;
grid-template-columns: 25px 1fr;
grid-gap: 5px;
align-items: flex-start;
}
.mobile-header_bottom-contact-icon {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
overflow: hidden;
}
.mobile-header_bottom__contact-phones,
.mobile-chat-on-site,
.mobile-get-callback {
display: grid;
grid-template-columns: 25px 1fr;
grid-gap: 5px;
align-items: flex-start;
}
.mobile-header_bottom__contact-phones .mobile-header_bottom-contact-icon {
background: var(--color-blue);
}
.mobile-chat-on-site .mobile-header_bottom-contact-icon {
background: var(--color-orange);
}
.mobile-get-callback .mobile-header_bottom-contact-icon {
background: #63719c;
}
.mobile-header_bottom-contact-icon svg {
width: auto;
height: auto;
max-width: 16px;
max-height: 16px;
}
.mobile-header_bottom__phone-list {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-top: 1px;
}
.mobile-header_menu-first__catalog-item {
cursor: pointer;
}
.mobile-header_bottom__phone-list a {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 175.02%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-gray);
white-space: nowrap;
}
.mobile-header_bottom-callback-text {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: var(--color-black);
}
.mobile-header_bottom-contact-item-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
}
#formOrderOneClick > .overlay {
display: block;
}
body.no-scroll {
overflow: hidden;
}
/* category descr */
section.category-page-description {
margin: 25px 0 40px;
}
section.category-page-description h2 {
font-size: 26px;
}
section.category-page-description h3 {
font-size: 21px;
}
section.category-page-description h2,
section.category-page-description h3,
section.category-page-description p {
padding-bottom: 10px;
}
section.category-page-description ul {
list-style: none;
/* Убираем стандартные маркеры списка */
padding-left: 0;
/* Убираем отступы у списка */
}
section.category-page-description ul li {
position: relative;
/* Для корректного позиционирования псевдоэлемента */
padding-left: 20px;
/* Отступ слева для точки */
line-height: 1;
margin-bottom: 8px;
}
section.category-page-description ul li::before {
content: "";
/* Псевдоэлемент не содержит текст */
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
/* Вертикальное центрирование точки */
width: 6px;
/* Размер точки */
height: 6px;
/* Размер точки */
background-color: #008aa4;
/* Цвет точки */
border-radius: 50%;
/* Закругляем для создания круга */
}
section.category-page-description ul {
padding-bottom: 16px;
}
/* Пошук */
.second-header-search {
position: relative;
width: 100%;
margin: 0 32px;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
height: 100%;
}
.second-header-search input[type="search"] {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
}
.second-header-search input[type="search"]::placeholder {
color: #888;
}
.second-header-search input[type="submit"] {
position: absolute;
right: 0;
top: 0;
border: none;
background-color: #333;
color: white;
padding: 8px 16px;
}
button.search-button {
position: absolute;
background-color: #ffffff00;
top: 50%;
transform: translateY(-47%);
right: 14px;
}
input#woocommerce-product-search-field-0 {
padding: 7px 40px 7px 20px;
background: #ffffff;
border-radius: 8px;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 164.52%;
color: #75797c;
height: auto;
width: 100%;
}
form.woocommerce-product-search {
width: 100%;
height: fit-content;
}
.woocommerce-product-search .search-field::placeholder {
color: #75797c;
font-weight: 400;
font-style: normal;
font-size: 16px;
}
input::-webkit-search-cancel-button {
display: none;
}
/* ------________FIRST_SCREEN_________------*/
.first-screen-slider_slide {
position: relative;
}
.first-screen-slider_mobile {
display: none !important;
}
.slide-content {
position: absolute;
top: 28px;
left: 15%;
color: #ffffff;
text-align: left;
z-index: 10;
max-width: 470px;
}
.first-screen_button .general-button.button-orange:hover {
color: #ffffff;
}
.slide-description {
font-size: 13.5px;
font-weight: 500;
color: #ffffff;
margin: 0 0 18px;
}
section#first-screen {
position: relative;
z-index: 1;
}
a.first-screen_img {
position: relative;
z-index: -1;
}
.slide-title {
font-size: 44.5px;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
margin: 0 0 48px;
}
a.first-screen_img img {
position: relative;
display: block;
width: 100%;
height: 100%;
z-index: -1;
}
.first-screen_button {
display: flex;
width: 270px;
}
.swiper-first-screen-arrow {
top: 50% !important;
transform: translateY(-50%);
display: flex !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 20 !important;
cursor: pointer !important;
}
.swiper-first-screen-arrow svg {
position: inherit;
z-index: 20;
}
.swiper-first-screen-arrow::after {
content: "" !important;
display: none;
}
.swiper-first-screen-arrow.swiper-button-next {
right: 2.656vw;
z-index: 20 !important;
}
.swiper-first-screen-arrow.swiper-button-prev {
left: 2.656vw;
z-index: 20 !important;
}
.swiper-first-screen-arrow svg path {
transition: 0.3s ease all;
}
.swiper-first-screen-arrow:hover svg path {
stroke: var(--color-black);
transition: 0.3s ease all;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
}
.first-screen span.swiper-pagination-bullet {
margin: unset !important;
width: 10px !important;
height: 4px;
background: #ffffff !important;
border-radius: 5px;
transition: 0.3s !important;
opacity: 1 !important;
left: auto !important;
right: auto !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
background: #008aa4 !important;
width: 50px !important;
transition: 0.3s ease all;
}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
display: flex;
justify-content: center;
left: 50%;
bottom: 15px !important;
transform: translateX(-50%);
width: 100px !important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(1) !important;
}
.first-screen .swiper-pagination-bullet:nth-child(2) {
margin-left: 12px !important;
}
/* ------- MANUFACTURERS ------- */
.pwb-carousel-item.swiper-slide a img {
filter: grayscale(100%);
transition: 0.3s;
}
.pwb-carousel-item.swiper-slide a img:hover {
filter: grayscale(0);
transition: 0.3s ease all;
}
section.manufacturers {
padding: 38px 0;
}
.pwb-carousel-item.swiper-slide a {
max-width: 180px;
}
.manufacturers .pwb-carousel-wrapper.swiper-wrapper {
display: flex;
align-items: center;
justify-content: space-around;
}
.pwb-carousel-item.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
/* ------ product-specialy ------ */
section.product-special {
padding-bottom: 56px;
}
section.product-special .container {
padding: 0 60px;
}
.product-special_wrapper .swiper {
margin: 0 auto;
overflow: visible;
}
.product-special-slider_slide-image {
position: relative;
height: 0;
padding-bottom: 100%;
}
.product-special_cart__label {
position: absolute;
left: 20px;
top: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
z-index: 3;
}
.product-special_cart__label span,
.onsale {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-align: center;
text-transform: uppercase;
color: #ffffff;
padding: 4px 10px;
border-radius: 0px 20px 20px 0px;
}
.product-special_cart__label.right-sale {
right: 20px;
left: auto;
}
.product-special_cart__label.right-sale .onsale,
.slider-content-product .onsale {
border-radius: 20px 0 0 20px;
}
.product-special_cart__label.right-sale .onsale,
.slider-content-product .onsale {
background: #ca4e4e;
margin-top: 4px;
min-height: auto;
line-height: normal;
position: relative;
top: 0;
left: 0;
}
.slider-content-product .onsale {
position: absolute;
right: 0;
z-index: 10;
left: auto;
}
.product-special_cart__label span.product-special_cart__label-new,
.onsale {
display: block;
background: #008aa4;
}
.product-special_cart__label span.product-special_cart__label-top {
display: block;
margin-top: 4px;
background: #63719c;
}
.product-special_cart__label-top,
.product-special_cart__label-new {
margin-bottom: 5px;
}
.product-special-slider_slide-caption {
position: relative;
padding: 21px 17px 16px;
}
.product-special-slider_slide.swiper-slide {
background: #ffffff;
border: 1px solid #c7d1e0;
border-left: none;
}
.product-special-slider_slide.swiper-slide.swiper-slide-active {
border-left: 1px solid #c7d1e0 !important;
}
.product-special_cart-name {
font-size: 15px;
font-style: normal;
font-weight: 400;
text-align: center;
color: var(--color-gray);
height: calc(1.2 * 15px * 3);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0 0 15px;
transition: 0.3s ease all;
}
.product-special_cart-name a:hover {
transition: 0.3s ease all;
color: var(--color-orange);
}
.product-special-slider_slide-image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
max-width: 94%;
max-height: 100%;
}
#primary-tobos .product-special-slider_slide-image img {
width: auto;
}
.product-special_cart-price-rating {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 14px;
}
.product-special_cart-buttons {
display: grid;
grid-template-columns: 1fr 40px 40px;
grid-gap: 4px;
width: 100%;
position: relative;
z-index: 4;
align-items: center;
}
.product-special_cart-buttons_by .general-button {
display: block !important;
font-size: 15px !important;
width: 100%;
}
.general-button.button-blue:hover,
input#submit:hover {
color: #ffffff !important;
}
.product-special_cart-scales,
.product-special_cart-chosen {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
transition: 0.3s;
position: relative;
border-radius: 8px;
}
.product-special_cart-rating {
display: flex;
flex-direction: column;
gap: 7px;
width: -webkit-fill-available;
font-weight: 400;
font-size: 13px;
text-align: right;
color: #75797c;
margin: 0 0 7px;
}
.product-special_cart-price {
font-size: 16.7px;
font-weight: 700;
color: var(--color-black);
}
.swiper-product-special-arrow {
top: 50% !important;
transform: translateY(-50%);
display: flex !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 20 !important;
cursor: pointer !important;
}
.swiper-product-special-arrow svg {
position: inherit;
z-index: 20;
}
.swiper-product-special-arrow::after {
content: "" !important;
display: none;
}
.swiper-product-special-arrow.swiper-button-next {
right: 10px;
z-index: 20 !important;
}
.swiper-product-special-arrow.swiper-button-prev {
left: 10px;
z-index: 20 !important;
}
.swiper-product-special-arrow svg path {
transition: 0.3s ease all;
}
.swiper-product-special-arrow svg path {
stroke: var(--color-black);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: all !important;
}
.product-special_title {
display: flex;
justify-content: center;
gap: 33px;
padding: 10px 0 32px;
}
.product-special_title__top,
.product-special_title__new {
font-size: 20.7px;
font-weight: 700;
text-transform: uppercase;
color: #a9b2b8;
position: relative;
cursor: pointer;
display: block;
}
.product-special_title__top.active,
.product-special_title__new.active {
color: var(--color-orange);
}
.product-special_title__top.active:before,
.product-special_title__new.active:before {
position: absolute;
content: "";
left: 50%;
bottom: -10px;
transform: translateX(-50%);
width: 40px;
height: 1.5px;
background: var(--color-orange);
transition: 0.3s;
}
.product-special_new-slider,
.product-special_top-slider {
display: none !important;
transition: 1.5s ease all;
}
.product-special_new-slider.active,
.product-special_top-slider.active {
display: block !important;
transition: 1.5s ease all;
}
.product-card-attributes {
position: absolute;
left: -1px;
z-index: 9;
top: calc(100% - 1px);
display: flex;
flex-direction: column;
width: calc(100% + 2px);
align-items: flex-start;
justify-content: flex-start;
padding: 5px 20px 19px 19px;
background: #f0f2f3;
border: 1px solid #c7d1e0;
border-top: none;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.product-special-slider_slide-caption {
transition: 0.3s ease all;
}
a.product-special_cart:hover .product-special-slider_slide-caption,
.product-special-slider_slide:hover .product-special-slider_slide-caption {
background: #f0f2f3;
transition: 0.3s ease all;
}
.product-special_cart:hover .product-card-attributes,
.product-special-slider_slide:hover .product-card-attributes {
opacity: 1;
visibility: visible;
}
.product-special_cart:hover .product-special_cart {
background: #f0f2f3;
}
.product-card-attribute-item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.product-card-attribute-name {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: var(--color-gray);
width: 50%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-card-attribute-value {
font-style: normal;
font-weight: 500;
line-height: 1.21;
color: var(--color-black);
width: 50%;
text-align: right;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-special_wrapper {
overflow-x: clip;
}
/* ---------___CATALOG___--------- */
.catalog-title span {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-align: center;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 18px;
display: block;
width: 100%;
}
.catalog-title .subtitle {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
color: var(--color-black);
margin: 0 0 54px;
}
.catalog-wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0;
}
.catalog-item_image img {
width: 175px;
display: flex;
margin: 0 auto 26px;
position: relative;
}
.catalog-item_image svg {
width: 175px;
height: 151px;
}
.catalog-item:nth-child(2) .catalog-item_image svg path {
fill: #008aa4;
}
.catalog-item:nth-child(2):before {
background: #008aa4;
}
.catalog-item:nth-child(3) .catalog-item_image svg path {
fill: #63719c;
}
.catalog-item:nth-child(3):before {
background: #63719c;
}
.catalog-item:nth-child(4) .catalog-item_image svg path {
fill: #edb000;
}
.catalog-item:nth-child(4):before {
background: #edb000;
}
.catalog-item:nth-child(5) .catalog-item_image svg path {
fill: #bc7d85;
}
.catalog-item:nth-child(5):before {
background: #bc7d85;
}
.catalog-item_image svg path {
fill: var(--color-orange);
}
.catalog-item_image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
transition: 0.3s;
}
.catalog-item_list ul li {
position: relative;
padding-left: 24px;
padding-bottom: 6px;
}
.catalog-item_list ul li:before {
position: absolute;
content: "";
left: 0;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
width: 6px;
height: 6px;
background: #c7d1e0;
border-radius: 1px;
transition: 0.3s;
}
.catalog-item_list ul li a {
font-size: 16px;
font-style: normal;
font-weight: 400;
color: var(--color-gray);
}
.catalog-item_list ul {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative;
z-index: 4;
}
.catalog-item_bottom-icon svg {
width: 100px;
height: 50px;
}
.catalog-item_bottom-icon svg path {
fill: #f0f2f3;
}
.catalog-item {
background: #ffffff;
padding: 26px 32.7px 102px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border: 1px solid #c7d1e0;
border-left: none;
position: relative;
overflow: hidden;
}
.catalog-item:first-child {
border-left: 1px solid #c7d1e0;
}
.catalog-item:before {
position: absolute;
content: "";
left: 50%;
top: 65px;
transform: translateX(-50%) rotate(45deg);
width: 0;
height: 0;
background: var(--color-orange);
z-index: 1;
transition: 0.8s;
border-radius: 50px;
}
.catalog-item:hover:before {
width: 400%;
height: 200%;
top: -200px;
}
.catalog-item:hover .catalog-item_list ul li:before {
background: #ffffff;
}
.catalog-item:hover .catalog-item_image img {
transform: translate(-50%, -50%) scale(1.1);
}
.catalog-item:hover .catalog-item_title,
.catalog-item:hover .catalog-item_list ul li a {
color: #ffffff;
}
.catalog-item:hover .catalog-item_button-hover {
opacity: 1;
visibility: visible;
color: #ffffff;
}
.catalog-item_image {
margin: 0 auto 10.7px;
display: flex;
position: relative;
max-width: 140px;
}
.catalog-item_title {
margin-bottom: 16px;
font-size: 17.5px;
font-style: normal;
font-weight: 500;
text-align: center;
color: var(--color-black);
overflow: hidden;
width: 100%;
position: relative;
z-index: 4;
}
.catalog-item_bottom-icon {
display: flex;
position: absolute;
left: 50%;
bottom: 22px;
transform: translateX(-50%);
}
.catalog-item_image img {
max-width: 78px;
max-height: 80px;
width: auto;
height: auto;
}
.catalog-item_button-hover {
font-size: 15px;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 4;
left: 50%;
bottom: 39px;
transform: translateX(-50%);
background: transparent;
padding: 19px 50px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
font-style: normal;
font-weight: 500;
text-align: center;
text-transform: uppercase;
color: #ffffff;
overflow-x: hidden;
}
a.catalog-item_button-hover:before {
position: absolute;
content: "";
top: 0;
height: 100%;
width: 45px;
transform: skewX(-45deg);
animation: flareAnimation;
left: -150%;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.4)
);
animation: flareAnimation 3s infinite linear;
}
/* ------ choise-product ------ */
section.choise-product {
padding: 56px 0;
}
.choise-product_wrapper {
overflow-x: clip;
display: flex;
}
section.choise-product .container {
padding: 0 60px;
}
.choise-product-slider.swiper {
overflow: visible;
}
.choise-product-arrow {
top: 50% !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 20 !important;
cursor: pointer !important;
}
.choise-product-arrow svg {
position: inherit;
z-index: 20;
}
.choise-product-arrow::after {
content: "" !important;
}
.choise-product-arrow.swiper-button-next {
right: 10px;
z-index: 20 !important;
}
.choise-product-arrow.swiper-button-prev {
left: 10px;
z-index: 20 !important;
}
.choise-product-arrow svg path {
transition: 0.3s ease all;
}
.choise-product-arrow svg path {
stroke: var(--color-black);
}
.recomendation-products-arrow {
top: 58% !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 20 !important;
cursor: pointer !important;
}
.recomendation-products-arrow svg {
position: inherit;
z-index: 20;
}
.recomendation-products-arrow::after {
content: "" !important;
display: none;
}
main.site-main.thankyou-page
.product-special-slider_slide.swiper-slide.swiper-slide-active {
border: 1px solid #c7d1e0 !important;
border-right: 1px solid #c7d1e0 !important;
border-bottom: 1px solid #c7d1e0 !important;
flex-shrink: inherit;
}
.recomendation-products-arrow.swiper-button-next {
right: 10px;
z-index: 20 !important;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt,
a.htcompare-btn.htcompare-btn-style-theme.htcompare-shop-use_shortcode.htcompare-product-use_shortcode.button.added {
padding: inherit !important;
background-color: transparent !important;
}
.recomendation-products-arrow.swiper-button-prev {
left: 10px;
z-index: 20 !important;
}
.recomendation-products-arrow svg path {
transition: 0.3s ease all;
}
.recomendation-products-arrow svg path {
stroke: var(--color-black);
}
/* -----_____LINE-ICONS_____----- */
.line-icons {
padding: 0 40px;
}
.line-icons .container {
padding: 54px 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 18px;
}
.line-icons_block {
display: grid;
grid-template-columns: 65px 1fr;
grid-gap: 31px;
align-items: center;
padding: 12px 13px 10px;
}
.line-icons_block__info-title {
font-size: 17.6px;
font-style: normal;
font-weight: 500;
line-height: 1.18;
color: var(--color-black);
margin: 0 0 7px;
}
.line-icons_block__info-description {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: var(--color-gray);
}
/* -----_____NEWS_____----- */
.news {
padding: 66px 0 55px;
background: #f0f2f3;
}
.news .catalog-title .subtitle {
margin: 0 0 43px;
}
.news-slider_slide.swiper-slide {
border: 1px solid #c7d1e0;
border-left: none;
}
.news-slider_slide.swiper-slide a.news_cart {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
background: #ffffff;
transition: 0.3s;
padding: 24px;
height: 100%;
}
.news-slider_slide.swiper-slide:first-child {
border-left: 1px solid #c7d1e0;
}
.news-slider_slide.swiper-slide
a.news_cart:hover
.news-slider_slide-image::before {
opacity: 0;
visibility: hidden;
}
.news-slider_slide.swiper-slide a.news_cart:hover .news-slider_slide-image img {
transform: scale(1.1);
}
.news-slider_slide-info__title {
font-size: 18px;
font-style: normal;
font-weight: 500;
color: var(--color-gray);
margin: 0 0 43px;
height: calc(1.18 * 1.146vw * 3);
}
.news-slider_slide-info__data {
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: #75797c;
font-size: 13px;
}
.news-slider_slide-info {
margin-bottom: 18.4px;
}
.news-slider_slide-image {
position: relative;
height: 0;
padding-bottom: 100%;
overflow: hidden;
border-radius: 8px;
width: 100%;
}
.news-slider_slide-image::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
opacity: 0.35;
visibility: visible;
transition: 0.3s;
z-index: 1;
}
.news-slider_slide-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.news-slider_slide.swiper-slide {
height: auto;
}
.news-arrow {
top: 4% !important;
display: none !important;
width: 40px !important;
height: 40px !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 20 !important;
cursor: pointer !important;
}
.news-arrow svg {
position: inherit;
z-index: 20;
}
.news-arrow::after {
content: "" !important;
display: none;
}
.news-arrow.swiper-button-next {
right: 10px;
z-index: 20 !important;
}
.news-arrow.swiper-button-prev {
left: 10px;
z-index: 20 !important;
}
.news-arrow svg path {
transition: 0.3s ease all;
}
.news-arrow svg path {
stroke: var(--color-black);
}
.news-arrow.swiper-button-prev {
left: auto;
right: 20%;
z-index: 20 !important;
}
.news-arrow.swiper-button-next {
right: 14%;
z-index: 20 !important;
}
main.news .articles-body_title a:nth-child(2) {
color: var(--color-orange);
}
main.actions .articles-body_title a:nth-child(3):before {
position: absolute;
content: "";
left: 50%;
bottom: 14px;
transform: translateX(-50%);
width: 40px;
height: 2px;
background: var(--color-orange);
transition: 0.3s;
}
.empty-blog-category-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 23px;
}
.empty-blog-category-subtitle {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
text-align: center;
color: var(--color-gray);
margin: 0 0 25px;
}
.empty-blog-category-caption a.general-button.button-blue {
width: 261px;
display: flex;
justify-content: center;
font-size: 15px;
font-weight: 500;
line-height: 120%;
text-align: center;
}
.empty-blog-category-caption a.general-button.button-blue:hover {
transition: 0.3s ease all;
background: var(--color-orange) !important;
}
/* -----_____LINE-TEXT_____----- */
.text-line {
padding: 64px 20px 110px;
position: relative;
}
.text-line_title span {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 120%;
text-transform: uppercase;
color: #75797c;
margin: 0 0 24px;
}
.text-line .container {
display: flex;
flex-direction: column;
position: relative;
height: 124px;
z-index: 4;
}
.text-line_icon {
position: absolute;
right: 9px;
top: 0;
z-index: 1;
}
/* -----_____FOOTER_____----- */
footer {
clear: both;
border-top: 1px solid #c7d1e0;
}
footer a:hover {
color: var(--color-blue);
}
.footer-wrapper {
padding: 30px 0 40px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.footer-info {
width: 300px;
}
.footer-info_logo {
width: 110px;
margin-bottom: 50px;
}
.footer-info_logo img {
max-width: 100%;
height: auto;
}
.footer-info_description {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: rgba(32, 32, 32, 0.5);
margin-bottom: 16px;
}
.footer-info_socials {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.footer-info_socials a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 6px 6px 0;
border: 1px solid #c7d1e0;
border-radius: 8px;
}
.footer-info_socials a:hover {
border: 1px solid #008aa4;
}
.footer-contacts {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-list_title {
font-size: 18px;
position: relative;
font-style: normal;
font-weight: 500;
line-height: 1.18;
color: var(--color-black);
margin: 0 0 13px;
}
.footer-list_title svg {
position: absolute;
left: -36px;
top: 50%;
transform: translateY(-50%);
}
footer ul a {
display: block;
font-size: 13.6px;
font-style: normal;
font-weight: 400;
color: var(--color-gray);
padding: 4px 0;
}
.footer-menu-title {
font-size: 17.6px;
position: relative;
font-style: normal;
font-weight: 500;
color: var(--color-black);
margin: 0 0 13px;
}
.footer-menu-title svg {
position: absolute;
left: -36px;
top: 50%;
transform: translateY(-50%);
}
.footer-phones-list {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 6px;
}
.footer-phones-list a {
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-gray);
}
a.footer-phones-list_button {
font-size: 13px;
font-style: normal;
font-weight: 400;
color: rgba(32, 32, 32, 0.5);
}
.footer-email a,
.footer-address-value {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
}
.footer-address-value {
font-style: normal;
font-weight: 400;
color: var(--color-gray);
}
.footer-second {
background: #63719c;
height: 45px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.footer-second .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-second_block,
.footer-second_block a {
font-size: 13px;
display: inline-flex;
font-style: normal;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.footer-second_block a:hover {
color: #ffffff;
}
a.footer-phones-list_button:hover {
color: var(--color-black);
}
a.footer_odbm img {
width: 24px;
}
a.footer_odbm {
display: flex;
align-items: end;
}
.footer-second_block {
height: 100%;
display: flex;
align-items: end;
padding-bottom: 5px;
}
section.about-first-screen {
padding-bottom: 20px;
}
/* ___________ABOUT COMPANY___________ */
main.about-company {
background: #f0f2f3;
}
main.about-company h1,
main.actions h1 {
padding-top: 60px;
}
.about-first-screen_title h1 {
font-size: 21px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 40px;
}
.about-first-screen_info__statistic {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 32px;
width: 100%;
gap: 20px;
z-index: 2;
}
.about-first-screen_image {
position: relative;
padding-bottom: 90px;
z-index: 2;
}
.about-first-screen_info {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
height: 100%;
z-index: 2;
}
.about-first-screen_wrapepr {
display: grid;
grid-template-columns: 790px 1fr;
grid-gap: 80px;
align-items: center;
position: relative;
z-index: 2;
}
.about-first-screen_info-item {
display: flex;
align-items: center;
justify-content: flex-start;
}
.about-first-screen_info-item-prefix {
font-size: 29px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
color: var(--color-orange);
}
.about-first-screen_info-item-number {
font-size: 40px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
color: var(--color-blue);
margin-right: 16px;
}
.about-first-screen_info-item-desc {
font-size: 16px;
font-style: normal;
font-weight: 500;
color: var(--color-black);
max-width: 100px;
}
.about-first-screen_info__description {
padding: 10px 0 20px 30px;
position: relative;
font-size: 14.5px;
font-style: normal;
font-weight: 500;
color: var(--color-gray);
line-height: 156.02%;
margin-bottom: 18px;
z-index: 2;
}
.about-first-screen_info__description::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 3px;
height: 100%;
background: var(--color-orange);
}
.about-first-screen_info__subdescription {
font-size: 13.6px;
padding-left: 60px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
z-index: 2;
}
.about-first-screen_info svg {
position: absolute;
right: 0;
top: -19px;
z-index: 1;
}
main.about-company .line-icons {
padding: 110px 0 40px;
background: #ffffff;
}
/* -----_____Доставка та оплата_____----- */
main.delivery-and-payment h1 {
padding-top: 60px;
}
.delivery-payment-title h1::after {
content: "";
display: none;
}
.delivery-payment-title h1 {
font-size: 20.8px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 51px;
}
.delivery-section-title {
margin-top: 40px;
}
.delivery-section-title h2 {
font-size: 19.2px;
font-style: normal;
font-weight: 400;
font-size: 19.2px;
text-transform: uppercase;
color: var(--color-gray);
}
.delivery-section .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: 0 120px 48px;
}
.delivery-section-block_image {
position: relative;
width: 160px;
height: 137px;
}
.delivery-section-block_image svg {
width: 160px;
height: 137px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.delivery-section-block_image img {
width: 48px;
height: auto;
max-width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.delivery-section-wrapper_block {
width: 100%;
display: grid;
grid-template-columns: 160px 1fr;
grid-gap: 36px;
align-items: center;
}
p.delivery-section-wrapper_info__title {
font-size: 17.6px;
font-style: normal;
font-weight: 500;
color: var(--color-black);
margin: 0 0 7px;
}
p.delivery-section-wrapper_info__description {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
}
.delivery-section-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.delivery-section-wrapper .delivery-section-wrapper_block:first-child {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #c7d1e0;
}
section.delivery-section.delivery-payment-section {
padding-top: 48px;
background: #f0f2f3;
}
section.delivery-section.delivery-section-credit {
padding: 45px 0 0px 0;
}
section.delivery-section.delivery-section-credit
.delivery-section-wrapper_block {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.container.archive-product_container main {
padding: 0 !important;
}
/* ____________________________SERVISES____________________________ */
main.services h1 {
padding-top: 60px;
}
.services-title h1 {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 45px;
}
.services-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0;
padding-bottom: 131px;
}
.services-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 33px 38px 43px;
background: #ffffff;
border: 1px solid #c7d1e0;
}
.services-item + .services-item {
border-left: none;
}
.services-item:nth-child(3n + 1) {
border-left: 1px solid #c7d1e0;
}
.services-item:nth-child(n + 4) {
border-top: none;
}
.services-item-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 27px;
}
.services-item-icon svg {
width: 176px;
height: 151px;
}
.services-item-icon img {
max-width: 88px;
height: auto;
max-height: 80px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.services-item-caption {
text-align: center;
}
a.services-item-name {
display: block;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
color: var(--color-black);
margin: 0 0 16px;
}
.services-item-detail > svg {
margin-left: 10px;
}
.services-item-short-desc {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
text-align: center;
color: var(--color-gray);
margin: 0 0 20px;
}
a.services-item-detail {
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: var(--color-blue);
transition: 0.3s ease all;
}
a.services-item-detail:hover {
color: var(--color-orange);
transition: 0.3s ease all;
}
/* ______________CONTACTS______________ */
main.contacts {
position: relative;
background: #f0f2f3;
}
main.contacts h1 {
padding-top: 60px;
}
main.contacts::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 487px;
background: #ffffff;
z-index: 2;
}
main.contacts .container {
position: relative;
z-index: 3;
}
.contact-data-wrapper {
display: grid;
grid-template-columns: 42.375% 57.625%;
grid-gap: 0;
align-items: center;
position: relative;
background: #ffffff;
border: 1px solid #c7d1e0;
}
.contact-data-info {
padding: 45px;
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 100%;
}
.contact-data-maps {
position: relative;
height: 0;
padding-bottom: 75.7%;
}
.contact-data-maps > iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.contact-data-item-title svg {
width: 18px;
height: 29px;
}
.contact-data-info:before {
position: absolute;
content: "";
left: 50%;
top: 45px;
transform: translateX(-50%);
width: 1px;
height: calc(100% - 90px);
background: #c7d1e0;
z-index: 1;
}
.contact-data-info:after {
position: absolute;
content: "";
top: 50%;
left: 45px;
height: 1px;
transform: translateY(-50%);
width: calc(100% - 90px);
background: #c7d1e0;
z-index: 1;
}
.abs-square {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
z-index: 2;
width: 61px;
height: 61px;
}
.contact-data-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 4;
}
.contact-data-item-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 1.18;
color: var(--color-black);
margin: 0 0 15px;
display: flex;
align-items: center;
justify-content: center;
}
.contact-data-item-title > svg {
margin-right: 15px;
}
.contact-data-info-phones {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-data-info-phones > a {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 148.52%;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-gray);
}
body a:hover {
color: var(--color-orange);
text-decoration: none;
}
.contact-social-icon svg {
width: 23px;
height: 24px;
}
.contact-social-icon.contact-social-icon-second svg {
width: 12px;
height: 24px;
}
section.contacts-title h1 {
margin-bottom: 36px;
}
.contacts-form {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
padding: 90px 0 134px;
position: relative;
}
.contacts-form_title h2 {
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-align: center;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 15px;
}
p.contacts-form_subtitle {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
text-align: center;
color: var(--color-black);
margin: 0 0 35px;
}
p.contacts-lebel_title {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
margin: 0 0 4px 16px;
}
form.wpcf7-form.init,
form.wpcf7-form.sent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px 26px;
position: relative;
z-index: 4;
}
span.wpcf7-form-control-wrap input,
textarea.wpcf7-form-control.wpcf7-textarea,
#formOrderOneClick input[type="email"],
#buyoneclick_form_order input[type="tel"],
#buyoneclick_form_order input[type="text"] {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 164.52%;
color: var(--color-black);
padding: 10px 16px 12px;
background: #ffffff;
border: 1px solid #c7d1e0;
width: 100%;
opacity: 1;
}
#formOrderOneClick > .popup {
background-color: #f0f2f3 !important;
border: none !important;
padding: 42.5px 35px 55px !important;
}
button.button.alt.buyButtonOkForm.ld-ext-left {
margin-top: 35px !important;
width: 200px;
}
button.button.alt.buyButtonOkForm.ld-ext-left span {
display: flex;
justify-content: center;
}
#formOrderOneClick .popup {
position: relative;
}
#formOrderOneClick > .popup::before {
content: "";
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
width: 184px;
/* Ширина SVG */
height: 94px;
/* Висота SVG */
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
/* Змініть на відповідний значення для коректного шару */
}
#formOrderOneClick input[type="email"],
#buyoneclick_form_order input[type="tel"],
#buyoneclick_form_order input[type="text"] {
padding: 10px 16px !important;
height: auto !important;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: auto;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
color: #000;
}
#formOrderOneClick .popup .close_order {
width: auto !important;
height: auto !important;
position: absolute !important;
padding: 2px !important;
top: 0 !important;
right: 10px !important;
font-size: 25px !important;
color: #424242 !important;
z-index: 100;
}
.grecaptcha-badge {
display: none !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
height: 70px;
resize: none;
}
.contact-form-item.contact-form-item_full {
grid-column: span 3;
}
input.wpcf7-form-control.wpcf7-submit {
padding: 15px 40px;
margin: 22.4px 0 0;
background: var(--color-blue);
border-radius: 8px;
font-size: 15px;
font-style: normal;
font-weight: 500;
text-align: center;
text-transform: uppercase;
color: #ffffff;
border-width: 0px;
cursor: pointer;
transition: 0.3s ease all;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: var(--color-orange);
transition: 0.3s ease all;
}
span.wpcf7-spinner {
position: absolute;
bottom: 25%;
left: 50%;
transform: translateX(-50%);
}
.contact-form-item.contact-form-item_full.contact-form-item_button p {
display: flex;
justify-content: center;
}
.wpcf7-response-output {
grid-column: span 3;
display: flex;
justify-content: center;
margin: 15px auto !important;
}
svg.conacts-decorate {
width: 184px;
height: 94px;
position: absolute;
left: 50%;
bottom: 74px;
transform: translateX(-50%);
z-index: 1;
}
.contact-data-info-socials {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.contact-data-info-socials > a {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 8px;
}
/* ___________NEWS___________ */
main.articles {
background: #f0f2f3;
}
main.articles h1 {
padding-top: 60px;
}
.articles-title h1 {
font-size: 20.8px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 51px;
}
.articles-body_title {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
margin: 0 0 15px;
gap: 33px;
}
.articles-body_title a {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: #a9b2b8;
position: relative;
padding: 10px 0 32px;
}
main.articles .articles-body_title a:first-child {
color: var(--color-orange);
}
main.articles .articles-body_title a:first-child::before {
position: absolute;
content: "";
left: 50%;
bottom: 14px;
transform: translateX(-50%);
width: 40px;
height: 2px;
background: var(--color-orange);
transition: 0.3s;
}
main.articles .news-arrow {
position: static;
display: block !important;
}
.articles-body_wrapper {
padding-bottom: 100px;
}
.articles-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
width: fit-content;
}
span.swiper-pagination-bullet {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 164.52%;
text-align: center;
color: var(--color-black);
transition: 0.3s ease all !important;
width: 40px !important;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #f0f2f3 !important;
}
.articles-pagination .swiper-pagination-bullet:nth-child(2) {
margin-left: 0 !important;
}
.articles-navigation-arrows {
display: flex;
flex-direction: row-reverse;
justify-content: center;
width: fit-content;
margin: 40px auto 0;
}
.articles .swiper-pagination-bullet {
display: none;
/* Скрываем все точки */
}
.articles .swiper-pagination-bullet-active,
.articles .swiper-pagination-bullet-active + .swiper-pagination-bullet,
.articles
.swiper-pagination-bullet-active
+ .swiper-pagination-bullet
+ .swiper-pagination-bullet {
display: flex;
/* Показываем активную точку и две следующие */
}
/* __________ACTIONS______________ */
main.actions {
background: #f0f2f3;
}
main.actions .articles-body_title a:nth-child(3) {
color: var(--color-orange);
}
main.actions .articles-body_title a:nth-child(3):before {
position: absolute;
content: "";
left: 50%;
bottom: 14px;
transform: translateX(-50%);
width: 40px;
height: 2px;
background: var(--color-orange);
transition: 0.3s;
}
.news-slider_slide-image {
margin-bottom: 24px;
}
main.actions .news-slider_slide-info__title {
height: calc(1.18 * 1.146vw * 3);
margin-bottom: 19.2px;
}
main.actions .news-slider_slide-image::before {
display: none;
}
main.actions .news-slider_slide-image img {
height: auto;
}
main.actions .news-slider_slide-image {
position: relative;
height: 265px;
padding-bottom: 0;
overflow: hidden;
border-radius: 8px;
width: 100%;
}
main.actions .news-slider_slide-info {
margin-bottom: 0;
}
/* __________NEWS______________ */
main.news .articles-body_title a:nth-child(2) {
color: var(--color-orange);
}
main.news .articles-body_title a:nth-child(2):before {
position: absolute;
content: "";
left: 50%;
bottom: 14px;
transform: translateX(-50%);
width: 40px;
height: 2px;
background: var(--color-orange);
transition: 0.3s;
}
/* ____________________POST-PAGE____________________ */
.post-content {
display: grid;
grid-template-columns: 1fr 386px;
grid-gap: 145px;
align-items: flex-start;
margin-top: 24px;
}
.post-title h1 {
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: var(--color-black);
font-size: 20.8px;
margin: 60px 0 40.8px;
}
.post-title_data {
font-size: 13px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 20px;
margin-bottom: 35px;
border-bottom: 1px solid #c7d1e0;
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: #75797c;
gap: 10px;
}
.post-content p {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
margin-bottom: 28px;
}
.post-content h2 {
font-size: 19.2px;
margin: 48px 0 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
color: var(--color-black);
}
.post-content img {
max-width: 700px;
width: 100%;
margin-bottom: 28px;
}
.title-sidebar {
font-style: normal;
font-weight: 500;
line-height: 1.18;
color: var(--color-black);
padding-bottom: 20px;
width: 100%;
border-bottom: 1px solid #c7d1e0;
margin-bottom: 16px;
}
.post-details-sidebar-related {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
.post-related-item {
width: 100%;
position: relative;
display: grid;
grid-template-columns: 110px 1fr;
grid-gap: 15px;
align-items: center;
}
.abs-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.post-related-item-image {
position: relative;
height: 0;
padding-bottom: 100%;
border-radius: 8px;
overflow: hidden;
}
.post-related-item-image:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(255, 255, 255, 0.35);
transition: 0.3s;
}
.post-related-item-image > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.post-related-item-caption {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.post-related-item-name {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.1875;
color: var(--color-gray);
}
.post-related-item-date {
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: #75797c;
}
.post-related-item + .post-related-item {
margin-top: 16px;
padding-top: 17px;
border-top: 1px solid #c7d1e0;
}
.post-related-item:last-child {
padding-bottom: 16px;
}
.post-related-item:hover .post-related-item-image:before {
opacity: 0;
visibility: hidden;
}
.post-related-item:hover .post-related-item-image > img {
transform: scale(1.1);
}
.post-details-prev-next-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 90px;
}
.prev-post-wrapper {
position: relative;
width: 350px;
display: grid;
grid-template-columns: 87px 1fr;
grid-gap: 15px;
align-items: center;
}
.next-post-wrapper {
position: relative;
width: 350px;
display: grid;
grid-template-columns: 1fr 87px;
grid-gap: 15px;
align-items: center;
}
.home-category-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.post-prev-next-item-image {
position: relative;
height: 0;
padding-bottom: 100%;
border-radius: 8px;
overflow: hidden;
}
.post-prev-next-item-image:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: rgba(255, 255, 255, 0.35);
transition: 0.3s;
}
.post-prev-next-item-image > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.post-details-prev-next-wrapper > div:hover .post-prev-next-item-image:before {
opacity: 0;
visibility: hidden;
}
.post-details-prev-next-wrapper > div:hover .post-prev-next-item-image > img {
transform: scale(1.1);
}
.text-prev-post,
.text-next-post {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: #75797c;
margin-bottom: 22px;
}
.next-post-wrapper .post-prev-next-item-caption {
display: flex;
align-items: flex-end;
flex-direction: column;
text-align: end;
}
a.post-prev-next-item-name {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.1875;
color: var(--color-gray);
}
.post-navigation {
margin-top: 64px;
padding-top: 16px;
border-top: 1px solid #c7d1e0;
}
.post-content_wrapper ul {
padding: unset;
list-style: none;
margin: -4px 0 30px;
}
.post-content_wrapper ul li {
font-size: 14.4px;
font-style: normal;
font-weight: 500;
line-height: 156.02%;
color: var(--color-gray);
position: relative;
padding-left: 70px;
}
.post-content_wrapper ul li + li {
margin-top: 21px;
}
.post-content_wrapper ul > li:before {
position: absolute;
content: "";
left: 38px;
top: 10px;
width: 9.19px;
height: 9.19px;
background: #fc8b2a;
border-radius: 3px;
transform: rotate(-45deg);
}
.post-content_wrapper ul > li::after {
position: absolute;
content: "";
left: 40px;
top: 25px;
height: 100%;
border-left: 5px dotted #c7d1e0;
}
.post-content_wrapper ul > li:last-child::after {
display: none;
}
.special-details-period svg {
width: 27px;
height: 27px;
}
.special-details-period {
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 16px;
margin-bottom: 30px;
width: 100%;
border-bottom: 1px solid #c7d1e0;
}
.special-details-period-text {
font-size: 17.6px;
margin-left: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.18;
color: #75797c;
}
.special-details-period-text > span {
font-weight: 700;
color: var(--color-orange);
}
.post-action-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: flex-start;
grid-gap: 44px;
padding-bottom: 62px;
}
.post-action-wrapper_info__description {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
}
.toggle-content {
display: flex;
align-items: center;
justify-content: flex-start;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: var(--color-blue);
gap: 10px;
}
.content-short,
.content-full {
margin-bottom: 20px;
}
.post-action-product {
padding-bottom: 120px;
}
.post-action-product_title {
padding-top: 40px;
}
.special-info-page:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 1178px;
background: #f0f2f3;
max-height: 100%;
}
main.post {
position: relative;
}
main.post:before {
position: absolute;
content: "";
left: 0;
top: -100%;
width: 100%;
bottom: 0;
background: #f0f2f3;
z-index: -1;
}
.post-action-product .product-special_new {
display: grid !important;
grid-template-columns: repeat(5, 1fr);
}
.empty-blog-category {
padding: 86px 85.5px 30px 91px;
background: #ffffff;
position: relative;
}
.empty-blog-category > svg {
width: 100%;
height: auto;
z-index: 1;
position: relative;
}
.empty-blog-category-caption {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 540px;
}
/* ___________________---CART---___________________ */
.wc-empty-cart-message .cart-empty.woocommerce-info,
.wc-empty-cart-message .woocommerce-message {
background: transparent;
}
article#post-8 {
position: relative;
}
.overlay-cart {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f0f2f3;
z-index: -1;
}
.cart-empty-wrapper {
max-width: 1630px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.cart-empty-wrapper {
max-width: 1630px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 150px;
}
.cart-empty-title {
font-size: 16px;
margin: 0 0 27.5px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: var(--color-black);
}
.cart-empty-subtitle {
font-size: 13.6px;
margin-bottom: 24px;
font-style: normal;
font-weight: 400;
color: var(--color-gray);
}
.cart-empty-caption {
margin-top: 100px;
max-width: 378px;
}
.cart-empty-btn-start-wrapper a {
display: flex;
width: 230px;
justify-content: center;
}
.cart-empty-btn-start-wrapper a.general-button.button-blue {
padding: 15px 40px !important;
}
div.entry-header {
padding: 66px 15px 0;
background: transparent;
z-index: 1;
}
div.entry-header h1 {
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 51px;
margin-bottom: 30px;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table td {
border-top: 1px solid #c7d1e0;
padding: 20px 20px 20px 0;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
thead
tr
th {
padding-right: 20px;
padding-left: 0;
font-size: 15px;
font-weight: 400;
}
.container.container-cart_wrapper {
display: grid;
align-items: flex-start;
grid-template-columns: 5fr 2fr;
margin-bottom: 100px;
grid-gap: 16px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
thead
tr
th:first-child {
padding-left: 20px;
}
td.product-thumbnail {
width: 11%;
}
table.shop_table td.product-name {
width: 34%;
min-width: 300px;
}
table.shop_table td.product-quantity,
table.shop_table td.product-price,
table.shop_table td.product-subtotal {
width: 14%;
}
td.product-thumbnail a {
display: flex;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
}
td.product-thumbnail a img {
width: 100%;
height: auto;
}
td.product-name a {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
color: var(--color-gray);
margin-bottom: 7px;
transition: 0.3s ease all;
}
td.product-name a:hover {
color: var(--color-orange);
transition: 0.3s ease all;
}
.product-sku {
margin-top: 7px;
font-size: 14px;
display: grid;
grid-template-columns: 55px 1fr;
grid-gap: 7px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
}
span.sku-label {
font-weight: 500;
color: var(--color-black);
}
.quantity-buttons {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
overflow: hidden;
border: 1px solid #c7d1e0;
border-radius: 8px;
}
.quantity-buttons button {
width: 38px;
height: 35px;
background: #f0f2f3;
display: flex;
align-items: center;
justify-content: center;
}
.quantity-buttons .qty {
text-align: center;
width: 100%;
text-align: center;
border: none;
height: 34px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: var(--color-black);
border: none;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
thead
tr
th {
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: var(--color-black);
}
.quantity-buttons .qty:focus-visible {
outline: none;
}
/* Скрыть стрелки у элементов input[type=number] в Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
/* Скрыть стрелки у элементов input[type=number] в Chrome, Safari, Edge, и Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.cart_totals-title {
display: grid;
grid-template-columns: 89px 1fr;
grid-gap: 20px;
align-items: center;
width: 100%;
}
.cart-sticky-title-icon {
position: relative;
display: flex;
height: 89px;
width: 76px;
}
.cart-sticky-title-icon svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.cart_totals-title p {
font-size: 16px;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #c7d1e0;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: var(--color-black);
width: 100%;
}
.cart-items-count {
margin: 16px 0 22px;
display: grid;
grid-template-columns: 1fr 152px;
padding: 0 16px;
align-items: center;
width: 100%;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: var(--color-black);
gap: 10px;
}
.cart-total-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 26px;
}
.cart-total-text {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: var(--color-black);
}
.cart-total-value {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1.16;
text-align: right;
color: var(--color-black);
}
.cart-total-btn-wrapper {
background: #f0f2f3;
padding: 30px 20px 20px;
width: 100%;
}
a.checkout-button.button.alt.wc-forward,
a.cart-btn-home {
border: 1px solid var(--color-blue);
font-size: 12px;
height: 54px;
width: 100%;
padding: unset;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-blue);
border-radius: 8px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
text-transform: uppercase;
color: #ffffff;
padding: 0 3px;
}
a.checkout-button.button.alt.wc-forward:hover {
background: var(--color-orange);
}
a.cart-btn-home {
background: #ffffff;
border: 1px solid #ffffff;
color: var(--color-black);
}
.wc-proceed-to-checkout {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
thead
tr {
height: 79px;
padding: 0 20px;
align-items: center;
justify-content: flex-start;
}
form.woocommerce-cart-form {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.woocommerce a.remove:hover {
background: transparent;
}
table.shop_table td.product-subtotal {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 1.2;
color: var(--color-black);
}
table.shop_table td.product-remove {
width: 5%;
}
.checkout-products-info {
display: grid;
grid-template-columns: 1060px 1fr;
grid-gap: 20px;
margin-bottom: 100px;
}
.checkout-products-info .cart-collaterals {
display: none;
}
.checkout-products-info .container.container-cart_wrapper {
display: grid;
align-items: flex-start;
grid-template-columns: 1fr;
grid-gap: 16px;
padding: 0;
}
.wc-proceed-to-checkout button#place_order {
height: 54px;
width: 100%;
padding: unset;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color-blue);
border-radius: 8px;
background: var(--color-blue);
font-style: normal;
font-size: 12px;
font-weight: 500;
line-height: 120%;
text-align: center;
text-transform: uppercase;
transition: 0.3s ease all;
}
.wc-proceed-to-checkout button#place_order:hover {
background: var(--color-orange);
transition: 0.3s ease all;
}
form.checkout_coupon.woocommerce-form-coupon input#coupon_code {
height: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.3;
color: #555;
background: rgba(255, 255, 255, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(226, 226, 226, 1);
border-radius: 3px;
max-width: 500px;
}
.woocommerce form .form-row {
padding: 0;
margin: 0 0 6px;
width: 100%;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #75797c;
}
.form-row-coupon_wrapper {
display: flex;
gap: 5px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
border: none;
background-color: transparent;
padding: 15px;
padding-right: 16px;
padding-left: 0px;
margin: 0;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: rgba(15, 58, 141, 1);
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
display: none;
}
.woocommerce-form-coupon-toggle i.fa.fa-caret-down {
font-size: 14px;
color: rgba(105, 105, 115, 1);
}
.woocommerce-info:hover a.showcoupon::before,
.woocommerce-info:hover a,
.woocommerce-info:hover i.fa.fa-caret-down {
color: rgba(13, 82, 214, 1) !important;
transition: 0.3s ease all;
}
.woocommerce-form-coupon-toggle a.showcoupon::before {
content: "+";
font-weight: 700;
font-size: 26px;
color: rgba(105, 105, 115, 1);
margin-right: 3px;
order: 10;
}
form.checkout_coupon.woocommerce-form-coupon {
margin: 0 0 8px 0;
padding: 0;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
}
p.form-row.form-coupon_name {
max-width: 150px;
width: 100%;
padding-top: 7px;
padding-bottom: 5px;
display: flex;
justify-content: flex-start;
width: 100%;
text-align: center;
font-weight: 400;
position: relative;
}
p.form-row.form-row-last {
width: auto;
height: 100%;
}
p.form-row.form-row-last button.button {
padding: 12px;
min-height: 36px;
font-size: 13px;
color: rgba(255, 255, 255, 1);
font-weight: 400;
text-transform: uppercase;
background: rgba(15, 58, 141, 1);
border-radius: 3px;
transition: 0.2s ease all;
min-width: 190px;
}
p.form-row.form-row-last button.button:hover {
background: rgba(13, 82, 214, 1);
transition: 0.2s ease all;
}
.step-counter {
display: grid;
grid-template-columns: 40px 1fr;
grid-gap: 20px;
align-items: center;
margin-bottom: 45px;
}
.step-counter-number {
font-size: 13.6px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #f0f2f3;
border-radius: 8px;
font-style: normal;
font-weight: 700;
line-height: 164.52%;
color: var(--color-blue);
}
.step-counter-title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: var(--color-black);
}
.checkout-products-info .wc-proceed-to-checkout {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
}
.checkout-products-info .wc-proceed-to-checkout button#place_order {
max-width: 488px;
font-size: 15px;
}
.woocommerce-form-coupon-toggle a.showcoupon::before {
content: "+";
}
.woocommerce-form-coupon-toggle.active a.showcoupon::before {
content: "-";
}
.custom-shipping_methods-title {
grid-gap: 40px;
border: none;
max-width: 1060px;
padding-right: 0;
width: 100%;
display: flex;
justify-content: space-between;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 41px;
}
.custom-shipping_methods-title p + p {
width: 520px;
}
.custom-shipping_methods-block {
display: flex;
align-items: center;
justify-content: flex-start;
}
.custom-shipping_methods-block__check {
min-width: 25px;
width: 25px;
height: 25px;
border: 1px solid #c7d1e0;
border-radius: 12px;
transition: 0.3s;
}
.custom-shipping_methods-block__check.active {
border: 5px solid #fc8b2a;
transition: 0.3s ease all;
}
.custom-shipping_methods-block_icon {
margin: 0 28px;
display: flex;
width: 70px;
height: 70px;
align-items: center;
justify-content: center;
}
.custom-shipping_methods-block.custom-shipping_methods-first img {
width: 45px;
height: 45px;
}
.custom-shipping_methods-block.custom-shipping_methods-second
.custom-shipping_methods-block_icon
img {
width: 60px;
height: auto;
}
.custom-shipping_methods-block_icon img {
align-self: center;
max-width: 100%;
height: auto;
}
.custom-shipping_methods-block__text {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.1875;
color: var(--color-black);
}
.custom-shipping_methods-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 30px;
margin-top: 10px;
}
div#custom-shipping {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 23px;
}
.checkout-products-forms .validate-required {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100% !important;
}
.checkout-products-forms .validate-required label,
.custom-shipping-address label {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
margin: 0 0 4px 16px;
line-height: 1 !important;
}
.checkout-products-forms .validate-required input,
.custom-shipping-address input,
.custom-shipping-address select {
width: 100%;
line-height: 52px;
height: 50px;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: unset;
font-style: normal;
font-weight: 100;
font-size: 13px;
color: var(--color-black);
clear: both;
cursor: pointer;
display: block;
float: left;
padding-left: 18px;
padding-right: 30px;
position: relative;
}
.checkout-products-forms .validate-required input::placeholder,
.custom-shipping-address input::placeholder {
font-style: normal;
font-weight: 100;
font-size: 13px;
color: var(--color-black);
}
#billing_state::-ms-expand {
color: #75797c !important;
/* Цвет стрелочки */
}
#billing_state {
padding-right: 10px;
/* Добавляем отступ справа */
appearance: none;
/* Убираем стандартную стрелку в браузерах Webkit (Chrome, Safari) */
-moz-appearance: none;
/* Убираем стандартную стрелку в Firefox */
-webkit-appearance: none;
/* Убираем стандартную стрелку в Chrome и Safari */
background-image: url('data:image/svg+xml;utf8,');
/* Добавляем кастомную иконку стрелки */
background-repeat: no-repeat;
/* Отключаем повторение фона */
background-position: right center;
/* Позиционируем иконку справа по центру */
background-size: 12px;
/* Задаем размер иконки */
cursor: pointer;
/* Делаем указатель при наведении */
background: transparent;
}
span.woocommerce-input-wrapper {
width: 100%;
position: relative;
}
form.checkout.woocommerce-checkout .col2-set .col-1 {
width: 100%;
}
form.checkout.woocommerce-checkout {
display: grid;
grid-template-columns: 430px 520px;
grid-gap: 110px;
margin-bottom: 93px;
}
form.checkout.woocommerce-checkout > :nth-child(1) {
order: 5;
width: 520px;
}
form.checkout.woocommerce-checkout > :nth-child(2) {
float: right;
order: 4;
width: 100%;
}
/* Скрываем стандартное радио-поле */
.woocommerce-checkout-review-order .input-radio {
display: none;
}
/* Стилизация псевдоэлемента перед меткой */
.woocommerce-checkout-review-order .wc_payment_method label::before {
content: "";
display: inline-block;
min-width: 25px;
width: 25px;
height: 25px;
border: 1px solid #c7d1e0;
border-radius: 12px;
transition: 0.3s;
vertical-align: middle;
box-sizing: border-box;
transition: 0.2s ease all;
}
/* Цвет активного круга */
.woocommerce-checkout-review-order .input-radio:checked + label::before {
border: 5px solid #fc8b2a;
transition: 0.2s ease all;
}
.woocommerce-checkout #payment {
background: transparent;
border-radius: 5px;
}
form.checkout.woocommerce-checkout #payment ul.payment_methods {
border-bottom: none;
}
form.checkout.woocommerce-checkout ul.payment_methods label {
display: flex;
align-items: center;
justify-content: flex-start;
}
.woocommerce-checkout #payment ul.payment_methods li img {
width: 45px;
height: 45px;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
}
textarea#order_comments {
border: 1px solid #c7d1e0;
padding: 10px 16px 12px;
height: 97px;
resize: none;
width: 100%;
}
form.checkout.woocommerce-checkout .col2-set .col-2 {
width: 100%;
}
p#order_comments_field .woocommerce form .form-row label {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
margin: 0 0 4px 16px;
line-height: 1;
}
div#order_review table td {
display: grid;
grid-template-columns: 430px 520px;
grid-gap: 110px;
border: none;
}
.custom-shipping-address
form.checkout.woocommerce-checkout
.woocommerce-checkout-form_wrapper {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
}
.custom-shipping-address form.checkout.woocommerce-checkout {
display: flex;
flex-direction: column-reverse;
gap: 15px;
max-width: 1060px;
width: 100%;
}
div#order_review div#payment {
position: relative;
display: grid;
grid-template-columns: 430px 520px;
grid-gap: 110px;
}
.woocommerce-checkout #payment div.payment_box {
position: relative;
top: 0;
margin: 0;
padding: 0;
background: transparent;
line-height: 1;
display: block !important;
}
.product-special_cart-scales a {
background: transparent !important;
}
.product-special-slider_slide.product-special_cart.swiper-slide {
min-width: 240px;
}
.woocommerce-checkout #payment div.payment_box::before {
display: none;
}
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 8px;
padding: 0;
}
form.checkout.woocommerce-checkout ul.payment_methods label > :nth-child(1) {
order: 0;
}
.checkout-products-info_totals.mobile {
display: none;
}
.panel-group .panel-heading a {
gap: 20px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
padding: 15px 0;
}
form.checkout_coupon.woocommerce-form-coupon input#coupon_code {
min-width: 80px;
}
.wc-proceed-to-checkout {
grid-template-columns: 1fr;
}
form.checkout.woocommerce-checkout {
margin-bottom: 40px;
}
.checkout-products-info {
margin-bottom: 10px;
}
div#custom-shipping
.custom-shipping-address
.custom-shipping_address__courier
p {
display: flex !important;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 520px !important;
}
span.woocommerce-input-wrapper i.fas.fa-chevron-down {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
z-index: -1;
}
span.woocommerce-input-wrapper #billing_state option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-size: 17px;
color: var(--color-black);
}
.custom-shipping_address__courier .nice-select {
width: 100%;
line-height: 52px;
height: 50px;
background: transparent;
border: 1px solid #c7d1e0;
border-radius: unset;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: var(--color-black);
padding-left: 18px;
padding-right: 30px;
position: relative;
clear: both;
cursor: pointer;
display: block;
float: left;
}
.custom-shipping_address__courier .nice-select .list {
width: 100%;
max-height: 200px;
overflow: auto;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.custom-shipping_address__courier .nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.custom-shipping_address__courier .nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.custom-shipping_address__courier .nice-select .option:hover,
.custom-shipping_address__courier .nice-select .option.focus,
.custom-shipping_address__courier .nice-select .option.selected.focus {
background-color: #f6f6f6;
}
li.wc_payment_method.payment_method_liqpay-webplus
.custom-shipping_methods-block_text
img {
display: none;
}
svg.wc-block-mini-cart__icon {
color: #fff;
}
/* Мини корзина */
.mini-cart-panel {
width: 0;
position: fixed;
top: 0;
right: -100%;
height: 100%;
max-height: 100vh;
background-color: white;
z-index: 9999;
overflow-x: hidden;
transition: 0.5s;
/* Плавное открытие */
transition: 0.3s ease all;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
/* Стили для открытой миникорзины */
.mini-cart-panel.open {
width: 560px;
/* Ширина миникорзины */
right: 0;
transition: 0.3s ease all;
}
.mini-cart-title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20.5px;
gap: 35px;
padding: 0 30px;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
padding: 0 30px;
}
.mini-cart-title h2 {
font-size: 16px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
color: var(--color-black);
}
.mini-cart-title span {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
}
li.woocommerce-mini-cart-item.mini_cart_item {
padding: 20px 0;
border-bottom: 1px solid #c7d1e0;
display: grid;
grid-template-columns: 120px 1fr;
grid-gap: 19px;
align-items: flex-start;
}
li.woocommerce-mini-cart-item.mini_cart_item:last-child {
border-bottom: none;
}
.woocommerce-mini-cart-item_info__wrapper {
display: grid;
grid-template-columns: 1fr 0.8fr;
grid-gap: 29.5px;
width: 100%;
align-items: center;
}
.woocommerce-mini-cart-item_info .product-sku {
margin: 0;
}
.woocommerce-mini-cart-item_info__wrapper span.quantity {
font-style: normal;
font-size: 16px;
font-weight: 700;
color: var(--color-black);
}
.woocommerce-mini-cart-item_info__name {
margin-bottom: 13px;
}
.woocommerce-mini-cart-item_info__name a {
font-size: 15px;
font-style: normal;
font-weight: 400;
color: var(--color-gray);
transition: 0.3s ease all;
}
/*____________________________________seo-text*/
.seo-text {
margin-top: 10px;
}
.seo-btn {
display: flex;
width: fit-content;
}
.seo-text h2 {
padding-top: 10px;
font-weight: 700;
}
.seo-text p {
padding: 16px 0;
}
.seo-text ul,
.seo-text ol {
padding-left: 20px;
margin-bottom: 26px;
}
.product-description_long.hidden {
display: none;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, opacity 0.5s ease;
}
.product-description {
margin-top: 45px;
color: #444444;
}
.product-description .green-btn,
section.seo-text .green-btn {
max-width: 200px;
}
.product-description .green-btn a,
section.seo-text .green-btn a {
padding: 10px 20px;
font-size: 14px;
}
.product-description_long h2,
.product-description_short h2,
.product-description_long h3,
.product-description_short h3 {
color: var(--color-black);
}
section.seo-text ul li {
padding: 7px 0;
list-style: disc;
}
section.seo-text ul li::marker {
color: var(--color-blue);
}
.woocommerce-mini-cart-item_info__name a:hover {
color: rgba(233, 102, 49, 1);
transition: 0.3s ease all;
}
p.woocommerce-mini-cart__total.total {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 22px;
}
p.woocommerce-mini-cart__total.total strong {
font-style: normal;
font-weight: 400;
font-size: 14px;
}
p.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1.16;
text-align: right;
}
.woocommerce-mini-cart-item_info__wrapper .product-sku {
display: flex;
flex-wrap: wrap;
}
p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward {
display: none;
}
p.woocommerce-mini-cart__buttons.buttons {
width: 100%;
}
p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward {
display: flex;
width: 100%;
padding: 11px;
background: #008aa4;
border-radius: 8px;
font-style: normal;
font-weight: 500;
text-align: center;
text-transform: uppercase;
color: #ffffff;
font-size: 15px;
justify-content: center;
}
p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:hover {
transition: 0.3s ease all;
background: var(--color-orange);
}
.woocommerce-mini-cart_total__wrapper {
width: 100%;
background: #f0f2f3;
padding: 22px 30px 30px;
}
.woocommerce-mini-cart-item_price-delete {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.site-header-cart {
position: relative;
display: flex;
align-items: center;
}
.mini-cart_content {
width: 100%;
position: relative;
padding-top: 56.5px;
}
.cart-products-top.cart-products-empty {
padding: 56.5px 86px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #f0f2f3;
}
.cart-products-top.cart-products-empty img {
margin-bottom: 31px;
}
.cart-products-empty-title {
font-size: 16px;
margin-bottom: 16.8px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: var(--color-black);
}
.cart-products-empty-subtitle {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
text-align: center;
color: var(--color-gray);
margin-bottom: 27px;
}
.close-mini-cart {
background: none;
border: none;
cursor: pointer;
padding: 10px;
position: absolute;
top: 20px;
right: 20px;
transition: all 0.3s ease;
}
.close-mini-cart svg {
display: block;
transition: stroke 0.3s ease;
}
.close-mini-cart:hover svg path {
stroke: #333333;
transition: stroke 0.3s ease;
}
/* Скрыть стандартный радио-инпут */
ul#shipping_method li.custom-shipping_methods-block input {
display: none;
}
/* Стили для кастомного радио-инпута через before */
ul#shipping_method li.custom-shipping_methods-block label:before {
content: "";
display: inline-block;
min-width: 25px;
width: 25px;
height: 25px;
border: 1px solid #c7d1e0;
border-radius: 12px;
transition: 0.3s;
vertical-align: middle;
box-sizing: border-box;
transition: 0.2s ease all;
}
ul#shipping_method
li.custom-shipping_methods-block
input:checked
+ label:before {
border: 5px solid #fc8b2a;
transition: 0.2s ease all;
}
ul#shipping_method li.custom-shipping_methods-block label {
display: flex;
align-items: center;
justify-content: flex-start;
}
div#payment .woocommerce-additional-fields {
display: none;
}
.woocommerce-checkout-review-order-wrapper
.woocommerce-additional-fields__field-wrapper {
display: none;
}
.product-info-payment-title {
max-width: 165px;
}
div#order_review table td {
grid-gap: 40px;
border: none;
max-width: 1060px;
padding-right: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
.woocommerce-checkout-review-order-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 1060px;
width: 100%;
position: relative;
}
.woocommerce-additional-fields .wcus-checkout-fields p {
width: 520px !important;
}
.woocommerce-additional-fields .wcus-checkout-fields h3 {
display: none;
}
.zen-ui-select__dropdown.active {
display: flex;
flex-direction: column;
}
.zen-ui-select__value {
padding-right: 16px !important;
padding-left: 16px !important;
}
.wcus-checkout-fields {
padding: 20px 0;
}
.pum-content.popmake-content form.wpcf7-form.init {
display: flex;
flex-direction: column;
}
div#popmake-2329 .pum-theme-2320 .pum-content + .pum-close,
.pum-theme-default-theme .pum-content + .pum-close {
background: transparent !important;
color: #424242 !important;
font-size: 38px !important;
line-height: 1 !important;
padding: 0 !important;
box-shadow: none !important;
font-weight: 300 !important;
top: 5px !important;
right: 5px !important;
}
div#pum_popup_title_2329,
div#pum_popup_title_4760,
div#pum_popup_title_4771 {
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #202020;
font-size: 20px;
}
.pum-content.popmake-content p.popup-description {
font-style: normal;
font-weight: 400;
line-height: 1.15;
text-align: center;
color: #202020;
margin: 0 0 33px;
font-size: 13px;
}
.pum-theme-2320 .pum-container,
.pum-theme-default-theme .pum-container {
padding: 62.5px 85px 85px !important;
}
.pum-theme-2320 .popup-decorate {
position: absolute;
width: 184px;
height: 94px;
left: 50%;
transform: translateX(-50%);
bottom: -70px;
}
/* _____-----КОНДИЦІЮВАННЯ-----_____ */
main.services-item {
padding-top: 70px;
background: #f0f2f3;
position: relative;
}
main.services-item::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 539px;
background: #ffffff;
}
main.services-item h1 {
text-transform: uppercase;
font-size: 26px;
margin-bottom: 40.8px;
}
.services-wrapper-title h2 {
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-align: center;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 20px;
}
.services-wrapper-title p {
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
color: var(--color-black);
margin: 0 0 56px;
}
.services-item-info_descr__title h2 {
font-size: 16px;
font-style: normal;
font-weight: 700;
margin-bottom: 23px;
color: rgb(84, 84, 84);
}
.services-item-info_descr__text p {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
margin-bottom: 22px;
color: var(--color-gray);
}
.services-item-info {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 24px 30px 89px;
align-items: center;
}
main.services-item .contacts-form {
padding: 67.7px 108px 73px;
margin: 0 auto 111px;
background: #ffffff;
width: fit-content;
}
section.contacts-form .popup-decorate {
position: absolute;
width: 184px;
height: 94px;
left: 50%;
transform: translateX(-50%);
bottom: -60px;
z-index: -1;
}
section.services-wrapper .services-item {
padding: 20px;
}
.woocommerce-additional-fields {
margin-top: 15px;
}
/*
.payment_box.payment_method_cod p#billing_address_1_field, .payment_box.payment_method_cod p#billing_city_field, .payment_box.payment_method_cod p#billing_state_field {
display: none !important;
} */
/* THANK YOU */
.thank-you-wrapper .woocommerce-order {
display: grid;
padding: 9px 8.646vw 7.188vw 1.615vw;
grid-template-columns: 3fr 1fr;
gap: 20px;
}
.thank-you-wrapper .thank-you_img {
display: flex;
align-items: center;
justify-content: center;
}
.thank-you-wrapper .thank-you_description {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 460px;
}
.thank-you_description__title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: var(--color-black);
margin: 0 0 20px;
}
.thank-you_description__text {
font-size: 13.6px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: var(--color-gray);
margin: 0 0 25px;
}
.thank-you_description__button a {
display: flex;
justify-content: center;
width: 260px;
}
main.thankyou-page {
background: #f0f2f3;
position: relative;
}
main.thankyou-page::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 288px;
background: #ffffff;
z-index: 0;
}
main.thankyou-page .entry-content {
position: relative;
z-index: 2;
}
main.thankyou-page .product-special_wrapper {
position: relative;
}
/* FILTER BRANDS */
section#custom-brand-filter {
border-top: 1px solid #c7d1e0;
padding: 25px 10px 10px;
}
.custom-brand-filter_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.custom-brand-filter_title p.widget-title {
font-size: 16px;
font-weight: bold;
height: 25px;
padding: inherit;
color: inherit;
text-transform: uppercase;
line-height: inherit;
}
ul.brand-filter-list li {
display: flex;
margin-bottom: 10px;
}
.custom-brand-filter_body {
-webkit-transition: max-height 0.4s ease-out;
-moz-transition: max-height 0.4s ease-out;
transition: max-height 0.4s ease-out;
}
.custom-brand-filter_body.close {
max-height: 0;
-webkit-transition: max-height 0.4s ease-out;
-moz-transition: max-height 0.4s ease-out;
transition: max-height 0.4s ease-out;
overflow: hidden;
}
/* Скрываем стандартный чекбокс */
.brand-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Стили для кастомного чекбокса */
.brand-checkbox + label {
position: relative;
padding-left: 38px;
cursor: pointer;
font-size: 16px;
line-height: 22px;
}
/* Стили для квадратика чекбокса */
/* Квадратный фон чекбокса */
.brand-checkbox + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20.4px;
height: 20.4px;
background-color: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 6px;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
/* Синий фон при активном чекбоксе */
.brand-checkbox:checked + label:before {
background-color: #008aa4;
/* Синий фон */
border-color: #008aa4;
/* Синяя рамка */
}
/* Галочка поверх синего фона */
.brand-checkbox + label:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 21.4px;
height: 100%;
background: url("../images/tick.png") center / contain no-repeat;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
/* Показываем галочку при активном чекбоксе */
.brand-checkbox:checked + label:after {
opacity: 1;
}
/* BRANDS */
main.brands {
padding-top: 70px;
padding-bottom: 60px;
}
main.brands section.brands-title h1 {
font-size: 30px;
border-width: 0;
border-bottom-width: 1px;
border-style: solid;
border-color: rgba(226, 226, 226, 1);
margin-top: 30px;
margin-bottom: 20px;
white-space: normal;
overflow: visible;
text-overflow: initial;
}
main.brands section.brands-title h1::after {
width: 162px;
height: 1px;
background: rgba(233, 102, 49, 1);
content: "";
display: block;
position: relative;
margin-top: 10px;
top: 1px;
}
main.brands .brand-group {
margin-bottom: 25px;
}
.alphabetical-index {
display: flex;
flex-wrap: wrap;
gap: 15px;
padding-top: 15px;
margin-bottom: 15px;
}
.alphabetical-index h2 {
font-size: 16px;
font-weight: 700;
}
ul.alphabetical-links {
display: flex;
gap: 10px;
align-items: center;
}
ul.alphabetical-links a {
color: #337ab7;
}
main.brands .brand-item {
width: 130px;
height: 140px;
background: rgba(255, 255, 255, 1);
padding: 8px;
border-radius: 3px;
box-shadow: 0 5px 50px -10px rgba(0, 0, 0, 0.05);
}
main.brands .brand-item a {
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
text-align: center;
}
main.brands h2.brand-letter {
font-size: 22px;
white-space: normal;
overflow: visible;
text-overflow: initial;
margin-bottom: 15px;
position: relative;
}
main.brands h2.brand-letter::after {
width: 50px;
height: 1px;
background: rgba(233, 102, 49, 1);
content: "";
display: block;
position: relative;
margin-top: 10px;
}
.brand-item_wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
section.brand-description {
padding: 10px 0 40px;
}
section.brand-description h2 {
font-size: 28px;
margin-bottom: 15px;
}
section.brand-description h3,
section.brand-description h4 {
font-size: 25px;
margin-bottom: 15px;
}
section.brand-description p {
margin-bottom: 10px;
}
section.brand-description ul {
list-style: none;
padding-left: 0;
padding-bottom: 16px;
}
section.brand-description ul li {
position: relative;
padding-left: 20px;
line-height: 1;
margin-bottom: 8px;
}
section.brand-description ul li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background-color: #008aa4;
border-radius: 50%;
}
.scroll-top {
display: flex;
right: 30px;
bottom: 90px;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
margin: unset;
transform: unset;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 46px;
position: fixed;
z-index: 10001;
cursor: pointer;
}
div#order_review div#payment {
margin-top: 93px;
}
.woocommerce-checkout-inputs.active {
padding-top: 85px;
}
#scrollTopBtn {
display: none;
}
/* гарантия */
article#post-3221 .entry-header .container,
article#post-3228 .entry-header .container,
article#post-3230 .entry-header .container,
article#post-3233 .entry-header .container {
padding: 0;
}
article#post-3221 .entry-header .container p {
display: flex;
}
.woocommerce {
position: relative;
}
footer .current_page_item a:before {
display: none;
}
/* _______________________404_______________________ */
main.page-404 {
padding-top: 70px;
background: #f0f2f3;
}
.page-success-wrapper {
padding: 9px 166px 138px 31px;
display: grid;
align-items: center;
grid-template-columns: 3fr 1fr;
gap: 100px;
}
.page-success-image {
position: relative;
padding-top: 200px;
}
.page-success-h1 {
font-size: 260px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: 1;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: #ffffff;
}
.page-success-image img {
position: relative;
z-index: 2;
width: 100%;
}
h1.page-success-title {
font-size: 15.3px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: #202020;
margin: 0 0 20px;
}
a.btn-default-blue-padding.general-button.button-blue {
text-wrap: nowrap;
}
.page-success-text {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: #424242;
margin: 0 0 24px;
}
/* MDV ОПИС */
section.series-advantages .container,
section.series-description .container,
.series-description-2 .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.main-product-description .series-description-3 .container {
align-items: center;
}
.series-advantages-body .series-advantages-body__img img {
object-fit: contain;
}
section.series-advantages .series-advantages-body {
min-height: 500px;
}
/* ______________MEDIA_____________ */
@media (max-width: 1440px) {
.checkout-products-info {
grid-template-columns: 1fr;
gap: 0;
}
.header .container {
padding: 0 20px;
}
}
@media (max-width: 1300px) {
.about-first-screen_wrapepr {
grid-template-columns: 550px 1fr;
grid-gap: 60px;
}
.post-content {
grid-gap: 30px;
grid-template-columns: 60% 37%;
}
}
@media (max-width: 1180px) {
.catalog-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0;
}
.catalog-item:before {
top: 80px;
}
.choise-product-arrow,
.recomendation-products-arrow,
.news-arrow {
display: flex !important;
}
.line-icons .container {
padding: 54px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 18px;
}
.product-special_cart-buttons {
grid-template-columns: 1fr 30px 30px;
grid-gap: 3px;
}
.product-special_cart-buttons_by .general-button {
font-size: 14px;
}
.second-header-hidden_info__visual {
max-width: 346px;
width: 100%;
}
.second-header-hidden_info__img {
display: flex;
flex-direction: column;
align-items: start;
justify-content: flex-start;
}
.second-header-hidden_info__img a {
width: 106px;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.slide-title {
font-size: 32px;
margin-bottom: 25px;
}
.manufacturers-slider_wrapper.swiper-wrapper {
grid-template-columns: repeat(3, 1fr);
}
a.manufacturers_img {
max-width: 164px;
}
.news-slider_slide-info__title {
height: calc(1.18 * 18px * 3);
}
.about-first-screen_wrapepr {
grid-template-columns: 300px 1fr;
grid-gap: 50px;
}
.about-first-screen_wrapepr {
display: flex;
flex-direction: column;
gap: 40px;
}
.contact-data-wrapper {
grid-template-columns: 50% 50%;
}
.contact-data-info {
padding: 10px;
}
main.post:before {
height: 1478px;
}
.product-special_wrapper {
grid-template-columns: repeat(3, 1fr);
}
.container.container-cart_wrapper {
grid-template-columns: 1fr;
margin-bottom: 50px;
grid-gap: 20px;
}
.cart-collaterals {
max-width: 520px;
margin-left: auto;
}
div#custom-shipping,
div#order_review div#payment {
grid-template-columns: 1fr;
grid-gap: 30px;
}
.custom-shipping-address
form.checkout.woocommerce-checkout
.woocommerce-checkout-form_wrapper {
grid-template-columns: 1fr;
gap: 30px;
}
.custom-shipping_methods-title {
margin-bottom: 15px;
}
.checkout-products-info_totals.mobile {
display: block;
padding-bottom: 50px;
}
form.checkout.woocommerce-checkout > :nth-child(1) {
width: 100%;
}
.cart-empty-wrapper {
display: flex;
flex-direction: column-reverse;
align-items: center;
grid-gap: 0;
}
.cart-empty-caption {
display: flex;
flex-direction: column;
align-items: center;
margin: 40px 0 50px;
}
.cart-empty-subtitle {
text-align: center;
}
.services-item {
padding: 30px 0 50px;
}
.thank-you-wrapper .woocommerce-order {
padding: 9px 30px 50px;
grid-template-columns: 1fr 459px;
}
.catalog-item:nth-child(4) {
border-left: 1px solid #c7d1e0;
}
.catalog-item:nth-child(1),
.catalog-item:nth-child(2) {
border-bottom: 0;
}
.page-success-h1 {
font-size: 170px;
}
.page-success-image {
padding-top: 140px;
}
.page-success-wrapper {
padding: 9px 106px 108px 31px;
}
.header-contact-us .language-switcher {
margin-left: 15px;
}
.header-logo {
margin-right: 10px;
}
}
@media (max-width: 820px) {
.first-header,
.cart-total-price,
.second-header-catalog {
display: none;
}
.mobile-header_menu-first .cart-total-price {
display: block;
}
.relevanssi-live-search-results {
display: none !important;
}
.second-header {
background: #ffffff;
}
.header-logo.logo-mobile {
display: block;
max-width: 82px;
}
.second-header .container {
display: flex;
align-items: center;
height: 100%;
}
.header .container {
padding: 0;
}
.header-burger {
display: block;
cursor: pointer;
}
.second-header_mobile-item {
display: flex;
gap: 20px;
align-items: center;
padding: 0 15px;
}
.second-header-search,
.second-header-hidden {
display: none;
}
.header-menu {
align-items: start;
}
}
@media (max-width: 768.8px) {
.woocommerce-breadcrumb {
top: 60px;
}
.second-header-search input[type="search"] {
background: white;
}
section.series-advantages .series-advantages-body {
min-height: auto;
}
.main-product-description .series-description-3 .container {
flex-direction: column;
}
.series-description_section__block-2 {
flex-direction: column;
}
.slide-description {
font-size: 18px;
margin-bottom: 10px;
}
.slide-content {
font-size: 24px;
margin-bottom: 25px;
}
a.first-screen_img img {
object-fit: cover;
position: relative;
height: 100%;
}
a.first-screen_img {
display: flex;
flex-direction: column;
}
.slide-content {
left: 10%;
max-width: 200px;
width: 100%;
top: 10%;
}
.first-screen .slide-title {
font-size: 24px;
}
.first-screen_button {
width: 200px;
}
.general-button.button-orange {
padding: 10px 25px;
}
.manufacturers-slider_wrapper.swiper-wrapper {
display: flex;
gap: 0;
}
.catalog-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0;
}
.catalog-item {
padding: 15px 10px 71px 10px;
}
.catalog-item:hover:before {
top: -76%;
}
.catalog-item:before {
top: 60px;
}
.catalog-item_image svg {
width: 102px;
height: 88px;
}
.catalog-item_image {
margin: 0 auto 26px;
display: flex;
position: relative;
max-width: 100px;
}
.catalog-item_image img {
max-width: 52px;
max-height: 49px;
}
.catalog-item_list ul li {
padding-left: 15px;
}
.catalog-item_title {
font-size: 15px;
height: calc(1.19 * 15px * 2);
margin-bottom: 7px;
}
.catalog-item_list ul li a {
font-size: 13px;
}
.catalog-title span {
font-size: 24px;
margin-bottom: 9px;
}
h2 {
font-size: 24px;
}
.catalog-title .subtitle {
font-size: 13px;
margin-bottom: 25px;
}
.catalog-item:nth-child(1) {
}
.catalog-item:nth-child(2) {
border-left: 0;
}
.catalog-item:nth-child(3) {
border-left: 1px solid #c7d1e0;
}
.catalog-item:nth-child(4) {
border-left: 0;
}
.catalog-item:nth-child(5) {
border-left: 1px solid #c7d1e0;
border-top: 0;
}
.line-icons .container {
padding: 25px 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 18px;
}
.line-icons {
padding: 0 30px;
}
.news .catalog-title .subtitle {
margin: 0 0 60px;
}
.news-arrow {
top: 11% !important;
}
.news-arrow.swiper-button-prev {
right: 52%;
}
.news-arrow.swiper-button-next {
right: auto;
left: 52%;
}
.text-line_title span {
font-size: 18px;
margin-bottom: 20px;
}
.footer-info {
display: none;
}
.footer-wrapper {
padding: 31px 0px 33px 22px;
flex-wrap: wrap;
}
.footer-list.list-client {
width: 48%;
}
.footer-list.list-catalog {
width: 48%;
}
.footer-phones {
width: 46%;
}
.footer-address {
width: 46%;
}
.footer-contacts {
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
.footer-menu-title {
font-size: 16px;
text-wrap: nowrap;
}
.footer-phones-list a {
font-size: 14px;
text-wrap: nowrap;
}
.footer-contacts > div:nth-child(2) {
order: 3;
}
.footer-contacts > div:nth-child(3) {
order: 2;
}
.footer-menu-title svg,
.footer-list_title svg {
left: -25px;
width: 22px;
height: 22px;
}
.footer-second_block {
height: 100%;
display: flex;
flex-direction: column;
align-items: start;
padding-bottom: 5px;
}
.footer-second_block,
.footer-second_block a {
font-size: 11px;
}
.second-header-search.mobile-search {
display: flex !important;
padding: 10px;
margin: 0;
height: fit-content;
}
form.woocommerce-product-search {
max-width: 300px;
}
.about-first-screen_image {
padding-bottom: 40px;
}
.about-first-screen_info__subdescription {
padding: 0;
}
.about-first-screen_info__statistic {
flex-direction: column;
align-items: start;
}
.about-first-screen_info-item-desc br {
display: none;
}
.about-first-screen_info-item-desc {
font-size: 18px;
}
.about-first-screen_info__description {
font-size: 16px;
}
.about-first-screen_info__subdescription {
font-size: 15px;
}
main.about-company .line-icons {
padding: 15px 0 40px;
}
.about-first-screen_info svg {
max-width: 50%;
}
.delivery-section .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
padding: 0 70px 48px;
}
.delivery-section .container {
padding: 0 15px 38px;
}
.delivery-section-block_image svg {
width: 100px;
height: 85px;
}
.delivery-section-block_image {
width: 100px;
height: 85px;
}
.delivery-section-wrapper_block {
width: 100%;
display: grid;
grid-template-columns: 100px 1fr;
grid-gap: 20px;
align-items: center;
}
section.delivery-section.delivery-payment-section {
padding-top: 28px;
background: #f0f2f3;
}
.delivery-payment-title h1 {
margin-bottom: 25px;
}
.delivery-section-title {
margin-top: 20px;
}
.delivery-section-title h2 {
font-size: 24px;
}
.services-wrapper {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
padding-bottom: 50px;
}
.services-item {
border: 1px solid #c7d1e0 !important;
padding: 20px;
}
.services-item + .services-item {
border-top: none !important;
}
.contact-data-wrapper {
grid-template-columns: 1fr;
}
.contact-data-info {
min-height: 400px;
}
.contacts-form {
padding: 50px 0 75px;
}
form.wpcf7-form.init,
form.wpcf7-form.sent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: 1fr;
grid-gap: 16px 26px;
position: relative;
z-index: 4;
}
.contact-form-item.contact-form-item_full {
grid-column: auto;
}
svg.conacts-decorate {
bottom: 10px;
}
.post-details-sidebar {
display: none;
}
.post-content {
grid-gap: 30px;
grid-template-columns: 1fr;
}
.post-details-prev-next-wrapper {
flex-direction: column;
align-items: center;
grid-gap: 15px;
margin-bottom: 10px;
}
.prev-post-wrapper,
.next-post-wrapper {
width: 100%;
}
.post-action-wrapper {
grid-template-columns: 1fr;
grid-gap: 30px;
padding-bottom: 50px;
}
.post-action-product .product-special_new {
grid-template-columns: repeat(2, 1fr);
}
.post-page .product-special-slider_slide.swiper-slide {
border: 1px solid #c7d1e0;
}
.post-page .product-special-slider_slide.swiper-slide:first-child {
border-bottom: 0;
border-right: 0;
}
.woocommerce table.shop_table_responsive thead {
display: table-header-group;
}
.woocommerce table.shop_table_responsive tr {
display: table-row;
}
.woocommerce table.cart .product-thumbnail {
display: table-cell;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child {
border-top: 1px solid #c7d1e0;
}
.woocommerce table.shop_table_responsive tr td::before {
display: none;
}
.woocommerce table.shop_table_responsive tr td {
display: table-cell;
text-align: start !important;
}
form.checkout_coupon.woocommerce-form-coupon {
flex-direction: column;
align-items: start;
}
p.form-row.form-coupon_name {
font-size: 12px;
}
.pum-theme-2320 .pum-container,
.pum-theme-default-theme .pum-container {
padding: 50px 20px 20px !important;
}
.pum-theme-2320 .popup-decorate {
width: 144px;
height: 74px;
bottom: 0px;
}
.services-item-info {
grid-template-columns: repeat(1, 1fr);
padding: 24px 0 89px;
}
.services-item {
padding-left: 0;
padding-right: 0;
}
.services-item-info_descr__title h2 {
font-size: 20px;
}
.services-item-info_descr__text p {
font-size: 17px;
}
main.services-item .contacts-form {
padding: 30px 20px 60px;
}
.woocommerce-checkout-review-order-wrapper {
flex-direction: column-reverse;
}
div#order_review table td {
flex-direction: column;
}
.woocommerce-additional-fields .wcus-checkout-fields p {
width: 100% !important;
}
.thank-you-wrapper .woocommerce-order {
display: flex;
flex-direction: column;
grid-gap: 0;
align-items: center;
justify-content: flex-start;
}
.thank-you-wrapper .thank-you_description {
align-items: center;
text-align: center;
}
.thank-you_description__title {
font-size: 20px;
}
.thank-you_description__text {
font-size: 17px;
}
.thank-you_description__button a.general-button.button-blue {
padding-top: 19px;
padding-bottom: 19px;
}
.custom-shipping_methods-title p + p {
display: none;
}
.woocommerce-additional-fields .wcus-checkout-fields h3 {
display: block;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 15px;
text-transform: uppercase;
}
.pum-container .pum-theme-default-theme .pum-title {
text-align: center !important;
}
.woocommerce-checkout-inputs.active {
padding-top: 25px;
}
.product-info h1 {
margin: 0 auto 21px;
}
.pwb-carousel-item.swiper-slide a img {
filter: none;
}
.page-success-h1 {
text-align: center;
font-size: 110px;
position: relative;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: 1;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: #ffffff;
}
.page-success-image {
padding-top: 40px;
}
.page-success-wrapper {
padding: 9px 0 70px;
grid-template-columns: 1fr;
gap: 40px;
}
h1.page-success-title,
.page-success-text {
text-align: center;
}
.page-success-caption {
display: flex;
flex-direction: column;
align-items: center;
}
section.category-page-description h2 {
font-size: 22px;
}
section.category-page-description h3 {
font-size: 18px;
}
}
@media (max-width: 570px) {
.woocommerce table.shop_table th {
text-align: start;
}
div#custom-shipping
.custom-shipping-address
.custom-shipping_address__courier
p {
width: 100% !important;
}
.woocommerce-checkout-review-order-wrapper .woocommerce table.shop_table td {
padding: 0 !important;
}
.first-screen-slider {
display: none !important;
}
.first-screen-slider_mobile {
display: block !important;
}
.first-screen_img {
position: relative;
width: 100%;
overflow: hidden;
}
.first-screen-slider_slide.swiper-slide {
min-height: 500px;
}
.custom-shipping_methods-block_icon {
margin: 0 20px;
min-width: 45px;
width: 45px;
height: 45px;
}
ul#shipping_method label.custom-shipping_methods-block_text {
margin-left: 0;
}
.custom-shipping_methods-block_icon {
margin: 0 18px;
}
.contact-data-info {
min-height: 600px;
grid-template-columns: 1fr;
}
.contact-data-info:before,
.contact-data-info:after {
display: none;
}
.abs-square {
display: none;
}
.contact-data-item + .contact-data-item {
border-top: 1px solid #c7d1e0;
}
.post-action-product .product-special_new {
grid-template-columns: 1fr;
}
.post-page .product-special-slider_slide.swiper-slide:first-child,
.post-page .product-special-slider_slide.swiper-slide:nth-child(2) {
border-bottom: 0;
}
.post-page .product-special-slider_slide.swiper-slide:first-child {
border-right: 1px solid #c7d1e0;
}
.header-logo {
margin-right: 0px;
}
.post-action-product {
padding-bottom: 70px;
}
.cart-total-value {
font-size: 20px;
}
div.entry-header h1 {
font-size: 20px;
}
.mini-cart-panel.open {
width: 100%;
padding: 45px 0 0;
}
ul.woocommerce-mini-cart.cart_list.product_list_widget {
padding: 0 15px;
}
.woocommerce-mini-cart_total__wrapper {
padding: 15px 15px 30px;
}
.mini-cart-title {
padding: 0 15px;
}
.mini-cart-title h2 {
font-size: 20px;
}
li.woocommerce-mini-cart-item.mini_cart_item {
grid-template-columns: 80px 1fr;
grid-gap: 10px;
padding: 10px 0;
}
.woocommerce-mini-cart-item_info__wrapper {
display: flex;
flex-direction: column;
grid-gap: 15px;
position: relative;
align-items: start;
}
main.services-item h1 {
font-size: 20px;
}
section.contacts-form .popup-decorate {
bottom: -45px;
}
.services-wrapper-title h2 {
font-size: 34px;
}
.buy-one-click .single_add_to_cart_button {
padding: 18px 16.5px !important;
}
.scroll-top {
display: flex;
right: 10px;
}
main.actions .news-slider_slide-image {
position: relative;
height: auto;
}
.news-slider_slide-image img {
position: relative;
height: auto;
}
main.actions .news-slider_slide-info__title {
height: auto;
}
}
/* WOOCOMMERCE */
.woocommerce-breadcrumb a:first-of-type::before {
display: none;
}
.woocommerce-breadcrumb {
position: absolute;
padding: 20px 0 20px;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #75797c;
z-index: 10;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.woocommerce-breadcrumb img {
padding: 0 10px;
}
.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 1.15;
color: #202020;
text-decoration: none !important;
transition: 0.3s ease all;
}
.p-t-70 {
padding-top: 70px;
}
.woocommerce-breadcrumb a:hover,
a.woocommerce-review-link:hover,
.product_meta a:hover {
color: var(--color-orange);
transition: 0.3s ease all;
}
#secondary {
position: relative;
width: 260px;
background: #fff;
z-index: 5;
right: -1px;
height: 100%;
border-right: 1px solid #c7d1e0;
padding-bottom: 20px;
}
#primary-tobos {
width: 100%;
}
span.wpfDisplay {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.wpfFilterVerScroll li label {
display: flex !important;
margin: 10px 0;
vertical-align: super !important;
}
#secondary .wpfFilterWrapper .wpfFilterVerScroll {
max-height: max-content;
}
.wpfMainWrapper .wpfCount {
font-style: normal;
font-weight: 400;
font-size: 13px !important;
line-height: 15px;
text-align: right;
color: #75797c;
background: transparent;
border: none;
padding: unset;
text-align: right;
justify-content: flex-end;
}
.ordering-style .wpfFilterWrapper {
margin: 0;
}
#secondary .wpfFilterWrapper {
border-top: 1px solid #c7d1e0;
margin-top: 0 !important;
margin-bottom: 6px !important;
padding: 25px 10px 10px !important;
}
.wpfCheckbox {
display: flex !important;
}
#secondary
.wpfFilterWrapper
.wpfCheckbox
input[type="checkbox"]:checked
+ label::before {
background: url("../images/tick.png") center/contain no-repeat !important;
background-size: 100% 100% !important;
background-color: #008aa4 !important;
border: 1px solid transparent;
border-radius: 0 !important;
}
#secondary .wpfFilterWrapper .wpfCheckbox label {
width: 22px !important;
height: 22px !important;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 6px;
transition: 0.3s;
margin: 0 5.5px 0 0 !important;
overflow: hidden;
}
#secondary .wpfFilterWrapper .wpfCheckbox label::before {
content: "" !important;
background-color: transparent !important;
border: none !important;
}
/* ________________________ */
/* Общий стиль для контейнера */
.wpfFilterWrapper .ms-options {
position: relative;
}
/* Скрываем стандартный чекбокс */
.wpfFilterWrapper .ms-options input[type="checkbox"] {
display: none;
}
/* Стили для label, включая место для кастомного чекбокса */
.wpfFilterWrapper .ms-options label {
position: relative;
padding-left: 30px; /* Отступ для кастомного чекбокса */
line-height: 24px;
cursor: pointer;
padding-left: 35px !important;
}
/* Состояние "по умолчанию" (чекбокс не отмечен) */
.wpfFilterWrapper .ms-options label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px; /* Размер кастомного чекбокса */
height: 20px;
background-color: transparent;
border: 1px solid #c7d1e0;
border-radius: 6px;
transition: background-color 0.3s, border-color 0.3s, background-image 0.3s;
box-sizing: border-box;
}
/* Состояние "чекбокс отмечен" (определяется по классу selected) */
.wpfFilterWrapper .ms-options .ms-reflow.selected label::before {
background: url(../images/tick.png) center / contain no-repeat !important;
background-size: 100% 100% !important;
background-color: #008aa4 !important; /* Цвет фона активного чекбокса */
border: 1px solid transparent; /* Убираем рамку */
}
/* Стили текста активного элемента */
.wpfFilterWrapper .ms-options .ms-reflow.selected label {
font-weight: bold; /* Выделяем текст активного элемента */
color: #008aa4; /* Цвет текста активного элемента */
}
/* ________________________ */
.main-shop-wrapper {
display: flex;
}
.woocommerce-products-header__title {
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: #202020;
margin: 70px 0 41px;
}
.woocommerce-products-header {
margin-top: 60px;
}
.discount-delivery {
width: 100%;
padding: 14px 10px 10px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #fc8b2a;
background: #f0f2f3;
}
/* ___________ */
.wpfFilterContent .ms-options-wrap > .ms-options {
position: relative !important;
left: 0;
width: 100%;
margin-top: 1px;
margin-bottom: 20px;
background: white;
z-index: 2000;
border: none;
min-height: fit-content !important;
overflow: auto !important;
max-height: fit-content !important;
display: block !important;
}
.wpfFilterContent .ms-options-wrap > button:focus,
.ms-options-wrap > button {
display: none !important;
}
.wpfFilterContent .ms-options-wrap > .ms-options > ul li.selected label,
.wpfFilterContent .ms-options-wrap > .ms-options > ul label:hover {
background-color: transparent;
}
/* ___________ */
del .woocommerce-Price-amount.amount {
color: #bdc0c3;
font-size: 14px;
text-decoration: line-through;
}
del {
text-decoration: none;
}
ins {
text-decoration: none;
}
.font-s-20 {
font-size: 20px;
}
.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
/* Розділити на чотири колонки */
}
.font-s-14 {
font-size: 14px;
}
.dashicons,
.dashicons-before:before {
color: #fa8a2a;
width: 12px;
height: 12px;
font-size: 12px;
}
.dashicons {
position: relative;
}
.comment-text .star-filled,
.comment-text .star-half,
.comment-text .star-empty {
background-size: 15px !important;
}
.star-filled {
background: url("../images/star-full.png") center/contain no-repeat;
background-size: 15px;
width: 20px;
height: 20px;
}
.star-half {
background: url("../images/star-half.png") center/contain no-repeat;
background-size: 15px;
width: 20px;
height: 20px;
}
.star-empty {
background: url("../images/star-empty.png") center/contain no-repeat;
background-size: 15px;
width: 20px;
height: 20px;
}
.comment-form-rating .star-rating {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 30px;
margin: 20px 0;
}
/* Сховати стандартні радіокнопки */
.star-rating input[type="radio"] {
display: none;
}
.main-product-description .node__links {
display: none;
}
/* Зірочки-заповнювачі */
.star-rating label span {
display: flex;
width: 30px;
/* Ширина однієї зірочки */
height: 30px;
/* Висота однієї зірочки */
background: url("../images/star-empty.png") center/contain no-repeat;
/* Використовуйте зображення порожньої зірочки за замовчуванням */
cursor: pointer;
}
/* Зірочки-заповнювачі для вибраних і попередніх */
.star-rating label {
background: url("../images/star-empty.png") center/contain no-repeat;
/* Використовуйте зображення порожньої зірочки за замовчуванням */
}
.star-rating label:hover span,
.star-rating input[type="radio"]:checked + label span {
background: url("../images/star-full.png") center/contain no-repeat;
/* Використовуйте зображення заповненої зірочки */
}
/* Зірочки-заповнювачі для попередніх */
.star-rating input[type="radio"]:hover + label ~ label,
.star-rating input[type="radio"]:checked + label ~ label {
background: url("../images/star-full.png") center/contain no-repeat;
/* Використовуйте зображення заповненої зірочки */
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 164.52%;
color: #202020;
padding: 10px 16px 12px;
background: #ffffff;
border: 1px solid #c7d1e0;
width: 100%;
}
.comment-form textarea {
resize: none;
}
.comment-form label {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #75797c;
margin: 0 0 4px 16px;
}
.required {
color: #fc8b2a;
}
#custom-widget-area {
position: relative;
}
.product-special_cart-rating {
gap: 2px;
justify-content: flex-start;
}
.starts-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
}
.rating-number {
margin-left: 5px;
color: #202020;
}
.related.products {
max-width: 1600px;
display: flex;
flex-direction: column;
padding: 0 15px;
margin: 50px auto;
}
.related .products {
grid-template-columns: repeat(4, 1fr);
}
.related.products .product-special_new {
width: 100%;
overflow: inherit;
}
.related.products .product-special_wrapper {
position: relative;
padding: 0 60px;
}
#primary-tobos .page-numbers-list,
#primary-tobos .font-s-15 {
grid-column: span 4;
/* розмір елементу .page-numbers у всіх трьох колонках */
}
div.products.columns-3 {
grid-column: span 4;
/* розмір елементу .page-numbers у всіх трьох колонках */
}
#primary-tobos #main {
padding-top: 0;
}
.load-more-infinity-circle {
position: relative;
text-transform: uppercase;
font-weight: 500;
}
.load-more-infinity-circle:before {
position: absolute;
content: "";
background: url(../images/infinity_circle.png) center/contain no-repeat;
width: 20px;
height: 20px;
left: 47px;
top: 15px;
}
.load-more-infinity-circle:hover:before {
animation: infinity-rotate 2s infinite;
/* використовуємо анімацію rotate, тривалість 5 секунд, інфініті */
transition-timing-function: linear;
/* плавна анімація */
animation-timing-function: linear;
/* плавна анімація */
}
@keyframes infinity-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.br_loading_inside_lmp img.lmp_rotate,
.br_loading_inside_lmp .fa.lmp_rotate:before,
.lmp_products_loading .lmp_rotate,
.lmp_products_loading .fa.lmp_rotate:before,
.lmp_products_loading .lmp_rotate img {
color: var(--color-blue);
}
.page-numbers-list {
display: flex;
justify-content: center;
gap: 4px;
}
.page-numbers-list {
margin: 20px 0;
}
.page-numbers-list .page-numbers,
.page-numbers-list .page-numbers.prev,
.page-numbers-list .page-numbers.next,
.product-gallery-navigation .swiper-button-prev,
.product-gallery-navigation .swiper-button-next {
width: 40px;
height: 40px;
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
border: 1px solid #c7d1e0;
border-radius: 8px;
transition: 0.3s ease all;
font-size: 12px;
}
.page-numbers-list .page-numbers {
border: none;
}
.page-numbers-list .page-numbers.current,
.page-numbers-list .page-numbers:hover {
background-color: #f0f2f3;
}
.ordering-wrapper {
display: flex;
justify-content: flex-end;
}
.ordering-style {
display: inline-flex;
align-items: center;
padding: 5px 10px 5px 10px;
}
.ordering-style .wpfFilterWrapper {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #424242;
margin-right: 10px;
}
.orderby,
#product-per-page {
max-width: 9.74vw;
border: none;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 164.52%;
color: #202020;
}
.ordering-style .wpfFilterWrapper select {
border: none;
outline: none;
}
.ordering-style.product-per-page-wrapper {
border-right: none;
}
.ordering-wrapper {
margin: 10px 0;
}
.mobile-filter-trigger {
display: none;
}
/* SINGLE CONTENT PRODUCT */
.product-info {
margin: 20px 0 20px;
}
.product-info h1 {
margin: 20px 0;
font-style: normal;
font-weight: 700;
line-height: 105%;
text-transform: uppercase;
color: #202020;
margin: 0 auto 51px;
font-size: 26px;
}
.content-prodct-main-wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
border-top: 1px solid #c7d1e0;
flex-wrap: wrap;
}
.content-prodct-main-wrapper > div {
width: 50%;
}
.product-info-sku {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #202020;
width: 100%;
}
.product-info-sku > span {
font-weight: 500;
}
.article-review-wrapper {
padding: 23px 35px 39px 28px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.product-info .product-special_cart-rating {
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.product-info .product-special_cart-rating .count-review {
font-size: 14px;
}
.product-info .product-special_cart-rating .starts-wrapper .dashicons {
width: 25px;
height: 25px;
background-size: 20px;
}
.product-info .product-special_cart-rating {
gap: 15px;
}
.product-info .product-info-wrapper {
border-left: 1px solid #c7d1e0;
border-right: 1px solid #c7d1e0;
}
.product-info-wrapper .pwb-single-product-brands.pwb-clearfix,
.product-info .pwb_tab_tab {
display: none;
}
.product-info-price {
font-style: normal;
font-weight: 700;
line-height: 1.16;
color: #202020;
display: flex;
flex-direction: column;
}
.font-s-30 {
font-size: 30px !important;
}
.font-s-40 {
font-size: 40px !important;
}
.default-center-title {
font-style: normal;
font-weight: 700;
line-height: 105%;
text-align: center;
text-transform: uppercase;
color: #202020;
margin: 0 0 20px;
}
.product-info-price {
font-style: normal;
font-weight: 700;
line-height: 1.16;
color: #202020;
}
.product-info-stock {
padding: 6px 10px 8px;
background: rgba(0, 138, 164, 0.05);
border-radius: 8px;
font-style: normal;
font-weight: 500;
line-height: 1.21;
color: #008aa4;
display: inline;
}
.price-wishlist-left-block,
.price-wishlist-right-block {
display: flex;
align-items: center;
gap: 10px;
}
.price-wishlist-left-block {
align-items: flex-end;
}
.price-wishlist-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.price-btn-click-wrapper {
padding: 0 35px 21px 28px;
border-bottom: 1px solid #c7d1e0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.btn-buy-wrapper {
margin-top: 14px;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
box-sizing: border-box;
}
.quantity-btn-one-click-wrapper {
display: flex;
justify-content: space-between;
gap: 10px;
}
.btn-buy-wrapper .quantity-buttons {
width: 100%;
height: 100%;
}
.btn-buy-wrapper .buy-one-click {
width: 73%;
text-align: center;
}
.product-info-wrapper .quantity {
display: flex;
align-items: center;
width: 100%;
}
.product-info-wrapper .quantity-buttons button {
height: 100%;
padding: 10px;
}
.quantity-btn-one-click-wrapper .product-special_cart-buttons_by {
width: 140px;
}
.product-special_cart-buttons_by .general-button.button-blue {
padding: 18px 20px !important;
}
.buy-one-click .single_add_to_cart_button {
padding: 18px 46.5px;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 8px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: #202020;
transition: 0.3s ease all;
width: 100%;
}
.buy-one-click:hover .single_add_to_cart_button {
color: #fa8a2a;
cursor: pointer;
}
.product-info-payments,
.product-info-deliveries {
padding: 19px 28px 20px;
border-bottom: 1px solid #c7d1e0;
}
.product-info-payments-wrapper,
.product-info-deliveries-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 37px;
align-items: center;
}
.product-info-payments-title,
.product-info-deliveries-title {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.21;
color: #202020;
margin: 0 0 15px;
}
.product-info-payments-item,
.product-info-deliveries-item {
display: grid;
grid-template-columns: 44px 1fr;
grid-gap: 17px;
align-items: center;
}
.product-info-payments-icon,
.product-info-deliveries-icon {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.product-info-payments-caption,
.product-info-deliveries-caption {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.product-info-payment-title,
.product-info-delivery-title {
font-style: normal;
font-weight: 500;
line-height: 1.1875;
color: #202020;
margin: 0 0 5px;
}
.product-info-payment-desc,
.product-info-delivery-desc {
font-style: normal;
font-weight: 400;
line-height: 1.21;
color: #424242;
}
/* Gallery */
.slider-content-product {
position: relative;
height: 600px;
width: calc(100% - 108px);
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
gap: 10px;
}
.gallery-product .product-special-slider_slide-image,
.woocommerce-product-gallery__image .product-special-slider_slide-image {
padding-bottom: 0;
}
.gallery-product {
position: relative;
height: 540px;
max-width: 600px;
margin: 10px 0;
width: 80%;
overflow: hidden;
padding: 10px;
}
.related.products .swiper-slide {
height: auto;
}
.gallery-product .swiper-slide {
background-color: #fff;
}
.gallery-product .swiper-slide {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-gallery-navigation {
position: absolute;
left: 0;
bottom: 160px;
width: 105px;
display: flex;
gap: 5px;
}
.product-gallery-navigation .swiper-button-prev,
.product-gallery-navigation .product-swiper-button-next {
width: 40px !important;
height: 40px !important;
}
.product-gallery-navigation .swiper-button-next svg,
.product-gallery-navigation .swiper-button-prev svg {
height: 12px !important;
width: 12px !important;
}
.product-gallery-navigation .swiper-button-next svg {
rotate: 90deg;
}
.product-gallery-navigation .swiper-button-prev svg {
rotate: 90deg;
}
.product-gallery-navigation .swiper-button-prev::after,
.product-gallery-navigation .swiper-button-next::after {
display: none;
}
.gallery-product-thumbs {
height: 300px;
width: 20%;
position: relative;
left: 0;
margin: 10px 0;
overflow: hidden;
}
.gallery-product-thumbs .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
object-fit: contain;
}
.gallery-product .swiper-slide img,
.gallery-product-thumbs .swiper-slide img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 3px;
}
.gallery-product-thumbs .swiper-slide-thumb-active {
border: 1px solid #fc8b2a;
}
.tabs.wc-tabs {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 12px;
margin-top: 80px;
}
.tabs.wc-tabs > a:before {
position: absolute;
content: "";
left: 50%;
bottom: -4px;
transform: translateX(-50%);
width: 0;
height: 2px;
background: #fc8b2a;
transition: 0.3s;
z-index: 3;
}
.tabs.wc-tabs .active > a:before {
position: absolute;
content: "";
left: 50%;
bottom: -4px;
transform: translateX(-50%);
width: 30px;
height: 2px;
background: #fc8b2a;
transition: 0.3s;
z-index: 3;
}
.tabs.wc-tabs a {
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
color: #a9b2b8;
padding-bottom: 14px;
position: relative;
transition: 0.3s;
font-size: 20px;
margin: 0 15px;
transition: 0.3s ease all;
}
.tabs.wc-tabs a:hover {
color: rgba(233, 102, 49, 1);
}
.tabs.wc-tabs .active a {
color: #fc8b2a;
}
.woocommerce-tabs.wc-tabs-wrapper {
width: 100%;
}
.woocommerce-Tabs-panel {
background: #f0f2f3;
}
.woocommerce-Tabs-panel > p {
margin: 0 0 28px;
}
.woocommerce-Tabs-panel span {
margin: 5px 0;
display: inline-block;
}
table.woocommerce-product-attributes.shop_attributes {
width: 100%;
border-collapse: collapse;
}
.woocommerce-product-attributes-item:nth-child(even) {
background-color: #fff;
}
.woocommerce-product-attributes.shop_attributes tr,
.woocommerce-product-attributes.shop_attributes td {
font-style: normal;
font-weight: 100;
line-height: 1.17;
color: #202020;
border-bottom: 1px solid #c7d1e0;
padding: 15px 12px 14px;
}
th.woocommerce-product-attributes-item {
border-bottom: 1px solid #c7d1e0;
}
.woocommerce-product-attributes.shop_attributes tr:last-child,
.woocommerce-product-attributes.shop_attributes td:last-child {
border-bottom: none;
}
th.woocommerce-product-attributes-item__label {
border-right: 1px solid #c7d1e0;
font-weight: 100;
text-align: left;
padding: 15px 12px 14px;
}
.show-product-attribute {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
color: #008aa4;
}
.show-product-attribute > svg {
margin-left: 10px;
transition: 0.3s;
}
.show-product-attribute.active > svg {
transform: rotate(180deg);
}
.review-title {
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #202020;
margin: 0 0 8px;
}
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--reviews {
padding: 0;
}
#reviews {
display: flex;
justify-content: space-between;
padding: 0 135px;
}
#comments {
border-right: 1px solid #c7d1e0;
padding: 51px 79px 56px;
}
#review_form_wrapper {
padding: 51px 79px 56px 79px;
position: relative;
}
.comment-form-rating {
position: relative;
}
.comment-form-rating > svg {
position: absolute;
left: 50%;
bottom: -280px;
transform: translateX(-50%);
z-index: 1;
}
.comment-notes,
.comment-form-cookies-consent {
display: none;
}
.comment-form-author,
.comment-form-email {
margin-bottom: 10px;
}
.review {
padding: 7px 0 3px 27px;
border-left: 2px solid #008aa4;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
}
.woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes,
.woocommerce-Tabs-panel--reviews #reviews {
position: relative;
max-width: 1630px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
padding: 51px 135px 56px;
}
#tab-additional_information {
padding: 51px 135px 56px;
}
.woocommerce-Tabs-panel--description .main-product-description {
padding: 51px 0 56px;
}
.main-product-description header {
z-index: 0;
}
.main-product-description header a {
color: #23527c;
transition: 0.3s ease all;
}
.main-product-description header a:hover {
color: #fc8b2a;
}
.comment_container img.avatar {
display: none;
}
.comment_container {
width: 100%;
}
.coment-wrapper-autor-rating-data {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.coment-wrapper-autor-rating-data .product-special_cart-rating {
justify-content: flex-start;
max-width: 75px;
margin: 0;
}
.form-submit {
width: fit-content;
position: relative;
margin: 20px auto;
}
.form-submit #submit {
padding: 19px 50px;
width: 100%;
background: #008aa4;
border-radius: 8px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
text-transform: uppercase;
color: #ffffff;
border: none;
position: relative;
z-index: 2;
transition: 0.3s ease all;
cursor: pointer;
}
.coment-wrapper-autor-rating-data
.product-special_cart-rating
.starts-wrapper
.dashicons {
width: 15px;
height: 15px;
font-size: 12px;
}
.meta {
display: flex;
align-items: center;
gap: 20px;
width: 100%;
justify-content: space-between;
}
.woocommerce-review__author {
text-transform: uppercase;
}
.woocommerce-review__published-date {
font-style: normal;
font-weight: 400;
line-height: 1.15;
color: #75797c;
margin-right: 24px;
font-size: 13px;
}
.description {
font-style: normal;
font-weight: 400;
line-height: 164.52%;
color: #424242;
}
#reply-title {
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #202020;
margin: 0 0 8px;
}
/* FILTER */
.filter-field {
padding-right: 10px;
border-top: 1px solid #c7d1e0;
}
/* Slider Range */
.sortby.tobos_sortby {
padding: 0 10px 20px;
}
.tobos_sortby > svg {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
top: 20px;
}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
position: relative;
text-align: left;
margin: 2rem 0;
background-color: #f0f2f3 !important;
border: none !important;
height: 3px;
width: 100%;
}
#wpfSliderRange .ui-slider-range {
background: #fc8b2a !important;
height: 3px;
position: absolute;
top: 0;
}
#wpfSliderRange .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2rem;
height: 1.2rem;
cursor: pointer !important;
background: #fff;
border: 6px solid #fc8b2a !important;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
top: 50%;
transform: translatey(-50%);
outline: none;
}
#wpfSliderRange .ui-slider-handle:hover {
box-shadow: 0 0 5px #fc8b2a;
}
.wpfPriceRangeField#wpfMinPrice,
.wpfPriceRangeField#wpfMaxPrice {
background-color: #fff !important;
width: 80px !important;
font-style: normal !important;
font-weight: 500 !important;
font-size: 17px !important;
line-height: 100% !important;
color: #292b31 !important;
padding: 9px 0 9px 7px !important;
border: 1px solid #c7d1e0 !important;
border-radius: 8px !important;
text-align: left !important;
height: auto !important;
}
.wpfFilterDelimeter,
.wpfFilterWrapper .wpfCurrencySymbol + div + input,
.wpfFilterWrapper input + .wpfCurrencySymbol {
font-size: 13px;
margin-left: 10px;
color: #75797c;
}
.sortby__price {
display: flex;
align-items: center;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
color: #75797c;
}
.sortby__price input {
width: 80px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 100%;
color: #292b31;
padding: 9px 0;
border: 1px solid #c7d1e0 !important;
border-radius: 8px !important;
text-align: center;
margin: 0 5px;
}
/* Accordion */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #fff;
color: #202020;
cursor: pointer;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
padding: 25px 0;
}
/*.active-acordion + .main-according {
max-height: 100% !important;
}*/
.accordion-panel .accordion {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 1.17;
color: #202020;
text-transform: none;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active-acordion,
.accordion:hover {
background-color: #fff;
}
/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
padding: 0;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.filter-field .accordion.active-acordion + .accordion-panel {
overflow: visible;
}
.not-child.accordion:after {
content: none;
}
.accordion:after {
content: "\02795";
/* Unicode character for "plus" sign (+) */
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}
.active-acordion:after {
content: "\2796";
/* Unicode character for "minus" sign (-) */
}
.label-quantity-products {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 15px;
text-align: right;
color: #75797c;
background: transparent;
border: none;
padding: unset;
text-align: right;
justify-content: flex-end;
}
.label-text-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
/* PRELOADER */
.preloader {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background-color: #00000018;
z-index: 100;
}
.preloader .block-img {
background: url("../images/preloader.png") center no-repeat;
background-size: 25px;
width: 25px;
height: 25px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: rotatePreloader 2s linear infinite;
/* Анімація обертання */
}
@keyframes rotatePreloader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
/* Початковий поворот на 0 градусів */
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
/* Повний оборот на 360 градусів */
}
}
#wpfOverlayText {
display: none !important;
}
/* --------------------- */
.loaded #loader-wrapper {
visibility: hidden;
transform: translateY(-100%);
transition: all 0.3s 1s ease-out;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden;
}
.loaded #loader {
opacity: 0;
transition: all 0.3s ease-out;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #008aa4;
-webkit-animation: spin 1.7s linear infinite;
animation: spin 1.7s linear infinite;
z-index: 11;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #fff;
-webkit-animation: spin-reverse 0.6s linear infinite;
animation: spin-reverse 0.6s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #fc8b2a;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
/* Стилізація checkbox */
.log__group.check .label-checkbox {
display: flex;
margin: 20px 0;
cursor: pointer;
}
/* Приховати стандартний чекбокс */
.hidden-checkbox {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* Стилізація контейнера для кастомного чекбокса */
.custom-checkbox {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid #c7d1e0;
border-radius: 6px;
transition: 0.3s;
margin: 0 5.5px 0 0 !important;
}
/* Стилізація SVG-зображення */
.custom-checkbox svg {
width: 22px;
/* Заповніть всю ширину контейнера */
height: 12px;
/* Заповніть всю висоту контейнера */
fill: none;
/* Зміна кольору залежно від стану чекбокса */
}
/* Стилізація для вибраного чекбокса */
.hidden-checkbox:checked + .label-checkbox .custom-checkbox {
background: #008aa4;
border: 1px solid #008aa4;
}
/* WISHLIST */
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.yith-wcwl-add-button > a i,
.yith-wcwl-add-to-wishlist a.add_to_wishlist > img {
margin-right: 0;
}
.fa.fa-heart-o:before,
.fa-heart:before {
font-size: 22px;
}
.yith-wcwl-items-count {
position: relative;
}
.yith-wcwl-items-count .fa.fa-heart-o:before {
color: #fff;
}
.yith-wcwl-items-count .wishlist-counter {
display: none;
}
.yith-wcwl-items-count .wishlist-counter.counter-on,
.total-cart-items,
.htcompare-counter {
position: absolute;
background: #fc8b2a;
transform: unset !important;
margin: unset !important;
border: none;
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 150%;
color: #ffffff;
top: -7px;
right: -10px;
padding: unset;
width: 17px;
height: 17px;
min-width: 17px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.total-cart-items {
top: -12px;
right: -10px;
}
.htcompare-counter {
top: 0;
right: -10px;
}
#yith-wcwl-popup-message {
display: none !important;
}
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
display: block !important;
}
x
/* WISHLIST TABLE */
.woocommerce table.shop_table {
border-collapse: collapse;
}
.wishlist_table .product-add-to-cart a.button {
padding: 18px 20px !important;
background: var(--color-blue);
border-radius: 8px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
color: #ffffff;
display: block !important;
}
.woocommerce table.shop_table th {
text-align: center;
}
.wishlist_table .product-add-to-cart a.button:hover {
background: var(--color-orange);
}
.wishlist-items-wrapper td {
border-bottom: 1px solid #c7d1e0;
}
.wishlist-items-wrapper tr:last-child td {
border-bottom: none;
}
.woocommerce table.shop_table td {
padding: 9px 12px;
}
.wishlist_table tr td.product-thumbnail a {
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce table.shop_table.wishlist_table tr td {
border-color: #c7d1e0;
}
.woocommerce .product-remove a.remove {
color: var(--color-blue) !important;
font-size: 2.5em;
}
.woocommerce .product-remove a.remove:hover {
color: red !important;
}
.woocommerce table.shop_table.wishlist_table tr td,
#post-2333,
#post-3142,
#post-3149,
#post-4801,
#post-4809 {
background: #f0f2f3;
}
.woocommerce table.shop_table {
margin: 0;
}
.empty-wishlist-caption {
position: absolute;
left: 50%;
top: 117px;
transform: translateX(-50%);
max-width: 520px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
z-index: 2;
}
.empty-wishlist-title {
font-style: normal;
font-weight: 700;
line-height: 130%;
text-align: center;
text-transform: uppercase;
color: #202020;
margin: 0 0 27px;
}
.empty-wishlist-subtitle {
font-style: normal;
font-weight: 100;
line-height: 164.52%;
text-align: center;
color: #424242;
margin: 0 0 30px;
font-size: 17px;
}
.empty-wishlist {
position: relative;
}
.btn-center-wrapper .general-button.button-blue {
padding: 19px 50px;
font-weight: 400;
display: flex;
}
#post-2333 .entry-content {
overflow-x: scroll;
}
body {
overflow-x: hidden;
}
/* */
#tab-description ul > li {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 156.02%;
color: #424242;
position: relative;
padding-left: 70px;
}
#tab-description ul > li:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 9.19px;
height: 9.19px;
background: #fc8b2a;
border-radius: 3px;
transform: rotate(-45deg);
}
#tab-description .main-product-description ul > li:before {
left: -20px;
top: 8px;
}
/* Ajax Search */
.serch-input:after {
content: "";
position: absolute;
background: url(../images/icon-search.svg) center/contain no-repeat;
background-size: 28px;
width: 30px;
height: 30px;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.second-header-search input::placeholder {
font-size: 14px;
}
.relevanssi-live-search-result p,
.relevanssi-live-search-result-status p,
.second-header-search input[type="search"] {
border: none !important;
}
.second-header-search input[type="search"]:focus {
outline: none;
}
.serch-input {
width: 100%;
position: relative;
padding: 0px 40px 0px 20px;
background: #ffffff;
border-radius: 8px;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 164.52%;
color: #75797c;
height: auto;
}
.searc-result-product-link__item img {
width: 60px;
height: 60px;
object-fit: cover;
margin-right: 10px;
/* Додаємо відступ справа для кращого вигляду */
}
.searc-result-product__item .searc-result-product-link__item {
display: flex;
align-items: center;
padding: 5px 20px;
border-bottom: 1px solid #c7d1e0;
}
.search-desc-link__item {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.relevanssi-live-search-result a {
white-space: normal !important;
}
.relevanssi-live-search-results-showing {
margin-top: 10px;
}
.rlv-has-spinner {
border: 8px solid var(--color-blue) !important;
border-right-color: transparent !important;
}
.rlv-has-spinner::after {
background: var(--color-blue) !important;
}
.htcompare-btn-text .ever-compare-btn-image,
.htcompare-button-area .ever-compare-btn-image {
width: 32px;
}
.htcolumn-value .add_to_cart_button {
color: #fff !important;
background-color: var(--color-blue);
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
padding: 20px;
border-radius: 8px;
transition: 0.3s ease all;
}
.htcolumn-value .add_to_cart_button:hover {
background-color: var(--color-orange);
cursor: pointer;
}
.htcompare-col.htcolumn-value {
position: relative;
}
.htcompare-remove {
margin-left: 0 !important;
position: absolute !important;
padding: 0 !important;
right: 5px;
top: 5px;
width: 14px;
height: 14px;
}
.htcompare-notification-close {
top: 20px !important;
}
a.htcompare-cart-button.loading::after,
.added_to_cart.wc-forward {
display: none;
}
#post-2306 .compare-data-primary.htcompare-row .htcompare-col {
background-color: #fff !important;
}
#post-2306 .compare-data-primary.htcompare-row .htcompare-col:first-child {
background-color: transparent !important;
}
.woocommerce-product-gallery__image {
height: 100%;
}
.product-special_cart-price-rating_home_page.product-special_cart-price-rating {
margin-bottom: 0;
}
.product-special_cart-price-rating_home_page.starts-wrapper {
margin-bottom: 14px;
}
/* STYLE DESCRIPTION PRODUCT*/
.main-product-description h2 {
position: relative;
font-size: 24px;
font-weight: 800;
line-height: normal;
color: var(--color-blue);
hyphens: none;
margin: 20px 0 50px;
}
section.series-advantages {
margin-bottom: 56px;
}
.series-advantages-body {
padding: 92px 100px 172px;
background-size: cover;
}
.series-description_bg {
background-size: cover;
padding: 107px 240px 157px;
min-height: 490px;
margin-bottom: 56px;
}
.series-description_bg-3 {
padding: 0 139px 0 0;
min-height: 486px;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 57px;
background-size: cover;
}
.series-description_section__block-2 {
display: flex;
gap: 64px;
align-items: center;
justify-content: start;
}
.series-description_block__img-2 {
max-width: 640px;
width: 100%;
}
.series-description_block__img-2 img {
width: 100%;
}
.series-description_section__block-2 .series-description_block__info {
max-width: 646px;
}
.series-description_block__info-title {
max-width: 524px;
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: normal;
margin-bottom: 16px;
}
.series-description-2 .series-description_section__block {
margin-bottom: 96px;
}
.series-description_bg-3 .container {
display: flex;
flex-direction: column;
align-items: end;
}
.series-description_bg-3__description {
max-width: 505px;
width: 100%;
}
.series-description_bg-3__title {
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: normal;
margin-bottom: 16px;
}
.series-description_bg__info {
max-width: 505px;
width: 100%;
}
.series-advantages-body__img {
display: none;
}
.main-product-description .container {
position: relative;
max-width: 1270px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.series-advantages-body_title {
color: #fff;
margin-bottom: 16px;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.series-advantages-body_info {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
max-width: 542px;
}
section.series-description {
margin-bottom: 59px;
}
.series-description_section {
display: flex;
flex-direction: column;
gap: 96px;
}
.series-block-reverce {
flex-direction: row-reverse;
}
.series-description_block__img {
max-width: 640px;
}
.series-description_block__img img {
width: 100%;
}
.series-description_block__info {
max-width: 542px;
width: 100%;
}
.series-description_block__info-title {
max-width: 524px;
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 800;
line-height: normal;
margin-bottom: 16px;
}
section.series-description-2 {
margin-bottom: 35px;
}
.series-description_block__info-body {
color: #848484;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.series-description_section__block {
display: flex;
gap: 58px;
align-items: center;
}
.series-description_block__img {
max-width: 640px;
}
.series-advantages-body__img,
.series-description_bg__img-mobile,
.series-description_bg-3__img {
display: none;
}
.series-features .container {
flex-direction: column;
}
.series-features .series-features-title {
width: 100%;
text-align: center;
}
.series-description-3 .container {
display: flex;
gap: 58px;
align-items: flex-end;
}
.series-features-title {
margin-bottom: 26px;
}
.series-features_section {
margin-bottom: 64px;
}
.series-features_section__title {
border-radius: 7px;
border: 1px solid #029cdc;
padding: 8px 30px;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 auto 43px;
max-width: 248px;
width: fit-content;
}
.series-features_section__body {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 35px 48px;
}
.series-features_section__block {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.main-product-description {
background: #fff;
}
.main-product-description .container {
background: transparent;
padding: 51px 20px 56px;
}
/* Відключення лайтбоксу для зображень товарів */
.woocommerce-product-gallery__image a {
pointer-events: none;
}
.info-product-galery-description {
margin: 0 auto 60px;
}
.info-product-galery-description p {
color: #848484;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35 !important;
}
.default-center-subtitle {
margin: 0 auto 2.656vw;
font-size: 14px;
}
.woocommerce-Tabs-panel--description header {
background: transparent;
}
.field__item {
display: flex;
flex-direction: column;
}
.language-switcher {
text-transform: uppercase;
height: 100%;
display: flex;
flex-direction: column;
gap: 10px;
margin-left: 45px;
}
.language-switcher a {
color: #75797c;
}
.language-switcher .current-lang a {
font-weight: 700;
color: #008aa4;
border-bottom: 2px solid #008aa4;
padding-bottom: 2px;
}
/* MEDIA */
@media (max-width: 1280px) {
.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1023.98px) {
.series-advantages-body__img,
.series-description_bg__img-mobile,
.series-description_bg-3__img {
display: flex;
width: 100%;
margin-bottom: 22px;
}
.series-advantages-body,
section.series-description_bg,
.series-description_bg-2,
section.series-description_bg-3 {
background: 0 0 !important;
padding: 0;
}
.series-features_section__body {
grid-template-columns: repeat(2, 1fr);
gap: 20px 24px;
}
.series-advantages-body_title {
color: #000;
font-size: 18px;
}
.series-advantages-body_info {
color: #848484;
font-size: 14px;
}
.series-advantages-body_info {
max-width: 100%;
}
}
@media (max-width: 1000px) {
.product-info-wrapper .quantity-buttons button {
padding: 5px;
}
}
@media (max-width: 900px) {
#secondary {
left: -100%;
position: absolute;
transition: 0.3s ease all;
}
#secondary.active-sidebar {
left: 0;
top: 60px;
position: fixed;
overflow-y: scroll;
z-index: 100;
}
.mobile-filter-trigger {
display: block;
}
#primary-tobos {
width: 100%;
}
.mobile-filter-trigger.btn {
background: rgba(80, 173, 85, 1);
border-width: 2px;
padding: 13px 18px 13px 35px;
border-radius: 3px;
font-weight: 100;
text-transform: uppercase;
font-size: 13px;
}
.mobile-filter-trigger.btn:hover {
color: #fff;
}
.mobile-filter-trigger {
left: 50%;
right: auto;
transform: translate3d(-50%, 0, 0);
}
.mobile-filter-trigger::before {
position: absolute;
content: "";
background: url(../images/filter.png) center/contain;
width: 10px;
height: 10px;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.product-special_cart-name p {
font-weight: 100;
}
.mobile-filter-trigger {
display: block;
padding-left: 10px;
color: #fff;
position: fixed;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
}
#reviews {
flex-direction: column;
}
#comments {
border-right: none;
}
.woocommerce-Tabs-panel--additional_information
.woocommerce-product-attributes,
.woocommerce-Tabs-panel--reviews #reviews {
padding: 15px;
}
#review_form_wrapper,
#tab-additional_information {
padding: 10px;
}
}
@media (max-width: 820px) {
.products {
grid-template-columns: repeat(2, 1fr);
}
.ordering-style {
flex-direction: column;
align-items: flex-start;
}
.orderby,
#product-per-page {
max-width: 180px;
width: 50%;
width: 100%;
font-weight: 700;
}
#product-per-page {
width: auto;
}
.content-prodct-main-wrapper {
flex-direction: column;
}
.content-prodct-main-wrapper > div {
width: 100%;
}
.product-info .product-info-wrapper {
border-top: 1px solid #c7d1e0;
}
.font-s-40 {
font-size: 24px !important;
}
}
@media (max-width: 768px) {
.series-description .container {
padding: 0;
max-width: 100%;
}
.series-description_section {
gap: 40px;
}
.series-description_section__block {
display: flex;
gap: 22px;
align-items: center;
}
.series-description_section__block {
flex-direction: column;
}
.series-description_block__img {
max-width: 100%;
width: 100%;
}
.series-description_block__info {
max-width: 100%;
padding: 0 15px;
}
.series-description_block__info-title {
font-size: 18px;
}
.series-description_block__info-body {
font-size: 14px;
}
.empty-wishlist-caption {
width: 100% !important;
padding: 0 20px !important;
}
}
@media (max-width: 650px) {
.products {
grid-template-columns: repeat(1, 1fr);
}
.price-wishlist-left-block {
flex-direction: column-reverse;
align-items: flex-start;
}
.quantity-btn-one-click-wrapper {
flex-direction: column;
gap: 10px;
}
.btn-buy-wrapper .quantity-buttons {
height: 50px;
}
.product-info-payments-wrapper,
.product-info-deliveries-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.slider-content-product {
flex-direction: column;
}
.gallery-product {
width: 100%;
}
.gallery-product-thumbs {
width: 80%;
height: 200px;
}
.product-gallery-navigation {
right: 0;
left: auto;
}
.slider-content-product .swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: auto;
right: 0;
top: 40px;
rotate: -90deg;
}
.slider-content-product .swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 0;
left: auto;
top: 90px;
rotate: -90deg;
}
.tabs.wc-tabs a {
font-size: 14px;
}
.product-info .product-special_cart-rating {
align-items: flex-end;
flex-direction: column;
}
.product-info .product-special_cart-rating .starts-wrapper .dashicons {
width: 15px;
height: 15px;
background-size: 12px;
}
.product-info h1 {
font-size: 16px;
}
}
@media (max-width: 420px) {
.product-info-sku > span {
font-size: 10px;
}
}
@media (max-width: 360px) {
.tabs.wc-tabs a {
font-size: 12px;
margin: 0 7px;
}
}