:root {
--site-bg: #ffffff;
--main-color: #3E77AA;
--main-color-light: #5c96c9;
--main-color-lighter: #5c96c9a8;
--sub-color: #3498DB;
--sub-color-light: #3498DB26;
--footer-bg: #171616;
--text: #171616;
--text-inverse: #fff;
--text-error: #E74C3C;
--text-error-hover: #F15E48;
--text-light: #717171;
--btn-bg: #3498DB;
--btn-bg-hover: #3E77AA;
--link: #3498DB;
--link-hover: #171616;
--icon-color: #fff;
--icon-color-gray: #ccc;
--icon-color-hover: #3498DB;
--base-color-1: #ffffff;
--base-color-2: #FAFAFA;
--base-color-3: #EFEFEF;
--base-color-4: #D9D9D9;
--base-color-5: #CACACA;
--base-color-6: #727272;
--base-color-7: #4D4D4D;
--base-color-8: #171616;
--base-color-9: #1F1F1F;
--design-color-1: #3E77AA;
--design-color-2: #3498DB;
--design-color-3: #FCA205;
--design-color-4: #FCA205;
--design-color-5: #F15E48;
--design-color-6: #E74C3C;
--design-color-7: #e74d3ca8;
--white: #fff;
--black: #000;
--error: #f01818;
--error_light: #f018183d;
--success: #4caf50;
--gray: #666;
--gray-light: #8a8a8a;
--orange: #FCA205;
--orange-hover: #FCA205;
--orange_light: #fdf6e4;
--white-opacity: #FFFFFF5E;
--border-opacity: #ffffff80;
--white-opacity-lighter: #FFF3;
--border-opacity-lighter: #ffffff54;
--gray-opacity: #0f141966;
--viber: #675da9;
--telegram: #0088cc;
--whatsapp: #26d266;
--facebook: #1877F2;
--twitter: #0f1419;
--youtube: #f03;
--pinterest: #e60023;
--instagram: #f7085c;
--border-color: #ddd;
--border-radius: 0;
--btn-radius: 0;
--slider-handle-width: 24px;
--slider-handle-width-minus: calc(var(--slider-handle-width) * -1);
--content-width: 1332px;
--content-margin: max(0px, calc((100% - var(--content-width)) / 2));
--adm-filter-height: 33px;
--gap-mobile: 8px;
--gap-desktop: 16px;
--gap-mobile-twice: calc(var(--gap-mobile) * 2);
--gap-desktop-twice: calc(var(--gap-desktop) * 2);
--gap-offset-mobile: calc(-1 * var(--gap-mobile));
--gap-offset-desktop: calc(-1 * var(--gap-desktop));
--section-margin-mobile: 50px;
--section-margin-desktop: 75px;
--margin-lt-rt: 16px;
--margin-lt-rt-minus: calc(-1 * var(--margin-lt-rt));
--margin-lt-rt-twice: calc(var(--margin-lt-rt) * 2);
--title-margin-mobile: 16px;
--title-margin-desktop: 24px;
--title-font-size-mobile: 24px;
--title-font-size-desktop: 42px;
--h1: 24px;
--h2: 20px;
--h3: 18px;
--h4: 16px;
--h5: 16px;
--sub_slider_vertical_width: 65px;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto-400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto-700.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.black,
.popup_ring {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
background: rgba(31, 31, 31, 0.6);
z-index: 12;
pointer-events: auto;
}
.black.less {
z-index: 10;
}
.black.hidden {
pointer-events: none;
}
.black::before {
content: '';
width: 100%;
height: 100%;
background: transparent;
position: absolute;
top: 0;
left: 0;
transition: .3s;
z-index: -1;
backdrop-filter: blur(2px);
}
.popup_ring {
background: none;
opacity: 1;
z-index: 13;
width: 200px;
height: 100px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup_ring.inside {
position: relative;
top: 0;
transform: translate(-50%, 0);
}
.popup_ring div,
.popup_ring span {
position: absolute;
}
.popup_ring div {
top: 0;
left: 50%;
width: 100px;
height: 100px;
animation: rotate 6.9s linear infinite;
}
.popup_ring div span {
left: -8px;
top: 50%;
margin: -8px 0 0 0;
width: 20px;
height: 20px;
display: block;
background: var(--main-color);
box-shadow: 2px 2px 8px rgba(42, 63, 84, 0.09);
border-radius: 6px;
transform: rotate(90deg);
animation: move 6.9s linear infinite;
}
.popup_ring div span:before,
.popup_ring div span:after {
content: '';
position: absolute;
display: block;
border-radius: 6px;
width: 18px;
height: 18px;
background: inherit;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
box-shadow: inherit;
}
.popup_ring div span:before {
animation: drop1 .8s linear infinite;
}
.popup_ring div span:after {
animation: drop2 .8s linear infinite .4s;
}
.popup_ring div:nth-child(2) {
animation-delay: -2.3s;
}
.popup_ring div:nth-child(2) span {
animation-delay: -2.3s;
}
.popup_ring div:nth-child(3) {
animation-delay: -4.6s;
}
.popup_ring div:nth-child(3) span {
animation-delay: -4.6s;
}
@keyframes moveSvg {
0% {
offset-distance: 0;
}
25% {
background: var(--sub-color);
}
75% {
background: var(--orange);
}
100% {
offset-distance: 100%;
}
}
@keyframes rotate {
50% {
transform: rotate(360deg);
margin-left: 0;
}
50.0001%,
100% {
margin-left: -100px;
}
}
@keyframes move {
0%,
50% {
left: -10px;
}
25% {
background: var(--sub-color);
}
75% {
background: var(--orange);
}
50.0001%,
100% {
left: auto;
right: -10px;
}
}
@keyframes drop1 {
100% {
transform: translate(40px, 10px) scale(0);
}
}
@keyframes drop2 {
0% {
transform: translate(0, 0) scale(0.9);
}
100% {
transform: translate(40px, -10px) scale(0);
}
}
HTML,
Body {
scrollbar-color: var(--gray) var(--site-bg);
touch-action: manipulation;
height: 100%;
}
Body {
font-family: 'Geologica', sans-serif;
font-size: 15px;
line-height: 1.2;
font-weight: 400;
color: var(--text);
display: flex;
flex-direction: column;
padding-top: 90px;
height: 100%;
width: 100%;
min-width: 375px;
background: var(--site-bg);
}
Body.body_overflow {
overflow: hidden;
}
::-webkit-scrollbar-thumb {
background: var(--gray);
}
::-webkit-scrollbar {
background: var(--site-bg);
}
.centre {
margin: 0 auto;
padding: 0 var(--margin-lt-rt);
width: 100%;
max-width: var(--content-width);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
Body,
H1,
H2,
H3,
H4,
P,
LI,
Figure,
Figcaption,
Blockquote,
DL,
DD {
margin: 0;
}
Menu,
UL,
OL {
list-style: none;
margin: 0;
padding: 0;
}
Img {
display: block;
}
Input,
Button,
Textarea,
Select {
font: inherit;
}
Table {
table-layout: fixed;
}
A {
touch-action: manipulation;
}
A.link {
color: var(--link);
text-decoration: underline;
width: max-content;
transition: .3s;
}
A.link.no_line {
text-decoration: none;
}
A.link.small {
font-size: 14px;
}
A.link.has_icon {
display: flex;
align-items: center;
}
A.link.has_icon svg.icon {
width: 12px;
height: 12px;
fill: var(--link);
}
A.link.inverse {
color: var(--link-hover);
}
A.link.orange {
color: var(--orange);
}
A.link.inverse.has_icon svg.icon {
fill: var(--link-hover);
}
A.edit {
font-size: 16px;
color: var(--text);
text-decoration: none;
display: flex;
align-items: center;
min-height: 22px;
transition: .3s;
}
A.edit .icon {
fill: var(--text);
}
A.plus {
padding: 0 0 0 24px;
position: relative;
}
A.plus::before,
A.plus::after {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 16px;
height: 2px;
border-radius: 2px;
background: var(--main-color);
transition: .3s;
}
A.plus::after {
transform: translateY(-50%) rotate(90deg);
}
.has_arrow::before,
.has_arrow::after {
content: '';
width: 8px;
height: 2px;
border-radius: 2px;
background: var(--link);
position: absolute;
top: 11px;
right: 0;
transform: rotate(-45deg);
transition: .3s;
}
.has_arrow::after {
top: 6px;
transform: rotate(45deg);
}
.has_arrow.left::before {
transform: rotate(45deg);
}
.has_arrow.left::after {
transform: rotate(-45deg);
}
.has_arrow.bottom::before {
top: 18px;
right: 11px;
}
.has_arrow.bottom::after {
top: 18px;
right: 16px;
}
.has_arrow.bottom.open::before {
transform: rotate(45deg);
}
.has_arrow.bottom.open::after {
transform: rotate(-45deg);
}
.has_arrow.top::before {
top: 18px;
right: 16px;
}
.has_arrow.top::after {
top: 18px;
right: 11px;
}
.dropdown {
position: relative;
border-radius: var(--btn-radius);
display: flex;
border: 2px solid var(--border-color);
height: 38px;
transition: .3s;
}
.dropdown.error {
border-color: var(--error);
}
.dropdown.dropdown-open {
border-radius: var(--btn-radius) var(--btn-radius) 0 0;
border: 2px solid var(--sub-color);
transition: .3s;
}
.dropdown.dropdown-open.error {
border-color: var(var(--sub-color));
}
.dropdown .overflow {
width: 100%;
height: 100%;
padding: 0 40px 0 0;
background: var(--white);
position: relative;
border-radius: calc(var(--btn-radius) - 2px);
}
.dropdown.dropdown-open .overflow {
z-index: 10;
border-radius: calc(var(--btn-radius) - 2px) calc(var(--btn-radius) - 2px) 0 0;
}
.dropdown Span {
color: var(--text-light);
font-size: 15px;
line-height: 1.2;
cursor: pointer;
height: 100%;
padding: 0 0 0 8px;
overflow: hidden;
display: flex;
align-items: center;
white-space: nowrap;
z-index: 2;
}
.dropdown.error Span {
background-image: url("../images/danger.png");
background-size: 22px;
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
}
.dropdown .overflow Input {
border: none;
height: 100%;
width: 100%;
padding: 0 0 0 8px;
}
.drop_arrow {
font-size: 0;
position: absolute;
right: 0;
top: 0;
background: var(--white);
border: none;
width: 40px;
height: 100%;
transition: .3s;
cursor: pointer;
border-radius: calc(var(--btn-radius) - 2px);
}
.drop_arrow::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -2px 0 0 -5.5px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 5.5px 0 5.5px;
border-color: var(--border-color) transparent transparent transparent;
transition: .3s;
}
.dropdown-open .drop_arrow:after {
transform: rotateX(180deg);
}
.dropdown UL,
.autocomplete-suggestions {
position: absolute;
top: 34px;
right: -2px;
left: -2px;
background: var(--white);
border: 2px solid var(--border-color);
max-height: 400px;
overflow: auto;
border-radius: 0 0 var(--btn-radius) var(--btn-radius);
box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
z-index: 12;
margin: 0;
border-top: none;
display: none;
transition: .3s;
}
.autocomplete-suggestions {
margin: -2px 0 0 0;
border-color: var(--sub-color);
}
.dropdown.dropdown-open UL {
border-color: var(--sub-color);
transition: .3s;
}
.dropdown UL LI {
position: relative;
background: none;
width: 100%;
}
.dropdown UL LI:first-child,
.autocomplete-suggestion+.autocomplete-suggestion:first-child {
border: none;
}
.dropdown UL LI A,
.autocomplete-suggestion {
width: 100%;
font-size: 15px;
line-height: 1.2;
text-decoration: none;
color: var(--text-light);
position: relative;
padding: 8px;
cursor: pointer;
display: inline-block;
transition: .3s;
}
.option_dropdown.dropdown UL LI A {
display: flex;
}
.autocomplete-selected {
background: var(--sub-color-light);
}
.dropdown UL LI A.selected {
display: none;
}
.noUi-target * {
cursor: default;
}
.slider_properties {
width: calc(100% - (var(--slider-handle-width) * 2));
display: flex;
position: relative;
}
.slider_properties::before {
content: '';
position: absolute;
width: calc(100% + (var(--slider-handle-width) * 2));
height: 3px;
background: var(--border-color);
border-radius: var(--border-radius);
left: 0;
top: 0;
}
.noUi-base {
height: 3px;
width: 100%;
position: relative;
max-width: 100%;
left: var(--slider-handle-width);
background: var(--border-color);
border-radius: var(--border-radius);
z-index: 1;
}
.noUi-handle {
height: 24px;
width: var(--slider-handle-width);
background: var(--border-color);
position: relative;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
cursor: pointer;
}
.noUi-handle-lower {
left: var(--slider-handle-width-minus);
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
background: var(--btn-bg);
height: 3px;
}
.noUi-origin+.noUi-origin {
background: var(--border-color);
z-index: 3;
}
.radio_wrap,
.check_wrap {
padding: 8px 8px 8px 30px;
margin: 0 0 8px 0;
position: relative;
}
Input[type="radio"]:checked,
Input[type="radio"]:not(:checked),
Input[type="checkbox"],
Input[type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
Input[type="radio"]:checked+Label,
Input[type="radio"]:not(:checked)+Label,
Input[type="checkbox"]:checked+Label,
Input[type="checkbox"]:not(:checked)+Label {
position: relative;
line-height: 1.2;
cursor: pointer;
}
Input[type="radio"]:checked+Label::before,
Input[type="radio"]:not(:checked)+Label::before,
Input[type="checkbox"]:checked+Label::before,
Input[type="checkbox"]:not(:checked)+Label::before,
.check_item::before,
.radio_item::before,
.options_list LI A::before,
.options_list.checkbox LI A::before {
content: '';
position: absolute;
left: -30px;
top: 0;
width: 18px;
height: 18px;
border: 1px solid var(--border-color);
background: var(--white);
border-radius: 50%;
transition: .3s;
}
Input[type="radio"]:checked+Label::before,
Input[type="checkbox"]:checked+Label::before,
.check_item.active::before,
.radio_item.active::before,
.options_list LI A.active::before,
.options_list.checkbox LI A.active::before {
border-color: var(--text-light);
}
Input[type="radio"]:checked+Label::after,
Input[type="radio"]:not(:checked)+Label::after,
Input[type="checkbox"]:checked+Label::after,
Input[type="checkbox"]:not(:checked)+Label::after,
.check_item.active::after,
.radio_item.active::after,
.options_list LI A.active::after,
.options_list.checkbox LI A.active::after {
left: -26px;
top: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--sub-color);
opacity: 1;
content: '';
position: absolute;
transition: .3s;
}
Input[type="radio"]:not(:checked)+Label::after,
Input[type="checkbox"]:not(:checked)+Label::after,
.check_item::after,
.radio_item::after,
.options_list LI A::after,
.options_list.checkbox LI A::after {
opacity: 0;
}
.radio_item,
.check_item {
text-decoration: none;
color: var(--link);
display: inline-flex;
padding: 0 0 0 32px;
position: relative;
cursor: pointer;
transition: .3s;
}
.radio_item::before,
.check_item::before {
left: 0;
top: 7px;
}
.radio_item.active::after {
left: 4px;
top: 12px;
}
Input[type="checkbox"]:checked+Label::before,
Input[type="checkbox"]:not(:checked)+Label::before,
.check_item::before,
.options_list.checkbox LI A::before {
border-radius: var(--btn-radius);
}
Input[type="checkbox"]:checked+Label::after,
Input[type="checkbox"]:not(:checked)+Label::after,
.check_item.active::after,
.options_list.checkbox LI A.active::after {
left: -26px;
top: 4px;
width: 10px;
height: 10px;
border-radius: calc(var(--btn-radius) / 2);
}
.check_item.active::after {
left: 4px;
top: 11px;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
outline: none;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide Img {
display: block;
}
.slick-slide.slick-loading Img {
display: none;
}
.slick-slide.dragging Img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-disabled {
pointer-events: none;
opacity: .4;
}
.main_col {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.article_place {
display: flex;
margin-bottom: var(--section-margin-mobile);
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place {
margin-top: calc(var(--section-margin-mobile) * -1);
margin-bottom: 0;
padding-top: var(--section-margin-mobile);
padding-bottom: 30px;
background-color: var(--base-color-2);
}
Article {
font-size: 16px;
font-weight: 300;
line-height: 1.4;
margin-bottom: var(--section-margin-mobile);
}
.article_place Article {
margin-bottom: 0;
}
.article_open {
position: relative;
}
.article_open.shadow::before {
content: "";
width: 100%;
height: 80%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.article_close {
display: none;
}
.article_close.active {
display: block;
}
.article_open-btn {
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
color: var(--base-color-8);
font-weight: 500;
display: flex;
align-items: center;
width: max-content;
max-width: 100%;
transition: color 0.3s;
}
.article_open-btn .icon {
margin-left: 4px;
width: 24px;
height: 24px;
fill: var(--design-color-2);
transition: transform 0.3s;
}
.article_open-btn.open .icon {
transform: rotate(-90deg);
}
h1,
.H1,
.main_title.h1 {
font-size: var(--h1);
font-weight: 500;
line-height: 1.2;
margin-bottom: calc(var(--h1) / 1.4);
}
article * + h1 {
margin-top: calc(var(--h1) * 2);
}
h2,
.H2,
.main_title.h2 {
font-size: var(--h2);
font-weight: 500;
line-height: 1;
margin-bottom: calc(var(--h2) / 1.4);
}
article * + h2 {
margin-top: calc(var(--h2) * 2);
}
h3,
.H3,
.main_title.h3 {
font-size: var(--h3);
font-weight: 500;
line-height: 1.2;
margin-bottom: calc(var(--h3) / 1.4);
}
article * + h3 {
margin-top: calc(var(--h3) * 2);
}
h4,
.H4,
.main_title.h4 {
font-size: var(--h4);
font-weight: 500;
line-height: 1.2;
margin-bottom: calc(var(--h4) / 1.4);
}
article * + h4 {
margin-top: calc(var(--h4) * 2);
}
h5,
.H5,
.main_title.h5 {
font-size: var(--h5);
font-weight: 500;
line-height: 1.2;
margin-bottom: calc(var(--h5) / 1.4);
}
article * + h5 {
margin-top: calc(var(--h5) * 2);
}
article h1,
article h2,
article h3,
article h4,
article h5 {
break-inside: avoid;
}
.main_title.h1,
.main_title.h2,
.main_title.h3 {
margin-bottom: 0;
}
.main_title.h4 {
margin-bottom: -2px;
}
.article_place.list_one-col.right_text article h1 strong,
.article_place.list_one-col.right_text article h1 b,
.article_place.list_one-col.right_text article h2 strong,
.article_place.list_one-col.right_text article h2 b,
.article_place.list_one-col.right_text article h3 strong,
.article_place.list_one-col.right_text article h3 b,
.article_place.list_one-col.right_text article h4 strong,
.article_place.list_one-col.right_text article h4 b,
.article_place.list_one-col.right_text article h5 strong,
.article_place.list_one-col.right_text article h5 b {
color: var(--design-color-2);
font-weight: 500;
}
.article_place.list_one-col h2,
.article_place.list_two-col h2 {
font-size: var(--h1);
margin-bottom: calc(var(--h1) / 1.4);
}
.article_place.short .H1 {
width: 80%;
max-width: 564px;
}
Article P {
margin: 0 0 25px 0;
}
Article P:last-child {
margin: 0;
}
Article A {
color: var(--link);
transition: .3s;
}
Article UL {
list-style: disc;
margin: 0 0 25px 0;
padding: 0 0 0 32px;
display: flex;
flex-direction: column;
}
Article OL {
list-style: decimal;
margin: 0 0 25px 0;
padding: 0 0 0 32px;
display: flex;
flex-direction: column;
}
Article UL LI::marker,
Article OL LI::marker {
color: var(--sub-color);
font-size: inherit;
font-weight: 700;
}
Article HR {
background: var(--border-color);
border: 0;
height: 1px;
margin: 0 0 16px 0;
}
Article Sub,
Article Sup {
font-size: 10px;
}
Article Blockquote {
font-style: italic;
margin: 0 0 25px 20%;
padding: 8px 0 8px 16px;
border-left: 8px solid var(--sub-color);
max-width: 60%;
column-span: all;
}
Article Blockquote P {
font-weight: 700;
font-size: 16px;
line-height: 28px;
}
Article Blockquote P:last-child {
margin: 0;
}
Article Figure.table {
min-width: 100%;
margin: 0 0 25px 0;
column-span: all;
}
Article Strong {
font-weight: 700;
}
Article .table Table {
border-collapse: collapse;
border-color: var(--site-bg);
border-style: solid;
width: 100%;
overflow: hidden;
table-layout: fixed;
}
Article .table Table TR:nth-child(odd) {
background: var(--site-bg);
}
Article .table Table TR:nth-child(even) {
background: var(--text-inverse);
}
Article .table Table TH {
background: var(--main-color);
color: var(--text-inverse);
padding: 8px;
text-align: left;
border: none;
word-wrap: break-word;
}
Article .table Table TD {
border-right: 1px solid var(--site-bg);
padding: 8px;
text-align: left;
word-wrap: break-word;
}
Article .table Table TR:nth-child(odd) TD {
border-color: var(--text-inverse);
}
Article .image-inline {
max-width: 100%;
height: auto !important;
opacity: 1 !important;
min-width: 100%;
}
Article .image {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin: 0 0 26px 0;
width: 100%;
}
Article .image Img,
Article Img {
display: block;
margin: 0 auto;
max-width: 100%;
min-width: 100%;
}
Article .image>figcaption {
caption-side: bottom;
color: var(--main-color);
display: table-caption;
font-size: 12px;
outline-offset: -1px;
padding: 6px 12px;
word-break: break-word;
}
Article .long_div.article_btn {
margin: 22px 0 0 0;
}
Article A.has_arrow {
position: relative;
padding: 0 20px 0 0;
}
Article A.has_arrow.bottom::before,
Article A.has_arrow.bottom::after {
top: 11px;
right: 0;
}
Article A.has_arrow.top::before,
Article A.has_arrow.top::after {
top: 10px;
right: 5px;
}
Article A.has_arrow.bottom::after {
right: 5px;
}
Article A.has_arrow.top::after {
right: 0;
}
Article A.inverse.has_arrow::before,
Article A.inverse.has_arrow::after {
background: var(--link-hover);
}
.article_place.seo {
order: 33;
}
.article_place.list_two-col ul,
.article_place.list_one-col ul {
list-style: none;
padding: 0;
break-inside: avoid;
}
.article_place.list_two-col ul li,
.article_place.list_one-col ul li {
color: var(--design-color-2);
padding-left: 30px;
line-height: 30px;
margin-bottom: 2px;
position: relative;
}
.article_place.list_two-col ul li::before,
.article_place.list_one-col ul li::before {
content: "";
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
background-image: url('../images/checked-icon.png');
background-repeat: no-repeat;
}
.article_place.list_one-col .article_text > .table:nth-child(1) {
margin-bottom: 0;
}
.article_place.list_one-col .article_text > .table:nth-child(1) table {
display: flex;
overflow: unset;
margin-bottom: 0;
}
.article_place.list_one-col .article_text > .table:nth-child(1) tr {
display: flex;
flex-direction: column;
width: 100%;
}
.article_place.list_one-col .article_text > .table:nth-child(1) td {
display: block;
padding: 0;
width: 100%;
}
.article_place.list_one-col .article_text > .table:nth-child(1) td > *:nth-last-child(1) {
margin-bottom: 0;
}
.article_place.list_one-col .article_text > .table:nth-child(1) figure.image {
display: flex;
justify-content: center;
margin-top: 24px;
width: 100%;
max-width: 100%;
float: unset;
}
.article_place.list_one-col .article_text > .table:nth-child(1) img {
margin: 0 auto;
width: auto;
max-width: 100%;
min-width: unset;
}
.article_place.list_two-col .article_text > .table:nth-child(1) {
margin-bottom: 0;
}
.article_place.list_two-col .article_text > .table:nth-child(1) table {
display: flex;
overflow: unset;
margin-bottom: 0;
}
.article_place.list_two-col .article_text > .table:nth-child(1) tbody {
width: 100%;
}
.article_place.list_two-col .article_text > .table:nth-child(1) tr {
display: flex;
flex-direction: column;
width: 100%;
}
.article_place.list_two-col .article_text > .table:nth-child(1) td {
display: block;
padding: 0;
width: 100%;
}
.article_place.list_two-col .article_text > .table:nth-child(1) td > *:nth-last-child(1) {
margin-bottom: 0;
}
.article_place.list_two-col .article_text > .table:nth-child(1) figure.image {
display: flex;
justify-content: center;
margin-top: 24px;
width: 100%;
max-width: 100%;
float: unset;
}
.article_place.list_two-col .article_text > .table:nth-child(1) img {
margin: 0 auto;
width: auto;
max-width: 100%;
min-width: unset;
}
.article_place.desktop_bigger article {
font-weight: 400;
}
Input,
Select {
height: 48px;
border: none;
border-radius: var(--btn-radius);
padding: 0 16px;
outline: none;
}
Input[type=text],
Input[type=password],
Input[type=email],
Input[type=tel],
Input[type=number],
Input[type=search],
Textarea,
Select {
width: 100%;
border: 1px solid var(--border-color);
transition: border 0.3s;
}
Input[type=text].error,
Input[type=password].error,
Input[type=email].error,
Input[type=tel].error,
Input[type=number].error,
Input[type=search].error,
Textarea.error {
border-color: var(--error) !important;
background: var(--white) url("../images/danger.png") no-repeat calc(100% - 10px) 12px / 22px;
z-index: 2;
}
.password_box Input[type=password].error,
.password_box Input[type="text"].error {
background-image: none;
}
Input[type=text]:focus,
Input[type=password]:focus,
Input[type=email]:focus,
Input[type=tel]:focus,
Input[type=number]:focus,
Input[type=search]:focus,
Textarea:focus,
Select:focus {
border-color: var(--sub-color) !important;
outline: 0;
outline-offset: 0;
}
Input[type=text]:disabled,
Input[type=tel]:disabled {
background: var(--border-color);
pointer-events: none;
}
Textarea {
padding: 13px 8px;
resize: vertical;
outline: none;
border-radius: var(--btn-radius);
min-height: 120px;
max-height: 400px;
}
Select {
background-color: var(--white);
cursor: pointer;
padding-right: 32px;
appearance: none;
background-position: right 9px center;
background-repeat: no-repeat, repeat;
background-size: 14px 8px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%238a8a8a' viewBox='0 0 13 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 7a.956.956 0 0 1-.657-.256l-5.57-5.25a.839.839 0 0 1 0-1.237.968.968 0 0 1 1.312 0L6.5 4.888 11.415.257a.968.968 0 0 1 1.313 0 .839.839 0 0 1 0 1.237l-5.572 5.25A.956.956 0 0 1 6.5 7Z'/%3E%3C/svg%3E");
}
.popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 16px);
max-width: 500px;
background: var(--white);
padding: 16px;
border-radius: var(--border-radius);
z-index: 13;
box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
overflow: auto;
max-height: calc(100% - 64px);
display: none;
}
.popup.active {
display: flex;
flex-direction: column;
}
.popup .row {
display: flex;
justify-content: center;
}
.popup .row.left {
justify-content: flex-start;
}
.popup .row .btn {
margin: 0;
width: 100%;
}
.popup .row .btn span + .icon {
flex: 0 0 20px;
margin-left: 6px;
width: 20px;
height: 20px;
}
.popup .row.left .btn {
margin: 0 8px 0 0;
}
.for_wish_product {
display: flex;
margin: 0 0 24px 0;
}
.for_wish_product .ag_photo {
width: 42px;
height: 42px;
}
.wl_text {
width: 100%;
display: flex;
flex-direction: column;
}
.wlt_tit {
display: flex;
margin: 0 0 8px 0;
}
.wlt_price {
font-size: 18px;
color: var(--orange);
}
.wlt_price Small {
font-size: 15px;
}
.wish_lists_popup .wish_lists {
display: flex;
flex-direction: column;
margin: 0 0 8px 0;
}
.wish_lists_popup .wish_lists LI {
position: relative;
padding: 8px 30px 8px 16px;
border-radius: var(--btn-radius);
border: 1px solid var(--border-color);
cursor: pointer;
font-size: 16px;
margin: 0 0 8px 0;
transition: .3s;
}
.wish_lists LI.has_arrow::before,
.wish_lists LI.has_arrow::after {
right: 12px;
top: 20px;
background: var(--gray-light);
}
.wish_lists LI.has_arrow::after {
top: 15px;
}
.delete_popup {
padding: 32px;
}
.notification {
animation: appearance .5s ease-in;
position: fixed;
top: 62px;
left: 50%;
transform: translateX(-50%);
z-index: 13;
overflow: initial;
max-height: calc(100% - 64px);
box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
width: calc(100% - 16px);
max-width: 500px;
background: var(--white);
padding: 16px;
border-radius: var(--border-radius);
}
.notification::before,
.notification::after {
content: '';
position: absolute;
inset: -4px;
border: 2px solid var(--white);
border-radius: inherit;
animation: pulse 2s ease-out infinite;
opacity: 0;
animation-delay: .75s;
}
.notification::after {
animation-delay: 1.25s;
border-width: 1px;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: .6;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes appearance {
0% {
top: -100px;
}
100% {
top: 62px;
}
}
.notification .title_wrap {
margin: 0 0 var(--title-margin-mobile) 0;
}
.notification .title_wrap .main_title {
font-size: 18px;
}
.notification .for_wish_product {
margin: 0;
}
.hidden {
display: none !important;
}
.long_div {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 0 24px 0;
position: relative;
}
.styled_input {
display: flex;
flex-direction: column;
margin: 0 0 24px 0;
width: 100%;
}
.styled_input .title {
display: none;
font-size: 18px;
margin-bottom: 10px;
}
.styled_input .title i {
font-style: normal;
color: var(--design-color-6);
}
.styled_input .input_wrap {
position: relative;
width: 100%;
}
.styled_input .input_wrap > .icon {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 14px;
left: 16px;
fill: #A69F9F;
}
.styled_input .input_wrap > .icon + input,
.styled_input .input_wrap > .icon + textarea {
padding-left: 48px;
}
.styled_input .input_info {
font-size: 14px;
font-weight: 300;
margin-top: 10px;
}
.styled_input .input_info.error {
color: var(--error);
}
.warning_box {
display: flex;
align-items: center;
padding: 8px;
border: 2px solid var(--orange);
color: var(--orange);
border-radius: var(--border-radius);
margin: 8px 0 16px;
text-decoration: none;
min-height: 32px;
z-index: 2;
position: relative;
width: 100%;
transition: .3s;
}
.warning_box.red {
border-color: var(--error);
color: var(--error);
}
.warning_box.success {
border-color: var(--success);
color: var(--success);
}
.warning_box.no_no {
animation: wrong .5s ease-in;
position: relative;
}
.warning_box .w_text {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.warning_box .icon {
margin: 0 8px 0 0;
fill: var(--orange);
flex-shrink: 0;
}
.warning_box.red .icon {
fill: var(--error);
}
.warning_box.success .icon {
fill: var(--success);
}
.warning_box.no_margin {
margin: 0;
}
.warning_box.no_margin_bottom {
margin-bottom: 0;
}
.warning_box.no_padding {
padding: 0;
}
.warning_box.small {
padding: 2px 8px;
}
.long_div.error {
border: 2px solid var(--error);
border-radius: var(--border-radius);
padding: 8px 16px 8px 38px;
background: var(--error_light) url("../images/danger.png") no-repeat 8px 50%;
color: var(--error);
background-size: 22px;
}
.long_div.error.no_no {
animation: wrong .5s ease-in;
position: relative;
}
@keyframes wrong {
0% {
left: 0;
}
10% {
left: -8px;
}
20% {
left: -16px;
}
30% {
left: -8px;
}
40% {
left: 0;
}
50% {
left: 8px;
}
60% {
left: 16px;
}
70% {
left: 8px;
}
80% {
left: 0;
}
90% {
left: -8px;
}
100% {
left: 0;
}
}
.long_div .input_error {
position: absolute;
width: max-content;
max-width: 70%;
height: 70%;
padding: 6px 8px;
border-radius: var(--border-radius) var(--border-radius) 0 0;
color: var(--text-inverse);
right: 0;
top: -4px;
font-size: 12px;
z-index: 1;
opacity: 0;
visibility: hidden;
overflow: hidden;
background: var(--error);
transition: .3s;
}
.form_place.change_contacts .long_div .input_error {
height: calc(70% - 8px);
}
.long_div .input_error.active {
opacity: 1;
visibility: visible;
overflow: visible;
}
.long_div.error A {
color: var(--text-error);
transition: .3s;
}
.long_div.center {
text-align: center;
justify-content: center;
}
.long_div.row {
flex-direction: row;
}
.long_div Label {
color: var(--text);
font-size: 18px;
font-weight: 300;
margin: 0 0 10px 0;
}
.long_div Label i {
font-style: normal;
color: var(--design-color-6);
}
.title_wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 0 var(--title-margin-mobile) 0;
}
.main_title {
display: flex;
flex-wrap: wrap;
font-size: var(--title-font-size-mobile);
font-weight: 500;
color: var(--text);
}
.margin_right .main_title {
margin-right: 32px;
}
svg.icon {
width: 20px;
height: 20px;
transition: .3s;
}
svg.icon.margin {
margin: 0 6px 0 0;
}
svg.icon.margin_left {
margin: 0 0 0 6px;
}
svg.icon.margin.big {
margin: 0 12px 0 0;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
width: max-content;
max-width: 100%;
background: var(--btn-bg);
padding: 0 16px;
border-radius: var(--btn-radius);
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
color: var(--text-inverse);
text-align: center;
cursor: pointer;
position: relative;
border: none;
transition: .3s;
}
.btn.active,
.lor_col .together A.active,
.enter_form .together A.btn.active {
background: var(--btn-bg-hover);
}
.btn.mini {
font-size: 14px;
padding: 0 8px;
min-height: 28px;
}
.btn.big {
font-size: 20px;
min-height: 48px;
}
.btn.light {
background: var(--design-color-7);
color: var(--base-color-1);
border: 2px solid transparent;
}
.btn.inverse {
background: var(--main-color);
border: 2px solid transparent;
}
.btn.warning {
background: var(--orange);
border: 2px solid transparent;
}
.btn.delete {
background: var(--text-error-hover);
border: 2px solid transparent;
}
.btn.light.inverse {
background: var(--main-color-lighter);
color: var(--site-bg);
border: 2px solid transparent;
}
.btn.outline {
color: var(--text);
background-color: transparent;
border: 1px solid var(--design-color-2);
}
.btn.outline .icon {
fill: var(--design-color-2);
transition: fill 0.3s;
}
.btn.secondary {
background-color: var(--design-color-6);
}
.btn .icon {
width: 20px;
height: 20px;
fill: var(--white);
flex-shrink: 0;
transition: .3s;
}
.btn.left {
justify-content: flex-start;
}
.btn.disabled {
opacity: .4;
pointer-events: none;
}
.btn.has_arrow {
padding: 0 32px 0 16px;
}
.btn.has_arrow::before,
.btn.has_arrow::after {
background: var(--white);
}
.upper_info {
display: flex;
width: 100%;
height: 32px;
justify-content: center;
align-items: center;
}
.upper_info Img {
max-width: 100%;
max-height: 32px;
object-fit: contain;
}
.mediap {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 10;
width: 300px;
height: 300px;
background: var(--white);
border-radius: var(--border-radius);
overflow: hidden;
will-change: transform, opacity;
box-shadow: 0 10px 30px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .2);
transition: transform .8s cubic-bezier(.34, 1.56, .64, 1), opacity .6s ease, filter .6s ease, box-shadow .4s ease;
transform-origin: left bottom;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.mediap.no_active {
pointer-events: none;
opacity: 0;
filter: blur(10px);
transform: translate(-100%, 20%) rotate(-15deg) scale(.8);
}
.mediap .close_media {
position: absolute;
top: 12px;
right: 12px;
width: 34px;
height: 34px;
background: rgba(0, 0, 0, .3);
color: var(--white);
border: none;
border-radius: 50%;
cursor: pointer;
z-index: 10;
backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
}
.timer_svg {
position: absolute;
inset: -3px;
width: calc(100% + 6px);
height: calc(100% + 6px);
transform: rotate(-90deg);
pointer-events: none;
overflow: visible;
}
.timer_bg {
fill: none;
stroke: rgba(255, 255, 255, .4);
stroke-width: 4px;
}
.timer_path {
fill: none;
stroke: var(--error);
stroke-width: 3px;
stroke-linecap: round;
stroke-dasharray: 95;
stroke-dashoffset: 95;
filter: drop-shadow(0 0 1px rgba(0, 0, 0, .5));
}
.mediap:not(.no_active) .timer_path {
animation: timer-fill var(--timer-speed, 5s) linear forwards;
}
@keyframes timer-fill {
to {
stroke-dashoffset: 0;
}
}
.mediap .close_media::before,
.mediap .close_media::after {
content: '';
position: absolute;
height: 14px;
width: 2px;
background: currentColor;
border-radius: 2px;
transition: transform .4s cubic-bezier(.4, 0, .2, 1);
}
.mediap .close_media::before {
transform: rotate(45deg);
}
.mediap .close_media::after {
transform: rotate(-45deg);
}
.mediap_link {
display: block;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
overflow: hidden;
position: relative;
background: var(--white);
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.mediap Img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .6s ease, filter .6s ease;
}
.main_header {
background: var(--main-color);
padding: 16px 0;
margin: 0 0 8px 0;
z-index: 11;
box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
}
.main_header .icon,
.main_header .svg_icon {
width: 24px;
height: 24px;
fill: var(--white);
transition: .3s;
flex-shrink: 0;
}
.main_header .centre {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav_panel {
display: flex;
align-items: center;
}
.ico_cat {
position: relative;
width: 24px;
height: 24px;
margin: 0 12px 0 0;
display: flex;
}
.ic_1,
.ic_2 {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
}
.ic_1::before,
.ic_1::after,
.ic_2::before,
.ic_2::after {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
border: 2px solid var(--white);
content: '';
border-radius: 3px;
transition: .3s;
}
.ic_1::after {
left: auto;
right: 0;
}
.ic_2::before {
top: auto;
bottom: 0;
}
.ic_2::after {
top: auto;
left: auto;
bottom: 0;
right: 0;
}
.catalog_btn.active .ic_1::before,
.catalog_btn.active .ic_1::after,
.catalog_btn.active .ic_2::before,
.catalog_btn.active .ic_2::after {
border: 0;
width: 12px;
height: 3px;
background: var(--white);
transform: rotate(45deg);
top: 6px;
left: 2px;
}
.catalog_btn.active .ic_1::after {
left: auto;
right: 2px;
transform: rotate(-45deg);
}
.catalog_btn.active .ic_2::before {
top: auto;
bottom: 7px;
transform: rotate(-45deg);
}
.catalog_btn.active .ic_2::after {
top: auto;
left: auto;
bottom: 7px;
right: 2px;
}
.desktop .select_city {
display: none;
}
.search_wrap {
position: relative;
width: 100%;
margin: 0 16px;
}
.search_wrap Input {
width: 100%;
padding: 0 84px 0 8px;
border: none;
}
.search_wrap.active Input {}
.search_wrap .icon.if_desktop {
display: none;
}
.search_wrap A.clear {
position: absolute;
top: 0;
right: 38px;
width: 38px;
height: 38px;
border-left: 1px solid var(--border-color);
opacity: 1;
visibility: visible;
transition: .3s;
}
.search_wrap A.clear.no_active {
opacity: 0;
visibility: hidden;
}
.search_wrap A.clear::before,
.search_wrap A.clear::after,
.search_popup A.cleare_this::before,
.search_popup A.cleare_this::after {
content: '';
width: 10px;
height: 1px;
position: absolute;
top: 19px;
left: 14px;
background: var(--text-light);
transform: rotate(45deg);
transition: .3s;
}
.search_wrap A.clear::after,
.search_popup A.cleare_this::after {
transform: rotate(-45deg);
}
.search_wrap .search_btn {
position: absolute;
top: 0;
right: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: var(--btn-bg);
border-radius: 0 calc(var(--btn-radius) - 1px) calc(var(--btn-radius) - 1px) 0;
transition: .3s;
}
.main_header .search_btn .icon {
fill: var(--white);
}
.main_header .search_btn Span {
display: none;
}
.search_popup {
position: absolute;
top: min(calc(100% - 2px), calc(100% - var(--btn-radius)));
left: 0;
width: 100%;
display: flex;
flex-direction: column;
background: var(--white);
opacity: 0;
visibility: hidden;
transition: .3s;
border-radius: 0 0 var(--border-radius) var(--border-radius);
padding-top: var(--btn-radius);
}
.search_popup.active {
opacity: 1;
visibility: visible;
z-index: -1;
}
.search_popup UL {
display: none;
flex-direction: column;
padding: 0 0 8px 0;
}
.search_popup.active UL {
display: flex;
}
.search_popup LI {
display: flex;
align-items: center;
position: relative;
transition: .3s;
}
.search_popup LI:first-child::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--btn-radius));
height: 1px;
background: var(--border-color);
}
.search_popup LI:last-child.active {
border-radius: 0 0 var(--btn-radius) var(--btn-radius);
}
.search_popup LI.title {
padding: 8px;
font-size: 13px;
color: var(--text-light);
justify-content: space-between;
}
A.clear_history {
text-decoration: none;
color: var(--main-color-light);
transition: .3s;
}
.search_popup A.one_result {
padding: 8px;
text-decoration: none;
color: var(--gray-light);
display: flex;
align-items: center;
width: 100%;
}
.search_popup A.one_result.history {
width: calc(100% - 34px);
}
.search_popup A.one_result Img {
max-height: 42px;
margin: -4px 8px -4px 0;
}
.search_popup .res_txt {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
.search_popup .res_txt Span {
font-weight: bold;
color: var(--main-color-light);
}
.search_popup A.one_result.category {
margin: 0;
}
.search_popup A.one_result.category .icon {
width: 18px;
height: 18px;
fill: var(--icon-color-gray);
margin: 0 8px 0 0;
}
.search_popup A.cleare_this {
width: 34px;
height: 34px;
position: relative;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.search_popup A.cleare_this::before,
.search_popup A.cleare_this::after {
top: 17px;
left: 12px;
}
.user_panel {
display: flex;
align-items: center;
}
.btn_header {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: var(--btn-radius);
transition: .3s;
position: relative;
text-decoration: none;
border: unset;
cursor: pointer;
background: none;
}
.btn_header.scale,
.btn_header.heart,
.btn_header.user {
display: none;
}
.compare_counter,
.wish_counter,
.cart_counter,
.profile_counter {
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
position: absolute;
top: -3px;
left: 23px;
min-width: 18px;
height: 18px;
border-radius: 9px;
font-size: 12px;
background: var(--sub-color);
padding: 2px;
}
.profile_counter {
min-width: 20px;
height: 20px;
border-radius: 10px;
border: 1px solid var(--site-bg);
margin-left: auto;
position: relative;
top: auto;
left: auto;
}
.shopping_sum {
display: none;
}
.btn_header.user .orders,
.btn_header.user.orders .user {
display: none;
}
.btn_header.user .user,
.btn_header.user.orders .orders {
display: flex;
}
.menu_header {
color: var(--text);
position: fixed;
top: 0;
left: -330px;
display: flex;
flex-direction: column;
height: 100dvh;
overflow: auto;
width: 300px;
background: var(--site-bg);
z-index: 12;
transition: .3s;
box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}
.menu_header.active {
left: 0;
transition: .3s;
}
.menu_header .icon,
.profile_menu UL .icon {
width: 20px;
height: 20px;
margin: 0 12px 0 0;
}
.menu_header .btn,
.profile_menu UL A {
padding: 0 8px;
}
.close_menu {
width: 32px;
height: 32px;
position: absolute;
top: 18px;
right: 4px;
z-index: 1;
}
.close_menu::after,
.close_menu::before {
content: '';
width: 24px;
height: 3px;
border-radius: 3px;
background: var(--white);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
transition: .3s;
}
.close_menu::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.left_menu_header {
display: flex;
flex-direction: column;
background: var(--main-color);
color: var(--text-inverse);
border-bottom: 1px solid var(--site-bg);
}
.menu_logo {
display: flex;
padding: 2px 40px 2px 8px;
width: 100%;
height: 70px;
align-items: center;
}
.login_btn {
width: calc(100% - 16px);
background: none;
margin: 8px;
}
.login_btn.out {
color: var(--main-color-lighter);
margin: 0;
}
.login_btn.out .icon {
fill: var(--main-color-lighter);
}
.user_info,
.profile_menu UL A.user_info {
color: var(--text-inverse);
text-decoration: none;
font-size: 16px;
line-height: 1.2;
display: flex;
flex-direction: column;
padding: 8px 8px 8px 40px;
position: relative;
border-radius: var(--btn-radius);
align-items: flex-start;
transition: .3s;
}
.profile_menu UL A.user_info {
color: var(--main-color);
}
.user_info .icon {
position: absolute;
top: 8px;
left: 8px;
fill: var(--text-inverse);
}
.user_info .name {
padding: 2px 0 4px 0;
}
.user_info .user_email {
font-size: 12px;
color: var(--sub-color);
transition: .3s;
}
.user_info.active .user_email {
color: var(--main-color-light);
}
.menu_header .catalog_btn {
display: flex;
margin: 8px;
width: calc(100% - 16px);
}
.menu_header .catalog_btn .icon {
width: 24px;
height: 24px;
}
.left_menu_box {
display: flex;
flex-direction: column;
padding: 8px 8px 16px 8px;
}
.left_menu_box.user_menu {
padding: 8px 8px 0 8px;
order: 3;
}
.left_menu_box.bottom_menu_in_left {
order: 4;
}
.profile_tpl .left_menu_box.user_menu {
order: 1;
}
.left_menu_box .catalog_menu {
border-bottom: 1px solid var(--border-color);
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}
.left_menu_box.user_menu .catalog_menu {
margin: 0;
}
.left_menu_box LI,
.profile_menu UL A {
margin: 0 0 1px 0;
}
.left_menu_box A,
.pm_items A,
.left_menu_box A.active {
color: var(--link);
background: none;
width: 100%;
}
.profile_menu UL A.active {
background: var(--main-color-lighter);
color: var(--text-inverse);
}
.left_menu_box A .icon,
.profile_menu A .icon {
fill: var(--link);
}
.profile_menu A.active .icon {
fill: var(--white);
}
.for_select_city {
border-bottom: 1px solid var(--border-color);
padding: 0 0 8px 0;
margin: 0 0 8px 0;
}
.left_menu_box .for_select_city LI {
margin: 0;
}
.catalog_mob_menu {
display: flex;
width: 100%;
padding: 8px;
background: var(--main-color);
order: 2;
}
.catalog_mob_menu.margin {
margin: -1px 0 0 0;
}
.catalog_mob_menu UL {
width: 100%;
display: flex;
flex-direction: column;
}
.catalog_mob_menu A {
display: flex;
flex-wrap: wrap;
width: 100%;
text-decoration: none;
color: var(--text-inverse);
padding: 8px 0;
position: relative;
transition: .3s;
}
.catalog_mob_menu A.has_arrow {
padding: 8px 42px 8px 0;
}
.catalog_mob_menu A::before,
.catalog_mob_menu A::after {
display: none;
}
.catalog_mob_menu A Span {
position: absolute;
top: 0;
right: 0;
height: 100%;
aspect-ratio: 1 / 1;
max-height: 34px;
transition: .3s;
}
.catalog_mob_menu A.has_arrow Span::before,
.catalog_mob_menu A.has_arrow Span::after {
content: '';
width: 8px;
height: 2px;
border-radius: 2px;
position: absolute;
right: 12px;
top: 19px;
transform: rotate(-45deg);
transition: .3s;
background: var(--text-inverse);
}
.catalog_mob_menu A.has_arrow Span::after {
transform: rotate(45deg);
top: 14px;
}
.catalog_mob_menu A.has_arrow.bottom Span {
transform: rotate(-90deg);
}
.catalog_mob_menu UL LI UL.no_active {
display: none;
}
.catalog_mob_menu UL LI UL {
padding: 0 0 0 30px;
}
.catalog_mob_menu UL LI UL A {
padding: 6px 0;
}
.catalog_mob_menu UL LI UL A.has_arrow {
padding: 6px 0;
}
.catalog_mob_menu UL LI UL A Span {
max-height: 30px;
right: 100%;
}
.catalog_mob_menu UL LI UL A.has_arrow Span::before,
.catalog_mob_menu UL LI UL A.has_arrow Span::after {
right: 10px;
top: 17px;
}
.catalog_mob_menu UL LI UL A.has_arrow Span::after {
top: 12px;
}
.mobile_toolbar {
position: fixed;
bottom: 0;
left: 0;
padding: 8px 16px;
background: var(--white);
z-index: 7;
box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
transition: bottom 0.3s ease;
}
.mobile_toolbar.no_active {
bottom: -58px;
}
.mt_btn {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
text-decoration: none;
}
.mt_btn .icon {
width: 24px;
height: 24px;
margin: 0 0 6px 0;
fill: var(--gray);
}
.mt_btn .mtb_tit {
color: var(--gray-light);
font-size: 12px;
line-height: 12px;
}
.mt_btn .icon.orders,
.mt_btn .mtb_tit.orders,
.mt_btn.orders .icon.user,
.mt_btn.orders .mtb_tit.user {
display: none;
}
.mt_btn.orders .icon.orders,
.mt_btn.orders .mtb_tit.orders {
display: flex;
}
.mt_btn .compare_counter,
.mt_btn .wish_counter {
top: -8px;
left: auto;
right: 3px;
border: 3px solid var(--white);
height: 24px;
min-width: 24px;
border-radius: 12px;
}
.main_slider_container {
width: 100%;
margin: 0 auto var(--section-margin-mobile) auto;
}
.main_slider_container.main_page-slider:nth-child(1) {
margin-top: -18px;
}
.main_slider {
width: 100%;
}
.main_slider_container.with_menu>UL {
display: none;
}
.main_slider_item {
display: flex;
align-items: center;
width: 100%;
height: auto;
position: relative;
min-height: calc(100vw * 16 / 15);
}
.slick-initialized .slick-slide.main_slider_item {
display: flex;
}
.main_slider_item.dark_theme {
color: var(--base-color-1);
}
.main_slider_item .centre {
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
padding-top: 52px;
padding-bottom: 52px;
}
.main_slider_item .centre > .inner {
display: flex;
flex-direction: column;
}
.main_slider_item picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main_slider_item Img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
}
.main_slider_item .H1 {
font-size: 34px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 16px;
user-select: none;
}
.main_slider_item .subtitle {
font-size: 18px;
margin-bottom: 30px;
user-select: none;
}
.main_slider_item .slider_article {
margin: 0;
}
.main_slider_item .slider_article ul {
display: flex;
flex-direction: column;
padding-left: 0;
margin: 0 0 24px 0;
user-select: none;
list-style: none;
}
.main_slider_item .slider_article li {
font-size: 15px;
font-weight: 700;
display: flex;
list-style: none;
}
.main_slider_item .slider_article li::before {
content: "";
margin: -1px 12px 0 0;
width: 24px;
height: 24px;
position: relative;
background-image: url('../images/check-icon-dark.svg');
background-size: contain;
background-repeat: no-repeat;
}
.main_slider_item.dark_theme .slider_article li::before {
background-image: url('../images/check-icon-white.svg');
}
.main_slider_item .slider_article li + li {
margin-top: 16px;
}
.main_slider_item .slider_article li span {
}
.main_slider_item .slider_article li .icon {
flex: 0 0 24px;
margin-right: 12px;
width: 24px;
height: 24px;
}
.main_slider_item.dark_theme .options li .icon {
fill: var(--base-color-1);
}
.main_slider_item .slider_links {
display: flex;
flex-direction: column;
}
.main_slider_item .slider_links .btn {
width: 100%;
}
.main_slider_item .slider_links .btn + .btn {
margin-top: 16px;
}
.main_slider_item .slider_links .btn .icon {
margin-left: 16px;
}
.main_slider_item .slider_links .btn.download {
background-color: var(--design-color-6);
}
.slick-current.main_slider_item Img {
object-fit: cover;
}
.main_slider:not(.slick-initialized) {
display: flex;
overflow: hidden;
border-radius: var(--border-radius);
width: 100%;
}
.main_slider:not(.slick-initialized) .main_slider_item {
flex: 0 0 100%;
max-width: 100%;
}
.main_slider:not(.slick-initialized) .main_slider_item:nth-child(n+3) {
display: none;
}
.main_slider_container .slick-dots {
position: absolute;
bottom: 0;
left: 0;
justify-content: center;
width: 100%;
padding: 8px;
}
.main_slider_container[data-items]:not([data-items-mob="1"]) .slick-dots {
justify-content: flex-start;
padding-left: 12px;
}
.slick-dots {
display: flex
}
.slick-dots LI,
.zoom-full_screen .sub_scroll .ss_one_photo {
display: flex;
margin: 0 4px;
position: relative;
}
.slick-dots Button,
.zoom-full_screen .sub_scroll .ss_one_photo {
font-size: 0;
padding: 0;
background: transparent;
width: 16px;
height: 16px;
border-radius: 50%;
position: relative;
border: 2px solid transparent;
cursor: pointer;
}
.slick-dots button::before,
.zoom-full_screen .sub_scroll .ss_one_photo::before {
content: "";
width: 6px;
height: 6px;
background: rgba(255, 255, 255, .2);
border-radius: 50%;
position: absolute;
-webkit-backdrop-filter: invert(.5) brightness(1.5);
top: 50%;
left: 50%;
backdrop-filter: invert(.5) brightness(1.5);
transform: translate(-50%, -50%);
}
.slick-dots LI.slick-active Button,
.zoom-full_screen .sub_scroll .ss_one_photo.active {
border: 2px solid var(--design-color-6);
}
.slick-dots LI.slick-active Button::before,
.zoom-full_screen .sub_scroll .ss_one_photo.active::before {
background: var(--design-color-6);
}
.list_wrap .main_slider_container {
margin: 0 0 16px 0;
}
.login_or_reg {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 32px 0;
}
.lor_col {
width: 100%;
max-width: 520px;
padding: 0 0 30px 0;
position: relative;
}
.lor_col.signup {
padding: 32px 0 0 0;
}
.lor_col.signup::before {
width: 100%;
height: 2px;
background: var(--main-color-light);
content: '';
position: absolute;
top: 0;
left: 0;
}
.login_place .title_wrap.hidden {
display: flex !important;
}
.title_wrap .together {
display: flex;
margin: 0 0 0 16px;
}
.login_place .title_wrap .together {
margin: 0;
}
.title_wrap .together A:last-child {
margin: 0 0 0 8px;
}
.title_wrap .together A {
background: var(--main-color-lighter);
}
.lor_line {
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
padding: 8px 16px;
background: var(--site-bg);
color: var(--main-color-light);
}
.lor_box {
background: var(--white);
padding: 16px;
}
.login_or_reg .btn {
width: 100%;
}
.lor_box .only_for_checkout {
display: none;
}
.email_confirm {
display: flex;
flex-direction: column;
margin: 32px auto;
max-width: 740px;
}
.email_confirm .icon {
display: flex;
justify-content: center;
margin: 0 0 32px 0;
}
.email_confirm .icon Span {
width: 64px;
height: 64px;
border: 3px solid var(--error);
border-radius: 50%;
position: relative;
}
.email_confirm .icon.success Span {
border-color: var(--btn-bg);
display: flex;
justify-content: center;
align-items: center;
}
.email_confirm .icon.faild Span::before,
.email_confirm .icon.faild Span::after {
content: '';
background: var(--error);
position: absolute;
top: 14px;
left: 29px;
width: 3px;
height: 32px;
transform: rotate(45deg);
}
.email_confirm .icon.faild Span::after {
transform: rotate(-45deg);
left: 28px;
}
.email_confirm .icon.success Span::before {
border: 3px solid var(--btn-bg);
border-top: none;
border-left: none;
content: '';
position: absolute;
top: 9px;
left: 22px;
transform: rotate(45deg);
width: 18px;
height: 32px;
}
.ec_tit {
margin: 0 0 24px 0;
text-align: center;
font-size: 24px;
line-height: 32px;
}
.ec_description {
margin: 0 0 32px 0;
text-align: center;
color: var(--text-light);
line-height: 1.4;
}
.email_confirm .long_div {
align-items: center;
}
.callback_popup {
display: flex;
flex-direction: column;
width: calc(100% - 20px);
max-width: 520px;
padding: 24px 16px;
opacity: 0;
visibility: hidden;
transform: translate(-50%, calc(-50% - 25px));
transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.callback_popup.active {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}
.callback_popup.success {
border-radius: 12px;
z-index: 15;
background-color: #ffffff;
}
.callback_popup.success .popup_subtitle {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
}
.callback_popup.success .popup_close::before,
.callback_popup.success .popup_close::after {
background-color: #BFBFBF;
}
@media (hover: hover) {
.callback_popup.success .popup_close::before,
.callback_popup.success .popup_close::after {
background-color: #333333;
}
}
.callback_popup.success .popup_subtitle b {
text-align: center;
font-size: 24px;
font-weight: 400;
line-height: 26px;
margin: 0 0 22px;
padding-bottom: 22px;
width: 100%;
border-bottom: 1px solid var(--border-color);
}
.callback_popup.success .popup_subtitle Span {
font-weight: 400;
font-size: 18px;
color: var(--text);
}
.callback_popup .popup_close {
position: absolute;
top: 20px;
right: 16px;
}
.callback_popup .popup_title {
font-weight: 700;
padding-right: 40px;
}
.callback_popup .attach_text-info {
margin-bottom: 10px;
}
.callback_popup .uploaded_files {
margin-bottom: 30px;
}
.callback_popup .attach_file {
margin-bottom: 30px;
}
.callback_popup .attach_file .row {
margin-bottom: 0;
}
.callback_popup .attach_file .row .btn {
margin-bottom: 0;
}
.politics_box {
text-align: center;
font-size: 14px;
font-weight: 300;
display: block;
width: 100%;
}
.politics_box a.feedback_link {
color: var(--text);
text-decoration: none;
transition: color 0.3s;
}
.politics_box .feedback_link a {
color: var(--text);
text-decoration: underline;
transition: color 0.3s;
}
.popup_close, .notification_close {
width: 38px;
height: 38px;
background: transparent;
border: none;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.popup_close::before, .popup_close::after, .notification_close::before, .notification_close::after, .big_overlay .close_overlay::before, .big_overlay .close_overlay::after {
content: "";
width: 18px;
height: 2px;
background: var(--base-color-6);
transition: .3s;
position: absolute;
top: 50%;
left: 50%;
border-radius: 2px;
}
.popup_close::before, .notification_close::before, .big_overlay .close_overlay::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.popup_close::after, .notification_close::after, .big_overlay .close_overlay::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.email_popup .popup_close::before,
.email_popup .popup_close::after {
background: var(--error);
}
.popup_title {
font-size: 22px;
line-height: 1.4;
margin: 0 0 16px 0;
}
.popup_title.margin_plus {
margin: 0 0 32px 0;
}
.popup_title.small {
font-size: 18px;
}
.popup_subtitle {
font-size: 18px;
line-height: 1.4;
margin: 0 0 24px 0;
}
.popup_subtitle Span {
font-weight: 700;
color: var(--main-color-lighter);
}
.menu {
display: none;
flex-direction: column;
margin: 0 0 16px 0;
width: 100%;
}
.menu.active {
display: flex;
}
.menu_head {
display: none;
align-items: center;
justify-content: flex-end;
width: 100%;
padding: 2px 8px;
background: var(--main-color);
}
.menu_close {
position: relative;
z-index: 2;
}
.menu_close.popup_close::before,
.menu_close.popup_close::after {
background: var(--white);
width: 24px;
}
.menu .over {
overflow: auto;
}
.two_cols .main_aside .left_menu,
.two_cols .main_aside .profile_menu {
display: none;
}
.menu UL {
width: 100%;
height: 100%;
overflow-y: auto;
padding: 0;
}
.menu UL LI {
width: 100%;
margin: 0;
}
.menu UL LI:first-child {
margin: 0;
}
.menu UL LI.popular_item {
display: none;
}
.menu LI A,
.main_slider_container.with_menu LI A,
.main_aside .left_menu A {
text-align: center;
color: var(--text);
font-size: 16px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
position: relative;
transition: .3s;
}
.menu LI A.active,
.main_slider_container.with_menu LI A.active {
color: var(--design-color-6);
transition: .3s;
}
.menu LI UL LI A.active {
background-color: unset;
color: var(--btn-bg-hover);
}
.menu A.has_arrow::before,
.menu A.has_arrow::after {
right: 16px;
top: 22px;
background: var(--main-color);
}
.menu A.has_arrow::after {
top: 17px;
}
.menu A.has_arrow.active::before,
.menu A.has_arrow.active::after {
background: var(--text-inverse);
}
.menu LI A Img,
.main_slider_container.with_menu LI A Img {
display: block;
margin: 0 12px 0 0;
width: 18px;
opacity: .7;
transition: .3s;
}
.main_header .menu A svg {
fill: var(--main-color);
width: 18px;
height: 18px;
margin: 0 12px 0 0;
transition: .3s;
}
.main_header .menu A.active svg {
fill: var(--text-inverse);
}
.menu .next_level {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: calc(-100% - 20px);
background: var(--white);
z-index: 1;
box-shadow: 0 8px 10px rgba(0, 0, 0, .3);
transition: .3s;
}
.menu .next_level.active {
left: 0;
}
.menu A.btn_back {
color: var(--text-inverse);
background: var(--main-color);
padding: 12px 30px 12px 32px;
border-radius: unset;
}
.menu A.btn_back.has_arrow::before,
.menu A.btn_back.has_arrow::after {
right: auto;
left: 16px;
top: 17px;
background: var(--text-inverse);
}
.menu A.btn_back.has_arrow::after {
top: 22px;
}
.menu .next_level .mobile A {
background: var(--main-color-light);
color: var(--text-inverse);
}
.menu .next_level A.has_arrow.active::before,
.menu .next_level A.has_arrow.active::after {
background: var(--btn-bg-hover);
}
Section.category {
margin-bottom: 0;
}
Section.category .category_list {
margin-bottom: 24px;
}
.category_list {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 var(--gap-offset-mobile);
}
.one_cat {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background: var(--white);
padding: 8px;
width: calc(50% - var(--gap-mobile));
margin: 0 0 var(--gap-mobile) var(--gap-mobile);
text-decoration: none;
border-radius: var(--border-radius);
transition: .3s;
}
.category_image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
margin: 0 0 8px 0;
}
.category_image Img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
border-radius: calc(var(--border-radius) / 2);
}
.cat_title {
display: flex;
justify-content: center;
color: var(--text);
text-decoration: none;
transition: .3s;
text-align: center
}
.row_list .category_list {
margin: 0;
}
.row_list .one_cat {
margin: 0 0 var(--gap-mobile) 0;
width: 100%;
flex-direction: row;
}
.row_list .category_image {
margin: 0 16px 0 0;
width: 40%;
}
.row_list .cat_title {
width: 100%;
justify-content: flex-start;
text-align: left;
}
.list_info .category_list {
margin: 0;
}
.list_info .one_cat {
margin: 0 0 var(--gap-mobile) 0;
width: 100%;
justify-content: flex-start;
}
.list_info .category_image {
margin: 0 0 12px 0;
}
.list_info .cat_title {
width: 100%;
justify-content: flex-start;
text-align: left;
font-size: 18px;
}
.list_info UL {
width: 100%;
margin: 12px 0 0 0;
position: relative;
overflow: hidden;
max-height: 192px;
}
.list_info UL.full_list {
height: 100%;
max-height: unset;
}
.category_list UL A {
display: flex;
padding: 6px 8px;
color: var(--text);
text-decoration: none;
margin: 0 0 4px 0;
background: var(--site-bg);
position: relative;
font-size: 14px;
transition: .3s;
}
.list_info UL LI.more {
bottom: 0;
left: 0;
padding: 4px 0 0 0;
width: 100%;
background: var(--white);
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
position: absolute;
}
.list_info UL LI.more A.show,
.list_info UL LI.less A.show {
padding: 6px 8px 6px 32px;
margin: 0;
background: none;
width: max-content;
color: var(--link);
}
.list_info UL LI A.has_arrow::before,
.list_info UL LI A.has_arrow::after {
right: auto;
top: 15px;
}
.list_info UL LI.more A.has_arrow.bottom::before,
.list_info UL LI.less A.has_arrow.top::after {
left: 13px;
}
.list_info UL LI.more A.has_arrow.bottom::after,
.list_info UL LI.less A.has_arrow.top::before {
left: 8px;
}
.list_info UL LI.more .less,
.list_info UL LI.less .more {
display: none;
}
.list_info UL LI.more .more,
.list_info UL LI.less .less {
display: flex;
}
.list_info UL LI.less A.show {
background: none;
}
.product_slider.centre,
.reviews_sect.if_slider,
.last_blogs.if_slider {
padding: 0;
}
.product_slider.has_tabs {
margin-bottom: var(--section-margin-mobile);
}
.product_slider .title_wrap,
.reviews_sect.if_slider .title_wrap {
justify-content: flex-start;
position: relative;
z-index: 1;
align-items: baseline;
margin-left: var(--margin-lt-rt);
margin-right: var(--margin-lt-rt);
width: calc(100% - var(--margin-lt-rt-twice));
}
.title_wrap .link {
position: relative;
padding: 0 16px 0 0;
}
.product_slider .product_tabs,
.product_box .product_tabs {
position: relative;
top: 0;
z-index: unset;
padding-top: 0;
margin: 0 0 16px var(--margin-lt-rt-minus);
}
.product_slider .product_tabs {
width: 100%;
margin-left: 0;
}
.product_slider .product_tabs A,
.product_box .product_tabs A {
z-index: 2;
padding: 0;
}
.product_slider .product_tabs.no_title A,
.product_box .product_tabs.no_title A {
padding: 0 0 8px 0;
}
.product_slider .product_inner,
.if_slider .category_comments,
.if_slider .last_blog_items {
display: flex;
width: 100%;
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-mobile));
overflow: hidden;
padding: 0 0 0 var(--gap-mobile);
}
.product_slider.has_tabs .product_inner {
margin-bottom: var(--gap-offset-mobile);
}
.product_slider .product_inner:not(.slick-initialized) {
padding: 0 var(--gap-mobile) 0 0;
}
.product_slider .product_inner .slick-list,
.category_comments .slick-list,
.last_blog_items .slick-list {
padding-right: var(--gap-mobile);
width: calc(100% + var(--gap-mobile));
margin-left: var(--gap-offset-mobile);
}
.product_inner .slick-track,
.category_comments .slick-track,
.last_blog_items .slick-track {
min-width: 100%;
display: flex;
width: 100%;
transform: translate3d(0, 0, 0);
}
.product_slider .product_inner .one_good {
flex-shrink: 0;
}
.slick-arrow {
z-index: 1;
font-size: 0;
background: var(--design-color-7);
border-radius: 0 var(--border-radius) var(--border-radius) 0;
width: 32px;
height: 40px;
position: absolute;
cursor: pointer;
top: 50%;
left: 15px;
transform: translateY(-50%);
border: none;
box-shadow: 0 0 8px #00000024;
transition: .3s;
}
.slick-arrow.slick-next {
left: auto;
right: 15px;
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.slick-arrow::before,
.slick-arrow::after {
right: 8px;
top: 23px;
width: 14px;
height: 3px;
background: var(--white);
}
.slick-arrow::after {
top: 14px;
}
.see_all_if_many {
display: flex;
margin: 8px 0 0 0;
}
.has_tabs .see_all_if_many {
padding: 0 var(--margin-lt-rt);
}
.see_all_if_many A.link {
position: relative;
padding: 0 16px 0 0;
}
.details_product .product_slider {
width: calc(100% + 16px);
margin-left: -8px;
}
.product_grid {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.product_grid .box {
display: flex;
flex-wrap: wrap;
width: calc(100% + var(--gap-mobile));
margin: 0 0 var(--gap-offset-mobile) var(--gap-offset-mobile);
}
.product_grid .one_good:nth-child(3),
.product_grid .one_good:nth-child(4),
.product_grid .one_good:nth-child(5),
.product_grid .one_good:nth-child(6),
.product_grid .one_good:nth-child(7),
.product_grid .one_good:nth-child(8) {
display: none;
}
.product_grid .all .one_good:nth-child(3),
.product_grid .all .one_good:nth-child(4),
.product_grid .all .one_good:nth-child(5),
.product_grid .all .one_good:nth-child(6),
.product_grid .all .one_good:nth-child(7),
.product_grid .all .one_good:nth-child(8) {
display: block;
}
.tiles {
display: flex;
flex-direction: column;
position: relative;
margin-bottom: var(--section-margin-mobile);
padding: 0;
max-width: unset;
}
.tiles .title_wrap {
margin: 0 auto 30px auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
order: -1;
}
.tiles.if_slider {
padding: 0;
}
.tiles.if_slider.has_background {
padding: var(--margin-lt-rt-twice) 0;
}
.tiles.has_background {
padding: var(--margin-lt-rt-twice) var(--margin-lt-rt);
}
.main_title.title_h2 {
font-size: 16px;
font-weight: 400;
margin: 0 auto 20px auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
}
.tiles .tiles_description {
margin: 0 auto 27px auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
}
.tiles .tiles_description Article {
margin: 0;
}
.one_tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background: var(--white);
width: 100%;
border-radius: var(--border-radius);
margin: 0;
text-decoration: none;
transition: .3s;
}
.one_tile .box {
display: flex;
flex-direction: column;
width: 100%;
text-decoration: none;
padding: 0;
}
.tile_image {
display: flex;
align-items: center;
width: 100%;
height: 100%;
margin: 0 0 20px 0;
}
.tile_image Img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
aspect-ratio: 4 / 3;
border-radius: calc(var(--border-radius) / 2);
}
.tile_title {
font-size: 20px;
display: flex;
color: var(--text);
text-decoration: none;
transition: .3s;
}
.tile_description {
color: var(--text);
margin: 12px 0 0 0;
font-size: 13px;
}
.tile_description > *:not(:last-child) {
margin-bottom: 16px;
}
.tiles A.btn.view_all {
margin: 20px auto 0 auto;
}
.tile_background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.tile_background Img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
pointer-events: none;
border-radius: var(--border-radius);
}
.tiles_grid {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
}
.tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 40px;
}
.if_slider .tiles_slider {
padding: 0 15px;
margin: 0 auto;
max-width: var(--content-width);
width: 100%;
overflow: hidden;
}
.if_slider .tiles_slider:not(.slick-initialized) .one_tile {
margin: 0 16px 0 0;
width: 100%;
flex-shrink: 0;
}
.if_slider .tiles_slider .slick-list {
margin: 0 -8px;
width: calc(100% + 16px);
}
.if_slider .tiles_slider .slick-list::before,
.if_slider .tiles_slider .slick-list::after {
content: "";
width: 8px;
height: 100%;
background-color: var(--base-color-1);
position: absolute;
top: 0;
z-index: 1;
}
.if_slider .tiles_slider .slick-list::before {
left: 0;
}
.if_slider .tiles_slider .slick-list::after {
right: 0;
}
.if_slider .tiles_slider.slick-initialized .one_tile {
width: auto;
margin: 0 8px;
}
.faq {
max-width: 992px;
position: relative;
overflow: hidden;
margin-bottom: var(--section-margin-mobile);
}
.faq.has_background {
padding: var(--margin-lt-rt-twice) var(--margin-lt-rt);
border-radius: var(--border-radius);
}
.faq .title_wrap {
text-align: center;
justify-content: center;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
max-width: 660px;
}
.faq .faq_description {
margin-top: var(--gap-desktop);
}
.faq .faq_description Article {
margin: 0;
}
.faq_grid,
.cat_faq DL {
display: flex;
flex-direction: column;
}
.faq .one_question,
.cat_faq .one_question {
display: flex;
flex-direction: column;
padding: 2px 0;
background: var(--white);
border-bottom: 1px solid var(--base-color-4);
margin: 0;
transition: .3s;
}
.faq .one_question:last-child {
margin: 0;
}
.faq .faq_question,
.cat_faq DT {
display: flex;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 16px 16px 16px 48px;
position: relative;
width: 100%;
transition: .3s;
}
.faq .faq_question {
padding: 18px 32px 18px 0;
}
.faq .faq_question::before,
.faq .faq_question::after {
content: "";
width: 18px;
height: 2px;
background-color: var(--base-color-6);
position: absolute;
top: 50%;
right: 8px;
transition: transform 0.3s, background-color 0.3s;
}
.faq .faq_question::before {
transform: translateY(-50%);
}
.faq .faq_question::after {
transform: translateY(-50%) rotate(90deg);
}
.faq .one_question.open .faq_question::before {
background-color: var(--design-color-2);
}
.faq .one_question.open .faq_question::after {
transform: translateY(-50%) rotate(0deg);
}
.cat_faq DT.has_arrow::before,
.cat_faq DT.has_arrow::after {
left: 24px;
top: 26px;
right: auto;
width: 12px;
}
.cat_faq DT.has_arrow::after {
left: 16px;
right: auto;
}
.faq .one_question .faq_answer,
.cat_faq DD {
display: none;
padding: 0 0 20px 0;
line-height: 1.5;
}
.faq .one_question.open .faq_answer,
.cat_faq .open DD {
display: flex;
}
.faq .btn.view_all {
margin-top: var(--gap-mobile);
}
.faq_slider {
width: calc(100% + var(--margin-lt-rt-twice));
margin: var(--gap-offset-mobile) 0 0 var(--margin-lt-rt-minus);
display: flex;
padding: 0 var(--margin-lt-rt) 0 0;
}
.has_background .faq_slider {
padding-left: var(--gap-mobile);
}
.faq_slider UL {
margin: 0;
padding: 0;
display: flex;
align-items: flex-start;
}
.faq_slider .one_question {
margin: var(--gap-mobile) 0 var(--gap-mobile) var(--gap-mobile);
}
.faq_slider:not(.slick-initialized) {
padding: 0 var(--gap-mobile) 0 0;
overflow: hidden;
}
.faq_slider:not(.slick-initialized) .one_question {
flex-shrink: 0;
width: calc(100% - var(--gap-mobile));
}
.faq .faq_slider .faq_question {
padding: 16px 42px;
pointer-events: none;
}
.faq .faq_slider .faq_answer {
display: flex;
padding: 0 42px 16px 42px;
}
.if_slider .faq_description {
margin-top: calc(var(--gap-desktop) - var(--gap-mobile));
}
.video_box {
margin: 0 0 16px 0;
}
.video_wrap {
position: relative;
width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 16/9;
overflow: hidden;
}
.video_wrap Iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_preview {
width: 100%;
height: auto;
cursor: pointer;
}
.video_preview Img {
width: 100%;
height: auto;
}
.video_preview .icon {
width: 64px;
height: auto;
fill: var(--youtube);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.products_not_found {
font-size: 18px;
padding: 64px;
}
.one_good {
display: flex;
flex-direction: column;
padding: 0;
width: 100%;
background: var(--white);
}
.catalog_grid .one_good {
flex: 0 0 100%;
width: auto;
margin: 0;
}
.catalog_grid .one_good:nth-child(1n + 2) {
margin-top: 32px;
}
.og_inner {
display: flex;
flex-direction: column;
position: relative;
}
.one_good .status_list,
.big_slider .status_list,
.big_slider .status_images {
display: flex;
flex-direction: column;
align-items: flex-start;
position: absolute;
top: var(--margin-lt-rt);
left: var(--margin-lt-rt);
z-index: 3;
}
.one_good .status_list Span,
.big_slider .status_list Span {
display: flex;
padding: 2px 6px;
font-size: 12px;
border-radius: var(--btn-radius);
margin: 0 0 4px 0;
}
.one_good .status_list Span.sale_percent,
.big_slider .status_list Span.sale_percent {
background: var(--error);
color: var(--white);
}
.unavailability.one_good .status_list Span,
.unavailability .big_slider .status_list Span {
opacity: .4;
}
.one_good .status_images {
position: absolute;
left: 0;
bottom: 0;
}
.one_good .status_images .status_image {
display: flex;
width: 48px;
height: 48px;
margin: 4px 0 0 0;
}
.one_good .status_images .status_image:first-child {
margin: 0;
}
.add_in-list {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
right: 0;
z-index: 3;
}
.add_in-list A,
.add_in-list .check_wrap {
display: flex;
width: 32px;
height: 32px;
border-radius: var(--btn-radius);
background: var(--white);
align-items: center;
justify-content: center;
margin: 0 0 4px 0;
position: relative;
transition: .3s;
}
.add_in-list A .icon {
width: 24px;
height: 24px;
fill: var(--icon-color-gray);
transition: .3s;
}
.add_in-list A.active .icon {
fill: var(--btn-bg);
}
.add_in-list A.wishes .icon.active,
.add_in-list A.wishes.active .icon {
display: none;
}
.add_in-list A.wishes.active .icon.active {
display: flex;
fill: var(--error);
}
.add_in-list A.to_compare_list.active::after {
content: '';
position: absolute;
width: 17px;
height: 17px;
background: var(--btn-bg);
border-radius: 50%;
top: 1px;
right: 1px;
border: 2px solid var(--white);
}
.add_in-list A.to_compare_list.active::before {
content: '';
position: absolute;
width: 12px;
height: 6px;
border-bottom: 2px solid var(--white);
border-left: 2px solid var(--white);
top: 3px;
right: 1px;
border-radius: 0;
transform: rotate(-45deg);
z-index: 1;
}
.photo_and_name {
display: flex;
flex-direction: column;
z-index: 2;
}
.one_good .photo_wrap {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0 0 24px 0;
overflow: hidden;
aspect-ratio: 4 / 3;
}
.one_good .photo_wrap Img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.unavailability.one_good .photo_wrap Img {
opacity: .4;
}
.one_good .product_name {
text-decoration: none;
display: flex;
font-weight: 500;
margin: 0 0 18px 0;
font-size: 16px;
color: var(--text);
}
.unavailability.one_good .product_name Span {
opacity: .4;
}
.one_good .product_name.long Span {
height: unset;
overflow: visible;
}
.one_good .product_location {
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.one_good .product_location .icon {
flex: 0 0 20px;
margin-right: 10px;
fill: var(--design-color-6);
width: 20px;
height: 20px;
}
.one_good .product_signs {
font-size: 14px;
}
.catalog_list {
margin-bottom: var(--section-margin-mobile);
}
.catalog_list .title_wrap {
margin: 0 0 8px 0;
}
.catalog_list .title_wrap .main_title {
margin: 0;
flex-direction: column;
}
.catalog_list .search_title {
margin: 0 16px 0 0;
}
.catalog_list .search_title Span {
color: var(--orange);
}
.search_title_results {
font-size: 14px;
color: var(--text-light);
margin: 8px 0;
}
.control_products {
display: flex;
justify-content: space-between;
margin: 0 0 16px var(--gap-offset-mobile);
position: sticky;
top: 70px;
z-index: 5;
background: var(--site-bg);
padding: 8px;
width: calc(100% + var(--margin-lt-rt-twice));
border-bottom: 1px solid var(--border-color);
}
.control_products .selected_filters {
display: none;
}
.control_products .dropdown {
margin: 0 0 0 16px;
max-width: 190px;
}
.catalog_list.search .nothing_found {
display: flex;
}
.catalog_list.search .nothing_found .main_title {
margin: 0 auto;
width: 100%;
max-width: 940px;
}
.search_pic_no_found {
display: flex;
width: 100%;
}
.search_pic_no_found Img {
width: 60%;
height: auto;
margin: 0 auto 32px;
}
.catalog_list.search .nothing_found .together {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.catalog_list.search .search_title {
margin: 0 0 16px 0;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.catalog_list.search .search_title Div {
text-transform: lowercase;
}
.nothing_found .search_title_results {
margin: 0 0 16px 0;
font-size: 15px;
line-height: 1.4;
}
.catalog_list.search .nothing_found .long_div {
flex-direction: row;
justify-content: center;
}
.catalog_list.search .nothing_found .long_div A.btn {
margin: 0 8px;
}
.clickpath_place {
display: flex;
width: 100%;
margin: 0 0 24px 0;
}
.clickpath {
display: flex;
z-index: 1;
position: relative;
overflow-x: auto;
}
.clickpath li {
display: flex;
margin-right: 8px;
}
.clickpath A {
color: var(--text);
text-decoration: none;
font-size: 14px;
padding: 0 16px 0 0;
position: relative;
white-space: nowrap;
transition: .3s;
}
.clickpath .clickpath_item.current A {
padding-right: 0;
}
.clickpath .clickpath_item.current A::before,
.clickpath .clickpath_item.current A::after {
display: none;
}
.catalog_filters {
color: var(--text);
position: fixed;
top: 0;
left: -330px;
display: flex;
flex-direction: column;
height: 100dvh;
overflow: auto;
width: 300px;
background: var(--site-bg);
z-index: 13;
transition: .3s;
box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
padding: 24px 8px 8px 8px;
overflow-x: hidden;
justify-content: space-between;
}
.catalog_filters.active {
left: 0;
}
.close_menu.dark::after,
.close_menu.dark::before {
background: var(--gray);
}
.selected_filters {
background: var(--main-color);
color: var(--text-inverse);
margin: -24px 0 8px -8px;
padding: 24px 8px 2px 8px;
width: calc(100% + 16px);
}
.selected_filters_list {
display: flex;
flex-wrap: wrap;
}
.clear_filters {
order: 1;
margin: -14px 0 12px 0;
}
.clear_filters .deactivate-filter {
border: none;
padding: 0 16px;
margin: 0;
background: var(--orange);
}
.clear_filters .deactivate-filter::before,
.clear_filters .deactivate-filter::after {
display: none;
}
.one_ch_fil {
display: flex;
align-items: center;
margin: 4px 8px 4px 0;
order: 2;
flex-wrap: wrap;
}
.ocf_title {
font-size: 12px;
margin: 0 6px 0 0;
}
.deactivate-filter {
display: flex;
align-items: center;
width: max-content;
margin: 0 4px 4px 0;
padding: 2px 20px 2px 4px;
border: 1px solid var(--sub-color);
position: relative;
border-radius: var(--btn-radius);
cursor: pointer;
transition: .3s;
}
.deactivate-filter::before,
.deactivate-filter::after {
content: '';
width: 10px;
height: 2px;
border-radius: 2px;
background: var(--sub-color);
position: absolute;
top: 50%;
right: 0;
transition: .3s;
}
.deactivate-filter::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.deactivate-filter::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.catalog_filters .menu_item {
border-bottom: 1px solid var(--border-color);
position: relative;
}
.searched_cats {
margin: -24px 0 0 0;
padding: 24px 0 16px 0;
border-bottom: 1px solid var(--border-color);
width: 100%;
}
.searched_cats .tit {
font-size: 14px;
color: var(--text-light);
margin: 8px 0 8px 0;
width: 100%;
display: flex;
}
.searched_cats A {
font-size: 17px;
}
.searched_cats UL LI UL A {
font-size: 15px;
padding: 8px 32px 8px 16px;
}
.searched_cats UL LI UL LI UL A {
padding: 6px 0 6px 32px;
}
.searched_cats A.active {
color: var(--orange);
}
.searched_cats A.has_arrow.active::before,
.searched_cats A.has_arrow.active::after {
background: var(--orange);
}
.choose_price {
margin: -24px 0 0 0;
padding: 24px 0 0 0;
}
.menu_item-title,
.searched_cats A {
display: flex;
align-items: center;
text-decoration: none;
color: var(--link);
padding: 8px 32px 8px 0;
position: relative;
transition: .3s;
}
.fs_title_price {
max-width: max-content;
}
.fs_title_price.long {
max-width: unset;
}
.menu_item-title.has_arrow.bottom::before,
.menu_item-title.has_arrow.bottom::after {
top: 16px;
}
.catalog_filters .filter_img {
width: 24px;
height: 24px;
margin: 0 8px 0 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.menu_item-title Img,
.menu_item-title svg,
.menu_item .check_item Img,
.menu_item .check_item svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
border-radius: var(--btn-radius);
}
.menu_item-title svg {
fill: var(--link);
transition: .3s;
}
.hidden_menu {
margin: 8px 0;
}
.choose_price .hidden_menu,
.fil_slider .hidden_menu {
margin: 8px 0 24px;
}
.hidden_menu LI {
position: relative;
}
.hidden_menu LI.nothing_found {
padding: 8px 0 0 0;
color: var(--gray-light);
}
.price_filter {
display: flex;
flex-direction: column;
}
.price_filter .together {
display: flex;
align-items: center;
margin: 0 0 24px 0;
}
.price_filter Input {
width: 34%;
}
.price_filter Span {
margin: 0 4px;
}
A.submit_filters {
margin: 0 0 0 16px;
text-transform: uppercase;
}
.fil_slider Input.search_filter {
width: 100%;
margin: 0 0 8px 0;
}
.menu_item .check_item {
display: flex;
align-items: flex-start;
padding: 8px 8px 8px 32px;
border-radius: var(--border-radius);
font-size: 14px;
cursor: pointer;
}
.menu_item .check_item.no_active {
opacity: .4;
pointer-events: none;
}
.menu_item .check_item::before {
left: 8px;
}
.menu_item .with_img .check_item::before {
top: 9px;
}
.menu_item .check_item::after {
left: 12px;
}
.menu_item .with_img .check_item::after {
top: 13px;
}
.menu_item .check_item .filter_counter,
.searched_cats A Span {
opacity: .5;
margin: 0 0 0 6px;
font-size: 12px;
}
.catalog_filters .check_item .filter_img {
width: 20px;
height: 20px;
margin: -2px 8px 0 0;
}
.catalog_filters .check_item .filter_img.is_white Img,
.catalog_filters .check_item .filter_img.is_white svg {
border: 1px solid var(--border-color);
}
.menu_item .check_item svg {
fill: var(--link);
}
.fil_group_grid .filter_list {
display: flex;
flex-wrap: wrap;
width: calc(100% + 8px);
}
.menu_item.fil_group_grid .check_item {
margin: 0 8px 8px 0;
padding: 2px 8px;
width: max-content;
border: 1px solid var(--border-color);
border-radius: var(--btn-radius);
transition: .3s;
}
.menu_item.fil_group_grid .check_item.active {
border-color: var(--sub-color);
background-color: var(--sub-color);
color: var(--text-inverse);
}
.fil_group_grid .check_item::before,
.fil_group_grid .check_item::after {
display: none;
}
.menu_item.fil_group_grid .check_item Span {
min-width: 20px;
text-align: center;
}
.fil_group_dropdown .dropdown {
margin: 0 16px 24px 0;
}
.fil_group_dropdown .dropdown Span .filter_img {
padding: 0;
}
.fil_group_dropdown .dropdown Span .filter_img Img,
.fil_group_dropdown .dropdown Span .filter_img svg {
max-width: 100%;
max-height: 100%;
border-radius: var(--border-radius);
}
.fil_group_dropdown .dropdown Span .filter_img.is_white Img,
.fil_group_dropdown .dropdown Span .filter_img.is_white svg {
border: 1px solid var(--border-color);
}
.fil_group_dropdown.menu_item .check_item {
padding: 8px;
}
.catalog_filters .fil_group_dropdown .check_item .filter_img {
padding: 0;
}
.fil_group_dropdown .dropdown Span.name {
color: var(--link);
padding: 0;
}
.fil_group_dropdown .dropdown .check_item::before,
.fil_group_dropdown .dropdown .check_item::after {
display: none;
}
.fil_slider .hidden_menu.filter_tile_photo {
margin: 8px 0 16px;
}
.filter_tile_photo UL {
display: flex;
flex-wrap: wrap;
}
.filter_tile_photo UL LI {
display: flex;
width: calc(50% - 4px);
margin: 0 4px 8px 0;
}
.filter_tile_photo UL LI:nth-child(2n) {
margin: 0 0 8px 4px;
}
.filter_tile_photo .check_item {
border: 1px solid var(--border-color);
width: 100%;
padding: 8px;
flex-direction: column;
align-items: center;
}
.filter_tile_photo .check_item.active {
border-color: var(--sub-color);
background-color: var(--sub-color);
color: var(--text-inverse);
}
.filter_tile_photo .check_item::before,
.filter_tile_photo .check_item::after {
display: none;
}
.catalog_filters .filter_tile_photo .check_item .filter_img {
width: 100%;
height: 42px;
margin: 0 0 8px 0;
}
.catalog_filters .filter_tile_photo .name {
text-align: center;
width: 100%;
flex-shrink: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.catalog_filters .filter_tile_photo .filter_counter {
margin: 4px 0 0 0;
}
.apply_filters {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.fil_group_grid .apply_filters {
position: relative;
top: auto;
right: auto;
transform: unset;
margin: -16px 0 16px 0;
}
.one_but .apply_filters.for_one_but {
top: auto;
transform: translate(0, 0);
right: auto;
bottom: -8px;
background: var(--site-bg);
padding: 16px 8px;
width: calc(100% + 16px);
left: -8px;
position: sticky;
margin: -1px 0 0 -8px;
display: flex;
justify-content: center;
border-top: 1px solid var(--border-color);
z-index: 1;
}
.one_but .apply_filters.for_one_but A.submit_filters {
box-shadow: none;
}
.catalog_filters .for_one_but {
display: none;
}
.apply_filters A.submit_filters {
margin: 0;
box-shadow: 6px 0 12px rgba(0, 0, 0, .3);
}
.apply_filters A.submit_filters::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
bottom: auto;
top: -2px;
left: -11px;
border-width: 19px 10px 19px 0;
transition: .3s;
border-color: transparent var(--main-color) transparent transparent;
}
.fil_group_grid .apply_filters A.submit_filters::after,
.one_but .apply_filters.for_one_but A.submit_filters::after,
.one_but .apply_filters,
.no_but .apply_filters {
display: none;
}
.brands_slider {
margin: 0 0 8px 0;
display: flex;
width: 100%;
}
.brands_slider-inner {
display: flex;
width: 100%;
overflow: auto;
padding: 0 0 8px 0;
}
.brands_slider-inner .outer_fv {
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px 0 0;
width: 110px;
border-radius: var(--border-radius);
background: var(--white);
overflow: unset;
padding: 24px 8px;
cursor: pointer;
text-align: center;
border: 2px solid transparent;
position: relative;
flex-shrink: 0;
transition: border-color .3s;
}
.brands_slider-inner .outer_fv.active {
border-color: var(--sub-color);
}
.brands_slider-inner .outer_fv.has_button {
padding: 12px 8px 38px 8px;
}
.brands_slider-inner .outer_fv.no_active {
opacity: .4;
pointer-events: none;
}
.brands_slider .apply_filters {
bottom: 0;
left: 0;
top: auto;
transform: unset;
width: 100%;
}
.brands_slider .apply_filters A.submit_filters {
box-shadow: none;
min-height: 28px;
width: 100%;
font-size: 12px;
border-radius: 0 0 2px 2px;
}
.brands_slider .apply_filters A.submit_filters::after {
display: none;
}
.brands_slider-inner .outer_fv Img {
max-width: 100%;
max-height: 100%;
}
.reviews_sect {
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-mobile));
}
.reviews_sect .product_raiting {
border-top: 1px solid var(--border-color);
margin: -12px 0 16px 0;
padding: 16px 0 0 0;
align-items: baseline;
}
.reviews_sect.if_slider .product_raiting {
padding-left: var(--margin-lt-rt);
padding-right: var(--margin-lt-rt);
}
.reviews_sect .product_raiting.no_active {
display: none;
}
.reviews_sect_rate {
margin: 0 8px 0 0;
color: var(--main-color-lighter);
font-weight: 700;
font-size: 18px;
}
.rsr_2 {
font-size: 19px;
}
.rsr_3 {
font-size: 20px;
}
.rsr_4 {
font-size: 21px;
}
.rsr_5 {
font-size: 22px;
}
.reviews_sect_users {
color: var(--text-light);
}
.if_grid .category_comments {
display: flex;
flex-wrap: wrap;
width: calc(100% + var(--gap-mobile));
margin: 0 0 0 var(--gap-offset-mobile);
}
.reviews_sect .one_review {
width: calc(100% - var(--gap-mobile));
flex-shrink: 0;
display: flex;
flex-direction: column;
padding: 8px;
background: var(--white);
border-radius: var(--border-radius);
border-right: 1px solid var(--site-bg);
border-bottom: 1px solid var(--site-bg);
margin: 0 0 var(--gap-mobile) var(--gap-mobile);
}
.reviews_sect .photo_and_name {
flex-direction: row;
margin: 0 0 8px 0;
}
.reviews_sect .ag_photo {
height: 100px;
}
.reviews_sect .product_name {
height: max-content;
max-height: 100px;
overflow: hidden;
display: flex;
text-decoration: none;
}
.reviews_sect .product_name Span {
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: var(--link);
width: 100%;
overflow: hidden;
height: auto;
transition: .3s;
}
.reviews_sect .review_col {
z-index: 2;
border-top: 1px solid var(--border-color);
}
.reviews_sect .together {
max-width: calc(100% - 95px);
}
.reviews_sect .comment_top,
.reviews_sect .comment_body {
width: 100%;
}
.reviews_sect .comment_top {
margin: 0;
padding: 8px 0;
}
.reviews_sect .comment_top .comment_name {
height: 20px;
overflow: hidden;
}
.reviews_sect .comment_top .product_raiting {
padding: 0;
border: none;
}
.reviews_sect .review_text {
margin: 8px 0;
line-height: 1.6;
overflow: hidden;
max-height: 118px;
}
.if_slider .category_comments {
margin-bottom: 0;
}
.if_slider .category_comments:not(.slick-initialized) {
padding: 0 var(--gap-mobile) 0 0;
overflow: hidden;
}
.if_slider.reviews_sect .review_text {
height: 118px;
}
.pagination {
display: flex;
flex-direction: column;
align-items: center;
background: var(--white);
border-radius: var(--border-radius);
}
.for_load_more {
display: flex;
justify-content: center;
width: 100%;
}
.for_load_more .btn {
width: 100%;
padding: 0 22px;
}
.for_load_more .btn .icon {
margin-right: 8px;
}
.for_pag_numbers {
display: flex;
width: 100%;
justify-content: center;
}
.pages_wrap {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.pages_list {
display: none;
}
.pages_list A,
.pages_list Span,
.pages_btn {
font-size: 18px;
color: var(--text);
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 32px;
border-radius: var(--btn-radius);
margin: 0 4px;
background: none;
border: 1px solid var(--sub-color-light);
transition: .3s;
position: relative;
}
.pages_btn.pages_prev,
.pages_btn.pages_next {
width: 48px;
flex-shrink: 0;
}
.pages_list Span {
border-color: transparent;
}
.pages_list A.active {
background: var(--main-color-lighter);
color: var(--text-inverse);
}
.pages_btn.no_active {
pointer-events: none;
opacity: .5;
}
.pages_btn.has_arrow::before,
.pages_btn.has_arrow::after {
top: 16px;
right: calc(50% - 5px);
width: 9px;
height: 3px;
}
.pages_btn.has_arrow::after {
top: 11px;
}
.info_page {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.price_by_cat,
.seo_by_cat,
.cat_faq {
margin: 24px 0 16px;
}
.price_by_cat H3,
.seo_by_cat H3,
.cat_faq H3 {
font-size: 18px;
margin: 0 0 12px 0;
font-weight: normal;
}
.price_by_cat Table,
.cat_faq .open DD Table {
width: 100%;
border-collapse: collapse;
}
.price_by_cat TR,
.cat_faq .open DD TR {
background: var(--white);
border-bottom: 1px solid var(--border-color);
}
.price_by_cat TR:last-child,
.cat_faq .open DD TR:last-child {
border: none;
}
.price_by_cat TD,
.cat_faq .open DD TD {
padding: 8px;
}
.price_by_cat TR TD:last-child,
.cat_faq .open DD TD:last-child {
min-width: 90px;
text-align: right;
}
.cat_faq .one_question {
margin: 0 0 8px 0;
}
.cat_faq DT {
padding: 8px 8px 8px 32px;
font-size: 16px;
}
.cat_faq DT.has_arrow::before,
.cat_faq DT.has_arrow::after {
width: 8px;
left: 16px;
top: 19px;
}
.cat_faq DT.has_arrow::after {
left: 11px;
}
.cat_faq .open DT.has_arrow::before,
.cat_faq .open DT.has_arrow::after {
width: 12px;
left: 12px;
}
.blog_list {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.blog_items {
display: flex;
flex-direction: column;
margin-left: var(--gap-offset-mobile);
}
.one_blog {
display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--white);
padding: 8px;
margin: 0 0 var(--gap-mobile) var(--gap-mobile);
line-height: 1.6;
width: calc(100% - var(--gap-mobile));
transition: .3s;
border-radius: var(--border-radius);
}
.blog_image {
display: flex;
align-items: center;
width: 100%;
height: auto;
margin: 0 0 8px 0;
}
.blog_image Img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: calc(var(--border-radius) / 2);
}
.blog_name {
display: flex;
color: var(--text);
text-decoration: none;
font-weight: 700;
transition: .3s;
}
.blog_text {
margin: 8px 0 0 0;
font-size: 13px;
max-height: 176px;
display: flex;
overflow: hidden;
}
.blog_info {
display: flex;
border-top: 1px solid var(--site-bg);
margin: 8px 0 0 -8px;
padding: 8px 8px 0 8px;
width: calc(100% + 16px);
justify-content: space-between;
color: var(--main-color-light);
font-size: 12px;
}
.blog_info .icon {
fill: var(--main-color-light);
width: 14px;
height: 14px;
}
.blog_info Div {
display: flex;
align-items: center;
}
.blog_info .together Div {
margin: 0 0 0 16px;
}
.last_blogs {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.last_blogs.if_slider {
margin-bottom: 0;
}
.if_slider .last_blog_items:not(.slick-initialized) {
padding: 0 var(--gap-mobile) 0 0;
}
.if_slider .last_blog_items:not(.slick-initialized) .one_blog {
flex-shrink: 0;
max-width: 100%;
}
.last_blogs.if_grid .title_wrap {
margin-left: 0;
margin-right: 0;
}
.if_grid .last_blog_items {
display: flex;
flex-wrap: wrap;
width: calc(100% + var(--gap-mobile));
margin: 0 0 0 var(--gap-offset-mobile);
}
.last_blogs .title_wrap {
margin-bottom: 24px;
}
.last_blogs .title_wrap .btn {
display: none;
}
.last_grid {
margin-bottom: 26px;
}
.last_grid .last_item:not(:first-child) {
display: none;
}
.last_item .blog_image {
margin-bottom: 26px;
}
.last_item .blog_image img {
aspect-ratio: 4 / 3;
object-fit: cover;
}
.last_item .content {
display: flex;
flex-direction: column;
}
.last_item .time {
font-size: 14px;
color: var(--base-color-5);
margin-bottom: 16px;
}
.last_item .blog_name {
font-size: 24px;
font-weight: 700;
margin-bottom: 16px;
transition: color 0.3s;
}
.last_item .blog_text {
font-size: 16px;
font-weight: 300;
margin: 0;
}
.last_grid + .btn {
width: 100%;
}
.blog_details {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.blog_details .main_title.mob {
margin-bottom: 24px;
}
.blog_details .blog_info {
color: var(--text);
font-size: 14px;
font-weight: 300;
justify-content: flex-start;
margin: 0 0 26px 0;
padding: 0;
width: 100%;
}
.blog_details .blog_info .icon {
flex: 0 0 20px;
fill: var(--design-color-6);
width: 20px;
height: 20px;
margin-right: 12px;
}
.blog_details .blog_info .time {
margin-right: 24px;
}
.blog_det_img {
max-width: 100%;
margin: 0 auto 16px auto;
float: unset;
}
.recomended_categories {
display: flex;
flex-direction: column;
}
.recomended_categories .title {
font-size: 22px;
font-weight: 700;
margin-bottom: 4px;
}
.categories_list {
display: flex;
flex-direction: column;
}
.recomended_item {
display: flex;
align-items: center;
padding: 24px 0;
}
.recomended_item + .recomended_item {
border-top: 1px solid var(--base-color-4);
}
.recomended_item .img {
flex: 0 0 80px;
display: block;
margin-right: 20px;
width: 80px;
height: 80px;
}
.recomended_item .img img {
margin: 0;
max-width: unset;
}
.recomended_item .name {
text-decoration: none;
font-size: 18px;
color: var(--text);
transition: color 0.3s;
}
.blog_details .raw-html-embed {
position: relative;
float: right;
}
.blog_details .raw-html-embed Strong {
font-weight: normal;
}
.blog_details .raw-html-embed .one_good {
width: 158px;
margin: 8px 0 8px 16px;
}
.blog_details .raw-html-embed .one_good .status_list {
top: 16px;
left: 24px;
}
.blog_details .raw-html-embed .one_good .status_list Span {
padding: 1px 6px;
margin: 0 0 4px 0;
font-size: 13px;
line-height: 18px;
}
.popular_articles {
display: flex;
flex-direction: column;
margin: -24px 0 30px 0;
padding-top: 24px;
border-top: 2px solid var(--design-color-2);
}
.popular_articles .main_title {
font-size: 22px;
font-weight: 600;
margin-bottom: 40px;
padding-right: 110px;
}
.popular_articles-slider {
width: calc(100% + 20px);
margin: 0 -10px;
}
.popular_articles-slider::before,
.popular_articles-slider::after {
content: "";
width: 9px;
height: 100%;
background-color: var(--site-bg);
position: absolute;
top: 0;
}
.popular_articles-slider::before {
left: 0;
}
.popular_articles-slider::after {
right: 0;
}
.popular_articles-slider:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
.popular_articles-slider .slick-arrow {
width: 42px;
height: 42px;
background-color: transparent;
border: 1px solid var(--base-color-4);
border-radius: 50%;
box-shadow: none;
top: -52px;
z-index: 1;
}
.popular_articles-slider .slick-arrow::before,
.popular_articles-slider .slick-arrow::after {
width: 8px;
height: 1px;
background-color: var(--base-color-9);
top: 50%;
left: 50%;
transform-origin: right;
transition: background-color 0.3s;
}
.popular_articles-slider .slick-arrow::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.popular_articles-slider .slick-arrow::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.popular_articles-slider .slick-arrow.slick-prev {
right: 0;
left: auto;
right: 66px;
transform: translateY(-50%) rotate(180deg);
}
.popular_articles-slider .slick-arrow.slick-next {
right: 10px;
}
.popular_articles-slider .slick-track {
display: flex;
}
.popular_articles-slider:not(.slick-initialized) .popular_articles-item {
flex: 0 0 calc(100% - 20px);
}
.popular_articles-item {
display: flex;
flex-direction: column;
border: 1px solid var(--base-color-4);
margin: 0 10px;
}
.popular_articles-item .image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
}
.popular_articles-item .image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.popular_articles-item .content {
display: flex;
flex-direction: column;
padding: 24px 16px 16px 16px;
}
.popular_articles-item .name {
font-size: 18px;
font-weight: 700;
color: var(--text);
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
transition: color 0.3s;
}
.popular_articles-item .info {
text-transform: uppercase;
font-size: 12px;
color: var(--base-color-7);
display: flex;
flex-wrap: wrap;
}
.popular_articles-item .time {
display: flex;
align-items: center;
margin-right: 18px;
}
.popular_articles-item .views {
display: flex;
align-items: center;
}
.popular_articles-item .icon {
flex: 0 0 20px;
fill: var(--base-color-7);
margin: 0 8px 0 0;
width: 20px;
height: 20px;
}
.news_comments {
display: flex;
flex-direction: column;
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-mobile));
}
.blog_details .read_also {
display: flex;
flex-direction: column;
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-mobile));
}
.blog_details .read_also .blog_info {
margin: 8px 0 0 -8px;
padding: 8px 8px 0 8px;
width: calc(100% + 16px);
}
.blog_details .product_box {
padding: 0;
}
.blog_details .product_slider {
width: calc(100% + var(--margin-lt-rt-twice));
margin: 0 0 calc(var(--section-margin-mobile) - var(--gap-mobile)) var(--margin-lt-rt-minus);
}
.blog_details .product_slider .product_inner {
margin-bottom: 0;
}
.empty_page {
display: flex;
flex-direction: column;
align-items: center;
}
.empty_page Img {
max-width: 360px;
width: 100%;
height: auto;
margin: 0 0 16px 0;
}
.empty_page .title {
font-size: 18px;
margin: 0 0 16px 0;
text-align: center;
}
.page_404 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 64px;
}
.text_404 {
display: flex;
flex-direction: column;
margin: 0 0 32px 0;
}
.text_404_num {
text-align: center;
font-size: 100px;
line-height: 1.2;
font-weight: 700;
}
.text_404_title {
font-size: 22px;
font-weight: 300;
line-height: 1.2;
margin: 0 0 16px 0;
}
.text_404_title .desk {
display: none;
}
.page_404 .btn {
padding-left: 20px;
padding-right: 20px;
}
.links_404 {
display: flex;
flex-direction: column;
}
.links_404_title {
margin: 0 0 64px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
.links_404_title A.btn {
margin: 0 16px 8px 16px;
}
.links_404_subtitle {
margin: 0 0 8px 0;
}
UL.links_404_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
UL.links_404_list LI {
margin: 0 12px 8px 12px;
color: var(--link);
max-width: max-content;
transition: .3s;
}
UL.links_404_list A {
color: var(--link);
text-decoration: underline;
width: max-content;
transition: .3s;
}
.google_map {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.google_map .title_wrap {
margin-bottom: 0;
padding: 14px 16px;
background-color: var(--base-color-9);
color: var(--base-color-1);
}
.google_map .title_wrap .main_title {
font-size: 18px;
font-weight: 600;
color: var(--base-color-1);
}
.google_map Iframe,
.google_map .map_area {
width: 100%;
height: 548px;
}
.contact_us {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.contact_us.background {
position: relative;
padding: 32px 0 24px 0;
}
.contact_us.dark {
background: var(--main-color);
}
.contact_us.margin {
margin: -46px 0 0 0;
padding-top: 64px;
}
.contact_us .title_wrap {
margin-bottom: 28px;
}
.title_wrap h1.main_title {
margin-bottom: 0;
}
.contact_us .main_title {
font-size: 28px;
font-weight: 700;
z-index: 1;
}
.contact_us.dark .main_title {
color: var(--text-inverse);
}
.contact_us.dark .popup .main_title {
color: var(--text);
}
.contact_us .description {
margin: 0 0 16px 0;
line-height: 1.5;
color: var(--text-light);
width: 54%;
position: relative;
z-index: 1;
}
.contact_us.dark .description {
color: var(--icon-color-gray);
}
.contact_us .tile_background {
z-index: 0;
}
.rtl.contact_us.background .centre {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.rtl.contact_us.background .title_wrap {
justify-content: flex-end;
}
.rtl.contact_us.background .popup .title_wrap {
justify-content: flex-start;
}
.rtl.contact_us.background .title_wrap .main_title,
.rtl.background .description {
text-align: right;
}
.contact_box {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
width: 100%;
}
.two_mini_box {
display: flex;
flex-direction: column;
margin: 0 0 24px 0;
}
.rtl.contact_us.background .two_mini_box,
.rtl.contact_us.background .cb_tit,
.rtl.contact_us.background .cb_info .long_div {
justify-content: flex-end;
}
.cb_mini_box {
display: flex;
flex-direction: column;
margin: 0 0 32px 0;
}
.cb_mini_box:last-child {
margin: 0;
}
.cb_mini_box .cb_tit {
font-weight: 600;
}
.cb_tit {
display: flex;
align-items: center;
margin: 0 0 8px 0;
font-size: 20px;
color: var(--text);
}
.dark .cb_tit {
color: var(--icon-color-gray);
}
.cb_tit.big {
text-align: center;
font-size: 20px;
margin-bottom: 28px;
}
.contact_us.for_feed .cb_tit.big {
text-align: left;
}
.cb_tit svg.icon {
width: 24px;
height: 24px;
fill: var(--design-color-6);
}
.cb_tit svg.icon.margin {
margin-right: 18px;
}
.contact_box .cb_info {
font-size: 18px;
display: flex;
flex-direction: column;
padding: 0 0 0 42px;
}
.dark .contact_box .cb_info {
color: var(--text-inverse);
}
.rtl.contact_us.background .contact_box .cb_info {
padding-right: 0;
text-align: right;
justify-content: flex-end;
}
.cb_info .long_div {
margin: 0 0 10px 0;
flex-direction: row;
}
.cb_info .long_div:last-child {
margin: 0;
}
.cb_info A.for_phone {
color: var(--text);
text-decoration: none;
transition: .3s;
}
.dark .cb_info A.for_phone {
color: var(--text-inverse);
}
.contact_box .cb_info.schedule {
line-height: 1.5;
}
.soc_and_mes_box {
display: flex;
flex-direction: column;
margin: 8px 0 0 0;
}
.contact_box .cb_info.for_socs {
padding: 0;
margin: 0 0 0 -8px;
width: calc(100% + 8px);
flex-direction: row;
flex-wrap: wrap;
}
.cb_info.for_socs A {
width: 48px;
height: 48px;
border: 1px solid var(--sub-color);
border-radius: 50%;
margin: 8px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: .3s;
}
.for_socs A svg.icon {
fill: var(--sub-color);
}
.background_sign {
display: flex;
flex-direction: column;
position: absolute;
bottom: 24px;
right: 8px;
width: max-content;
z-index: 1;
}
.rtl.background .background_sign {
right: auto;
left: 8px;
}
.photo .background_sign {
position: relative;
bottom: unset;
right: unset;
width: 100%;
align-items: flex-end;
}
.bs_box {
display: flex;
flex-direction: column;
align-items: center;
}
.first_label {
margin: 0 0 4px 0;
font-weight: 700;
}
.second_label {
font-size: 13px;
}
.dark .second_label,
.dark .first_label {
color: var(--text-inverse);
}
.contact_us.photo {
padding: 32px 0;
}
.contact_us.photo .description {
width: 100%;
}
.cb_poto {
display: flex;
flex-direction: column;
margin: 24px 0 0 0;
}
.cb_photo_box {
display: flex;
flex-direction: column;
}
.cb_photo_box Img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.contact_us.photo .background_sign {
margin: 8px 0 0 0;
}
.photo .bs_box {
align-items: flex-end;
}
.for_feed.background {
padding-bottom: 130%;
}
.rtl.for_feed.contact_us.background .centre {
align-items: unset;
}
.rtl.for_feed.contact_us.background .title_wrap {
justify-content: flex-start;
}
.for_feed.background .description {
width: 100%;
}
.rtl.for_feed.contact_us.background .title_wrap .main_title,
.rtl.for_feed.background .description {
text-align: left;
}
.for_feed .feed_box {
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
.dark .reg_user_details .rud_name {
color: var(--text-inverse);
}
.dark .reg_user_details .rud_phone,
.dark .reg_user_details .rud_email {
color: var(--border-opacity);
}
.for_feed.background .feed_box Input,
.for_feed.background .feed_box Textarea {
background-color: var(--white-opacity);
color: var(--text);
border-color: var(--border-opacity);
}
.for_feed.background.dark .feed_box Input,
.for_feed.background.dark .feed_box Textarea {
background-color: var(--white-opacity-lighter);
color: var(--text-inverse);
border-color: var(--border-opacity-lighter);
}
.attach_file {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.file_icon {
font-size: 18px;
color: var(--text);
font-weight: 300;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.file_icon .icon {
margin-right: 18px;
width: 20px;
height: 20px;
}
.attach_file .row {
display: flex;
flex-direction: column;
margin-bottom: 24px;
position: relative;
}
.attach_file .row input[type="file"] {
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.attach_file .row .btn {
color: var(--text);
font-size: 14px;
width: 100%;
min-height: 42px;
margin-bottom: 16px;
background-color: transparent;
border: 1px solid var(--design-color-2);
}
.attach_text-info {
font-size: 14px;
font-weight: 300;
}
.uploaded_files {
display: flex;
flex-direction: column;
width: fit-content;
max-width: 100%;
}
.uploaded_files li {
display: flex;
align-items: center;
}
.uploaded_files li + li {
margin-top: 12px;
}
.uploaded_files li .icon {
margin-right: 8px;
flex: 0 0 20px;
width: 20px;
height: 20px;
fill: var(--base-color-7);
}
.uploaded_files li span {
margin-right: 18px;
word-wrap: anywhere;
}
.uploaded_files li .remove_file-btn {
flex: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 0 0 auto;
width: 20px;
height: 20px;
border: none;
background-color: transparent;
}
.uploaded_files li .remove_file-btn .icon {
fill: var(--design-color-6);
flex: 0 1 auto;
width: 12px;
height: 12px;
margin: 0;
}
.for_feed .for_send {
display: flex;
flex-direction: column;
margin: 0;
}
.for_feed .for_send .btn {
width: 100%;
margin-bottom: 18px;
}
.for_feed .for_send .btn .icon {
margin: 0 0 0 12px;
}
.for_feed .politics_box {
text-align: center;
font-size: 14px;
font-weight: 300;
width: 100%;
}
.dark.for_feed .politics_box {
color: var(--text-light);
}
.dark.for_feed .politics_box A.link {
color: var(--link-hover);
}
.for_feed.background .tile_background Img {
object-position: bottom;
}
.for_feed.background .background_sign {
margin: 0;
}
.contact_us.for_feed .description {
width: 100%;
}
.contact_us.for_feed .contact_box {
margin: 0 0 24px 0;
border-bottom: 1px solid var(--base-color-4);
}
.contact_us.for_feed .cb_poto {
display: none;
margin: 0 0 16px 0;
}
.contact_us.for_feed .cb_photo_box {
margin: 0 0 8px 0;
}
.contact_us.for_feed .cb_poto .description {
margin: 0;
}
.contact_us.for_feed.dark .feed_box Input,
.contact_us.for_feed.dark .feed_box Textarea {
background-color: var(--white-opacity-lighter);
color: var(--text-inverse);
border-color: var(--border-opacity-lighter);
}
.contact_us.for_feed.dark .long_div Label,
.contact_us.for_feed.dark .politics_box {
color: var(--border-opacity);
}
.for_map_box {
display: flex;
width: 100%;
height: 450px;
}
.for_map_box Iframe {
width: 100%;
height: 100%;
}
.stores {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.stores .title_wrap {
padding: 0 8px;
margin: 0 auto var(--title-margin-mobile) auto;
max-width: var(--content-width);
}
.all_cities {
display: flex;
flex-direction: column;
margin: 0 0 16px 0;
width: 100%;
}
.all_cities .centre {
max-width: var(--content-width);
}
.cities_btns {
display: flex;
flex-wrap: wrap;
margin: 0 0 8px 0;
}
.cities_btns .btn {
margin: 0 8px 8px 0;
}
.cities_btns .btn:last-child {
margin: 0 0 8px 0;
}
.cities_btns .btn.active {
background: var(--design-color-6);
color: var(--text-inverse);
}
.cities_search {
display: flex;
}
.cities_search Input {
width: 100%;
}
.stores .together {
display: flex;
flex-direction: column;
padding: 0 8px;
}
.map_main {
display: flex;
flex-direction: column;
margin: 0 0 32px 0;
width: 100%;
}
.map_main_box {
width: 100%;
height: 400px;
}
.all_stores {
display: flex;
flex-wrap: wrap;
margin: -8px 0 0 -8px;
}
.map_address {
display: flex;
flex-direction: column;
background: var(--white);
padding: 16px;
width: calc(100% - 8px);
margin: 8px 0 0 8px;
transition: .3s;
}
.stores .map_address .title_wrap {
padding: 0;
}
.stores .map_address .address {
margin: 0 32px 0 0;
}
.stores_title {
display: flex;
margin: 0 0 6px 0;
color: var(--design-color-6);
}
.stores_row {
margin: 0 0 4px 16px;
line-height: 22px;
}
.all_stores .one_phone {
display: flex;
}
.map_box {
max-width: 860px;
}
.map_box .google_map {
margin: 0;
width: 100%;
height: 400px;
}
.main_footer {
display: flex;
flex-direction: column;
color: var(--base-color-1);
background: var(--footer-bg);
padding: 30px 0 18px 0;
}
.main_footer > .centre {
display: flex;
flex-direction: column;
}
.nav_and_contacts {
display: flex;
flex-direction: column;
margin: 0;
}
.footer_nav {
display: flex;
flex-direction: column;
}
.menu_element {
display: flex;
flex-direction: column;
background: transparent;
margin: 0;
border-bottom: 1px solid var(--base-color-7);
position: relative;
}
.footer_menu-titile {
text-align: center;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 100%;
height: 70px;
position: relative;
}
.menu_element > .footer_menu-titile {
cursor: pointer;
}
.footer_menu-titile .icon {
display: block;
margin-left: 16px;
width: 24px;
height: 24px;
fill: var(--design-color-6);
transition: transform 0.3s;
}
.footer_menu-titile.open .icon {
transform: rotate(180deg);
}
.main_footer .whap_hidden {
display: none;
flex-direction: column;
padding: 0 0 8px 0;
width: 100%;
}
.main_footer .whap_hidden.active {
display: flex;
}
.main_footer LI A {
text-align: center;
font-size: 16px;
font-weight: 400;
margin: 0 0 16px 0;
display: flex;
justify-content: center;
color: var(--base-color-1);
text-decoration: none;
max-width: 100%;
}
.contacts_wrap {
display: flex;
justify-content: center;
margin-bottom: 12px;
}
.contacts_wrap .icon {
display: block;
margin-right: 12px;
width: 20px;
height: 20px;
fill: var(--design-color-6);
}
.footer_phones .one_phone {
margin: 0 0 10px 0;
display: flex;
}
.footer_phones .one_phone A {
text-decoration: none;
font-size: 18px;
color: var(--base-color-1);
font-weight: 600;
margin: 0;
}
.one_phone .icon.viber {
fill: var(--viber);
}
.one_phone .icon.telegram {
fill: var(--telegram);
}
.one_phone .icon.whatsapp {
fill: var(--whatsapp);
}
.footer_contacts.menu_element {
margin: 0;
}
.footer_phones,
.messenger_wrap,
.hours_work {
display: flex;
flex-direction: column;
margin: 0 0 0 0;
}
.foo_mini_tit {
margin: 0 0 6px 0;
}
.messenger_wrap .row {
display: flex;
flex-wrap: wrap;
}
.messenger_wrap A {
text-decoration: none;
margin: 0 16px 8px 0;
display: flex;
align-items: center;
}
.messenger_wrap A::before,
.messenger_wrap A::after {
display: none;
}
.messenger_wrap A.viber {
color: var(--viber);
}
.messenger_wrap A.viber .icon {
fill: var(--viber);
}
.messenger_wrap A.telegram {
color: var(--telegram);
}
.messenger_wrap A.telegram .icon {
fill: var(--telegram);
}
.messenger_wrap A.whatsapp {
color: var(--whatsapp);
}
.messenger_wrap A.whatsapp .icon {
fill: var(--whatsapp);
}
.messenger_wrap A.messenger {
color: var(--facebook);
}
.messenger_wrap A.messenger .icon {
fill: var(--facebook);
}
.hw_text {
line-height: 1.6;
}
.footer_social {
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--base-color-7);
margin-bottom: 6px;
order: -1;
}
.for_foo_logo {
display: flex;
flex-direction: column;
margin: 0;
align-items: center;
}
.foo_logo {
margin: 0 0 32px 0;
}
.foo_logo Img {
max-width: 178px;
height: auto;
}
.footer_slogan {
text-align: center;
font-family: 'Geologica';
font-size: 16px;
font-weight: 300;
color: var(--base-color-6);
margin-bottom: 32px;
width: 100%;
}
.address {
font-size: 18px;
font-weight: 600;
color: var(--base-color-1);
font-style: normal;
display: flex;
justify-content: center;
margin: 0 0 20px 0;
}
.address .icon {
display: block;
margin: 1px 12px 0 0;
width: 20px;
height: 20px;
fill: var(--design-color-6);
}
.address a {
text-decoration: none;
color: var(--base-color-1);
transition: color 0.3s;
}
.socials_row {
display: flex;
flex-wrap: wrap;
margin: 0 0 30px 0;
justify-content: center;
}
.socials_row A {
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px 5px 5px;
width: 42px;
height: 42px;
border-radius: 6px;
background-color: #2e2d2d;
border: 1px solid transparent;
transition: border-color 0.3s;
}
.socials_row A .icon {
width: 18px;
height: 18px;
fill: var(--base-color-1);
}
.foo_copyrights {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer_bottom .centre > .col:nth-child(1){
align-items: center;
display: flex;
justify-content: center;
margin: 10px 0 16px 0;
padding-top: 16px;
border-top: 1px solid var(--base-color-7);
}
.teploformat_copyrights {
font-size: 14px;
font-weight: 300;
color: var(--base-color-6);
}
.sufix_copyrights A {
font-size: 14px;
font-weight: 300;
color: var(--base-color-6);
text-decoration: none;
width: max-content;
max-width: 100%;
transition: .3s;
}
.footer_bottom .centre > .col:nth-child(2) {
text-align: center;
display: flex;
justify-content: center;
}
.page_up {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
position: fixed;
bottom: 136px;
left: 8px;
background: var(--design-color-2);
border: 1px solid var(--design-color-2);
border-radius: 50%;
opacity: 0;
z-index: 9;
pointer-events: none;
cursor: pointer;
transform: translateX(-120%);
transition: transform .45s cubic-bezier(.22, .61, .36, 1), opacity .25s ease, background 0.3s;
will-change: transform;
}
.page_up.active {
opacity: 1;
pointer-events: auto;
transform: translateX(0);
}
.page_up .icon {
width: 28px;
height: 28px;
fill: var(--base-color-1);
transition: fill 0.3s;
}
.product_activity {
position: fixed;
bottom: 32px;
left: -300px;
background: var(--white);
padding: 16px;
border-radius: var(--border-radius);
z-index: 9;
display: flex;
box-shadow: 0 6px 16px rgba(0, 0, 0, .3);
transition: .3s;
}
.product_activity.active {
left: 32px;
}
.cookies {
background: var(--white);
padding: 16px;
border-radius: var(--border-radius);
position: fixed;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 32px);
max-width: 600px;
display: flex;
flex-direction: column;
box-shadow: 0 0 32px rgba(0, 0, 0, .2);
z-index: 99;
animation: jump 1s ease-in 1s both;
}
.cook_box {
display: flex;
flex-direction: column;
margin: 0 0 16px 0;
}
.cook_text {
margin: 0 0 16px 0;
color: var(--text-light);
line-height: 1.5;
}
.cook_text A {
color: var(--link);
transition: .3s;
}
.cookies .btn {
width: 100%;
height: max-content;
}
.reject_but {
display: flex;
justify-content: center;
}
.reject_cookies {
border: none;
width: max-content;
cursor: pointer;
background: none;
padding: 0;
color: var(--main-color-lighter);
transition: .3s;
}
@keyframes jump {
0% {
bottom: -500px;
}
100% {
bottom: 128px;
}
}
.contact_puls_btn {
width: 68px;
height: 68px;
background: var(--btn-bg);
color: var(--text-inverse);
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 208px;
right: 20px;
border-radius: 50%;
border: none;
padding: 0;
cursor: pointer;
transition: .3s;
z-index: 7;
}
.cpb_label {
animation: cpb_show_label 6s infinite;
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact_puls_btn.active .cpb_label,
.contact_puls_btn.active .cpb_icons {
display: none;
animation-play-state: paused;
}
.cpb_label svg {
fill: var(--white);
width: 20px;
height: 20px;
}
.cpb_icons {
animation: cpb_show_icons 6s infinite;
background: var(--white);
border-radius: 50%;
width: 42px;
height: 42px;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -21px;
display: flex;
flex-shrink: 0;
}
.cpb_icons_line {
position: absolute;
top: 10px;
left: 9px;
display: flex;
}
.cpb_icons_line .icon {
fill: var(--btn-bg);
margin-right: 44px;
width: 24px;
height: 24px;
}
.contact_puls_btn.active .cpb_close {
background: var(--btn-bg);
width: calc(100% + 2px);
height: calc(100% + 2px);
position: absolute;
z-index: 1;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cpb_close::before,
.cpb_close::after {
content: '';
width: 22px;
height: 3px;
border-radius: 2px;
background: var(--white);
position: absolute;
top: 33px;
left: 23px;
transform: rotate(45deg);
opacity: 0;
transition: .3s;
}
.cpb_close::after {
transform: rotate(-45deg);
}
.contact_puls_btn.active .cpb_close::before,
.contact_puls_btn.active .cpb_close::after {
opacity: 1;
}
.cpb_pulse {
animation: cpb_pulse 2s infinite;
width: 84px;
height: 84px;
background: var(--btn-bg-hover);
transform: scale(0);
position: absolute;
left: -8px;
top: -8px;
z-index: -1;
border-radius: 50%;
}
.cpb_pulse:nth-of-type(2) {
animation-delay: .5s;
}
.contact_puls_btn.active .cpb_pulse {
display: none;
}
@keyframes cpb_show_label {
0%,
20% {
transform: scale(1);
}
21%,
84% {
transform: scale(0);
}
85%,
100% {
transform: scale(1);
}
}
@keyframes cpb_show_icons {
0%,
20% {
transform: scale(0);
}
21%,
84% {
transform: scale(1);
}
85%,
100% {
transform: scale(0);
}
}
@keyframes cpb_pulse {
0% {
transform: scale(0);
opacity: 1;
}
50% {
opacity: .5;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.cpb_dropdown {
width: 260px;
height: auto;
display: flex;
flex-direction: column;
position: fixed;
right: 20px;
bottom: 277px;
z-index: 10;
overflow: hidden;
max-height: 0;
padding: 8px;
pointer-events: none;
transition: max-height 0.5s ease-out;
}
.cpb_dropdown.show {
max-height: 1000px;
pointer-events: auto;
}
.cpb_dropdown .one_row {
display: flex;
transform: translateY(32px);
opacity: 0;
margin-bottom: 6px;
justify-content: flex-end;
transition: .4s ease, color .3s;
}
.cpb_dropdown.show .one_row {
transform: translateY(0);
opacity: 1;
}
.cpb_dropdown.show .one_row:nth-child(1) {
transition-delay: 0s;
}
.cpb_dropdown.show .one_row:nth-child(2) {
transition-delay: 0.1s;
}
.cpb_dropdown.show .one_row:nth-child(3) {
transition-delay: 0.2s;
}
.cpb_dropdown.show .one_row:nth-child(4) {
transition-delay: 0.3s;
}
.cpb_dropdown.show .one_row:nth-child(5) {
transition-delay: 0.4s;
}
.cpb_dropdown.show .one_row:nth-child(6) {
transition-delay: 0.5s;
}
.cpb_dropdown.show .one_row:nth-child(7) {
transition-delay: 0.6s;
}
.cpb_dropdown.show .one_row:nth-child(8) {
transition-delay: 0.7s;
}
.cpb_dropdown A {
background: var(--white);
border-radius: var(--btn-radius);
padding: 8px 12px;
box-shadow: 0 0 8px #00000024;
text-decoration: none;
color: var(--text);
display: flex;
align-items: center;
transition: .3s;
}
.site_header {
display: flex;
align-items: center;
width: 100%;
height: 72px;
position: fixed;
top: 0;
z-index: 12;
background-color: var(--base-color-1);
border-bottom: 1px solid var(--base-color-3);
}
.site_header .centre {
display: flex;
align-items: center;
}
.site_header .logo_wrap {
margin-right: auto;
display: block;
width: 170px;
height: auto;
}
.site_header .logo_wrap img {
width: 100%;
height: auto;
}
.header_menu-wrap {
display: flex;
flex-direction: column;
padding: 68px 16px 20px 16px;
width: 100%;
height: calc(100% - 72px);
background-color: var(--base-color-1);
overflow-y: auto;
position: fixed;
left: 0;
top: 72px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.header_menu-wrap.open {
opacity: 1;
visibility: visible;
}
.btn_menu {
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 32px;
height: 32px;
background-color: transparent;
border: none;
}
.btn_menu .icon {
display: block;
width: 28px;
height: 28px;
}
.btn_menu .icon.close {
display: none;
}
.btn_menu.active .icon.burger {
display: none;
}
.btn_menu.active .icon.close {
display: block;
}
.catalog_btn-wrap {
display: flex;
flex-direction: column;
}
.catalog_btn-wrap .catalog_btn {
font-family: 'Montserrat';
text-decoration: none;
text-align: center;
font-size: 18px;
color: var(--base-color-9);
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
margin-bottom: 16px;
padding: 4px;
background-color: transparent;
border: none;
}
.catalog_btn-wrap .catalog_btn .icon:nth-child(1) {
fill: var(--design-color-6);
margin-right: 10px;
width: 24px;
height: 24px;
}
.catalog_btn-wrap .catalog_btn .icon:nth-child(3) {
fill: var(--base-color-9);
margin-left: 10px;
width: 20px;
height: 20px;
transition: 0.3s;
}
.catalog_btn-wrap .catalog_btn.active .icon:nth-child(3) {
transform: rotate(180deg);
}
.catalog_btn-wrap .catalog_btn + .menu {
margin-top: -8px;
}
.top_menu {
display: flex;
flex-direction: column;
padding-bottom: 24px;
border-bottom: 1px solid var(--base-color-4);
margin-bottom: 24px;
}
.top_menu li {
display: flex;
}
.top_menu li + li {
margin-top: 16px;
}
.top_menu a {
font-family: 'Montserrat';
text-align: center;
text-decoration: none;
font-size: 18px;
color: var(--base-color-9);
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
width: 100%;
transition: color 0.3s;
}
.top_menu a.active {
color: var(--design-color-6)
}
.header_menu-wrap .header_phone {
display: flex;
flex-direction: column;
padding-bottom: 24px;
border-bottom: 1px solid var(--base-color-4);
margin-bottom: 24px;
}
.header_menu-wrap .header_phone .phone_trigger {
display: none;
}
.header_menu-wrap .header_phone .main_phone {
display: none;
}
.header_menu-wrap .header_phone .popup_close {
display: none;
}
.header_menu-wrap .one_phone + .one_phone {
margin-top: 8px;
}
.header_menu-wrap .one_phone a {
text-align: center;
text-decoration: none;
font-size: 20px;
font-weight: 700;
color: var(--base-color-9);
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.header_menu-wrap .one_phone .icon {
margin-right: 12px;
width: 24px;
height: 24px;
fill: var(--design-color-6);
}
.select_language {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.select_language a {
font-family: 'Montserrat';
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
color: var(--base-color-9);
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
margin: 0 5px 5px 5px;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid var(--base-color-9);
}
.select_language a.active {
color: var(--design-color-6);
border-color: var(--design-color-6);
}
.select_language a.ru {
display: none;
}
.tiles.tiles_catalog .one_tile {
position: relative;
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog .one_tile {
background-color: var(--base-color-2);
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog {
margin-bottom: 40px;
padding-bottom: 40px;
background-color: var(--base-color-2);
}
.tiles.tiles_catalog .tile_image Img {
min-width: unset;
max-width: unset;
margin: 0;
box-shadow: none;
float: unset;
}
.tiles.tiles_catalog .tile_title {
margin: 0;
}
.tile_hover-hide {
display: flex;
flex-direction: column;
padding: 26px 34px 34px 34px;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background-color: var(--base-color-1);
box-shadow: 0px 10px 50px 0px #00000000;
opacity: 0;
z-index: 2;
visibility: hidden;
transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, box-shadow 2s;
}
.one_tile.open .tile_hover-hide {
opacity: 1;
visibility: visible;
box-shadow: 0px 10px 50px 0px #00000026;
}
.tile_hover-hide .tile_title {
margin-bottom: 18px;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: 0.5s;
pointer-events: none;
}
.one_tile.open .tile_hover-hide .tile_title {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition-delay: 0.1s;
}
.tile_hover-hide .tile_description {
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin: 0 0 20px 0;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, transform 0.5s;
pointer-events: none;
}
.tile_hover-hide .tile_description b {
font-weight: 700;
}
.tile_hover-hide .btn {
width: 100%;
min-height: 46px;
font-size: 14px;
box-shadow: 0px 15px 35px 0px #00000040;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.5s, transform 0.5s, visibility 0.3s, color 0.3s, background-color 0.3s;
}
.one_tile.open .tile_hover-hide .btn {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0.3s, 0.3s, 0.3s, 0s, 0s;
}
.one_tile.open .tile_hover-hide .tile_title {
color: var(--text);
}
.tiles.brands {
padding: 0;
max-width: 100%;
overflow: hidden;
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands {
margin-bottom: 0;
padding-bottom: var(--section-margin-mobile);
background-color: var(--base-color-2);
}
.tiles.brands .main_title.title_h2 {
margin-left: auto;
margin-right: auto;
padding: 0 var(--margin-lt-rt);
width: 100%;
max-width: var(--content-width);
}
.tiles.brands .title_wrap {
margin-left: auto;
margin-right: auto;
padding: 0 var(--margin-lt-rt);
width: 100%;
max-width: var(--content-width);
}
.tiles.brands .tiles_description {
margin-left: auto;
margin-right: auto;
padding: 0 var(--margin-lt-rt);
width: 100%;
max-width: var(--content-width);
}
.tiles.brands .tiles_grid {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0;
width: max-content;
min-width: 100%;
max-width: unset;
background-color: var(--base-color-1);
animation: scroll 50s linear infinite;
flex-wrap: nowrap;
}
.tiles.brands .one_tile {
width: auto;
margin: 0 15px;
background-color: transparent;
}
.tiles.brands .one_tile .box {
width: auto;
padding: 0;
}
.tiles.brands .tile_image {
width: auto;
height: auto;
margin: 0;
}
.tiles.brands .tile_image Img {
width: 100%;
max-width: 280px;
height: 68px;
max-height: 68px;
aspect-ratio: unset;
filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0));
transition: filter 0.3s;
}
.tiles.brands .tile_title {
display: none;
}
.tiles.brands .tile_description {
display: none;
}
.tiles.brands .btn.view_all {
margin: 20px auto 0 auto;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.tiles.about_us-tile {
padding: 0;
}
.tiles.about_us-tile .tile-container {
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
}
.tiles.about_us-tile .title_wrap {
text-align: center;
display: flex;
justify-content: center;
margin-bottom: 30px;
padding: 0;
order: 1;
}
.tiles.about_us-tile .main_title.title_h2 {
text-align: center;
justify-content: center;
font-size: 16px;
margin-bottom: 36px;
padding: 0;
order: 2;
}
.tiles.about_us-tile .tile_background {
position: relative;
top: auto;
left: auto;
width: 100%;
margin-bottom: 28px;
height: auto;
z-index: 0;
order: 3;
}
.tiles.about_us-tile .tile_background img {
width: 100%;
height: auto;
}
.tiles.about_us-tile .tile-row {
display: flex;
flex-direction: column;
order: 4;
}
.tiles.about_us-tile .tiles_description {
font-weight: 300;
margin-bottom: 42px;
padding: 0;
}
.tiles.about_us-tile .tiles_grid {
padding: 0;
justify-content: space-around;
}
.tiles.about_us-tile .one_tile {
width: 100%;
}
.tiles.about_us-tile .tiles_grid .one_tile:nth-child(1n + 2) {
margin: 0;
}
.tiles.about_us-tile .box {
padding: 16px;
}
.tiles.about_us-tile .tile_image {
display: none;
}
.tiles.about_us-tile .tile_title {
text-align: center;
font-size: 50px;
line-height: 1;
font-weight: 700;
justify-content: center;
}
.tiles.about_us-tile .tile_description {
text-align: center;
font-size: 16px;
}
.tiles.about_us-tile .btn.view_all {
width: 100%;
margin: 36px auto 0 auto;
}
.tiles.about_us-tile .btn.view_all .icon {
margin: 0 0 0 12px;
width: 20px;
height: 20px;
}
.tiles.our_advantages {
padding: 0;
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog + .tiles.about_us-tile + .tiles.our_advantages {
padding-top: 40px;
padding-bottom: 40px;
background-color: var(--base-color-2);
}
.tiles.our_advantages .tile-container {
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0 var(--margin-lt-rt);
max-width: var(--content-width);
width: 100%;
}
.tiles.our_advantages .title_wrap {
justify-content: center;
margin-bottom: 20px;
text-align: center;
padding: 0;
max-width: unset;
order: 1;
}
.tiles.our_advantages .main_title.title_h2 {
font-size: 16px;
text-align: center;
justify-content: center;
margin-bottom: 32px;
padding: 0;
max-width: unset;
order: 2;
}
.tiles.our_advantages .tiles_description {
padding: 0;
order: 3;
}
.tiles.our_advantages .tiles_grid {
padding: 0;
margin-bottom: 43px;
order: 4;
}
.tiles.our_advantages .one_tile {
width: 100%;
background-color: transparent;
}
.tiles.our_advantages .one_tile:nth-child(1n + 2) {
margin-top: 36px;
}
.tiles.our_advantages .tile_image {
margin: 0 auto 12px auto;
width: 64px;
height: 64px;
}
.tiles.our_advantages .tile_image Img {
aspect-ratio: auto;
}
.tiles.our_advantages .tile_title {
text-align: center;
font-weight: 700;
font-size: 20px;
justify-content: center;
margin-bottom: 20px;
}
.tiles.our_advantages .tile_description {
text-align: center;
font-size: 16px;
margin: 0;
color: var(--base-color-7);
}
.tiles.our_advantages .tile_background {
display: block;
width: 100%;
height: auto;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 5;
z-index: 1;
}
.tiles.our_advantages .tile_background img {
width: 100%;
height: auto;
}
.tiles.our_advantages  A.btn.view_all {
display: none;
}
.tiles.staps {
overflow: hidden;
}
.tiles.staps .title_wrap {
margin-bottom: 20px;
}
.tiles.staps .main_title.title_h2 {
font-size: 16px;
margin-bottom: 60px;
}
.tiles.staps .one_tile {
align-items: flex-start;
padding-left: 32px;
position: relative;
}
.tiles.staps .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 42px;
}
.tiles.staps .one_tile::before {
content: "";
display: block;
width: 1px;
height: calc(100% + 42px);
background-color: var(--design-color-2);
position: absolute;
top: 0;
left: 8px;
}
.tiles.staps .one_tile:nth-child(1):before {
height: calc(100% - 16px);
top: 58px;
}
.tiles.staps .one_tile:nth-last-child(1):before {
height: 50px;
}
.tiles.staps .one_tile:nth-child(1):nth-last-child(1):before {
height: 0;
}
.tiles.staps .one_tile::after {
content: "";
display: block;
width: 16px;
height: 16px;
background-color: var(--design-color-2);
border-radius: 50%;
position: absolute;
top: 50px;
left: 0;
transform: scale(0);
transition: transform 0.5s 0.5s;
}
.tiles.staps .one_tile.active::after {
transform: scale(1);
}
.tiles.staps .stap_number {
font-size: 100px;
font-weight: 700;
line-height: 1;
color: var(--base-color-9);
display: block;
margin: 0 0 20px 0;
opacity: 0;
transform: translateX(50%);
transition: transform 0.5s ease-out, opacity 0.5s;
}
.tiles.staps .one_tile.active .stap_number {
opacity: 0.07;
transform: translateX(0);
}
.tiles.staps .tile_image {
display: none;
}
.tiles.staps .tile_title {
font-size: 22px;
margin-bottom: 20px;
}
.tiles.staps .tile_description {
font-size: 16px;
line-height: 1.5;
margin: 0;
color: var(--base-color-7);
}
.tiles.staps A.btn.view_all {
margin-top: 26px;
}
.tiles.send_question {
color: var(--base-color-1);
padding-top: 32px;
padding-bottom: 32px;
background-color: var(--design-color-2);
}
.tiles.send_question .title_wrap {
margin-bottom: 26px;
}
.tiles.send_question .main_title {
font-size: 26px;
justify-content: center;
text-align: center;
color: var(--base-color-1);
}
.tiles.send_question .main_title.title_h2 {
display: none;
}
.tiles.send_question .quesiton-col {
display: flex;
flex-direction: column;
padding: 0 15px;
}
.tiles.send_question .tiles_grid {
display: none;
}
.tiles.send_question .tiles_description {
text-align: center;
margin: 12px 0 0 0;
order: 1;
}
.tiles.send_question .tiles_description article {
font-size: 20px;
}
.tiles.send_question .tiles_description Article Strong {
white-space: nowrap;
}
.tiles.send_question .tiles_description Article Strong a {
color: var(--base-color-1);
text-decoration: none;
transition: opacity 0.3s;
}
.tiles.send_question A.btn.view_all {
color: var(--base-color-8);
font-weight: 500;
margin: 0 auto;
width: 100%;
background-color: var(--base-color-1);
}
.create_project {
color: var(--base-color-1);
margin-bottom: var(--section-margin-mobile);
padding-top: 36px;
padding-bottom: 30px;
background-color: var(--base-color-9);
}
.create_project .centre > .col:nth-child(1) {
display: none;
}
.create_project .centre > .col:nth-child(2) {
display: flex;
flex-direction: column;
}
.create_project .H1 {
font-size: 32px;
font-weight: 700;
text-align: center;
margin-bottom: 32px;
}
.create_project .subtitle {
font-size: 16px;
text-align: center;
font-weight: 300;
margin-bottom: 20px;
}
.dots_list {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.dots_list li {
flex: 1 1 auto;
display: flex;
max-width: 58px;
}
.dots_list button,
.dots_list .button {
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 100%;
height: 26px;
background-color: transparent;
border: none;
}
.dots_list button::before,
.dots_list .button::before {
content: "";
position: relative;
display: block;
width: calc(100% - 16px);
height: 4px;
background-color: var(--base-color-6);
transition: 0.3s;
}
.dots_list button.active::before,
.dots_list .button.active::before {
background-color: var(--design-color-2);
}
.dots_list button:not(.active) {
cursor: pointer;
}
.quesion_slider {
display: flex;
max-width: 100%;
width: 100%;
overflow: hidden;
margin-bottom: 16px;
}
.question_list {
display: flex;
transition: transform 1s;
}
.question_box {
display: flex;
flex-direction: column;
transition: opacity 0.3s;
}
.quesion_slider:not(.init) .question_box {
display: none;
}
.quesion_slider:not(.init) .question_box:nth-child(1) {
display: flex;
width: 100%;
}
.quesion_slider.init .question_box.hidden {
display: flex !important;
opacity: 0;
}
.question_title {
text-align: center;
font-size: 20px;
font-weight: 500;
margin-bottom: 32px;
}
.question_text {
text-align: center;
font-size: 16px;
font-weight: 300;
margin-bottom: 32px;
}
.styled_checkbox {
position: relative;
}
.styled_checkbox input {
margin: 0;
width: 0;
height: 0;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.styled_checkbox .styled_inner {
font-size: 16px;
line-height: 1.3;
display: block;
padding: 2px 0 0 40px;
min-height: 24px;
cursor: pointer;
}
.styled_checkbox .styled_inner::before {
content: "";
width: 24px;
height: 24px;
background-color: var(--base-color-6);
position: absolute;
top: 0;
left: 0;
transition: background-color 0.3s;
}
.styled_checkbox input:checked + .styled_inner::before {
background-color: var(--design-color-2);
}
.styled_checkbox .styled_inner::after {
content: "";
width: 11px;
height: 7px;
position: absolute;
border-left: 3px solid var(--base-color-1);
border-bottom: 3px solid var(--base-color-1);
top: 7px;
left: 6px;
transform: rotate(-45deg);
opacity: 0;
transition: opacity 0.3s;
}
.styled_checkbox input:checked + .styled_inner::after {
opacity: 1;
}
.question_box .styled_checkbox {
margin-bottom: 16px;
}
.styled_radio {
position: relative;
}
.styled_radio input[type=radio] {
margin: 0;
width: 0;
height: 0;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.styled_radio .styled_inner {
font-size: 16px;
line-height: 1.3;
display: block;
padding: 2px 0 0 40px;
min-height: 24px;
cursor: pointer;
}
.styled_radio .styled_inner::before {
content: "";
width: 24px;
height: 24px;
background-color: var(--base-color-6);
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
transition: background-color 0.3s;
}
.styled_radio input:checked + .styled_inner::before {
background-color: var(--design-color-2);
}
.styled_radio .styled_inner::after {
content: "";
width: 12px;
height: 12px;
position: absolute;
background: var(--base-color-1);
border-radius: 50%;
top: 6px;
left: 6px;
opacity: 0;
transition: opacity 0.3s;
}
.styled_radio input:checked + .styled_inner::after {
opacity: 1;
}
.question_box .styled_radio {
margin-bottom: 16px;
}
.input_box {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.input_box .title {
font-size: 16px;
margin-bottom: 4px;
}
.input_box .title i {
color: var(--design-color-6);
}
.question_box .input_box input {
border-top: none;
border-left: none;
border-right: none;
color: var(--base-color-1);
background-color: transparent;
border-color: var(--base-color-6);
}
.questions_buttons {
display: flex;
flex-direction: column;
padding-top: 14px;
}
.questions_buttons .btn {
margin-bottom: 12px;
width: 100%;
}
.questions_buttons .btn.disabled {
opacity: 0.7;
pointer-events: none;
}
.questions_buttons .btn.outline {
color: var(--base-color-1);
background-color: transparent;
border: 1px solid var(--base-color-1);
}
.questions_buttons .btn.go_back {
order: 1;
}
.create_project .bottom_info {
font-size: 13px;
font-weight: 300;
text-align: center;
display: block;
margin: 20px auto 0 auto;
max-width: 370px;
}
.question_box.success {
justify-content: center;
}
.question_box.success .icon {
width: 40px;
height: 40px;
fill: var(--design-color-2);
margin: 0 auto 20px auto;
}
.news_component {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.news_component .main_title {
font-size: 28px;
margin-bottom: 32px;
}
.news_grid {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
.news_item {
display: flex;
flex-direction: column;
margin: 0;
border: 1px solid var(--base-color-4);
}
.news_item:nth-child(1n + 2) {
margin-top: 16px;
}
.news_item .blog_image {
aspect-ratio: 4 / 3;
margin: 0;
width: 100%;
height: auto;
}
.news_item .blog_image img {
width: 100%;
height: 100%;
max-width: unset;
margin: 0;
object-fit: cover;
}
.news_item .content {
display: flex;
flex-direction: column;
padding: 24px 16px 16px 16px;
}
.news_item .blog_name {
font-size: 18px;
font-weight: 700;
margin-bottom: 16px;
transition: color 0.3s;
}
.news_item .blog_name h1 {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
}
.news_item-row {
display: flex;
flex-wrap: wrap;
margin-top: auto;
}
.news_info-item {
font-size: 14px;
color: var(--base-color-7);
display: flex;
align-items: center;
}
.news_info-item:nth-child(1) {
margin-right: 30px;
}
.news_info-item .icon {
fill: var(--base-color-7);
margin-right: 8px;
width: 20px;
height: 20px;
}
.news_item:nth-child(1n + 3) {
flex-direction: row;
align-items: flex-start;
padding: 12px;
}
.news_item:nth-child(1n + 3) .blog_image {
flex: 0 0 70px;
width: 70px;
aspect-ratio: 1 / 1;
}
.news_item:nth-child(1n + 3) .content {
flex: 1 1 auto;
padding: 0 0 0 16px;
height: auto;
align-self: stretch;
}
.news_item:nth-child(1n + 3) .blog_name {
font-size: 15px;
margin-bottom: 12px;
}
.tiles.advantages_staps .title_wrap {
font-size: 24px;
text-align: center;
margin-bottom: 24px;
justify-content: center;
max-width: 800px;
}
.tiles.advantages_staps .main_title.title_h2 {
text-align: center;
font-size: 16px;
font-weight: 400;
margin-bottom: 24px;
max-width: 800px;
}
.tiles.advantages_staps .tiles_description {
text-align: center;
max-width: 800px;
}
.tiles.advantages_staps .tiles_description article {
font-weight: 300;
}
.tiles.advantages_staps .one_tile {
padding: 16px;
border: 1px solid var(--base-color-4);
box-shadow: 0px 10px 35px 0px #00000000;
transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 24px;
}
.tiles.advantages_staps .tile_image {
display: none;
}
.tiles.advantages_staps .tile_title {
font-size: 20px;
font-weight: 600;
line-height: 1;
}
.tiles.advantages_staps .tile_title b {
margin-left: auto;
font-size: 24px;
line-height: 20px;
font-weight: 500;
color: var(--design-color-2);
padding-left: 10px;
transition: color 0.3s;
}
.tiles.advantages_staps .tile_description {
font-size: 16px;
font-weight: 300;
margin: 20px 0 0 0;
transition: color 0.3s;
}
.tiles.tiles_icons {
display: flex;
flex-direction: column;
margin-bottom: var(--section-margin-mobile);
}
.tiles.advantages_staps + .tiles.tiles_icons {
margin-bottom: 32px;
padding-top: 32px;
padding-bottom: 32px;
background-color: var(--base-color-2);
}
.tiles.tiles_icons .title_wrap {
justify-content: center;
text-align: center;
margin-bottom: 24px;
}
.tiles.tiles_icons .title_wrap .main_title {
font-weight: 500;
max-width: 860px;
padding: 0 30px;
}
.tiles.tiles_icons .main_title.title_h2 {
text-align: center;
max-width: 800px;
margin-bottom: 24px;
}
.tiles.tiles_icons .tiles_description {
text-align: center;
font-size: 16px;
margin-bottom: 24px;
font-weight: 300;
max-width: 800px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 0;
}
.tiles.tiles_icons .one_tile {
flex: 0 0 calc((100% / 2) - (16px / 2));
background-color: transparent;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 16px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 30px;
}
.tiles.tiles_icons .tile_image {
margin: 0 auto 20px auto;
width: 52px;
height: 52px;
}
.tiles.tiles_icons .tile_image img {
aspect-ratio: 1 / 1;
}
.tiles.tiles_icons .tile_title {
text-align: center;
font-size: 14px;
justify-content: center;
}
.tabs_grid {
margin-bottom: var(--section-margin-mobile);
}
.tabs_grid .centre {
display: flex;
flex-direction: column;
}
.tabs_grid .main_title {
text-align: center;
justify-content: center;
margin-bottom: 24px;
}
.dropdown_tabs {
display: flex;
flex-direction: column;
margin-bottom: 34px;
position: relative;
}
.selected_item {
font-size: 16px;
color: var(--base-color-1);
font-weight: 500;
display: flex;
align-items: center;
padding: 10px 48px 10px 20px;
min-height: 50px;
background-color: var(--design-color-2);
border: none;
position: relative;
}
.selected_item::before,
.selected_item::after {
content: "";
width: 2px;
height: 9px;
background-color: var(--base-color-1);
position: absolute;
top: 50%;
right: 32px;
transform-origin: bottom;
transition: transform 0.3s;
}
.selected_item::before {
transform: translateY(-50%) rotate(-45deg);
}
.selected_item::after {
transform: translateY(-50%) rotate(45deg);
}
.selected_item.active::before {
transform-origin: top;
transform: translateY(-50%) rotate(45deg);
}
.selected_item.active::after {
transform-origin: top;
transform: translateY(-50%) rotate(-45deg);
}
.selected_item svg {
fill: var(--base-color-1);
flex-direction: 0 0 20px;
margin-right: 14px;
width: 20px;
height: 20px;
}
.dropdown_tabs ul {
display: flex;
flex-direction: column;
padding: 10px 0;
width: 100%;
background-color: var(--base-color-1);
box-shadow: 0px 10px 35px 0px #00000040;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.dropdown_tabs ul.open {
opacity: 1;
visibility: visible;
}
.dropdown_tabs li {
color: var(--base-color-7);
font-size: 16px;
display: flex;
align-items: center;
padding: 4px 20px;
min-height: 44px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
.dropdown_tabs li.active {
color: var(--base-color-1);
background-color: var(--design-color-2);
}
.dropdown_tabs li svg {
fill: var(--base-color-7);
flex: 0 0 20px;
margin-right: 12px;
width: 20px;
height: 20px;
transition: fill 0.3s;
}
.dropdown_tabs li.active svg {
fill: var(--base-color-1);
}
.tabs_title {
font-size: 22px;
font-weight: 500;
text-align: center;
display: block;
margin-bottom: 22px;
}
* + .tabs_title {
margin-top: 32px;
}
.tabs_content {
display: flex;
flex-wrap: wrap;
}
.tab_item {
flex: 0 0 100%;
display: flex;
flex-direction: column;
}
.tab_item:nth-child(1n + 2) {
margin-top: 24px;
}
.tab_item .title {
font-size: 18px;
font-weight: 500;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 16px;
}
.tab_item .image {
margin-bottom: 16px;
width: 72px;
height: 72px;
}
.tab_item .image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.tab_item .text {
font-size: 14px;
text-align: center;
}
.decide_choose {
color: var(--base-color-1);
background-color: var(--base-color-9);
padding-top: 22px;
margin-bottom: var(--section-margin-mobile);
}
.decide_choose > .centre {
display: flex;
flex-direction: column;
}
.decide_choose .decide_content {
margin-bottom: 20px;
}
.decide_choose .title {
font-size: 24px;
line-height: 1.3;
margin-bottom: 20px;
}
.decide_choose .text {
margin-bottom: 20px;
font-size: 16px;
}
.decide_choose ul {
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
.decide_choose li {
font-weight: 500;
padding-left: 40px;
min-height: 24px;
position: relative;
}
.decide_choose li + li {
margin-top: 12px;
}
.decide_choose li::before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 0;
background-image: url('../images/primary-check-icon.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.decide_choose .btn {
width: 100%;
}
.decide_choose .btn .icon {
margin: 0 0 0 16px;
}
.decide_img {
display: block;
width: 100%;
height: auto;
}
.decide_img img {
margin: 0 auto;
width: auto;
max-width: 100%;
height: auto;
}
.main_characteristics {
margin-bottom: var(--section-margin-mobile);
}
.main_characteristics .inner_wrap {
display: flex;
flex-direction: column;
width: 100%;
}
.main_characteristics .main_title {
text-align: center;
justify-content: center;
margin-bottom: 24px;
}
.characteristics_table {
border-spacing: 1px;
margin-bottom: 24px;
}
.characteristics_table tr th {
text-align: start;
font-weight: 500;
font-size: 16px;
padding: 8px 12px;
height: 48px;
}
.characteristics_table tr td {
text-align: start;
font-weight: 300;
font-size: 14px;
padding: 8px 12px;
height: 48px;
}
.characteristics_table tr:nth-child(2n + 1) th,
.characteristics_table tr:nth-child(2n + 1) td {
background-color: #F4F3F3;
}
.characteristics_table tr > th:nth-child(1),
.characteristics_table tr > td:nth-child(1) {
width: 40%;
}
.characteristics_table tr > th:nth-child(2),
.characteristics_table tr > td:nth-child(2) {
width: 60%;
}
.characteristics_table tr th:nth-child(1) span,
.characteristics_table tr td:nth-child(1) span {
display: flex;
align-items: center;
}
.characteristics_table tr th:nth-child(1) img,
.characteristics_table tr td:nth-child(1) img {
display: none;
}
.main_characteristics .bottom_text {
text-align: center;
font-size: 16px;
font-weight: 300;
display: block;
margin-bottom: 24px;
width: 100%;
}
.main_characteristics .btn {
width: 100%;
}
.main_characteristics .btn .icon {
margin: 0 0 0 6px;
flex: 0 0 20px;
width: 20px;
height: 20px;
}
.tiles.big_tiles_icons .title_wrap {
justify-content: center;
margin-bottom: 24px;
max-width: 800px;
}
.tiles.big_tiles_icons .main_title {
font-weight: 500;
text-align: center;
justify-content: center;
max-width: 800px;
}
.tiles.big_tiles_icons .tiles_description {
text-align: center;
font-size: 16px;
font-weight: 300;
margin-bottom: 24px;
max-width: 800px;
}
.tiles.big_tiles_icons .one_tile:nth-child(1n + 2) {
margin-top: 0;
}
.tiles.big_tiles_icons .one_tile {
flex: 0 0 calc((100% / 2) - (16px / 2));
padding: 16px;
border: 1px solid var(--base-color-4);
box-shadow: 0px 10px 35px 0px #00000000;
transition: box-shadow 0.3s, border-color 0.3s;
}
.tiles.big_tiles_icons .one_tile:nth-child(2n + 1) {
margin-right: 16px;
}
.tiles.big_tiles_icons .one_tile:nth-child(1n + 3) {
margin-top: 16px;
}
.tiles.big_tiles_icons .tile_image {
width: 52px;
height: 52px;
margin: 0 auto 20px auto;
}
.tiles.big_tiles_icons .tile_image img {
width: 100%;
height: 100%;
aspect-ratio: unset;
}
.tiles.big_tiles_icons .tile_title {
text-align: center;
font-size: 14px;
justify-content: center;
}
.zoom_wrap-popup {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgb(63 63 63 / .9);
z-index: 12;
overflow: hidden;
touch-action: none;
pointer-events: auto
}
.close_zoom-popup {
font-size: 0;
width: 36px;
height: 36px;
border-radius: 8px;
background-color: var(--white);
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
box-shadow: var(--shadow);
border: none;
cursor: pointer;
transition: 0.3s
}
.close_zoom-popup::before,.close_zoom-popup::after {
content: "";
width: 16px;
height: 2px;
background-color: var(--base-color-9);
position: absolute;
top: 50%;
left: 50%
}
.close_zoom-popup::before {
transform: translate(-50%,-50%) rotate(45deg)
}
.close_zoom-popup::after {
transform: translate(-50%,-50%) rotate(-45deg)
}
.zoom_wrap-popup .centre {
padding: 0;
height: 100%
}
.zoom_wrap-popup .centre>.col:nth-child(1) {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
position: relative
}
.zoom_big-slider {
display: block;
width: 100%;
height: 100%;
position: relative
}
.zoom_big-slider .arrow {
font-size: 0;
display: block;
background-color: var(--site-bg);
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
border: none;
cursor: pointer;
transition: 0.3s;
box-shadow: var(--shadow)
}
.zoom_big-slider .arrow::before {
content: "";
width: 16px;
height: 1px;
background-color: var(--design-color-2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.3s
}
.zoom_big-slider .arrow::after {
content: "";
width: 8px;
height: 8px;
border-top: 1px solid var(--design-color-2);
border-left: 1px solid var(--design-color-2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) rotate(-45deg);
margin-left: -4px;
transition: 0.3s
}
.zoom_big-slider .arrow.arrow_prev {
left: 12px
}
.zoom_big-slider .arrow.arrow_next {
transform: translateY(-50%) rotate(180deg);
right: 12px
}
.zoom_big-list {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.zoom_big-img-wrap {
display: none!important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%
}
.zoom_big-img-wrap.active {
display: flex!important
}
.zoom_big-img {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
position: absolute;
opacity: 0;
visibility: hidden
}
.zoom_big-img:not(.video) img {
cursor: url('./../../images/zoom-icon-mag.svg?v=1.1') 16 16,zoom-in
}
.zoom_big-img.zoom:not(.video) img {
cursor: url('./../../images/zoom-out-icon-mag.svg?v=1.2') 16 16,zoom-in
}
.zoom_big-img.active {
opacity: 1;
visibility: visible;
z-index: 1
}
.zoom_big-img .draggable-img {
max-width: 200vw;
max-height: 200vh;
transition: none
}
.zoom_big-img .regular_image {
display: none
}
.click_to-zoom {
display: none
}
.zoom_wrap-popup .centre>.col:nth-child(2) {
display: none
}
.tiles.decide_tile {
color: var(--base-color-1);
padding-top: 22px;
padding-bottom: 0;
background-color: var(--base-color-9);
}
.tiles.decide_tile.has_background {
padding-left: 0;
padding-right: 0;
}
.tiles.decide_tile .title_wrap {
margin-bottom: 20px;
}
.tiles.decide_tile .title_wrap .main_title {
color: var(--base-color-1);
}
.tiles.decide_tile .main_title.title_h2 {
color: var(--base-color-1);
font-weight: 300;
margin-bottom: 32px;
}
.tiles.decide_tile .tiles_description {
font-weight: 300;
margin-bottom: 32px;
}
.tiles.decide_tile .tiles_grid {
margin-bottom: 20px;
}
.tiles.decide_tile .one_tile {
background-color: transparent;
width: 100%;
margin: 0;
}
.tiles.decide_tile .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 12px;
}
.tiles.decide_tile .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles.decide_tile .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.decide_tile .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 0;
}
.tiles.decide_tile .tile_image {
display: none;
}
.tiles.decide_tile .tile_title {
color: var(--base-color-1);
font-size: 16px;
font-weight: 700;
align-items: center;
padding-left: 40px;
min-height: 24px;
position: relative;
}
.tiles.decide_tile .tile_title::before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 0;
background-image: url(../images/primary-check-icon.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.tiles.decide_tile .tile_description {
display: none;
}
.tiles.decide_tile A.btn.view_all {
margin: 0 auto 20px auto;
width: calc(100% - 32px);
}
.tiles.decide_tile A.btn.view_all::after {
content: "";
display: block;
position: relative;
margin-left: 6px;
width: 20px;
height: 20px;
background-image: url(../images/link-white-icon.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.tiles.decide_tile .tile_background {
margin: 0 auto;
padding: 0 16px;
width: auto;
max-width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
z-index: 0;
}
.tiles.decide_tile .tile_background Img {
width: auto;
height: auto;
max-width: 100%;
}
@media (min-width:400px) {
.control_products .dropdown {
max-width: unset;
}
}
@media (min-width:480px) {
.one_good .op_benefit {
top: 0;
}
.one_good .availability {
margin: 6px 0 -8px 0;
}
.one_cat {
width: calc(33.333% - var(--gap-mobile));
}
.cat_title {
font-size: 16px;
}
.list_info .category_list {
margin: 0 0 0 var(--gap-offset-mobile);
}
.list_info .one_cat {
margin: 0 0 var(--gap-mobile) var(--gap-mobile);
width: calc(50% - var(--gap-mobile));
}
.tile_description {
font-size: 14px;
}
.main_reviews .main_title {
font-size: 24px;
}
.comment_photo .together {
display: flex;
margin: 0;
align-items: center;
}
.comment_photo .header {
margin: 0 16px 0 0;
}
.comment_photo.video .header {
margin: 0 0 16px 0;
}
.comment_photo .for_but {
flex-shrink: 0;
}
.stars_labels Label {
font-size: 15px;
}
.blog_name {
font-size: 16px;
}
.blog_text {
font-size: 14px;
}
.cookies {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.cook_box {
flex-direction: row;
margin: 0;
width: 100%;
}
.cook_text {
margin: 0 16px 0 0;
width: 100%;
align-content: center;
}
.cookies .btn {
width: max-content;
}
.reject_but {
margin: 16px 0 0 0;
}
.ask_question.popup .row .btn,
.one_click_popup.popup .row .btn {
width: max-content;
}
.callback_popup {
padding: 32px;
}
.callback_popup .popup_close {
top: 27px;
right: 25px;
}
.callback_popup .styled_input .title {
padding-left: 40px;
}
.callback_popup .input_wrap {
padding-left: 40px;
}
.callback_popup .styled_input .input_wrap > .icon {
left: 0;
fill: var(--design-color-6);
}
.callback_popup .styled_input .input_wrap > .icon + input,
.callback_popup .styled_input .input_wrap > .icon + textarea {
padding-left: 16px;
}
.callback_popup .attach_text-info {
margin-left: 40px;
width: calc(100% - 40px);
}
.uploaded_files {
margin-left: 40px;
max-width: calc(100% - 40px);
}
.callback_popup .attach_file .row {
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 0;
}
.callback_popup .attach_file .row .btn {
margin-left: 40px;
width: fit-content;
max-width: calc(100% - 40px);
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 0;
}
.tiles.tiles_icons .one_tile {
flex: 0 0 calc((100% / 3) - (32px / 3));
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 16px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 4) {
margin-top: 30px;
}
}
@media (min-width:640px) {
.main_slider {
}
.main_slider:not(.slick-initialized) .main_slider_item {
}
.main_slider_container[data-items]:not([data-items-mob="1"]) .slick-dots {
padding-left: 24px;
}
.main_footer {
padding: 62px 0 22px 0;
}
.main_footer > .centre {
display: flex;
flex-direction: row;
margin-bottom: 44px;
}
.footer_social {
width: 50%;
margin-bottom: 0;
padding: 0 8px 0 0;
border-bottom: none;
}
.for_foo_logo {
align-items: flex-start;
}
.foo_logo {
margin-bottom: 40px;
}
.foo_logo Img {
max-width: 262px;
width: 262px;
}
.footer_slogan {
text-align: start;
margin-bottom: 40px;
}
.socials_row {
justify-content: flex-start;
}
.socials_row A {
margin: 0 10px 10px 0;
}
.foo_copyrights {
flex-direction: column;
align-items: flex-start;
}
.sufix_copyrights {
margin: 16px 0 0 0;
}
.nav_and_contacts {
order: 2;
width: 50%;
margin: 0;
padding: 0 0 0 8px;
}
.footer_bottom {
padding-top: 20px;
border-top: 1px solid var(--base-color-7);
}
.footer_bottom .centre {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.footer_bottom .centre > .col:nth-child(1) {
justify-content: flex-start;
align-items: flex-start;
margin: 0;
padding: 0;
border-top: none;
}
.sufix_copyrights {
margin: 0;
}
.footer_bottom .centre > .col:nth-child(2) {
text-align: end;
justify-content: flex-end;
}
.faq .title_wrap {
margin-bottom: 80px;
}
.cat_faq .one_question {
margin-bottom: var(--gap-desktop);
}
.faq .btn.view_all {
margin-top: var(--gap-desktop);
}
.faq .faq_question {
padding: 26px 32px 26px 0;
font-size: 18px;
}
.faq .one_question .faq_answer {
font-size: 18px;
padding: 0 0 30px 0;
}
.if_slider .faq_slider {
margin-bottom: unset;
}
.if_slider .faq_slider:not(.slick-initialized) {
padding: 8px var(--gap-desktop) 0 0;
}
.faq_slider .slick-list {
padding-top: var(--gap-mobile);
}
.faq_slider .one_question {
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
}
.if_slider .faq_slider:not(.slick-initialized) .one_question {
width: calc(100% - var(--gap-desktop));
}
.if_slider .faq_description {
margin: 0;
}
.category_list {
margin-bottom: 65px;
}
.category_list,
.row_list .category_list,
.list_info .category_list {
margin: 0 0 0 var(--gap-offset-desktop);
}
.one_cat {
padding: 16px;
width: calc(33.333% - var(--gap-desktop));
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
}
.category_image {
margin: 0 0 12px 0;
}
.row_list .one_cat,
.list_info .one_cat {
width: calc(50% - var(--gap-desktop));
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
}
.tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 0;
}
.tiles_grid .one_tile {
width: calc((100% / 2) - (40px / 2));
margin: 0;
}
.tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 60px;
}
.tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 40px;
}
.if_slider .tiles_slider:not(.slick-initialized) .one_tile {
width: calc((100% / 2) - (40px / 2));
margin: 0 40px 0 0;
}
.if_slider .tiles_slider:not(.slick-initialized) .one_tile {
width: calc((100% / 3) - (100px / 3));
margin: 0 50px 0 0;
}
.if_slider .tiles_slider .slick-list {
margin: 0 -20px;
width: calc(100% + 40px);
}
.if_slider .tiles_slider .slick-list::before,
.if_slider .tiles_slider .slick-list::after {
width: 20px;
}
.if_slider .tiles_slider.slick-initialized .one_tile {
margin: 0 20px;
}
.if_slider.tiles.has_background A.btn.view_all {
margin: 0 0 0 var(--margin-lt-rt);
}
.search_pic_no_found Img {
width: 30%;
}
.catalog_list.search .nothing_found .search_title_results {
margin: 8px 0 24px 0;
}
.info_page {
display: none;
}
.pages_list {
display: flex;
}
.catalog_grid .one_good:nth-child(1n + 2) {
margin-top: 0;
}
.catalog_grid .one_good {
flex: 0 0 calc((100% / 2) - (24px / 2));
}
.catalog_grid .one_good:nth-child(1n + 3) {
margin-top: 32px;
}
.catalog_grid .one_good:nth-child(2n + 1) {
margin-right: 24px;
}
.sliders_wrap {
padding: 16px;
}
.big_slider .slick-arrow,
.zoom_slider .slick-arrow {
width: 40px;
height: 40px;
border-radius: var(--btn-radius);
left: 0;
}
.big_slider .slick-arrow.slick-next,
.zoom_slider .slick-arrow.slick-next {
right: 0;
border-radius: var(--btn-radius);
}
.zoom_slider .slick-arrow {
left: var(--margin-lt-rt-twice);
}
.zoom_slider .slick-arrow.slick-next {
right: var(--margin-lt-rt-twice);
}
.big_slider .slick-arrow::before,
.big_slider .slick-arrow::after,
.zoom_slider .slick-arrow::before,
.zoom_slider .slick-arrow::after {
right: 12px;
}
.select_color {
padding: 0 8px;
}
.options_tile.img LI {
width: calc(50% - 4px);
margin: 0 4px 8px 0;
}
.options_tile.img LI:nth-child(2n) {
margin: 0 0 8px 4px;
}
.input_group {
display: flex;
flex-wrap: wrap;
}
.input_group .option_input,
.input_group .option_input:last-child {
width: calc(50% - 8px);
margin: 0 8px 8px 0;
}
.input_group .option_input:nth-child(2n) {
margin: 0 0 8px 8px;
}
.order_comment {
max-width: 580px;
}
.order_comment .for_wish_product {
align-items: center;
padding: 8px;
border-radius: var(--border-radius);
margin: 0 0 1px 0;
position: relative;
transition: .3s;
}
.order_comment .for_wish_product:hover {
background: var(--site-bg);
}
.order_comment .for_wish_product::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
}
.order_comment .wl_text {
flex-direction: row;
align-items: center;
width: 100%;
justify-content: space-between;
z-index: 1;
}
.order_comment .wlt_tit {
margin: 0 16px 0 0;
}
.product_slider .product_inner,
.if_slider .category_comments,
.if_slider .last_blog_items,
.if_slider .faq_slider {
padding: 0 0 0 var(--gap-desktop);
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
}
.product_slider .product_inner:not(.slick-initialized) {
padding: 0 var(--gap-desktop) 0 0;
}
.product_slider.has_tabs .product_inner {
margin-bottom: var(--gap-offset-desktop);
}
.product_slider .product_inner .slick-list,
.category_comments .slick-list,
.last_blog_items .slick-list,
.faq_slider .slick-list {
padding-right: var(--gap-desktop);
width: calc(100% + var(--gap-desktop));
margin-left: var(--gap-offset-desktop);
}
.blog_items {
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 0 var(--gap-offset-desktop);
}
.one_blog {
padding: 16px;
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
width: calc(50% - var(--gap-desktop));
}
.blog_image {
margin: 0 0 16px 0;
}
.blog_text {
margin: 16px 0 0 0;
}
.blog_info {
margin: 16px 0 0 -16px;
padding: 16px 16px 0 16px;
width: calc(100% + 32px);
}
.news_comments {
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
}
.all_comment_parts {
margin-bottom: var(--gap-desktop);
}
.blog_details .read_also {
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
}
.blog_details .read_also .blog_info {
margin: 16px 0 0 -16px;
padding: 16px 16px 0 16px;
width: calc(100% + 32px);
}
.blog_details .product_slider {
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
}
.if_grid .last_blog_items {
width: calc(100% + var(--gap-desktop));
padding: 0;
margin: 0 0 0 var(--gap-offset-desktop);
}
.reviews_sect {
margin-bottom: calc(var(--section-margin-mobile) - var(--gap-desktop));
}
.category_comments .one_review {
width: calc(50% - var(--gap-desktop));
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
padding: 16px;
}
.reviews_sect .review_text {
height: 118px;
}
.if_slider .category_comments {
margin-bottom: 0;
}
.if_slider .category_comments:not(.slick-initialized) {
padding: 0 var(--gap-desktop) 0 0;
}
.category_comments .one_review {
width: calc(50% - var(--gap-desktop));
}
.if_grid .category_comments {
width: calc(100% + var(--gap-desktop));
margin-left: var(--gap-offset-desktop);
}
.page_up {
left: 16px;
}
.all_stores {
margin: -16px 0 0 -16px;
}
.map_address {
width: calc(50% - 16px);
margin: 16px 0 0 16px;
}
.one_credit .together {
flex-direction: row;
justify-content: space-between;
}
.oc_bank_parts {
margin: 0 16px 0 0;
}
.oc_bank_issue {
width: auto;
}
.sum_for_month {
margin: 0 16px 0 0;
}
.product_grid .one_good:nth-child(3) {
display: block;
}
.contact_us.for_feed .two_mini_box {
flex-direction: row;
}
.contact_us.for_feed .cb_mini_box {
width: 50%;
margin: 0;
}
.contact_us.for_feed .soc_and_mes_box .cb_mini_box {
width: 100%;
}
.tiles.brands .tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 0;
}
.tiles.brands .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 15px;
}
.tiles.about_us-tile .tiles_grid .one_tile:nth-child(2n + 1) {
margin: 0;
}
.tiles.our_advantages .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles.staps .one_tile {
width: 100%;
}
.tiles.staps .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.popular_articles-slider:not(.slick-initialized) .popular_articles-item {
flex: 0 0 calc(calc(100% / 2) - 20px);
}
.popular_articles-item .name {
font-size: 16px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 0;
}
.tiles.advantages_staps .tiles_grid .one_tile {
flex: 0 0 calc((100% / 2) - (24px / 2))
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 24px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 24px;
}
.tab_item:nth-child(1n + 2) {
margin-top: 0;
}
.tab_item {
flex: calc((100% / 2) - (20px / 2));
}
.tab_item:nth-child(1n + 3) {
margin-top: 20px;
}
.tab_item:nth-child(2n + 1) {
margin-right: 20px;
}
.tiles.big_tiles_icons .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles.big_tiles_icons .one_tile:nth-child(1n + 3) {
margin-top: 0;
}
.tiles.big_tiles_icons .one_tile {
flex: 0 0 calc((100% / 3) - (32px / 3));
}
.tiles.big_tiles_icons .one_tile:nth-child(3n + 1),
.tiles.big_tiles_icons .one_tile:nth-child(3n + 2) {
margin-right: 16px;
}
.tiles.big_tiles_icons .one_tile:nth-child(1n + 4) {
margin-top: 16px;
}
}
@media (min-width:768px) {
.main_slider_item {
min-height: calc(100vw * 678 / 1920);
}
.main_slider_item .centre {
padding-top: 60px;
padding-bottom: 60px;
}
.main_slider_item .H1 {
font-size: 48px;
margin-bottom: 28px;
max-width: 792px;
}
.main_slider_item .subtitle {
font-size: 22px;
margin-bottom: 28px;
max-width: 975px;
}
.main_slider_item .slider_article > *:not(ul) {
max-width: 975px;
}
.main_slider_item .slider_article ul {
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 28px;
}
.main_slider_item .slider_article li {
margin: 0 24px 20px 0;
}
.main_slider_item .slider_article li + li {
margin-top: 0;
}
.main_slider_item .slider_article li span {
font-size: 16px;
}
.main_slider_item .slider_links {
flex-direction: row;
flex-wrap: wrap;
max-width: 975px;
}
.main_slider_item .slider_links .btn {
width: auto;
margin: 0 24px 20px 0;
}
.main_slider_item .slider_links .btn + .btn {
margin-top: 0;
}
.main_slider_container {
--current-items: min(var(--items, 1), 3);
}
.main_slider:not(.slick-initialized) .main_slider_item {
flex: 0 0 calc((100% / var(--current-items, 1)) - var(--gap-desktop));
max-width: calc((100% / var(--current-items, 1)) - var(--gap-desktop));
}
.main_slider:not(.slick-initialized) .main_slider_item:nth-child(n+3) {
display: flex;
}
.main_slider:not(.slick-initialized) .main_slider_item:nth-child(n+6) {
display: none;
}
.main_slider_container[data-items]:not([data-items-mob="1"]) .slick-dots {
justify-content: center;
padding-left: 8px;
}
.main_slider_container[data-items]:not([data-items="1"]) .slick-dots {
justify-content: flex-start;
padding-left: 24px;
}
Article .cols-2,
Article .cols-3 {
column-count: 2;
column-gap: 32px;
}
Article Img {
min-width: auto;
max-width: 60%;
margin: 0 24px 0 0;
position: relative;
float: left;
box-shadow: 0px 10px 35px 0px #00000040;
}
Article .article_text.cols-2 Img {
max-width: 100%;
}
Article .article_text.cols-2 .image-style-side {
max-width: 100%;
}
Article .image Img {
min-width: auto;
}
Article .one_good Img {
max-width: 100% !important;
}
Article .image-style-side {
min-width: auto;
max-width: 60%;
width: auto;
margin: 0 0 0 16px;
float: right;
}
Article .image-style-side Img {
margin: unset;
min-width: 100%;
}
Article Figure.table {
width: 100%;
margin: 0 0 16px 0;
max-width: 100%;
}
Article Figure.table.left,
Article Figure.table.right {
min-width: auto;
margin: 0 16px 8px;
max-width: 70%;
float: left;
}
Article Figure.table.right {
float: right;
}
Article .cols-2 .image {
column-span: all;
margin-top: 36px;
}
Article .cols-2 .image.image-style-side {
column-span: auto;
}
.btn_header.scale,
.btn_header.heart,
.btn_header.user {
display: flex;
margin: 0 16px 0 0;
}
.profile_tpl .left_menu_box.user_menu {
order: 2;
}
.mobile_toolbar {
display: none;
}
.footer_social {
width: 320px;
flex-shrink: 0;
justify-content: space-between;
}
.nav_and_contacts {
width: calc(100% - 320px);
}
.main_footer LI A,
.footer_phones A {
transition: .3s;
}
.main_footer LI A:hover,
.footer_phones A:hover {
color: var(--design-color-6);
}
.profile {
display: flex;
flex-direction: row;
}
.profile .profile_menu {
display: flex;
max-width: 300px;
width: 30%;
flex-shrink: 0;
margin: 0 var(--margin-lt-rt-twice) var(--section-margin-mobile) 0;
}
.profile_content {
width: 100%;
}
.order_search .desktop {
display: flex;
}
.order_search .mobile {
display: none;
}
.profile_content .product_tabs {
width: calc(100% + 16px);
margin: -8px 0 32px -8px;
padding: 12px 8px 0 8px;
}
.pickups.addresses .only_address {
flex-wrap: wrap;
}
.pickups.addresses .long_div {
margin: 0 0 16px 0;
}
.pickups.addresses .long_div.del {
width: 100%;
}
.wish_group .one_good,
.compare_page .one_good {
width: calc(50% - var(--gap-desktop));
}
.catalog_list.search .nothing_found .main_title {
flex-direction: row;
flex-wrap: nowrap;
margin: 64px auto;
}
.search_pic_no_found {
width: 240px;
}
.search_pic_no_found Img {
width: 100%;
margin: 0;
}
.catalog_list.search .nothing_found .together {
align-items: flex-start;
text-align: left;
padding: 0 0 0 16px;
}
.nothing_found .search_title_results {
font-size: 16px;
line-height: 1.5;
}
.catalog_list.search .nothing_found .long_div {
justify-content: flex-start;
}
.catalog_list.search .nothing_found .long_div A.btn {
margin: 0 24px 0 0;
}
.products_mini .product_grid .one_good:nth-child(4) {
display: block;
}
.products_mini .product_grid .one_good,
.products_mini .product_inner .one_good {
width: calc(25% - var(--gap-desktop));
}
.options_tile.img LI {
width: 100%;
margin: 0 0 8px 0;
}
.options_tile.img LI:nth-child(2n) {
margin: 0 0 8px 0;
}
.input_group .option_input,
.input_group .option_input:nth-child(2n) {
width: 100%;
margin: 0 0 8px 0;
}
.input_group .option_input:last-child {
margin: 0;
}
.order_call_but {
flex-direction: column;
padding-right: var(--margin-lt-rt);
padding-left: var(--margin-lt-rt);
}
.order_call_but A.btn:only-child {
width: 100%;
}
.cheaper .together {
position: relative;
display: flex;
}
.cheaper .added_goods {
width: 50%;
padding: 0 32px 0 0;
}
.cheaper .together .added_goods:first-child {
margin: 0;
}
.cheaper .added_goods:last-child {
padding: 0 0 0 32px;
}
.cheaper .product_body {
flex-direction: column;
align-items: flex-start;
}
.cheaper .item_text {
margin: 0;
}
.cheaper .price_box {
flex-direction: row-reverse;
width: auto;
align-items: baseline;
}
.cheaper_plus {
position: absolute;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cheaper .cheaper_prise .together {
margin: 0 32px 0 0;
}
.cheaper .slick-arrow {
top: -46px;
right: 40px;
left: auto;
height: 32px;
transform: translateY(0);
border-radius: var(--btn-radius);
box-shadow: none;
}
.cheaper .slick-arrow.slick-next {
right: 0;
border-radius: var(--btn-radius);
}
.cheaper .slick-arrow::before,
.cheaper .slick-arrow::after {
right: 9px;
top: 18px;
width: 13px;
}
.cheaper .slick-arrow::after {
top: 10px;
}
.main_info_box {
flex-direction: row;
flex-wrap: wrap;
}
.sorts_info {
width: 50%;
padding: 0 var(--margin-lt-rt-twice) 0 0;
}
.product_reviews {
width: 50%;
padding: 0 0 0 var(--margin-lt-rt-twice);
}
.comment_popup.popup {
padding: 32px 0 32px 32px;
}
.comment_popup .all_items {
padding: 0 32px 0 0;
}
.main_reviews .product_reviews {
padding: 0;
width: 100%;
}
.sticky_header.no_active_desktop {
bottom: -66px;
}
.sticky_header.active_desktop {
bottom: 0;
}
.sticky_header .mini_product_photo {
align-items: center;
}
.sticky_header .mpp_box {
margin: 0 8px 0 0;
}
.sticky_header .together {
width: auto;
flex-shrink: 0;
}
.sticky_header .mpp_title {
display: flex;
max-height: 42px;
overflow: hidden;
}
.sticky_header.product_price .add_in-list {
margin: 0 0 0 8px;
}
.product_slider .product_tabs {
margin: 0 0 16px 0;
}
.credit_popup {
padding: 32px 16px 32px 32px;
}
.size_table_popup {
padding: 32px 16px 32px 32px;
}
.two_mini_box {
flex-direction: row;
}
.cb_mini_box {
width: 33.333%;
margin: 0;
}
.soc_and_mes_box .cb_mini_box {
width: 100%;
margin: 0 0 24px 0;
}
.soc_and_mes_box .cb_mini_box:last-child {
margin: 0;
}
.contact_us.photo .centre {
display: flex;
flex-wrap: wrap;
}
.rtl.contact_us.photo .centre {
flex-direction: row-reverse;
align-items: flex-start;
}
.contact_us.photo .contact_box {
width: 50%;
}
.rtl.contact_us.photo .contact_box {
padding: 0 0 0 22px;
}
.contact_us.photo .two_mini_box {
flex-direction: column;
}
.contact_us.photo .cb_mini_box {
width: 100%;
margin: 0 0 24px 0;
}
.contact_us.photo .cb_mini_box:last-child {
margin: 0;
}
.contact_us.photo .cb_poto {
width: 50%;
margin: 0;
}
.rtl.contact_us.photo .background_sign {
align-items: flex-start;
left: 0;
}
.rtl.contact_us.photo .background_sign .bs_box {
align-items: flex-start;
}
.for_feed.background {
padding-bottom: 64px;
min-height: 512px;
}
.contact_us.for_feed.background .centre,
.rtl.contact_us.for_feed.background .centre {
display: flex;
flex-direction: column;
}
.rtl.contact_us.for_feed.background .centre {
align-items: flex-end;
}
.for_feed.contact_us.background .feed_box,
.rtl.for_feed.contact_us.background .feed_box {
margin: 0;
}
.for_feed.background .title_wrap,
.for_feed.background .description {
width: 42%;
max-width: 670px;
}
.rtl.for_feed.contact_us.background .title_wrap {
justify-content: flex-end;
}
.rtl.for_feed.contact_us.background .title_wrap .main_title,
.rtl.for_feed.background .description {
text-align: right;
}
.for_feed.background .tile_background Img {
object-position: top;
}
.contact_us.for_feed .centre {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.rtl.contact_us.for_feed .centre {
flex-direction: row-reverse;
justify-content: flex-end;
align-items: flex-start;
}
.contact_us.for_feed .contact_box {
margin-bottom: 0;
padding-right: 20px;
width: 30%;
border-bottom: none;
border-right: 1px solid var(--base-color-4);
}
.contact_us.for_feed .feed_box {
width: 70%;
padding-left: 20px;
}
.contact_us.for_feed .cb_tit.big {
font-size: 24px;
margin-bottom: 40px;
}
.contact_us .feedback-row {
display: flex;
flex-direction: row;
}
.contact_us .feedback-row .styled_input {
flex: 1 1 calc(50% - 16px);
}
.contact_us .feedback-row .styled_input:nth-child(2) {
margin-left: 32px;
}
.contact_us.for_feed .two_mini_box {
flex-direction: column;
margin: 0;
}
.contact_us.for_feed .cb_mini_box {
width: 100%;
margin: 0 0 24px 0;
}
.contact_us.for_feed .soc_and_mes_box,
.contact_us.for_feed .soc_and_mes_box .cb_mini_box:last-child {
margin: 0;
}
.contact_us.for_feed .soc_and_mes_box .cb_info {
padding: 0;
}
.contact_us.for_feed .for_sticky {
position: sticky;
max-width: 764px;
margin-left: auto;
top: 90px;
}
.attach_file {
margin-bottom: 40px;
}
.attach_file .row {
flex-direction: row;
align-items: center;
}
.attach_file .row .btn {
margin: 0 22px 0 0;
padding: 0 20px;
width: max-content;
min-width: fit-content;
max-width: 100%;
}
.attach_file .row .btn:hover {
background-color: var(--design-color-2);
color: var(--base-color-1);
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog {
margin-bottom: 62px;
padding-bottom: 62px;
}
.tiles.tiles_catalog .tile_image {
box-shadow: 0px 10px 35px 0px #00000040;
margin: 0 0 30px 0;
}
.tiles.about_us-tile .tile-container {
flex-direction: row;
flex-wrap: wrap;
}
.tiles.about_us-tile .tile_background {
flex: 0 0 48%;
margin-bottom: 0;
padding-right: 25px;
}
.tiles.about_us-tile .tile-row {
flex: 0 0 52%;
padding-left: 25px;
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog + .tiles.about_us-tile + .tiles.our_advantages {
padding-top: 65px;
padding-bottom: 65px;
}
.tiles.our_advantages .tile-container {
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
.tiles.our_advantages .title_wrap {
text-align: start;
justify-content: flex-start;
}
.tiles.our_advantages .main_title.title_h2 {
text-align: start;
justify-content: flex-start;
}
.tiles.our_advantages .tiles_grid {
flex: 0 0 48%;
margin: 0;
padding-right: 25px;
}
.tiles.our_advantages .one_tile:nth-child(1n + 2) {
margin-top: 30px;
}
.tiles.our_advantages .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.our_advantages .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 0;
}
.tiles.our_advantages .one_tile .box {
padding-left: 72px;
position: relative;
min-height: 72px;
}
.tiles.our_advantages .tile_image {
margin: 0;
width: 52px;
height: 52px;
position: absolute;
bottom: 0;
left: 0;
}
.tiles.our_advantages .tile_title {
text-align: start;
justify-content: flex-start;
margin-bottom: 18px;
}
.tiles.our_advantages .tile_description {
text-align: start;
}
.tiles.our_advantages .tile_background {
flex: 0 0 52%;
padding-left: 25px;
}
.tiles.staps .title_wrap {
text-align: center;
justify-content: center;
}
.tiles.staps .main_title.title_h2 {
text-align: center;
justify-content: center;
}
.tiles.staps .tiles_description {
text-align: center;
}
.tiles.staps .one_tile {
padding-left: 0;
justify-content: center;
min-height: 180px;
}
.tiles.staps .one_tile::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}
.tiles.staps .one_tile.active::after {
transform: translate(-50%, -50%) scale(1);
}
.tiles.staps .one_tile:before {
height: calc(100% + 34px);
left: 50%;
top: 0;
}
.tiles.staps .one_tile:nth-child(1):before {
height: calc(50% + 34px);
top: 50%;
}
.tiles.staps .one_tile:nth-last-child(1):before {
height: calc(50% + 34px);
top: auto;
bottom: 50%;
}
.tiles.staps .one_tile:nth-child(2n + 2) .box {
align-items: flex-end;
}
.tiles.staps .one_tile:nth-child(2n + 1) {
padding-left: calc(50% + 50px);
}
.tiles.staps .one_tile:nth-child(2n + 2) {
padding-right: calc(50% + 50px);
}
.tiles.staps .stap_number {
font-size: 180px;
display: block;
margin: 0;
width: calc(50% - 50px);
position: absolute;
top: 50%;
opacity: 0;
}
.tiles.staps .one_tile:nth-child(2n + 1) .stap_number {
text-align: end;
left: 0;
transform: translate(-50%, -50%);
}
.tiles.staps .one_tile:nth-child(2n + 1).active .stap_number {
opacity: 0.07;
transform: translate(0, -50%);
}
.tiles.staps .one_tile:nth-child(2n + 2) .stap_number {
right: 0;
transform: translate(50%, -50%);
}
.tiles.staps .one_tile:nth-child(2n + 2).active .stap_number {
opacity: 0.07;
transform: translate(0, -50%);
}
.tiles.staps .one_tile:nth-child(2n + 2) .tile_title {
text-align: end;
}
.tiles.staps .one_tile:nth-child(2n + 2) .tile_description {
text-align: end;
}
.create_project .centre {
display: flex;
align-items: flex-end;
}
.create_project .centre > .col:nth-child(1) {
display: block;
flex: 0 0 calc(45% - 25px);
}
.project_img {
margin-bottom: -30px;
width: auto;
max-width: 100%;
height: auto;
}
.project_img img {
width: auto;
max-width: 100%;
height: auto;
}
.create_project .centre > .col:nth-child(2) {
flex: 0 0 calc(55% - 25px);
max-width: calc(55% - 25px);
margin-left: 50px;
align-self: stretch;
height: auto;
justify-content: center;
}
.last_blogs .title_wrap .btn {
display: flex;
padding-left: 30px;
padding-right: 30px;
}
.last_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 0;
}
.last_item {
display: flex;
flex-direction: column;
}
.last_item:nth-child(1) {
grid-row: 1 / 3;
grid-column: 1 / 2;
}
.last_item:nth-child(2) {
grid-row: 1 / 2;
grid-column: 2 / 3;
}
.last_item:nth-child(3) {
grid-row: 2 / 3;
grid-column: 2 / 3;
}
.last_item:nth-child(1) .blog_image {
width: 100%;
height: 276px;
}
.last_item:nth-child(1) .blog_image img {
width: 100%;
height: 100%;
}
.last_item .blog_name {
font-size: 20px;
}
.last_item .blog_text {
font-size: 14px;
}
.last_grid .last_item:not(:first-child) {
display: flex;
flex-direction: row;
}
.last_grid .last_item:not(:first-child) .blog_image {
flex: 0 0 100px;
margin: 0 10px 0 0;
width: 100px;
height: 100px;
aspect-ratio: auto;
}
.last_grid .last_item:not(:first-child) .blog_image img {
aspect-ratio: auto;
width: 100%;
height: 100%;
}
.last_grid .last_item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
display: none;
}
.last_grid + .btn {
display: none;
}
.news_grid {
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 0;
}
.news_item {
width: 100%;
}
.news_item:nth-child(1) {
flex-direction: row;
}
.news_item:nth-child(1) .blog_image {
flex: 0 0 50%;
aspect-ratio: auto;
min-height: 276px;
height: 100%;
position: relative;
}
.news_item:nth-child(1) .blog_image img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.news_item:nth-child(1) .content {
flex: 0 0 50%;
justify-content: center;
padding-left: 42px;
padding-right: 42px;
}
.news_item:nth-child(1) .blog_name {
font-size: 26px;
margin-bottom: 22px;
}
.news_item:nth-child(1n + 2) {
flex-direction: row;
align-items: flex-start;
padding: 0;
}
.news_item:nth-child(1n + 2) .blog_image {
flex: 0 0 70px;
width: 70px;
min-height: 70px;
height: 100%;
aspect-ratio: auto;
position: relative;
}
.news_item:nth-child(1n + 2) .blog_image img {
position: absolute;
top: 0;
left: 0;
}
.news_item:nth-child(1n + 2) .content {
flex: 1 1 auto;
padding: 0 0 0 16px;
height: 100%;
justify-content: center;
}
.news_item:nth-child(1n + 2) .blog_name {
font-size: 15px;
margin-bottom: 12px;
}
.news_item:nth-child(2),
.news_item:nth-child(3),
.news_item:nth-child(4),
.news_item:nth-child(5) {
width: calc(50% - 10px);
padding: 0;
}
.news_item:nth-child(3),
.news_item:nth-child(5) {
margin-left: 20px;
}
.news_item:nth-child(2) .content,
.news_item:nth-child(3) .content,
.news_item:nth-child(4) .content,
.news_item:nth-child(5) .content {
padding: 12px;
}
.news_item:nth-child(1n + 6) {
max-width: 875px;
border: none;
}
.for_load_more {
margin-top: 50px;
}
.for_load_more .btn {
width: auto;
margin: 0 auto;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 0;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 4) {
margin-top: 0;
}
.tiles.tiles_icons .one_tile {
flex: 0 0 calc((100% / 4) - (48px / 4));
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 1),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 2),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 3) {
margin-right: 16px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 5) {
margin-top: 30px;
}
.selected_item {
display: none;
}
.dropdown_tabs ul {
flex-direction: row;
position: relative;
left: auto;
top: auto;
opacity: 1;
visibility: visible;
box-shadow: unset;
}
.dropdown_tabs li {
color: var(--design-color-2);
width: 100%;
justify-content: center;
border-top: 1px solid var(--base-color-4);
border-bottom: 1px solid var(--base-color-4);
}
.dropdown_tabs li:nth-child(1) {
border-left: 1px solid var(--base-color-4);
}
.dropdown_tabs li:nth-last-child(1) {
border-right: 1px solid var(--base-color-4);
}
.dropdown_tabs li svg {
fill: var(--design-color-2);
}
.decide_choose {
padding-top: 80px;
}
.decide_choose > .centre {
flex-direction: row;
align-items: flex-end;
}
.decide_choose .decide_content {
margin-bottom: 0;
padding: 0 10px 76px 0;
}
.decide_choose .btn {
width: auto;
padding: 0 30px;
}
.decide_img {
flex: 0 0 50%;
padding-left: 10px;
max-width: 473px;
}
.decide_img img {
margin: 0;
}
.main_characteristics .inner_wrap {
padding: 54px 50px 63px 50px;
box-shadow: 0px 10px 25px 0px #0000001A;
}
.main_characteristics .btn {
width: auto;
margin: 0 auto;
padding: 0 30px;
}
.tiles.decide_tile {
padding-top: 80px;
padding-bottom: 80px;
min-height: 608px;
}
.tiles.decide_tile .title_wrap {
padding-right: 50%;
}
.tiles.decide_tile .main_title.title_h2 {
padding-right: 50%;
}
.tiles.decide_tile .tiles_description {
padding-right: 50%;
}
.tiles.decide_tile .tiles_grid {
padding-right: 50%;
}
.tiles.decide_tile A.btn.view_all {
width: auto;
margin: 0 auto 0 16px;
max-width: calc(50% - 16px);
}
.tiles.decide_tile .tile_background {
display: flex;
justify-content: center;
width: 50%;
max-width: calc(var(--content-width) / 2);
position: absolute;
bottom: 0;
left: 50%;
}
A.link:hover {
color: var(--link-hover);
}
A.link.has_icon:hover svg.icon {
fill: var(--link-hover);
}
A.link.inverse:hover {
color: var(--design-color-6);
}
A.link.orange:hover {
color: var(--orange-hover);
}
A.link.inverse.has_icon:hover svg.icon {
fill: var(--orange);
}
A.edit:hover {
color: var(--orange);
}
A.edit:hover .icon {
fill: var(--orange);
}
A.plus:hover::before,
A.plus:hover::after {
background: var(--link-hover);
}
.dropdown UL LI A:hover,
.autocomplete-suggestion:hover {
background: var(--sub-color-light);
}
Input[type="radio"]:not(:checked)+Label:hover::before,
Input[type="checkbox"]:not(:checked)+Label:hover::before,
.check_item:hover::before,
.radio_item:hover::before,
.options_list LI A:hover::before,
.options_list.checkbox LI A:hover::before {
border-color: var(--text-light);
}
.radio_item:hover,
.check_item:hover {
color: var(--link-hover);
}
.article_open-btn:hover {
color: var(--design-color-2);
}
Article A:hover {
color: var(--link-hover);
}
Article A.inverse.has_arrow:hover::before,
Article A.inverse.has_arrow:hover::after {
background: var(--orange);
}
.wish_lists_popup .wish_lists LI:hover {
color: var(--btn-bg);
border-color: var(--btn-bg);
background: var(--sub-color-light);
}
.wish_lists LI.has_arrow:hover::before,
.wish_lists LI.has_arrow:hover::after {
background: var(--btn-bg);
}
.long_div.error A:hover {
color: var(--text-error-hover);
}
.btn:hover,
.title_wrap .together A:hover,
.enter_form .together A.btn:hover {
background: var(--btn-bg-hover);
}
Article A.btn:hover {
color: var(--text-inverse);
}
.btn.light:hover {
border-color: var(--design-color-6);
}
.btn.inverse:hover {
background: var(--main-color-light);
}
.btn.warning:hover {
background: var(--orange-hover);
}
.btn.delete:hover {
background: var(--text-error);
}
.btn.light.inverse:hover {
border-color: var(--main-color-lighter);
color: var(--text-inverse);
}
.btn.outline:hover {
color: var(--base-color-1);
background-color: var(--design-color-2);
}
.btn.outline:hover .icon {
fill: var(--base-color-1);
}
.btn.secondary:hover {
background-color: var(--design-color-5);
}
.mediap:not(.no_active):hover {
transform: translateY(-5px) rotate(-1deg);
box-shadow: 0 25px 50px rgba(0, 0, 0, .2), 0 0 15px var(--main-color-lighter);
}
.mediap .close_media:hover {
background: var(--text-error-hover);
}
.mediap .close_media:hover::before {
transform: rotate(45deg) scaleY(.7);
}
.mediap .close_media:hover::after {
transform: rotate(-45deg) scaleY(.7);
}
.mediap:hover Img {
transform: scale(1.02) translateY(-2px);
filter: contrast(1.05);
}
.main_header A:hover .icon {
fill: var(--white);
}
.search_wrap A.clear:hover::before,
.search_wrap A.clear:hover::after {
transform: rotate(180deg);
}
.main_header .search_btn:hover {
background: var(--btn-bg-hover);
}
.search_popup LI:hover {
background: var(--site-bg);
}
.search_popup LI:hover {
background: var(--site-bg);
}
.search_popup LI:last-child:hover {
border-radius: 0 0 var(--btn-radius) var(--btn-radius);
}
.search_popup LI.title:hover {
background: none;
}
A.clear_history:hover {
color: var(--error);
}@media(hover:hover) and (pointer:fine){
.search_popup LI:hover A.cleare_this {
opacity: 1;
visibility: visible;
}}
.search_popup A.cleare_this:hover::before,
.search_popup A.cleare_this:hover::after {
background: var(--error);
}
.btn_header:hover {
background: var(--main-color-light);
}
.close_menu:hover::before,
.close_menu:hover::after {
transform-origin: left;
width: 14px;
}
.login_btn:hover {
background: var(--main-color-light);
}
.login_btn.out:hover {
background: var(--text-error);
color: var(--text-inverse);
}
.login_btn.out:hover .icon {
fill: var(--white);
}
.user_info:hover {
background: var(--main-color-light);
}
.user_info:hover .user_email {
color: var(--main-color-light);
}
.left_menu_box A:hover,
.profile_menu UL A:hover {
background: var(--main-color-lighter);
color: var(--text-inverse);
}
.left_menu_box A:hover .icon,
.profile_menu A:hover .icon {
fill: var(--white);
}
.catalog_mob_menu A:hover {
color: var(--link-hover);
}
.catalog_mob_menu A.has_arrow:hover Span::before,
.catalog_mob_menu A.has_arrow:hover Span::after {
background: var(--link-hover);
}
.main_slider_item .slider_links .btn.download:hover {
background-color: var(--design-color-5);
}
.popup_close:hover::before,
.popup_close:hover::after,
.notification_close:hover::before,
.notification_close:hover::after {
background: var(--error);
}
.menu A.has_arrow:hover::before,
.menu A.has_arrow:hover::after {
background: var(--text-inverse);
}
.menu LI A:hover Img,
.main_slider_container.with_menu LI A:hover Img {
opacity: 1;
}
.main_header .menu A:hover svg {
fill: var(--text-inverse);
}
.menu .next_level A.has_arrow:hover::before,
.menu .next_level A.has_arrow:hover::after {
background: var(--btn-bg-hover);
}
.one_cat:hover .cat_title {
color: var(--link-hover);
}
.list_info .one_cat:hover .cat_title {
color: var(--text);
}
.list_info .one_cat:hover .cat_title:hover {
color: var(--link-hover);
}
.category_list UL A:hover {
color: var(--link-hover);
}
.list_info UL LI.more A.show:hover,
.list_info UL LI.less A.show:hover {
color: var(--orange-hover);
}
.list_info UL LI A.has_arrow:hover::before,
.list_info UL LI A.has_arrow:hover::after {
background: var(--orange-hover);
}
.slick-arrow:hover {
background: var(--design-color-6);
}
.slick-arrow:hover::before,
.slick-arrow:hover::after {
background: var(--white);
}
.one_tile.no_link:hover {
box-shadow: none;
}
.one_tile:hover .tile_title {
color: var(--design-color-6);
}
.one_tile.no_link:hover .tile_title {
color: inherit;
}
.faq .open .has_arrow:hover::before,
.faq .open .has_arrow:hover::after,
.cat_faq .open DT.has_arrow:hover::before,
.cat_faq .open DT:hover.has_arrow::after {
background: var(--error);
}
.add_in-list A:hover,
.add_in-list .check_wrap:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, .1);
transition: .3s;
}
.add_in-list A:hover .icon {
fill: var(--btn-bg);
}
.add_in-list A.wishes:hover .icon {
fill: var(--error);
}
.one_good:hover .product_name Span {
color: var(--text);
}
.clickpath A:hover {
color: var(--design-color-2);
}
.clear_filters .deactivate-filter:hover {
background: var(--error);
}
.deactivate-filter:hover {
border-color: var(--error);
}
.deactivate-filter:hover::before,
.deactivate-filter:hover::after {
background: var(--error);
}
.searched_cats A:hover,
.searched_cats A.active:hover {
color: var(--orange);
}
.searched_cats A.has_arrow:hover::before,
.searched_cats A.has_arrow:hover::after {
background: var(--orange);
}
.menu_item-title:hover {
color: var(--link-hover);
}
.menu_item-title:hover svg {
fill: var(--link-hover);
}
.menu_item .check_item:hover {
background: var(--sub-color-light);
color: var(--link);
}
.menu_item.fil_group_grid .check_item:hover {
border-color: var(--sub-color);
}
.filter_tile_photo .check_item:hover {
border-color: var(--sub-color);
}
.apply_filters A.submit_filters:hover::after {
border-color: transparent var(--main-color-light) transparent transparent;
}
.brands_slider-inner .outer_fv:hover {
border-color: var(--site-bg);
}
.pages_list A:hover,
.pages_btn:hover {
background: var(--sub-color-light);
}
.one_blog:hover .blog_name {
color: var(--link-hover);
}
.last_item .blog_name:hover {
color: var(--design-color-2)
}
.recomended_item .name:hover {
color: var(--design-color-2);
}
.popular_articles-slider .slick-arrow:hover {
box-shadow: none;
background-color: var(--design-color-2);
border-color: var(--design-color-2)
}
.popular_articles-slider .slick-arrow:hover::before,
.popular_articles-slider .slick-arrow:hover::after {
background-color: var(--base-color-1);
}
.popular_articles-item .name:hover {
color: var(--design-color-2)
}
UL.links_404_list LI:hover {
color: var(--link-hover);
}
UL.links_404_list A:hover {
color: var(--link-hover);
}
.cb_info A.for_phone:hover {
color: var(--design-color-6);
}
.cb_info.for_socs A:hover {
border-color: var(--orange);
}
.for_socs A:hover svg.icon {
fill: var(--orange);
}
.dark.for_feed .politics_box A.link:hover {
color: var(--orange);
}
.politics_box .feedback_link a:hover {
text-decoration: underline;
color: var(--design-color-2);
}
.map_address:hover {
box-shadow: 0 0 8px #00000024;
}
.socials_row A:hover {
border-color: var(--design-color-2);
}
.sufix_copyrights A:hover {
color: var(--base-color-1);
transition: .3s;
}
.page_up:hover {
background: transparent;
}
.page_up:hover .icon {
fill: var(--design-color-2);
}
.cook_text A:hover {
color: var(--link-hover);
}
.reject_cookies:hover {
color: var(--error);
}
.cpb_dropdown A:hover {
background: var(--main-color-light);
color: var(--text-inverse);
padding-right: 18px;
transition: .3s;
}
.cpb_dropdown A.telegram:hover {
background: var(--telegram);
}
.cpb_dropdown A.viber:hover {
background: var(--viber);
}
.cpb_dropdown A.whatsapp:hover {
background: var(--whatsapp);
}
.cpb_dropdown A.fb:hover {
background: var(--facebook);
}
.cpb_dropdown .one_row A:hover .icon {
fill: var(--white);
}@media(hover:hover) and (pointer:fine){
.one_tile:hover .tile_hover-hide {
opacity: 1;
visibility: visible;
box-shadow: 0px 10px 50px 0px #00000026;
}}@media(hover:hover) and (pointer:fine){
.one_tile:hover .tile_hover-hide .tile_title {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition-delay: 0.1s;
}}@media(hover:hover) and (pointer:fine){
.one_tile:hover .tile_hover-hide .tile_description {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}}@media(hover:hover) and (pointer:fine){
.one_tile:hover .tile_hover-hide .btn {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0.3s, 0.3s, 0.3s, 0s, 0s;
}}
.one_tile:hover .tile_hover-hide .tile_title {
color: var(--text);
}
.tiles.brands .one_tile:hover {
box-shadow: none;
}
.tiles.brands .one_tile:not(.no_link):hover img {
filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.3));
}
.tiles.send_question .tiles_description Article Strong a:hover {
opacity: 0.75;
}
.questions_buttons .btn.outline:hover {
color: var(--base-color-8);
background-color: var(--base-color-1);
}
.news_item:hover .blog_name {
color: var(--design-color-2);
}
.tiles.advantages_staps .one_tile:hover {
color: var(--base-color-1);
background-color: var(--design-color-2);
border-color: var(--design-color-2);
box-shadow: 0px 10px 35px 0px #00000040;
}
.tiles.advantages_staps .one_tile:hover .tile_title b {
color: var(--base-color-1);
}
.tiles.advantages_staps .one_tile:hover .tile_description {
color: var(--base-color-1);
}
.dropdown_tabs li:hover {
color: var(--base-color-1);
background-color: var(--design-color-2);
}
.dropdown_tabs li:hover svg {
fill: var(--base-color-1);
}
.tiles.big_tiles_icons .one_tile:hover {
border-color: var(--design-color-2);
box-shadow: 0px 10px 35px 0px #00000040;
}@media(hover:hover) and (pointer:fine){
.one_tile:hover .tile_hover-hide .tile_description {
transform: translateX(0);
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}}
.faq .one_question .faq_question:hover::after,
.faq .one_question .faq_question:hover::before {
background-color: var(--design-color-2);
}
}
@media (min-width:992px) {
.catalog_btn {
display: flex;
margin: 0 0 0 16px;
}
.catalog_btn.btn .icon.margin {
margin: 0 12px 0 0;
}
.menu_header .catalog_btn,
.menu_header .catalog_mob_menu {
display: none;
}
Body.body_overflow_cat .main_header {
position: sticky;
top: 0;
}
.main_header {
margin: 0 0 16px 0;
}
.title_wrap.slick_arrows {
padding-right: 102px;
}
.article_place {
display: flex;
margin-bottom: var(--section-margin-desktop);
}
Article {
margin-bottom: var(--section-margin-desktop);
}
.article_place Article {
margin-bottom: 0;
}
Article P {
margin-bottom: 36px;
}
Article UL {
margin-bottom: 36px;
}
Article OL {
margin-bottom: 36px;
}
Article Blockquote {
margin-bottom: 36px;
}
Article Figure.table {
margin-bottom: 36px;
}
.article_small_gaps Article {
font-size: 18px;
}
.article_small_gaps Article P,
.article_small_gaps Article UL,
.article_small_gaps Article OL,
.article_small_gaps Article Blockquote,
.article_small_gaps Article Figure.table {
margin-bottom: 25px;
}
.search_wrap {
z-index: 12;
}
.main_slider_container {
display: flex;
margin-bottom: var(--section-margin-desktop);
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place {
margin-top: calc(var(--section-margin-desktop) * -1);
padding-top: var(--section-margin-desktop);
padding-bottom: var(--section-margin-desktop);
}
.main_slider_container.with_menu>UL {
width: 300px;
flex-shrink: 0;
margin: 0 16px 0 0;
display: flex;
flex-direction: column;
position: relative;
background: var(--white);
padding: 8px 8px 7px 8px;
border-radius: var(--border-radius);
justify-content: space-between;
}
.with_menu .main_slider {
width: calc(100% - 300px - var(--margin-lt-rt));
margin: 0;
}
.main_slider_container.with_menu>UL LI {
margin: 0 0 1px 0;
}
.main_header.menu_2,
.main_header.menu_3 {
min-height: 111px;
padding: 16px 0 0 0;
}
.main_header.menu_2::after,
.main_header.menu_3::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 42px;
background: var(--main-color-light);
}
.main_header.menu_2 A.catalog_btn,
.main_header.menu_3 A.catalog_btn {
display: none;
}
.menu.menu_0 {
position: absolute;
top: auto;
left: auto;
width: auto;
background: transparent;
z-index: 12;
}
.menu.menu_0 UL,
.menu.menu_0 .next_level .ul_3 {
width: 305px;
overflow: hidden;
position: fixed;
top: 86px;
left: 10px;
max-height: calc(100vh - 172px);
background: var(--white);
border: none;
min-height: 320px;
display: flex;
flex-direction: column;
border-radius: var(--border-radius);
overflow-y: auto;
transition: .3s;
}
.menu.menu_0 .next_level .ul_2 {
left: 307px;
visibility: hidden;
opacity: 0;
}@media(hover:hover) and (pointer:fine){
.menu.menu_0 .has_arrow:hover+.next_level .ul_2 {
visibility: visible;
opacity: 1;
}}
.menu.menu_0 .has_arrow.active+.next_level .ul_2{
visibility: visible;
opacity: 1;
}
.menu.menu_0 .ul_2 .next_level .ul_3 {
left: 604px;
visibility: hidden;
opacity: 0;
}@media(hover:hover) and (pointer:fine){
.menu.menu_0 .ul_2 .has_arrow:hover+.next_level .ul_3{
visibility: visible;
opacity: 1;
}}
.menu.menu_0 .ul_2 .has_arrow.active+.next_level .ul_3,
.menu.menu_0 .ul_2 .has_arrow+.next_level.active .ul_3 {
visibility: visible;
opacity: 1;
}
.menu.menu_2 {
display: flex;
position: absolute;
top: 53px;
left: 0;
width: 100%;
height: 42px;
background: none;
margin: 0;
padding: 0;
border-radius: 0;
overflow: unset;
}
.menu.menu_2 .over {
width: 100%;
height: 100%;
overflow-y: auto;
}
.menu.menu_2 .black.for_menu {
position: absolute;
}
.menu.menu_2 UL {
display: flex;
background: none;
min-height: unset;
flex-direction: row;
padding: 0;
border-radius: 0;
overflow: hidden;
}
.menu.menu_2 UL LI {
margin: 0 0 0 1px;
width: auto;
}
.menu.menu_2 UL LI:first-child {
margin: 0;
}
.menu.menu_2 LI A {
color: var(--text-inverse);
padding: 0 16px;
border-radius: 0;
height: 100%;
}
.menu.menu_2 LI A:hover,
.menu.menu_2 LI A.active,
.menu.menu_2 LI A.hovered,
.menu.menu_2 LI A.active.not_hovered.hovered {
background: var(--main-color);
}
.menu.menu_2 LI A.active.not_hovered {
background: none;
}
.menu.menu_2 LI A.has_arrow {
padding: 0 32px 4px 16px;
}
.menu.menu_2 A.has_arrow::before,
.menu.menu_2 A.has_arrow::after {
background: var(--text-inverse);
top: 19px;
right: 9px;
}
.menu.menu_2 A.has_arrow::after {
right: 14px;
}
.menu.menu_2 A.has_arrow.left::before {
transform: rotate(-45deg);
}
.menu.menu_2 A.has_arrow.left::after {
transform: rotate(45deg);
}
.menu.menu_2 .next_level {
display: none;
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.menu.menu_2 .next_level.active {
display: flex;
background: var(--white);
top: 100%;
height: auto;
max-height: calc(var(--100vh) - (111px + 64px));
padding: 8px;
overflow: auto;
box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}
.menu.menu_2 .next_level .for_scroll {
display: flex;
width: 100%;
height: max-content;
}
.menu.menu_2 .one_col .ul_2 {
padding: 0 8px 0 0;
flex-direction: column;
}
.menu.menu_2 .one_col LI {
margin: 0 0 1px 0;
}
.menu.menu_2 .one_col LI:last-child {
margin: 0;
}
.menu.menu_2 .one_col .ul_2 A {
padding: 8px 8px 4px 8px;
background: none;
height: auto;
color: var(--main-color-light);
}
.menu.menu_2 .one_col .ul_2 A:hover,
.menu.menu_2 .one_col .ul_2 A.active {
color: var(--btn-bg-hover);
}
.menu.menu_2 .one_col .next_level {
position: relative;
padding: 0;
top: 0;
box-shadow: none;
max-height: unset;
}
.menu.menu_2 .next_level .ul_3 {
flex-direction: column;
width: 100%;
padding: 0 0 4px 16px;
}
.menu.menu_2 .ul_3 LI:last-child {
margin: 0;
}
.menu.menu_2 .next_level .ul_3 A {
font-size: 14px;
padding: 4px 8px;
color: var(--text-light);
}
.menu.menu_2 .one_col .ul_3 A:hover,
.menu.menu_2 .one_col .ul_3 A.active {
color: var(--btn-bg-hover);
}
.menu.menu_3 .over,
.menu.menu_3 UL {
overflow: unset;
}
.menu.menu_3 LI {
position: relative;
}
.menu.menu_3 .next_level {
border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
}
.menu.menu_3 .next_level.active {
width: 300px;
overflow: unset;
}
.menu.menu_3 .next_level.right {
left: 0;
}
.menu.menu_3 .next_level.left {
left: auto;
right: 0;
}
.menu.menu_3 .ul_2 {
flex-direction: column;
}
.menu.menu_3 .next_level LI {
width: 100%;
margin: 0 0 1px 0;
}
.menu.menu_3 .next_level LI:last-child {
margin: 0;
}
.menu.menu_3 .next_level A,
.menu.menu_3 .next_level A.has_arrow {
border-radius: var(--border-radius);
color: var(--text);
padding: 8px 16px;
height: auto;
}
.menu.menu_3 .next_level A:hover,
.menu.menu_3 .next_level A.active {
color: var(--text-inverse);
background: var(--main-color-lighter);
}
.menu.menu_3 .ul_2 A.has_arrow::before,
.menu.menu_3 .ul_2 A.has_arrow::after {
display: flex;
background: var(--main-color);
right: 16px;
top: 19px;
}
.menu.menu_3 .ul_2 A.has_arrow::after {
top: 14px;
}
.menu.menu_3 .ul_2 A.has_arrow:hover::before,
.menu.menu_3 .ul_2 A.has_arrow:hover::after,
.menu.menu_3 .ul_2 A.has_arrow.active::before,
.menu.menu_3 .ul_2 A.has_arrow.active::after {
background: var(--text-inverse);
}
.menu.menu_3 .ul_2 A.has_arrow.left::before {
transform: rotate(45deg);
}
.menu.menu_3 .ul_2 A.has_arrow.left::after {
transform: rotate(-45deg);
}
.menu.menu_3 .ul_2 .next_level {
display: none;
transition: unset;
left: calc(100% + 8px);
top: -8px;
border-radius: var(--border-radius);
}
.menu.menu_3 .ul_2 .next_level.left {
right: calc(100% + 8px);
left: auto;
top: -8px;
}
.menu.menu_3 .ul_2 .next_level.active {
display: flex;
}
.menu.menu_3 .next_level .ul_3 {
padding: 0;
}
.menu.menu_3 .next_level .ul_3 A {
font-size: 15px;
padding: 8px 16px;
color: var(--text);
}
.menu.menu_3 .next_level .ul_3 A:hover,
.menu.menu_3 .next_level .ul_3 A.active {
color: var(--text-inverse);
}
.menu.menu_4 .one_col.popular {
display: none;
}
Section.category {
margin-bottom: 0;
}
Section.category .title_wrap {
margin-bottom: 65px;
}
.catalog_list .main_title {
font-size: calc(var(--title-font-size-desktop) * 1.5);
margin-bottom: 65px;
}
Section.category .category_list {
margin-bottom: 65px;
}
.row_list .one_cat,
.list_info .one_cat {
width: calc(33.333% - var(--gap-desktop));
}
.product_slider .product_inner,
.if_slider .category_comments,
.if_slider .last_blog_items,
.if_slider .faq_slider {
padding: 62px 0 0 var(--gap-desktop);
margin: -62px 0 calc(var(--section-margin-desktop) - var(--gap-desktop)) 0;
}
.product_slider .product_inner:not(.slick-initialized),
.if_slider .last_blog_items:not(.slick-initialized),
.if_slider .category_comments:not(.slick-initialized) {
padding: 62px var(--gap-desktop) 0 0;
}
.product_slider .one_good {
width: calc(25% - var(--gap-desktop));
}
.product_inner .slick-arrow,
.category_comments .slick-arrow,
.faq_slider .slick-arrow,
.last_blog_items .slick-arrow {
top: 16px;
right: 48px;
left: auto;
height: 32px;
transform: translateY(0);
border-radius: var(--btn-radius);
box-shadow: none;
}
.has_tabs .product_inner .slick-arrow {
top: 8px;
}
.product_inner .slick-arrow.slick-next,
.category_comments .slick-arrow.slick-next,
.faq_slider .slick-arrow.slick-next,
.last_blog_items .slick-arrow.slick-next {
right: 8px;
border-radius: var(--btn-radius);
}
.slick-arrow:hover {
box-shadow: 0 0 8px #00000024;
}
.product_inner .slick-arrow::before,
.product_inner .slick-arrow::after,
.category_comments .slick-arrow::before,
.category_comments .slick-arrow::after,
.faq_slider .slick-arrow::before,
.faq_slider .slick-arrow::after,
.last_blog_items .slick-arrow::before,
.last_blog_items .slick-arrow::after {
right: 9px;
top: 18px;
width: 13px;
}
.product_inner .slick-arrow::after,
.category_comments .slick-arrow::after,
.faq_slider .slick-arrow::after,
.last_blog_items .slick-arrow::after {
top: 10px;
}
.product_grid .one_good:nth-child(4) {
display: block;
}
.product_grid .one_good {
width: calc(25% - var(--gap-desktop));
}
.tiles {
margin-bottom: var(--section-margin-desktop);
}
.tiles.has_background {
margin-bottom: var(--section-margin-desktop);
}
.tiles .title_wrap {
margin-bottom: 10px;
}
.main_title.title_h2 {
font-size: 18px;
margin-bottom: 65px;
}
.tiles_grid .one_tile {
width: calc((100% / 3) - (100px / 3));
}
.tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 0;
}
.tiles_grid .one_tile:nth-child(1n + 4) {
margin-top: 66px;
}
.tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles_grid .one_tile:nth-child(3n + 1),
.tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 50px;
}
.if_slider .tiles_slider .slick-list {
margin: 0 -25px;
width: calc(100% + 50px);
}
.if_slider .tiles_slider .slick-list::before,
.if_slider .tiles_slider .slick-list::after {
width: 25px;
}
.if_slider .tiles_slider.slick-initialized .one_tile {
margin: 0 25px;
}
.tiles A.btn.view_all {
margin: 40px auto 0 auto;
}
.menu_2 .control_products,
.menu_3 .control_products {
top: 111px;
}
.product_grid {
margin-bottom: var(--section-margin-desktop);
}
.products_mini .product_grid .one_good:nth-child(5) {
display: block;
}
.products_mini .product_grid .one_good,
.products_mini .product_inner .one_good {
width: calc(20% - var(--gap-desktop));
}
.menu_2 .details_product .product_tabs,
.menu_3 .details_product .product_tabs {
top: 111px;
}
.menu_2 .ald_for_sticky,
.menu_3 .ald_for_sticky {
top: 162px;
}
.detail_info,
.cheaper,
.description {
margin-bottom: var(--section-margin-desktop);
}
.product_reviews {
margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
}
.product_price {
padding: 16px;
}
.credits_variants {
padding: 16px 16px 4px 16px;
}
.order_call_but {
flex-direction: row;
padding-right: var(--margin-lt-rt-twice);
padding-left: var(--margin-lt-rt-twice);
}
.up_sale .product_wrap {
margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
}
.zoom_slider.zoom-full_screen {
flex-direction: row;
}
.zoom_slider.zoom-full_screen .popup_close {
top: 16px;
right: 32px;
}
.zoom-full_screen .sub_scroll {
padding: var(--title-font-size-mobile) calc(var(--section-margin-desktop) + 16px) var(--title-font-size-mobile) var(--section-margin-desktop);
height: 100%;
flex-direction: column;
position: relative;
width: auto;
overflow: hidden auto;
bottom: unset;
justify-content: flex-start;
}
.zoom-full_screen .sub_scroll.inner-center {
justify-content: center;
}
.zoom-full_screen .sub_scroll .ss_one_photo {
display: flex;
align-items: center;
justify-content: center;
width: var(--sub_slider_vertical_width);
overflow: hidden;
padding: 4px;
height: var(--sub_slider_vertical_width);
margin: 0 0 var(--gap-mobile) 0;
border-radius: var(--btn-radius);
transition: .3s;
flex-shrink: 0;
}
.zoom-full_screen .sub_scroll .ss_one_photo:last-child {
margin: 0;
}
.zoom-full_screen .sub_scroll .ss_one_photo::before {
display: none;
}
.zoom-full_screen .sub_scroll .ss_one_photo Img {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.zoom-full_screen .sub_scroll .video_thumb.active {
border: 2px solid var(--sub-color)
}
.zoom-full_screen .sub_scroll .ss_one_photo.video_thumb::before {
display: none;
}
.zoom-full_screen .sub_scroll .video_thumb Span {
overflow: auto;
border-radius: unset;
width: 100%;
height: 100%;
position: relative;
top: unset;
left: unset;
transform: unset;
justify-content: center;
align-items: center;
}
.zoom-full_screen .sub_scroll .video_thumb.active::after {
display: none;
}
.zoom-full_screen .sub_scroll .youtube {
width: 32px;
height: 32px;
position: relative;
top: unset;
left: unset;
transform: unset;
}
.zoom-full_screen .zoom_big {
display: flex;
width: 100%;
height: 100%;
align-items: center;
}
.nav_and_contacts {
padding: 0 0 0 8%;
}
.footer_nav {
flex-direction: row;
flex-wrap: wrap;
margin: 0 0 20px 0;
}
.menu_element,
.footer_contacts {
background: none;
}
.footer_nav .menu_element {
width: 50%;
margin: 0;
}
.footer_nav .menu_element:nth-child(2n + 1) {
padding-right: 6px;
}
.footer_nav .menu_element:nth-child(2n + 2) {
padding-left: 6px;
}
.footer_nav .menu_element:nth-child(1n + 3) {
margin-top: 20px;
}
.footer_menu-titile {
text-align: start;
justify-content: flex-start;
margin-bottom: 32px;
height: auto;
cursor: unset;
}
.menu_element > .footer_menu-titile {
cursor: unset;
}
.footer_menu-titile .icon {
display: none;
}
.main_footer .whap_hidden {
display: flex;
flex-direction: column;
}
.main_footer LI A,
.footer_phones A {
justify-content: flex-start;
margin: 0 0 16px 0;
text-align: start;
}
.footer_contacts {
padding: 0;
}
.contacts_wrap {
justify-content: flex-start;
}
.footer_contacts .whap_hidden {
flex-direction: row;
}
.address {
justify-content: flex-start;
}
.address a:hover {
color: var(--design-color-6);
}
.foo_mini_tit {
margin: 0 0 8px 0;
}
.messenger_wrap .row {
margin: 0;
flex-direction: column;
}
.messenger_wrap A {
margin: 0 0 8px 0;
display: inline-flex;
padding: 0 16px 0 0;
position: relative;
transition: .3s;
}@media(hover:hover) and (pointer:fine){
.messenger_wrap A:hover::before,
.messenger_wrap A:hover::after {
display: flex;
background: var(--viber);
right: 10px;
opacity: 0;
}}
.messenger_wrap A::before,
.messenger_wrap A::after{
display: flex;
background: var(--viber);
right: 10px;
opacity: 0;
}
.messenger_wrap A.telegram::before,
.messenger_wrap A.telegram::after,
.messenger_wrap A.telegram:hover::before,
.messenger_wrap A.telegram:hover::after {
background: var(--telegram);
}
.messenger_wrap A.whatsapp::before,
.messenger_wrap A.whatsapp::after,
.messenger_wrap A.whatsapp:hover::before,
.messenger_wrap A.whatsapp:hover::after {
background: var(--whatsapp);
}
.messenger_wrap A.messenger::before,
.messenger_wrap A.messenger::after,
.messenger_wrap A.messenger:hover::before,
.messenger_wrap A.messenger:hover::after {
background: var(--facebook);
}
.messenger_wrap A:hover::before,
.messenger_wrap A:hover::after {
right: 0;
opacity: 1;
}
.messenger_wrap Span:last-child A {
margin: 0;
}
.one_blog {
width: calc(33.333% - var(--gap-desktop));
}
.news_comments,
.blog_details .read_also,
.blog_details .product_slider {
margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
}
.last_blogs {
margin-bottom: var(--section-margin-desktop);
}
.if_slider .category_comments {
margin-bottom: 0;
}
.reviews_sect {
margin-bottom: calc(var(--section-margin-desktop) - var(--gap-desktop));
}
.faq {
margin-bottom: var(--section-margin-desktop);
}
.if_slider.no_title .main_title.title_h2 {
margin: 0;
}
.if_slider .faq_slider {
margin-left: var(--margin-lt-rt-minus);
margin-bottom: calc(var(--gap-desktop) - var(--gap-mobile));
}
.if_slider.no_title .faq_slider {
margin-top: -40px;
}
.if_slider .faq_slider:not(.slick-initialized) {
padding: 62px var(--gap-desktop) 0 0;
}
.faq_slider .slick-list {
margin-top: var(--gap-offset-mobile);
}
.faq_slider .one_question {
align-items: flex-end;
}
.faq .faq_slider .faq_answer {
width: 60%;
padding: 16px 16px 32px 0;
}
.contact_us.margin {
margin: -54px 0 0 0;
}
.menu_2 .contact_us.for_feed .for_sticky,
.menu_3 .contact_us.for_feed .for_sticky {
top: 132px;
}
.contact_us .title_wrap {
font-size: 42px;
margin-bottom: 60px;
}
.contact_us .main_title {
font-size: 42px;
}
.one_credit {
flex-wrap: nowrap;
}
.oc_bank_name {
margin: 0 16px 0 0;
}
.one_credit .together {
flex-shrink: 0;
width: auto;
align-items: center;
min-width: 50%;
}
.google_map {
margin-bottom: var(--section-margin-desktop);
}
.stores {
margin-bottom: var(--section-margin-desktop);
}
.contact_us {
margin-bottom: var(--section-margin-desktop);
}
.tiles.brands .one_tile {
margin: 0 40px;
}
.tiles.brands .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 40px;
}
.tiles.brands .one_tile:nth-child(3n + 1),
.tiles.brands .one_tile:nth-child(3n + 2) {
margin-right: 40px;
}
.tiles.staps .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.staps .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 0;
}
.tiles.send_question {
flex-direction: row;
align-items: center;
justify-content: center;
padding-top: 40px;
padding-bottom: 40px;
}
.tiles.send_question .title_wrap {
text-align: start;
flex: 0 0 50%;
justify-content: flex-start;
margin: 0;
max-width: calc(var(--content-width) / 2);
}
.tiles.send_question .main_title {
font-size: 32px;
text-align: start;
}
.tiles.send_question .quesiton-col {
flex: 0 0 50%;
max-width: calc(var(--content-width) / 2);
}
.tiles.send_question .tiles_description article {
font-size: 20px;
}
.tiles.send_question A.btn.view_all {
padding-left: 30px;
padding-right: 30px;
width: auto;
}
.tiles.send_question A.btn.view_all:hover {
color: var(--base-color-1);
background-color: var(--base-color-8);
}
.create_project {
padding-top: 70px;
padding-bottom: 75px;
}
.project_img {
margin-bottom: -75px;
}
.create_project .H1 {
font-size: 36px;
font-weight: 500;
margin-bottom: 32px;
}
.create_project .subtitle {
font-size: 18px;
}
.question_title {
font-size: 24px;
}
.question_box.success .question_title {
font-size: 32px;
margin-bottom: 32px;
}
.question_box.success .question_text {
font-size: 18px;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
max-width: 575px;
}
.question_box .input_box + .input_box {
margin-top: 16px;
}
.questions_buttons {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.questions_buttons .btn {
width: auto;
padding-left: 32px;
padding-right: 32px;
margin: 0 12px 12px 12px;
}
.questions_buttons .btn.go_back {
order: 0;
}
.question_box.success .icon {
width: 80px;
height: 80px;
margin: 0 auto 32px auto;
}
.blog_details {
margin-bottom: var(--section-margin-desktop);
}
.blog_details .main_title.desk {
display: block;
padding-bottom: 40px;
margin-bottom: 0;
border-bottom: 1px solid var(--base-color-4);
}
.blog-row {
display: flex;
align-items: flex-start;
}
.blog_content {
flex: 0 0 calc(100% - 410px);
max-width: calc(100% - 410px);
padding-top: 28px;
padding-right: 32px;
}
.blog_details .main_title.mob {
display: none;
}
.blog_details .blog_info {
justify-content: space-between;
margin: 0 0 44px 0;
}
.blog_content > article {
margin-bottom: 0;
}
.popular_articles {
margin-top: 48px;
margin-bottom: 0;
}
.recomended_categories {
flex: 0 0 410px;
padding-top: 32px;
padding-left: 32px;
max-width: 410px;
border-left: 1px solid var(--base-color-4);
position: sticky;
top: 72px;
}
.recomended_item:nth-last-child(1) {
padding-bottom: 0;
}
.tiles.advantages_staps .tiles_description article {
font-weight: 300;
font-size: 18px;
}
.tiles.advantages_staps .tiles_description Article P,
.tiles.advantages_staps .tiles_description Article P,
.tiles.advantages_staps .tiles_description Article UL,
.tiles.advantages_staps .tiles_description Article OL,
.tiles.advantages_staps .tiles_description Article Blockquote,
.tiles.advantages_staps .tiles_description Article Figure.table {
margin-bottom: 20px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(2n + 1) {
margin-right: 0;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 3) {
margin-top: 0;
}
.tiles.advantages_staps .tiles_grid .one_tile {
flex: 0 0 calc((100% / 3) - (48px / 3))
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 24px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 4) {
margin-top: 24px;
}
.tiles.advantages_staps .tiles_grid .one_tile .tile_image {
box-shadow: 0px 10px 50px 0px #00000026;
}
.tiles.tiles_icons {
margin-bottom: var(--section-margin-desktop);
}
.tiles.advantages_staps + .tiles.tiles_icons {
margin-bottom: 106px;
padding-top: 72px;
padding-bottom: 52px;
}
.tiles.tiles_icons .tiles_description article {
font-size: 18px;
}
.tiles.tiles_icons .tiles_description Article P,
.tiles.tiles_icons .tiles_description Article P,
.tiles.tiles_icons .tiles_description Article UL,
.tiles.tiles_icons .tiles_description Article OL,
.tiles.tiles_icons .tiles_description Article Blockquote,
.tiles.tiles_icons .tiles_description Article Figure.table {
margin-bottom: 20px;
}
.tabs_grid {
margin-bottom: var(--section-margin-desktop);
}
.tab_item {
padding: 24px;
border: 1px solid transparent;
transition: border-color 0.3s;
}
.tab_item .title {
text-align: start;
flex-direction: row;
align-items: center;
justify-content: flex-start;
transition: color 0.3s;
}
.tab_item .image {
flex: 0 0 72px;
margin: 0 20px 0 0;
}
.tab_item .title {
font-size: 22px;
margin-bottom: 26px;
}
.tab_item .text {
font-size: 16px;
text-align: start;
}
.tab_item:hover {
border-color: var(--base-color-4);
}
.tab_item:hover .title {
color: var(--design-color-2);
}
.decide_choose {
margin-bottom: var(--section-margin-desktop);
}
.main_characteristics {
margin-bottom: var(--section-margin-desktop);
}
}
@media (min-width:1024px) {
:root {
--h1: 42px;
--h2: 32px;
--h3: 22px;
--h4: 18px;
--h5: 16px;
}
.btn {
font-size: 15px;
padding: 6px 30px;
min-height: 56px;
}
.btn .icon {
flex: 0 0 24px;
width: 24px;
height: 24px;
}
.article_place.desktop_bigger article {
font-size: 18px;
}
.clickpath_place {
margin: 0 0 45px 0;
}
.main_header {
overflow-x: clip;
}
.article_place.list_two-col ul {
flex-wrap: wrap;
flex-direction: row;
}
.article_place.list_two-col ul li {
width: calc(50% - 4px);
}
.article_place.list_two-col ul li:nth-child(2n + 1) {
margin-right: 8px;
}
.article_place.list_one-col .article_text > .table:nth-child(1) tr {
flex-direction: row;
}
.article_place.list_one-col .article_text > .table:nth-child(1) td:nth-child(1) {
flex:  0 0 50%;
padding-right: 32px;
}
.article_place.list_one-col .article_text > .table:nth-child(1) td:nth-child(2) {
flex:  0 0 50%;
padding-left: 32px;
}
.article_place.list_one-col.right_text .article_text > .table:nth-child(1) td:nth-child(1) {
padding-right: 0;
padding-left: 32px;
order: 1;
}
.article_place.list_one-col.right_text .article_text > .table:nth-child(1) td:nth-child(2) {
padding-left: 0;
padding-right: 32px;
}
.article_place.list_one-col .article_text > .table:nth-child(1) figure.image {
justify-content: flex-end;
margin: 0;
}
.article_place.list_two-col .article_text > .table:nth-child(1) tr {
flex-direction: row;
}
.article_place.list_two-col .article_text > .table:nth-child(1) td:nth-child(1) {
flex:  0 0 50%;
padding-right: 32px;
}
.article_place.list_two-col .article_text > .table:nth-child(1) td:nth-child(2) {
flex:  0 0 50%;
padding-left: 32px;
}
.article_place.list_two-col.right_text .article_text > .table:nth-child(1) td:nth-child(1) {
padding-right: 0;
padding-left: 32px;
order: 1;
}
.article_place.list_two-col.right_text .article_text > .table:nth-child(1) td:nth-child(2) {
padding-left: 0;
padding-right: 32px;
}
.article_place.list_two-col .article_text > .table:nth-child(1) figure.image {
justify-content: flex-end;
margin: 0;
}
.container {
margin: 0 auto;
padding: 0 8px;
width: 100%;
max-width: var(--content-width);
display: flex;
flex-direction: row-reverse;
}
.main_aside {
display: flex;
flex-direction: column;
width: 300px;
border-right: 1px solid var(--border-color);
position: sticky;
bottom: 0;
align-self: flex-end;
margin: -16px 0 0 0;
}
.two_cols .main_aside .left_menu,
.two_cols .main_aside .profile_menu {
display: flex;
}
.main_aside .left_menu UL {
width: 100%;
margin: 16px 0;
padding: 0 8px 0 0;
display: flex;
flex-direction: column;
position: relative;
}
.main_aside .left_menu LI {
margin: 0 0 1px 0;
}
.main_aside .left_menu A Img {
width: 18px;
margin: 0 12px 0 0;
opacity: .7;
transition: .3s;
}
.main_aside .left_menu A:hover Img {
opacity: 1;
}
.main_aside .profile_menu {
max-width: unset;
width: 100%;
margin: 0;
padding: 0 0 16px 0;
border-top: 1px solid var(--border-color);
position: sticky;
top: 69px;
z-index: 1;
overflow: hidden;
}
.menu_2 .main_aside .profile_menu,
.menu_3 .main_aside .profile_menu {
top: 110px;
}
.main_aside .profile_menu::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 16px);
transition: .3s;
}
.main_aside .profile_menu.has_shadow::before {
box-shadow: 6px 2px 14px rgba(0, 0, 0, .2);
}
.main_aside .profile_menu .pm_items {
padding: 16px 8px 16px 0;
border-bottom: 1px solid var(--border-color);
background: var(--site-bg);
}
.main_aside .main_footer {
background: none;
padding: 0;
margin: 0 0 16px 0;
}
.main_aside .main_footer > .centre {
padding: 0;
margin: 0;
flex-direction: column;
}
.main_aside .nav_and_contacts {
order: 1;
}
.main_aside .footer_nav {
flex-direction: column;
margin: 0 0 4px 0;
padding: 0 8px 0 0;
}
.main_aside .footer_nav .menu_element {
width: 100%;
}
.main_aside .footer_contacts.menu_element {
border-top: 1px solid var(--border-color);
padding: 16px 8px 0 16px;
margin: 0;
border-radius: unset;
}
.main_aside .footer_contacts .whap_hidden {
flex-direction: column;
}
.main_aside .footer_phones,
.main_aside .messenger_wrap,
.main_aside .hours_work {
width: 100%;
padding: 0;
margin: 0 0 16px 0;
}
.main_aside .footer_social {
order: 2;
max-width: unset;
width: 100%;
border-top: 1px solid var(--border-color);
padding: 16px 0 0 0;
}
.main_aside .for_foo_logo,
.main_aside .socials_row {
margin: 0 0 24px 0;
}
.main_aside .foo_logo {
margin: 4px 0 16px 0;
}
.main_aside .sufix_copyrights {
margin: 24px 0 0 0;
}
.container .main_col {
width: calc(100% - 300px);
padding: 0 0 0 var(--margin-lt-rt-twice);
}
.container .main_col .centre {
padding: 0;
}
.two_cols .product_grid .one_good {
width: calc(33.333% - var(--gap-desktop));
}
.two_cols .product_grid .one_good:nth-child(4) {
display: none;
}
.two_cols .product_grid .all .one_good:nth-child(4) {
display: block;
}
.tiles.about_us-tile .btn.view_all .icon {
flex: 0 0 24px;
width: 24px;
height: 24px;
}
.two_cols .products_mini .product_grid .one_good:nth-child(4) {
display: block;
}
.two_cols .products_mini .product_grid .one_good:nth-child(5),
.two_cols .products_mini .product_grid .one_good:nth-child(6) {
display: none;
}
.two_cols .products_mini .product_grid .all .one_good:nth-child(5),
.two_cols .products_mini .product_grid .all .one_good:nth-child(6) {
display: block;
}
.two_cols .products_mini .product_grid .one_good,
.two_cols .products_mini .product_inner .one_good {
width: calc(25% - var(--gap-desktop));
}
.product_slider .product_tabs,
.product_box .product_tabs {
margin-bottom: 24px;
}
.two_cols .product_slider .product_tabs,
.two_cols .product_box .product_tabs {
margin-left: calc(var(--margin-lt-rt-minus) * 2);
width: calc(100% + var(--margin-lt-rt-twice) + var(--margin-lt-rt));
padding-left: var(--margin-lt-rt-twice);
}
.is_main .category_comments .slick-list {
padding: 16px var(--gap-desktop) 0 0;
}
body:not(.main_page) .clickpath_place + .main_slider_container {
margin-top: -20px;
}
Article .cols-3 {
column-count: 3;
}
article h1 strong,
article h1 b,
article h2 strong,
article h2 b,
article h3 strong,
article h3 b,
article h4 strong,
article h4 b,
article h5 strong,
article h5 b {
font-size: 36px;
margin: 0 6px 0 0;
}
.title_wrap {
margin: 0 0 var(--title-margin-desktop) 0;
}
.main_title {
font-size: var(--title-font-size-desktop);
}
.two_cols .product_slider .title_wrap,
.two_cols .reviews_sect.if_slider .title_wrap,
.two_cols .last_blogs.if_slider .title_wrap {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.main_slider_container {
--current-items: min(var(--items, 1), 4);
}
.two_cols .main_slider_container {
--current-items: min(var(--items, 1), 3);
}
.category.tiles {
margin-bottom: 32px;
}
.one_cat {
width: calc(25% - var(--gap-desktop));
}
.two_cols .one_cat {
width: calc(33.333% - var(--gap-desktop));
}
.two_cols .row_list .one_cat {
width: calc(50% - var(--gap-desktop));
}
.two_cols .list_info .one_cat {
width: calc(50% - var(--gap-desktop));
}
.two_cols .tiles.has_background {
padding: var(--margin-lt-rt-twice);
}
.two_cols .if_slider.tiles .tiles_description,
.two_cols .if_slider.tiles .title_wrap,
.two_cols .if_slider.tiles .main_title.title_h2 {
padding: 0;
}
.two_cols .if_slider.tiles.has_background {
padding: var(--margin-lt-rt-twice) 0;
}
.two_cols .if_slider.tiles.has_background .tiles_description,
.two_cols .if_slider.tiles.has_background .title_wrap,
.two_cols .if_slider.tiles.has_background .main_title.title_h2 {
padding: 0 var(--margin-lt-rt-twice);
}
.two_cols .if_slider.tiles.has_background A.btn.view_all {
margin: 0 0 0 var(--margin-lt-rt-twice);
}
.if_slider .faq_slider {
padding-top: 62px;
margin-top: -70px;
margin-bottom: var(--gap-desktop);
}
.two_cols .if_slider.has_background .faq_slider {
width: calc(100% + (var(--margin-lt-rt-twice) * 2));
margin-left: calc(var(--margin-lt-rt-minus) * 2);
}
.if_slider .faq_slider:not(.slick-initialized) {
padding: 70px var(--gap-desktop) 0 0;
}
.faq_slider .slick-list {
margin-top: unset;
}
.two_cols .faq_slider .one_question {
align-items: flex-start;
}
.two_cols .faq .faq_slider .faq_answer {
width: 100%;
padding: 8px 16px 16px 16px;
}
.two_cols .faq.has_background {
padding: var(--gap-desktop);
}
.two_cols .faq_grid,
.two_cols .cat_faq DL {
padding: 0 var(--margin-lt-rt);
}
.two_cols .has_background .faq_grid,
.two_cols .has_background .cat_faq DL {
padding: unset;
}
.video_box {
margin: 0 0 32px 0;
}
.video_preview .icon {
width: 100px;
}
.product_tabs .tit {
font-size: 28px;
padding: 0 0 2px 0;
}
.product_slider .product_inner,
.if_slider.is_main .category_comments,
.if_slider .last_blog_items {
padding-top: 54px;
margin: -70px 0 calc(var(--section-margin-desktop) - var(--gap-desktop) - 16px) 0;
}
.product_slider .product_inner:not(.slick-initialized),
.if_slider .last_blog_items:not(.slick-initialized),
.if_slider .category_comments:not(.slick-initialized) {
padding: 70px var(--gap-desktop) 0 0;
}
.product_slider .product_inner .slick-list,
.last_blog_items .slick-list {
padding: 16px var(--gap-desktop) 16px 0;
}
.two_cols .product_slider .one_good {
width: calc(33.333% - var(--gap-desktop));
}
.product_inner .slick-arrow,
.category_comments .slick-arrow,
.faq_slider .slick-arrow,
.if_slider.is_main .category_comments .slick-arrow,
.last_blog_items .slick-arrow {
top: 13px;
}
.catalog_list {
margin-bottom: var(--section-margin-desktop);
}
.catalog_inner {
display: flex;
}
.list_wrap {
padding: 8px 0 0 0;
width: calc(100% - 258px);
}
.catalog_list .title_wrap {
margin: 0;
min-height: 34px;
}
.title_wrap.if_catalog .main_title {
margin-right: 248px;
}
.title_wrap .main_title {
z-index: 6;
}
.control_products {
padding: 8px 8px 4px 8px;
margin-bottom: 0;
}
.control_products.up {
margin: -44px 0 0 -8px;
}
.control_products .selected_filters {
display: flex;
color: var(--text);
margin: 0;
padding: 0;
width: 100%;
background: none;
align-items: center;
}
.selected_filters_list {
align-items: center;
}
.catalog_results {
margin: 0 16px 0 0;
display: flex;
font-size: 14px;
}
.cr_res {
margin: 0 6px;
}
.clear_filters {
margin: 0 16px 0 0;
}
.clear_filters .deactivate-filter {
background: none;
border: 1px solid var(--error);
color: var(--text);
}
.clear_filters .deactivate-filter:hover {
color: var(--text-inverse);
}
.ocf_title {
font-size: 14px;
}
.deactivate-filter {
padding: 4px 20px 4px 4px;
}
.control_products .dropdown {
margin: 0 0 4px 16px;
}
.catalog_filters .selected_filters {
display: none;
}
.open_menu-filter,
.close_catalog.close_menu {
display: none;
}
.catalog_filters {
position: relative;
left: 0;
z-index: 4;
width: 250px;
flex-shrink: 0;
box-shadow: none;
padding: 8px 0 8px 8px;
margin: 0 var(--margin-lt-rt) 0 0;
justify-content: flex-start;
border-right: 1px solid var(--border-color);
height: auto;
overflow: unset;
}
.searched_cats .tit {
margin: 8px 0 8px -8px;
}
.fs_title_price {
max-width: unset;
}
.menu_item-title,
.searched_cats A {
margin: 0 8px 0 0;
}
.choose_price .hidden_menu,
.fil_slider .hidden_menu {
margin: 8px 16px 24px 0;
}
.fil_slider .hidden_menu.filter_tile_photo {
margin: 8px 16px 16px 0;
}
.apply_filters {
right: -33%;
}
A.submit_filters {
padding: 0 8px;
}
.one_but .apply_filters.for_one_but {
width: 100%;
left: 0;
bottom: 0;
margin: -1px 0 0 0;
}
.scroll .filter_list {
max-height: calc(var(--adm-filter-height) * 10);
overflow-y: auto;
}
.scroll.scroll_5 .filter_list {
max-height: calc(var(--adm-filter-height) * 5);
}
.scroll.scroll_6 .filter_list {
max-height: calc(var(--adm-filter-height) * 6);
}
.scroll.scroll_7 .filter_list {
max-height: calc(var(--adm-filter-height) * 7);
}
.scroll.scroll_8 .filter_list {
max-height: calc(var(--adm-filter-height) * 8);
}
.scroll.scroll_9 .filter_list {
max-height: calc(var(--adm-filter-height) * 9);
}
.scroll.scroll_10 .filter_list {
max-height: calc(var(--adm-filter-height) * 10);
}
.scroll.scroll_11 .filter_list {
max-height: calc(var(--adm-filter-height) * 11);
}
.scroll.scroll_12 .filter_list {
max-height: calc(var(--adm-filter-height) * 12);
}
.scroll.scroll_13 .filter_list {
max-height: calc(var(--adm-filter-height) * 13);
}
.scroll.scroll_14 .filter_list {
max-height: calc(var(--adm-filter-height) * 14);
}
.scroll.scroll_15 .filter_list {
max-height: calc(var(--adm-filter-height) * 15);
}
.scroll.scroll_16 .filter_list {
max-height: calc(var(--adm-filter-height) * 16);
}
.scroll.scroll_17 .filter_list {
max-height: calc(var(--adm-filter-height) * 17);
}
.scroll.scroll_18 .filter_list {
max-height: calc(var(--adm-filter-height) * 18);
}
.scroll.scroll_19 .filter_list {
max-height: calc(var(--adm-filter-height) * 19);
}
.scroll.scroll_20 .filter_list {
max-height: calc(var(--adm-filter-height) * 20);
}
.scroll.scroll_21 .filter_list {
max-height: calc(var(--adm-filter-height) * 21);
}
.scroll.scroll_22 .filter_list {
max-height: calc(var(--adm-filter-height) * 22);
}
.scroll.scroll_23 .filter_list {
max-height: calc(var(--adm-filter-height) * 23);
}
.scroll.scroll_24 .filter_list {
max-height: calc(var(--adm-filter-height) * 24);
}
.scroll.scroll_25 .filter_list {
max-height: calc(var(--adm-filter-height) * 25);
}
.scroll.scroll_26 .filter_list {
max-height: calc(var(--adm-filter-height) * 26);
}
.scroll.scroll_27 .filter_list {
max-height: calc(var(--adm-filter-height) * 27);
}
.scroll.scroll_28 .filter_list {
max-height: calc(var(--adm-filter-height) * 28);
}
.scroll.scroll_29 .filter_list {
max-height: calc(var(--adm-filter-height) * 29);
}
.scroll.scroll_30 .filter_list {
max-height: calc(var(--adm-filter-height) * 30);
}
.clickpath {
flex-wrap: wrap;
}
.clickpath_item {
display: flex;
}
.price_by_cat,
.seo_by_cat,
.cat_faq {
margin: 32px 0 16px 0;
}
.one_good .status_list Span {
padding: 2px 8px;
font-size: 14px;
margin: 0 0 6px 0;
font-weight: 700;
}
.sticky_header.product_price {
justify-content: space-between;
}
.sticky_header .mpp_title {
font-size: 15px;
line-height: 1.2;
}
.sticky_header .show_price {
order: unset;
justify-content: center;
}
.sticky_header .product_btns {
margin: 0;
}
.sticky_header.product_price .add_in-list A {
margin: 0 0 0 8px;
}
.all_cities {
flex-direction: row;
position: sticky;
top: 70px;
z-index: 7;
background: var(--site-bg);
margin: -16px 0 0 0;
padding: 16px 0;
}
.menu_2 .all_cities,
.menu_3 .all_cities {
top: 111px;
}
.all_cities .centre {
justify-content: space-between;
align-items: center;
display: flex;
}
.cities_btns {
margin: 0 16px 0 0;
}
.cities_btns .btn,
.cities_btns .btn:last-child {
margin: 0 16px 0 0;
min-height: 38px;
}
.cities_search {
width: 300px;
}
.stores .together {
flex-direction: row;
}
.map_main {
width: 65%;
height: 100%;
position: sticky;
top: 140px;
margin: 0;
}
.menu_2 .map_main,
.menu_3 .map_main {
top: 182px;
}
.map_main_box {
height: calc(100vh - 222px);
}
.all_stores {
width: 35%;
margin: 0;
flex-direction: column;
padding: 0 0 0 16px;
align-content: flex-start;
}
.map_address {
width: 100%;
margin: 16px 0 0 0;
}
.map_address:first-child {
margin: 0;
}
.blog_list {
margin-bottom: var(--section-margin-desktop);
}
.blog_details .product_slider .product_inner .slick-list {
padding-bottom: unset;
}
.one_blog:hover {
box-shadow: 0 0 8px #00000024;
}
.two_cols .if_grid .last_blog_items .one_blog {
width: calc(50% - var(--gap-desktop));
margin: 0 0 var(--gap-desktop) var(--gap-desktop);
}
.two_cols .if_slider .last_blog_items:not(.slick-initialized) .one_blog {
width: calc(50% - var(--gap-desktop));
}
.category_comments.is_main {
padding: 64px 8px 8px 8px;
margin: -64px 0 0 -8px;
}
.grid .category_comments.is_main {
width: calc(100% + var(--gap-desktop));
margin: 0 0 0 var(--gap-offset-desktop);
padding: 0;
}
.two_cols .contact_us.dark,
.two_cols .contact_us.background {
padding-left: 16px;
padding-right: 16px;
}
.two_cols .contact_us.background .two_mini_box {
flex-direction: column;
margin: 0;
}
.two_cols .contact_us.background .cb_mini_box {
width: 50%;
margin: 0 0 24px 0;
}
.two_cols .contact_us.background .soc_and_mes_box .cb_mini_box {
width: 100%;
}
.two_cols .contact_us.background .soc_and_mes_box .cb_mini_box:last-child {
margin: 0;
}
.cookies {
padding: 32px;
}
.cook_text {
padding: 0 32px 0 0;
}
.tiles.about_us-tile .title_wrap {
text-align: start;
justify-content: flex-start;
}
.tiles.about_us-tile .main_title.title_h2 {
font-size: 18px;
text-align: start;
justify-content: flex-start;
}
.tiles.about_us-tile .tiles_description {
font-size: 16px;
margin-bottom: 42px;
}
.tiles.about_us-tile .one_tile {
width: auto;
}
.tiles.about_us-tile .tile_title {
font-size: 60px;
}
.tiles.about_us-tile .btn.view_all {
width: max-content;
margin: 38px auto 0 auto;
padding: 0 30px;
}
.main_slider_container.main_page-slider:nth-child(1) + .article_place + .tiles.brands + .tiles.tiles_catalog + .tiles.about_us-tile + .tiles.our_advantages {
padding-bottom: 93px;
margin-bottom: 98px;
}
.tiles.our_advantages .title_wrap {
margin-bottom: 25px;
}
.tiles.our_advantages .main_title.title_h2 {
font-size: 18px;
margin-bottom: 83px;
}
.tiles.staps {
margin-bottom: 130px;
}
.tiles.staps .title_wrap {
margin-bottom: 22px;
}
.tiles.staps .main_title.title_h2 {
font-size: 18px;
margin-bottom: 120px;
}
.tiles.staps .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 140px;
}
.tiles.staps .one_tile:before {
height: calc(100% + 140px);
}
.tiles.staps .one_tile:nth-child(1):before {
height: calc(50% + 140px);
}
.tiles.staps .one_tile:nth-child(2n + 1) {
padding-left: calc(50% + 110px);
}
.tiles.staps .one_tile:nth-child(2n + 2) {
padding-right: calc(50% + 110px);
}
.tiles.staps .stap_number {
width: calc(50% - 110px);
}
.tiles.staps .tile_title {
font-size: 30px;
margin-bottom: 28px;
}
.tiles.staps .tile_description {
font-size: 18px;
}
.tiles.staps A.btn.view_all {
margin-top: 50px;
}
.news_component .main_title {
font-size: 42px;
margin-bottom: 56px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 1),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 2),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(4n + 3) {
margin-right: 0;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 5) {
margin-top: 0;
}
.tiles.tiles_icons .one_tile {
flex: 0 0 calc((100% / 5) - (64px / 5));
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 1),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 2),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 3),
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(5n + 4) {
margin-right: 16px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 6) {
margin-top: 30px;
}
.tiles.tiles_icons .tile_image {
width: 72px;
height: 72px;
}
.tabs_grid .main_title {
margin-bottom: 74px;
}
.dropdown_tabs {
margin-bottom: 47px;
}
.dropdown_tabs ul {
padding: 0;
}
.dropdown_tabs li {
min-height: 60px;
font-size: 18px;
}
.tab_item {
flex: 0 0 calc((100% / 2) - (130px / 2));
}
.tab_item:nth-child(2n + 1) {
margin-right: 130px;
}
.tabs_title {
font-size: 28px;
margin-bottom: 52px;
}
* + .tabs_title {
margin-top: 74px;
}
.decide_choose .decide_content {
padding-right: 132px;
font-size: 18px;
}
.decide_choose .title {
font-size: 42px;
margin-bottom: 36px;
}
.decide_choose .text {
margin-bottom: 50px;
}
.decide_choose ul {
margin-bottom: 36px;
}
.decide_choose li + li {
margin-top: 18px;
}
.decide_choose li::before {
width: 32px;
height: 32px;
top: -3px;
}
.main_characteristics .main_title {
margin-bottom: 50px;
}
.characteristics_table {
margin-bottom: 44px;
}
.characteristics_table tr th {
font-size: 20px;
padding: 8px 20px;
height: 68px;
}
.characteristics_table tr td {
font-size: 18px;
padding: 8px 20px;
height: 68px;
}
.characteristics_table tr > th:nth-child(1),
.characteristics_table tr > td:nth-child(1) {
width: 28%;
}
.characteristics_table tr th:nth-child(1) img,
.characteristics_table tr td:nth-child(1) img {
display: block;
flex: 0 0 24px;
margin: 0 20px 0 0;
width: 24px;
height: 24px;
}
.main_characteristics .bottom_text {
font-size: 18px;
margin-bottom: 32px;
}
.tiles.big_tiles_icons .title_wrap {
margin-bottom: 46px;
}
.tiles.big_tiles_icons .tiles_description {
font-size: 18px;
margin-bottom: 66px;
}
.tiles.big_tiles_icons .one_tile {
flex: 0 0 calc((100% / 3) - (100px / 3));
padding: 48px 40px 58px 40px;
}
.tiles.big_tiles_icons .one_tile:nth-child(3n + 1),
.tiles.big_tiles_icons .one_tile:nth-child(3n + 2) {
margin-right: 50px;
}
.tiles.big_tiles_icons .one_tile:nth-child(1n + 4) {
margin-top: 50px;
}
.tiles.big_tiles_icons .tile_image {
margin: 0 auto 36px auto;
width: 64px;
height: 64px;
}
.tiles.big_tiles_icons .tile_title {
font-size: 22px;
font-weight: 600;
}
.zoom_wrap-popup {
padding-top: 75px;
padding-bottom: 75px
}
.close_zoom-popup {
width: 48px;
height: 48px
}
.close_zoom-popup::before,.close_zoom-popup::after {
width: 18px
}
.zoom_wrap-popup .centre {
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px
}
.zoom_wrap-popup .centre>.col:nth-child(1) {
flex: 0 0 calc(100% - 256px);
padding-right: 20px
}
.zoom_big-slider .arrow {
width: 60px;
height: 60px
}
.zoom_big-slider .arrow::before {
width: 20px;
height: 2px
}
.zoom_big-slider .arrow::after {
width: 12px;
height: 12px;
border-top: 2px solid var(--design-color-2);
border-left: 2px solid var(--design-color-2)
}
.zoom_big-img {
display: flex;
align-items: center;
justify-content: center
}
.zoom_big-img .draggable-img {
display: none
}
.zoom_big-img .regular_image {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.zoom_big-img.zoom .draggable-img {
z-index: 2
}
.zoom_big-list .f-panzoom__wrapper>img.f-panzoom__content,.zoom_big-list .f-panzoom__wrapper>picture.f-panzoom__content {
visibility: visible
}
.zoom_wrap-popup .centre>.col:nth-child(2) {
flex: 0 0 256px;
display: block;
height: 100%
}
.zoom_subslider-slider {
display: flex;
flex-direction: column;
height: 100%
}
.zoom_subslider-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
padding-right: 28px;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
scroll-behavior: smooth
}
.zoom_subslider-img {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 108px;
aspect-ratio: 1 / 1;
border-radius: 8px;
overflow: hidden;
position: relative
}
.zoom_subslider-img:nth-child(3n+3) {
grid-column: 1 / 3;
height: 228px
}
.zoom_subslider-img::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-radius: 8px;
border: 2px solid #fff0;
position: absolute;
top: 0;
left: 0;
transition: 0.3s
}
.zoom_subslider-img.active::before {
border-color: var(--design-color-2)
}
.zoom_subslider-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.video_img-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative
}
.click_to-zoom {
color: var(--secondary);
font-size: 12px;
display: none;
align-items: center;
background: var(--white);
padding: 4px 10px;
border-radius: 8px;
box-shadow: var(--shadow);
position: absolute;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
opacity: 1;
visibility: visible;
transition: opacity 2s ease,visibility 2s ease
}
.click_to-zoom .icon {
fill: var(--secondary);
width: 16px;
height: 16px;
margin: 0 8px 0 0
}
.zoom_wrap-popup:not(.hidden) .click_to-zoom {
animation: hideChild 2.5s forwards
}
@keyframes hideChild {
0% {
opacity: 1;
visibility: visible
}
79.9% {
opacity: 1;
visibility: visible
}
80% {
opacity: 1;
visibility: visible
}
100% {
opacity: 0;
visibility: hidden
}
}
.zoom_subslider-img.video .video_img-wrap::before {
content: "";
width: 36px;
height: 36px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 50%;
box-shadow: var(--shadow);
z-index: 1
}
.zoom_subslider-img.video .video_img-wrap::after {
content: "";
margin-left: 2px;
width: 16px;
height: 16px;
border-left: 16px solid #333;
border-top: 8px solid #fff0;
border-bottom: 8px solid #fff0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2
}
.zoom_subslider-img.video img {
width: 75px;
height: 75px;
object-fit: contain
}
@media (hover: hover) {
.close_zoom-popup:hover {
background-color:#DDD
}
.zoom_big-slider .arrow:hover {
background-color: var(--design-color-2)
}
.zoom_big-slider .arrow:hover::before {
background-color: #fff
}
.zoom_big-slider .arrow:hover::after {
border-color: #fff
}
}
.tiles.decide_tile .title_wrap {
margin-bottom: 52px;
}
.tiles.decide_tile .main_title.title_h2 {
font-size: 18px;
margin-bottom: 48px;
}
.tiles.decide_tile .tiles_description {
font-size: 18px;
margin-bottom: 48px;
}
.tiles.decide_tile .tiles_grid {
margin-bottom: 36px;
}
.tiles.decide_tile .tile_title {
font-size: 18px;
min-height: 32px;
padding-left: 48px;
}
.tiles.decide_tile .tile_title::before {
width: 32px;
height: 32px;
}
.tiles.decide_tile .tiles_grid .one_tile:nth-child(1n + 2) {
margin-top: 12px;
}
.tiles.decide_tile A.btn.view_all {
padding-left: 30px;
padding-right: 30px;
}
.tiles.decide_tile A.btn.view_all::after {
margin: 0 0 0 14px;
}
.page_404 {
padding-top: 80px;
padding-bottom: 80px;
}
.text_404 {
position: relative;
}
.text_404_num {
font-size: 220px;
}
.text_404_title {
font-size: 24px;
margin: 0;
width: 200px;
text-align: start;
position: absolute;
top: 50%;
left: calc(100% + 64px);
transform: translateY(-50%);
}
.text_404_title .mob {
display: none;
}
.text_404_title .desk {
display: block;
}
}
@media (min-width:1166px) {
}
@media (min-width:1200px) {
body {
padding-top: 120px;
}
.main_slider_item .H1 {
font-size: 65px;
margin-bottom: 35px;
}
.main_slider_item.small_title .H1 {
font-size: 48px;
margin-bottom: 28px;
}
.main_aside .nav_and_contacts {
flex-direction: column;
}
.main_aside .footer_nav {
margin: 0;
width: 100%;
}
.main_aside .footer_contacts {
width: 100%;
}
.two_cols .product_slider .one_good {
width: calc(25% - var(--gap-desktop));
}
.two_cols .if_grid .last_blog_items .one_blog {
width: calc(33.333% - 16px);
margin: 0 0 16px 16px;
}
.two_cols .product_grid .one_good:nth-child(4) {
display: block;
}
.two_cols .product_grid .one_good:nth-child(5) {
display: none;
}
.two_cols .product_grid .all .one_good:nth-child(5) {
display: block;
}
.btn_header.shopping_cart {
width: auto;
padding: 0 8px;
}
.shopping_sum {
display: block;
width: max-content;
margin: 0 0 0 12px;
font-size: 14px;
color: var(--text-inverse);
text-decoration: none;
}
.desktop .select_city {
display: flex;
margin: 0 0 0 16px;
}
.menu_header .for_select_city {
display: none;
}
.main_slider_container.main_page-slider:nth-child(1) {
margin-top: -34px;
}
.main_slider_container {
--current-items: var(--items);
}
.one_cat {
width: calc(20% - var(--gap-desktop));
}
.cat_title {
font-size: 18px;
}
.two_cols .one_cat {
width: calc(25% - var(--gap-desktop));
}
.two_cols .list_info .one_cat {
width: calc(33.333% - var(--gap-desktop));
}
.product_slider .one_good {
width: calc(20% - var(--gap-desktop));
}
.nav_and_contacts {
flex-direction: row;
}
.footer_nav {
margin: 0 auto 0 0;
width: 59%;
}
.menu_element {
border-bottom: none;
}
.footer_contacts {
width: 31%;
}
.footer_contacts .whap_hidden {
flex-direction: column;
}
.hours_work {
margin: 0;
}
.product_grid .one_good:nth-child(5) {
display: block;
}
.product_grid .one_good {
width: calc(20% - var(--gap-desktop));
}
.two_cols .product_grid .one_good {
width: calc(25% - var(--gap-desktop));
}
.if_slider .faq_slider:not(.slick-initialized) .one_question {
width: calc(50% - var(--gap-desktop));
}
.faq .faq_slider .faq_answer {
width: 100%;
padding: 8px 24px 32px 24px;
}
.contact_us .description {
margin: 0 0 32px 0;
}
.first_label {
font-size: 17px;
}
.two_mini_box,
.soc_and_mes_box .cb_mini_box {
margin: 0 0 32px 0;
}
.cb_info.for_socs A {
width: 64px;
height: 64px;
}
.for_socs A svg.icon {
width: 24px;
height: 24px;
}
.rtl.contact_us.photo .contact_box {
padding: 0 0 0 32px;
}
.contact_us.photo .two_mini_box {
flex-direction: row;
}
.two_cols .contact_us.photo .two_mini_box {
flex-direction: column;
margin: 0;
}
.contact_us.photo .cb_mini_box {
width: 50%;
margin: 0;
}
.two_cols .contact_us.photo .cb_mini_box {
width: 100%;
margin: 0 0 24px 0;
}
.contact_us.photo .soc_and_mes_box .cb_mini_box {
width: 100%;
margin: 0 0 32px 0;
}
.contact_us.photo .soc_and_mes_box .cb_mini_box:last-child {
margin: 0;
}
.contact_us.photo .background_sign {
margin: 12px 0 0 0;
}
.for_feed .feed_box,
.for_feed.background .title_wrap,
.for_feed.background .description {
width: 50%;
}
.site_header {
height: 86px;
}
.site_header .logo_wrap {
width: 212px;
}
.header_menu-wrap {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
width: auto;
height: auto;
background-color: transparent;
position: relative;
top: auto;
left: auto;
overflow: unset;
opacity: 1;
visibility: visible;
}
.catalog_btn-wrap {
position: relative;
}
.catalog_btn-wrap .catalog_btn {
font-size: 16px;
margin: 0 32px 0 0;
transition: color 0.3s;
cursor: pointer;
}
.catalog_btn-wrap:hover .catalog_btn,
.catalog_btn-wrap .catalog_btn:hover {
color: var(--design-color-6);
}
.catalog_btn-wrap .catalog_btn .icon:nth-child(3) {
display: none;
}@media(hover:hover) and (pointer:fine){
.catalog_btn-wrap .catalog_btn:hover + .menu.menu_1 {
opacity: 1;
visibility: visible;
transform: translateY(0);
}}
.menu.menu_1 {
margin-bottom: 0;
padding: 28px 34px;
width: 386px;
display: flex;
height: auto;
max-height: unset;
position: absolute;
top: 59px;
left: -80px;
border: 1px solid var(--base-color-4);
background-color: var(--base-color-1);
box-shadow: 0px 10px 35px 0px #00000040;
opacity: 0;
visibility: hidden;
transform: translateY(-25px);
transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}
.menu.menu_1::before {
content: "";
width: 100%;
height: 26px;
position: absolute;
bottom: 100%;
left: 0;
}@media(hover:hover) and (pointer:fine){
.catalog_btn-wrap .catalog_btn:hover + .menu.menu_1,
.menu.menu_1:hover {
opacity: 1;
visibility: visible;
transform: translateY(0);
}}
.menu UL LI + LI {
margin-top: 16px;
}
.menu LI A {
text-align: start;
justify-content: flex-start;
transition: color 0.3s;
}
.menu LI A:hover {
color: var(--design-color-6);
}
.top_menu {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin: 0 32px 0 0;
padding: 0;
border-bottom: none;
position: relative;
}
.top_menu::before {
content: "";
width: 1px;
height: 36px;
background-color: var(--base-color-6);
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.top_menu li {
margin-right: 32px;
}
.top_menu li + li {
margin: 0 32px 0 0;
}
.top_menu a {
font-size: 16px;
font-weight: 500;
}
.top_menu a:hover {
color: var(--design-color-6);
}
.header_menu-wrap .header_phone {
flex-direction: row;
align-items: center;
margin: 0 30px 0 0;
padding: 0;
border-bottom: none;
position: relative;
}
.header_menu-wrap .header_phone .main_phone {
display: flex;
align-items: center;
}
.header_menu-wrap .header_phone .main_phone .icon {
margin: 0 12px 0 0;
width: 24px;
height: 24px;
fill: var(--design-color-6);
}
.header_menu-wrap .header_phone .main_phone a {
text-decoration: none;
font-size: 18px;
font-weight: 700;
color: var(--base-color-9);
transition: color 0.3s;
}
.header_menu-wrap .header_phone .main_phone a:hover {
color: var(--design-color-6);
}
.header_menu-wrap .header_phone .phone_trigger {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 8px;
padding: 0;
width: 26px;
height: 26px;
background-color: transparent;
border: none;
cursor: pointer;
}
.header_menu-wrap .header_phone .phone_trigger .icon {
width: 22px;
height: 22px;
transition: transform 0.3s, fill 0.3s;
}
.header_menu-wrap .header_phone .phone_trigger:hover .icon {
fill: var(--design-color-6);
}
.header_menu-wrap .header_phone .phone_trigger.active .icon {
transform: rotate(180deg);
}
.header_menu-wrap .phone_box {
display: flex;
width: 100%;
height: auto;
position: absolute;
top: calc(100% + 12px);
left: 0;
padding: 10px;
background-color: var(--base-color-1);
box-shadow: 0px 10px 35px 0px #00000040;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
.header_menu-wrap .phone_box.active {
opacity: 1;
visibility: visible;
}
.header_menu-wrap .one_phone .icon {
display: none;
}
.header_menu-wrap .one_phone a {
font-size: 16px;
font-weight: 400;
transition: color 0.3s;
}
.header_menu-wrap .one_phone a:hover {
color: var(--design-color-6);
}
.select_language a {
margin: 0 0 0 10px;
border: 2px solid var(--base-color-9);
transition: opacity 0.3s;
}
.select_language a:not(.active):hover {
opacity: 0.5;
}
.btn_menu {
display: none;
}
.last_blogs {
margin-bottom: 145px;
}
.last_blogs .title_wrap {
margin-bottom: 83px;
}
.last_grid {
grid-template-columns: calc(48% - 25px) calc(52% - 25px);
gap: 50px;
}
.last_item .blog_name {
margin-bottom: 22px;
}
.last_item .blog_text {
line-height: 1.3;
}
.last_item:nth-child(1) .blog_image {
margin-bottom: 38px;
}
.last_item .time {
margin-bottom: 24px;
}
.last_item:nth-child(1) .blog_name {
font-size: 22px;
margin: 0 0 26px 0;
}
.last_item:nth-child(1) .blog_text {
font-size: 16px;
line-height: 1.3;
}
.last_grid .last_item:not(:first-child) .blog_image {
flex: 0 0 200px;
width: 200px;
height: 200px;
margin: 0 46px 0 0;
}
.news_item:nth-child(1n + 2) {
margin-top: 50px;
}
.news_item:nth-child(2),
.news_item:nth-child(3),
.news_item:nth-child(4),
.news_item:nth-child(5) {
width: calc(50% - 25px);
padding: 0;
}
.news_item:nth-child(3),
.news_item:nth-child(5) {
margin-left: 50px;
}
.news_item:nth-child(1n + 2) .blog_image {
flex: 0 0 200px;
width: 200px;
min-height: 200px;
}
.news_item:nth-child(1n + 2) .content {
padding: 16px 16px 16px 32px;
}
.news_item-row {
margin-top: 0;
}
.news_item:nth-child(1n + 2) .blog_name {
font-size: 18px;
margin-bottom: 16px;
}
.tiles.advantages_staps .title_wrap {
font-size: 42px;
font-weight: 500;
}
.tiles.advantages_staps .main_title.title_h2 {
font-size: 18px;
margin-bottom: 72px;
}
.tiles.advantages_staps .tiles_grid .one_tile {
flex: 0 0 calc((100% / 3) - (100px / 3));
padding: 30px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 1),
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(3n + 2) {
margin-right: 50px;
}
.tiles.advantages_staps .tiles_grid .one_tile:nth-child(1n + 4) {
margin-top: 50px;
}
.tiles.advantages_staps .tile_title {
font-size: 22px;
}
.tiles.advantages_staps .tile_title b {
font-size: 24px;
line-height: 22px;
}
.tiles.advantages_staps .tile_description {
margin-top: 30px;
}
.tiles.tiles_icons .title_wrap .main_title {
margin-bottom: 34px;
}
.tiles.tiles_icons .main_title.title_h2 {
margin-bottom: 130px;
}
.tiles.tiles_icons .tiles_description {
margin-bottom: 130px;
}
.tiles.tiles_icons .tiles_grid .one_tile:nth-child(1n + 6) {
margin-top: 88px;
}
.tiles.tiles_icons .tile_image {
margin: 0 auto 40px auto;
}
.tiles.tiles_icons .tile_title {
font-size: 18px;
}
}
@media (min-width:1280px) {
.main_slider_container {
--current-items: var(--items, 1);
}
.two_cols .main_slider_container {
--current-items: min(var(--items, 1), 4);
}
.search_wrap Input {
padding: 0 126px 0 34px;
}
.search_wrap .icon.if_desktop {
display: flex;
position: absolute;
top: 10px;
left: 8px;
fill: var(--gray-light);
width: 18px;
height: 18px;
}
.search_wrap A.clear {
right: 82px;
}
.search_wrap .search_btn {
width: 82px;
text-decoration: none;
color: var(--text-inverse);
}
.main_header .search_btn Span {
display: flex;
}
.main_header .search_btn .icon {
display: none;
}
.catalog_btn,
.desktop .select_city {
margin: 0 0 0 32px;
}
.search_wrap {
margin: 0 32px;
}
.menu.menu_4 .one_col.popular {
flex-direction: column;
width: 278px;
display: flex;
}
.menu.menu_4 .next_level.popular .one_col {
width: 25%;
}
.menu.menu_4 .one_col .ul_2 {
padding: 8px 0 8px 16px;
}
.two_cols .menu.menu_4 .one_col .ul_2 {
padding: 16px 0 8px 16px;
}
.menu.menu_4 .one_col.popular .ul_2 {
background: var(--orange_light);
padding: 0 8px 8px 8px;
margin: 16px 0 8px 8px;
border-radius: var(--border-radius);
height: 100%;
width: calc(100% - 8px);
}
.menu.menu_4 .one_col.popular .ul_2 LI {
display: flex;
}
.menu.menu_4 .one_col.popular .ul_2 .title {
font-size: 14px;
padding: 8px 8px 4px 8px;
color: var(--orange);
}
.menu.menu_4 .one_col.popular .ul_2 A {
font-size: 14px;
padding: 4px 8px 4px 24px;
color: var(--text-light);
width: 100%;
}
.menu.menu_4 .one_col.popular .ul_2 A:hover {
color: var(--btn-bg-hover);
}
.menu.menu_4 .one_col.popular .ul_2 A::before {
background: linear-gradient(90deg, color-mix(in srgb, var(--orange_light) 0%, transparent) 0%, var(--orange_light) 100%);
}
.menu.menu_1 .ul_2 A.has_arrow::before {
display: flex;
border-radius: unset;
transform: unset;
}
.catalog_grid .one_good:nth-child(1n + 3) {
margin-top: 0;
}
.catalog_grid .one_good:nth-child(2n + 1) {
margin-right: 0;
}
.catalog_grid .one_good {
flex: 0 0 calc((100% / 3) - (100px / 3));
}
.catalog_grid .one_good:nth-child(1n + 4) {
margin-top: 50px;
}
.catalog_grid .one_good:nth-child(3n + 1),
.catalog_grid .one_good:nth-child(3n + 2) {
margin-right: 50px;
}
.one_good .product_name {
font-size: 20px;
margin: 0 0 24px 0;
transition: color 0.3s;
}
.one_good .product_name:hover {
color: var(--design-color-6);
}
.one_good .product_location {
font-size: 16px;
margin-bottom: 20px;
}
.one_good .product_signs {
font-size: 16px;
}
.one_good .main_price {
font-size: 24px;
}
.products_mini .one_good .main_price {
font-size: 18px;
}
.category {
margin-bottom: 0;
}
.two_cols .one_cat {
width: calc(25% - var(--gap-desktop));
}
.row_list .one_cat,
.list_info .one_cat {
width: calc(25% - var(--gap-desktop));
}
.row_list a.one_cat .cat_title,
.list_info a.one_cat .cat_title {
transition: color 0.3s;
}
.row_list a.one_cat:hover .cat_title,
.list_info a.one_cat:hover .cat_title {
color: var(--design-color-6);
}
.two_cols .row_list .one_cat {
width: calc(33.333% - var(--gap-desktop));
}
.two_cols .one_tile {
width: calc(33.333% - var(--gap-desktop));
}
.product_slider .one_good {
padding: 16px;
}
.if_slider .category_comments.is_main:not(.slick-initialized) .one_review {
width: calc(33.333% - var(--gap-desktop));
}
.category_comments .one_review {
width: calc(33.333% - var(--gap-desktop));
}
.faq .one_question,
.cat_faq .one_question {
align-items: flex-end;
}
.cat_faq .open DD {
padding: 8px 8px 16px 0;
}
.for_load_more {
}
.pages_list A,
.pages_list Span {
min-width: 42px;
height: 42px;
}
.pages_btn {
min-width: 64px;
height: 42px;
}
.pages_btn.has_arrow::before,
.pages_btn.has_arrow::after {
top: 23px;
right: calc(50% - 8px);
width: 16px;
height: 3px;
}
.pages_btn.has_arrow::after {
top: 13px;
}
.all_stores {
padding: 0 0 0 32px;
flex-direction: row;
}
.two_cols .contact_us.background .two_mini_box {
flex-direction: row;
margin: 0 0 32px 0;
}
.cb_mini_box {
width: 25%;
}
.two_cols .contact_us.background .cb_mini_box {
width: 33.333%;
margin: 0;
}
.one_blog {
width: calc(25% - var(--gap-desktop));
}
.two_cols .if_slider .last_blog_items:not(.slick-initialized) .one_blog {
width: calc(33.333% - var(--gap-desktop));
}
}
@media (min-width:1332px) {
.header_phone {
flex-shrink: 0;
}
.btn_header.phone_trigger {
order: 2;
}
.no_drop .btn_header.phone_trigger {
display: none;
}
.btn_header.phone_trigger.active {
background: var(--main-color-light);
}
.btn_header.phone_trigger::before,
.btn_header.phone_trigger::after {
display: flex;
background: var(--white);
}
.btn_header.phone_trigger.active::before {
transform: rotate(45deg);
}
.btn_header.phone_trigger.active::after {
transform: rotate(-45deg);
}
.btn_header.phone_trigger .icon,
.header_phone .popup_close {
display: none;
}
.products_mini .product_grid .one_good:nth-child(7) {
display: block;
}
.products_mini .product_grid .one_good,
.products_mini .product_inner .one_good {
width: calc(14.285% - var(--gap-desktop));
}
.two_cols .products_mini .product_grid .one_good:nth-child(6) {
display: block;
}
.two_cols .products_mini .product_grid .one_good:nth-child(7) {
display: none;
}
.two_cols .products_mini .product_grid .all .one_good:nth-child(7) {
display: block;
}
.two_cols .products_mini .product_grid .one_good,
.two_cols .products_mini .product_inner .one_good {
width: calc(16.666% - var(--gap-desktop));
}
.two_cols .one_cat {
width: calc(20% - var(--gap-desktop));
}
.popular_articles-slider {
width: calc(100% + 30px);
margin: 0 -15px;
}
.popular_articles-slider::before,
.popular_articles-slider::after {
width: 14px;
}
.popular_articles-slider:not(.slick-initialized) .popular_articles-item {
flex: 0 0 calc(calc(100% / 3) - 30px);
}
.popular_articles-item {
margin: 0 15px;
}
.popular_articles-item .content {
padding: 24px;
}
.tiles.decide_tile .title_wrap {
padding-right: 516px;
}
.tiles.decide_tile .main_title.title_h2 {
padding-right: 516px;
}
.tiles.decide_tile .tiles_description {
padding-right: 516px;
}
.tiles.decide_tile .tiles_grid {
padding-right: 516px;
}
.tiles.decide_tile .tile_background {
padding: 0;
width: 508px;
left: calc(50% + 158px);
}
.tiles.decide_tile A.btn.view_all {
margin-left: calc((100% - var(--content-width)) / 2 + 16px);
}
}
.main_slider > .main_slider_item:only-child{max-width:none;flex:0 0 100%}
.cb_info a.for_phone{white-space:nowrap}
@media (min-width:768px) and (max-width:1199px){.contact_us.for_feed .contact_box{width:36%}.contact_us.for_feed .feed_box{width:64%}}
@media(min-width:1201px){.catalog_btn-wrap .menu.menu_1.active{opacity:1;visibility:visible;transform:translateY(0)}}