html {
min-height: 100vh;
}
html.is-hidden {
overflow: hidden;
}
body {
background: #fff;
font-family: 'Montserrat', Arial, Verdana, Tahoma, sans-serif;
font-size: 16px;
line-height: 1.2;
overflow-x: hidden;
min-width: 320px;
color: #000106;
min-height: 100vh;
transition: opacity .3s ease;
}
body.bshow {
opacity: 1;
}
.global-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
ol, ul {
list-style: none;
margin-bottom: 0;
}
input {
background: none;
border: 0;
margin: 0;
padding: 0;
outline: none !important;
}
@media not all and (min-resolution: 0.001dpcm) {
select:focus, textarea:focus, input:focus {
-webkit-appearance: none;
}
select:active, input:active, textarea:active {
-webkit-appearance: none;
}
input, textarea, select {
-webkit-appearance: none;
}
select:focus, textarea:focus, input:focus {
font-size: 16px;
}
select:active, input:active, textarea:active {
font-size: 16px;
}
input, textarea, select {
font-size: 16px;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
p {
margin-bottom: 1em;
}
p:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
width: auto;
height: auto;
transition: opacity .4s ease-in-out;
}
img[data-src] {
opacity: 0;
}
img[data-srcs] {
opacity: 0;
}
.slick-cloned img[data-src] {
opacity: 1;
}
.slick-cloned img[data-srcs] {
opacity: 1;
}
blockquote {
margin-left: 2em;
}
a {
text-decoration: none;
color: inherit;
}
a:not([class]) {
color: #FF7A00;
border-bottom: 1px solid #FF7A00;
transition: border-bottom-color .3s;
}
a:not([class]):hover {
border-bottom-color: transparent;
}
::-webkit-contacts-auto-fill-button {
visibility: hidden;
pointer-events: none;
position: absolute;
right: 0;
}
body a:hover, body a:active, body a:focus {
text-decoration: none;
outline: 0;
}
input:focus {
border: none;
outline: none;
}
button {
-webkit-appearance: button;
cursor: pointer;
}
button:focus {
outline: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: transparent !important;
}
html input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
input {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="hidden"] {
display: none;
}
button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
ul:not([class]) {
margin: 0 0 1em;
display: flex;
flex-direction: column;
gap: 10px;
list-style-type: disc;
padding-left: 30px;
}
ol:not([class]) {
margin: 0 0 1em;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 30px;
list-style-type: decimal;
}
.article-body_item ul:not([class]),
.article-body_item ol:not([class]) {
margin: 1.4em 0 1.4em 0;
}
.main-btn {
display: flex;
align-items: center;
justify-content: center;
height: 44px;
background-color: #FFDF3D;
border: none;
padding: 0 1em;
font-weight: 600;
font-size: 0.959375rem;
border-radius: 8px;
color: #000;
text-align: center;
width: fit-content;
white-space: nowrap;
box-shadow:none;
transition: all .3s;
}
.main-btn:hover {
background-color: #ffd70a;
transition: all .3s;
box-shadow: 0 5px 30px rgba(34, 34, 34, 0.15);
}
.main-btn:active {
box-shadow: inset 1px 2px #a38800;
border-top: 1px solid #a38800;
}
.white-btn {
background: #fff;
}
.white-btn:hover {
background-color: #fff3b6;
}
.gray-btn {
background: #F6F6F6;
}
.logout-btn {
background: #feefee;
}
h1, .main-title {
font-size: 2.25rem;
font-weight: 600;
margin-top: 0;
margin-bottom: 1em;
}
h2, .section-title, .h2-title {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: .01em;
margin-bottom: .7em;
}
h3, .h3-title {
font-size: 1.4rem;
font-weight: 600;
letter-spacing: .01em;
margin-bottom: .5em;
}
.white-title {
color: #fff;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-upper {
text-transform: uppercase;
}
.min {
display: block;
}
@font-face {
font-family: "rouble";
src: url("../fonts/rouble.otf") format("opentype");
}
.rouble {
font-family: "rouble";
text-transform: none;
}
@font-face {
font-family: 'Montserrat';
src: url("../fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url("../fonts/Montserrat-Regular/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url("../fonts/Montserrat-Medium/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium/Montserrat-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url("../fonts/Montserrat-Bold/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold/Montserrat-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamPro';
src: url("../fonts/GothamPro-Bold/GothamPro-Bold.woff2") format("woff2"), url("../fonts/GothamPro-Bold/GothamPro-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'GothamPro';
src: url("../fonts/GothamPro/GothamPro.woff2") format("woff2"), url("../fonts/GothamPro/GothamPro.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*
@font-face {
font-family: 'PT Root UI';
src: url("../fonts/PTRootUI-Regular/PTRootUI-Regular.woff2") format("woff2"), url("../fonts/PTRootUI-Regular/PTRootUI-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PT Root UI';
src: url("../fonts/PTRootUI-Medium/PTRootUI-Medium.woff2") format("woff2"), url("../fonts/PTRootUI-Medium/PTRootUI-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PT Root UI';
src: url("../fonts/PTRootUI-Bold/PTRootUI-Bold.woff2") format("woff2"), url("../fonts/PTRootUI-Bold/PTRootUI-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}*/
.container {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
max-width: 1470px;
width: 100%;
}
.wrapper-loader {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.wrapper-loader.is-fade .logo-loader {
left: 50%;
opacity: 1;
}
.wrapper-loader.is-fade .loader-text {
left: 50%;
opacity: 1;
}
.logo-loader_content {
position: relative;
height: 80px;
margin-bottom: 1em;
width: 100%;
}
.logo-loader {
width: 430px;
height: 100%;
background: url(/img/logo.svg) no-repeat center top;
background-size: contain;
position: absolute;
left: 0;
opacity: 0;
text-align: left;
transform: translatex(-50%);
transition: left .4s;
}
.wrapper_loader-text {
position: relative;
text-align: right;
width: 100%;
}
.loader-text {
display: inline-block;
position: absolute;
left: 100%;
text-align: center;
color: #000;
font-size: 2rem;
opacity: 0;
transform: translatex(-50%);
white-space: nowrap;
transition: left .4s;
}
.bg-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.54);
z-index: 90;
}
.mobile-fixed_panel {
min-height: 64px;
background: rgb(255, 255, 255, .8);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
display: none;
padding: 0 15px;
align-items: center;
justify-content: center;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
position: fixed;
left: 0;
bottom: 0;
width: 100%;
gap: 2em;
z-index: 120;
}
.mobile-catalog {
transition: color .3s;
}
.mobile-catalog .item-img {
transition: filter .3s;
}
.mobile-catalog .item-img img {
max-width: 22px;
}
.mobile-catalog.is-active {
color: #FFC000;
}
.mobile-catalog.is-active .item-img {
filter: brightness(0) saturate(100%) invert(66%) sepia(98%) saturate(636%) hue-rotate(358deg) brightness(100%) contrast(106%);
}
/*****HEADER*****/
.ui-header {
background: #fff;
position: relative;
z-index: 100;
}
.ui-header.is-overflow {
overflow-y: scroll;
}
.main-head {
padding: 2em 0 1.4em;
display: flex;
align-items: center;
gap: 1.7em;
justify-content: space-between;
font-size: .935rem;
transition: all .2s;
}
.head-logo {
display: flex;
align-items: center;
max-width: 275px;
}
.mobile-logo {
display: none;
align-items: center;
}
.head_phone-number {
font-weight: 500;
font-size: 1.25rem;
}
.head-menu {
display: flex;
align-items: center;
gap: 1em;
font-size: 1.25rem;
font-weight: 500;
flex: 1 0 0;
}
.head-menu a,
.head-menu .sub-menu_link {
color: inherit;
min-height: 43px;
border-bottom: none;
transition: color .3s;
}
.head-menu a:hover {
color: #979797;
/*FFDF3D*/
}
.head-menu li.active {
pointer-events: none;
}
.head-menu li.active:not(:nth-child(2)):not(:nth-child(3)) a,
.head-menu li.active:not(:nth-child(2)):not(:nth-child(3)) .sub-menu_link {
color: #979797;
}
.head-menu li.active:nth-child(2) a, .head-menu li.active:nth-child(3) a,
.head-menu li.active:nth-child(2) .sub-menu_link, .head-menu li.active:nth-child(3) .sub-menu_link {
font-weight: 600;
}
.head-menu .wholesale-item {
display: flex;
align-items: center;
gap: 10px;
color: #E82794;
}
.head-menu .wholesale-item:hover {
color: #c7157a;
}
.head-menu .wholesale-item:before {
content: '';
display: block;
background: url(/img/icons/wh.svg) no-repeat center;
background-size: contain;
height: 20px;
flex: 20px 0 0;
width: 20px;
}
.head-menu .masters-item {
display: flex;
align-items: center;
gap: 10px;
color: #2688EB;
}
.head-menu .masters-item:hover {
color: #136fcb;
}
.head-menu .masters-item:before {
content: '';
display: block;
background: url(/img/icons/mt.svg) no-repeat center;
background-size: contain;
height: 20px;
flex: 20px 0 0;
width: 20px;
}
.head_bottom-panel {
display: flex;
gap: 1em;
}
.head_catalog-form {
display: none;
gap: 1em;
flex: 1 0 0;
}
.head-catalog_btn {
display: flex;
align-items: center;
padding: 0 1.55em;
border-radius: 16px;
gap: 1em;
font-weight: 600;
background: #FFDF3D;
min-height: 54px;
transition: background .3s;
line-height: normal;
}
.head-catalog_btn.is-hidden {
pointer-events: none;
}
.head-catalog_btn.is-active:before {
background-image: url(/img/icons/close.svg);
}
.head-catalog_btn:hover {
background-color: #ffd70a;
}
.head-catalog_btn:before {
content: '';
display: block;
background-image: url(/img/icons/burger.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: brightness(0) saturate(100%);
flex: 12px 0 0;
height: 10px;
width: 12px;
transition: all .3s;
}
.form-search {
position: relative;
flex: 1 0 0;
}
.form-search_input {
height: 36px;
height: 54px;
background: #F6F6F6;
border: 1px solid #F6F6F6;
border-radius: 16px;
font-weight: 500;
padding: 0 1em 0 4.3em;
transition: border .3s;
width: 100%;
}
.form-search_input::-webkit-input-placeholder {
color: #6b6b6b;
}
.form-search_input::input-placeholder {
color: #6b6b6b;
}
.form-search_input::-moz-input-placeholder {
color: #6b6b6b;
}
.form-search_input:focus {
border: 1px solid #FFDF3D;
}
.form-search_wrapper-submit {
position: absolute;
top: 0;
height: 100%;
left: 0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 55px;
transition: background .3s;
}
.form-search_wrapper-submit:hover {
background: #FFDF3D;
}
.form-search_wrapper-submit:before {
content: '';
display: block;
height: 19px;
background: url(/img/icons/search.svg) no-repeat center;
background-size: contain;
width: 19px;
transition: filter .3s;
}
.form-search_submit {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.head_city-logo {
display: flex;
align-items: center;
gap: 1em;
}
.head-city {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 5px;
font-size: 1.25rem;
}
.head-city .text {
display: none;
}
.city-name {
font-weight: 600;
display: flex;
align-items: center;
gap: 1em;
transition: color .3s;
}
.city-name:hover {
color: #FFDF3D;
}
.city-name:hover:after {
filter: brightness(0) saturate(100%) invert(81%) sepia(46%) saturate(715%) hue-rotate(336deg) brightness(109%) contrast(103%);
}
.city-name:after {
content: '';
display: block;
background: url(/img/icons/arrow.svg) no-repeat center;
background-size: contain;
height: 13px;
flex: 13px 0 0;
width: 13px;
transition: filter .3s;
}
.head-controls {
display: flex;
align-items: center;
gap: 0.8em;
padding-left: 3.5em;
flex: auto 0 0;
}
.head-fav, .head-user, .head-cart, .mobile-home, .mobile-catalog, .head-action {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
height: 44px;
flex: 44px 0 0;
border-radius: 50%;
background: #F6F6F6;
position: relative;
text-align: center;
width: 44px;
transition: background .3s;
}
.head-fav.is-active .head-control_amount, .head-user.is-active .head-control_amount, .head-cart.is-active .head-control_amount, .mobile-home.is-active .head-control_amount, .mobile-catalog.is-active .head-control_amount, .head-action.is-active .head-control_amount {
display: flex;
}
.head-fav .item-img, .head-user .item-img, .head-cart .item-img, .mobile-home .item-img, .mobile-catalog .item-img, .head-action .item-img {
display: flex;
align-items: center;
transition: filter .3s;
}
@media only screen and (min-width: 1025px) {
.head-fav:hover, .head-user:hover, .head-cart:hover, .mobile-home:hover, .mobile-catalog:hover, .head-action:hover {
background: #FFDF3D;
}
.head-fav:hover .head-control_amount, .head-user:hover .head-control_amount, .head-cart:hover .head-control_amount, .mobile-home:hover .head-control_amount, .mobile-catalog:hover .head-control_amount, .head-action:hover .head-control_amount {
background: #000;
color: #FFDF3D;
}
}
.mobile-catalog.is-hidden {
pointer-events: none;
}
.head-control_amount {
position: absolute;
right: 6px;
background: #FFDF3D;
border-radius: 50%;
display: none;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
color: #000;
height: 18px;
width: 18px;
top: 9px;
transition: background .3s, color .3s;
}
.wrapper_dropdown-box {
position: absolute;
top: 100%;
left: 0;
background: #fff;
padding-top: 0.95em;
width: 100%;
box-shadow: 0 30px 30px -30px rgba(0, 0, 0, 0.4);
display: none;
z-index: 30;
}
.wrapper_dropdown-box .dropdown-box_title {
margin-bottom: 0;
}
.dropdown-box_close-btn {
display: block;
height: 20px;
position: absolute;
cursor: pointer;
background: url(/img/icons/close.svg) no-repeat center;
background-size: contain;
right: calc(calc(100vw - 1450px) / 2);
top: 1.7em;
width: 20px;
transition: filter .3s;
}
.dropdown-box_close-btn:hover {
filter: brightness(0) saturate(100%) invert(68%) sepia(91%) saturate(2871%) hue-rotate(360deg) brightness(102%) contrast(102%);
}
.dropdown-box {
background: #fff;
height: 100vh;
max-height: 592px;
padding-left: 15px;
padding-right: 15px;
padding-top: 3.7em;
padding-bottom: 1em;
margin-left: auto;
margin-right: auto;
max-width: 1470px;
width: 100%;
}
.dropdown-box .dropdown_right-column {
padding-bottom: 3em;
}
.dropdown-box .dropdown_right-column .item-img {
margin-top: -3.4em;
margin-bottom: -2em;
}
.dropdown-box_content {
display: flex;
align-items: flex-start;
gap: 2em;
}
@media only screen and (min-width: 767px) {
.dropdown-box {
overflow: hidden;
overflow-y: auto;
}
@ -moz-document url-prefix() {
.dropdown-box {
scrollbar-color: #000 #DADFE8;
scrollbar-width: thin;
}
}
.dropdown-box::-webkit-scrollbar-track {
background-color: #DADFE8;
}
.dropdown-box::-webkit-scrollbar-thumb {
-webkit-border-radius: 100px;
border-radius: 100px;
background-color: #000;
}
.dropdown-box::-webkit-resizer {
width: 3px;
height: 0px;
}
.dropdown-box::-webkit-scrollbar {
width: 3px;
}
}
.dropdown-menu {
flex: 1 0 0;
display: grid;
grid-template-columns: 30% 39% 28%;
gap: 1em 2%;
font-size: 1.25rem;
font-weight: 600;
}
.dropdown-menu a,
.dropdown-menu .sub-menu_link {
display: inline-block;
color: inherit;
border-bottom: none;
transition: color .3s;
}
.dropdown-menu a.is-active:after,
.dropdown-menu .sub-menu_link.is-active:after {
transform: rotate(90deg);
}
.dropdown-menu a:after,
.dropdown-menu .sub-menu_link:after {
content: '';
display: inline-block;
background: url(/img/icons/arrow.svg) no-repeat center;
margin-left: .7em;
background-size: contain;
filter: brightness(0) saturate(100%) invert(57%) sepia(100%) saturate(1271%) hue-rotate(359deg) brightness(100%) contrast(105%);
height: 14px;
width: 8px;
vertical-align: middle;
transition: transform .2s;
}
.dropdown-menu_second a:after {
margin-top: -0.1em;
}
.dropdown-menu a:hover {
color: #FF9900;
}
.dropdown-menu .all-products_btn {
color: #FF9900;
border-bottom: 1px solid #FF9900;
margin-top: 1em;
font-size: .875rem;
transition: border-bottom-color .3s;
}
.dropdown-menu .all-products_btn:after {
display: none;
}
.dropdown-menu .all-products_btn:hover {
color: #FF9900;
border-bottom-color: transparent;
}
.dropdown-menu_second {
padding: .6em 0;
font-size: 1.375rem;
}
.dropdown-menu_second li {
margin-bottom: 5px;
}
.dropdown-menu_second li:last-child {
margin-bottom: 0;
}
.dropdown-menu_second a {
font-weight: 400;
letter-spacing: .05em;
font-size: 1rem;
}
.dropdown_right-column {
flex: 381px 0 0;
}
.dropdown-box_title {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
max-width: 1470px;
width: 100%;
}
.mobile-menu_arrow-icon {
display: none;
height: 17px;
flex: 10px 0 0;
background: url(/img/icons/arrow.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(85%) sepia(96%) saturate(3074%) hue-rotate(318deg) brightness(105%) contrast(103%);
width: 10px;
}
.back-list {
display: none;
align-items: center;
position: relative;
margin-bottom: 1em;
gap: .3em;
font-weight: 700;
cursor: pointer;
user-select: none;
width: fit-content;
}
.back-list:before {
content: '';
display: block;
height: 20px;
flex: 20px 0 0;
background: url(/img/icons/arrow.svg) no-repeat center;
background-size: contain;
transform: rotate(-180deg);
width: 20px;
}
.dropdown-box_mobile-title {
display: none;
align-items: center;
justify-content: space-between;
gap: 1em;
font-weight: 600;
font-size: 1.3125rem;
width: 100%;
}
.mobile-header_box {
display: none;
flex-direction: column;
justify-content: space-between;
flex: 1 0 0;
gap: 2em;
color: #000;
width: 100%;
}
.mobile-header_box .footer-adress {
max-width: 290px;
padding-right: 0;
}
.mobile-header_box .footer-adress:before {
filter: brightness(0) saturate(100%) invert(0%) sepia(23%) saturate(13%) hue-rotate(351deg) brightness(97%) contrast(100%);
}
.mobile-header_box .contact-item .item-subtitle {
color: inherit;
}
.mobile-header_box .footer_phone-number {
color: inherit;
font-weight: 600;
}
.mobile-header_column {
display: flex;
flex-direction: column;
gap: 1em;
}
.mobile-header_menu {
display: flex;
flex-direction: column;
gap: 1.7em;
font-size: 1.3125rem;
font-weight: 600;
}
.mobile-header_menu a,
.mobile-header_menu .sub-menu_link {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1em;
color: #000;
border-bottom: none;
transition: color .3s;
}
.mobile-header_menu a.is-active:after,
.mobile-header_menu .sub-menu_link.is-active:after {
transform: rotate(90deg);
}
.mobile-header_menu a:after,
.mobile-header_menu .sub-menu_link:after {
content: '';
display: inline-block;
background: url(/img/icons/arrow.svg) no-repeat center;
margin-left: .7em;
background-size: contain;
filter: brightness(0) saturate(100%) invert(97%) sepia(48%) saturate(2878%) hue-rotate(318deg) brightness(104%) contrast(105%);
height: 17px;
width: 10px;
vertical-align: middle;
transition: transform .2s;
}
.mobile-header_menu a:hover {
color: #FFDF3D;
}
.fixed-menu {
position: fixed !important;
top: 0;
left: 0;
background: rgb(255, 255, 255, .8);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transform: translate3d(0, -100px, 0);
max-width: 100%;
width: 100%;
z-index: 100;
}
.fixed-menu .main-head {
padding: 1em 0;
}
.fixed-menu .head_bottom-panel {
display: none;
}
.scroll-transform {
transform: translate3d(0, 0, 0) !important;
transition: transform .4s;
}
.site-map_section {
padding: 3em 0;
}
.site-map_menu li {
margin-bottom: 1em;
}
.site-map_content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
}
.main-content {
flex: 1 0 auto;
padding-top: 1.8em;
padding-bottom: 8em;
}
/***main-section**/
.main-section {
position: relative;
border-radius: 24px;
overflow: hidden;
}
.slick-arrow {
height: 43px;
background: #F6F6F6;
border-radius: 50%;
border: none;
display: flex;
align-items: center;
justify-content: center;
width: 43px;
transform: none;
transition: background .3s;
}
.slick-arrow:hover {
background: #FFDF3D;
}
.slick-arrow:before {
content: '';
display: block;
background: url(/img/icons/arrow-4.svg) no-repeat center;
background-size: contain;
position: relative;
left: 1px;
height: 23px;
width: 17px;
}
.slick-prev:before {
left: 2px;
}
.slick-dots {
bottom: -2rem;
}
.slick-dots li {
background: #D9D9D9;
transition: background .3s;
}
.slick-dots li.slick-active {
background: #FFDF3D;
}
.slick-next {
background: #DEDEDE;
}
.slick-prev {
transform: rotate(180deg);
}
.main-section {
min-height: 540px;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
border-radius: 25px;
padding: 2.3em;
width: 100%;
z-index: 1;
}
.main-slide-content {
display: flex;
flex-direction: column;
gap: .7em;
max-width: 420px;
color: #fff;
}
.main-slide-content .item-subtitle {
color: #FF1313;
font-weight: 600;
}
.main-slide-content .main-btn {
height: 52px;
border-radius: 16px;
font-size: 1.125rem;
padding: 0 1.7em;
min-width: 182px;
}
.main-slide-content p {
font-size: .875rem;
line-height: 1.45;
color: #dfdfdf;
}
.main-slide_title {
margin-bottom: 0;
line-height: 1.1;
text-transform: uppercase;
font-size: 2.25rem;
font-weight: 600;
}
.main-slide_img {
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
z-index: -1;
}
.main-slide_img img {
height: 100%;
object-fit: cover;
width: 100%;
}
/**brands-section**/
.brands-section {
padding: 2em 0 1.1em;
}
.brands-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.7em;
}
.brand-item {
display: flex;
flex-direction: column;
gap: 1.3em;
justify-content: space-between;
border-radius: 16px;
color: #fff;
font-weight: 500;
line-height: 1.3;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 1.7em;
padding-bottom: 1.1em;
min-height: 292px;
position: relative;
overflow: hidden;
}
.brand-item__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.5) 20%,
rgba(0, 0, 0, 0.3) 60%,
rgba(0, 0, 0, 0.1) 100%
);
z-index: 1;
}
.brand-item:hover .brand-item_icon {
background: #fff;
}
.brand-item:hover .brand-item_icon:before {
filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(17%) hue-rotate(135deg) brightness(100%) contrast(106%);
}
.brand-item_footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.3em;
}
.brand-item_title,
.brand-item_footer {
position: relative;
z-index: 2;
}
.brand-item_logo.first-item {
margin-left: -13px;
}
.brand-item_icon {
height: 43px;
flex: 43px 0 0;
border-radius: 16px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
width: 43px;
transition: background .3s;
}
.brand-item_icon:before {
content: '';
display: block;
background: url(/img/icons/arrow-2.svg) no-repeat center;
background-size: contain;
height: 25px;
flex: 17px 0 0;
width: 17px;
transition: filter .3s;
}
/**company-section**/
.company-section {
display: flex;
gap: 2em;
}
.company-section .three-columns {
flex: 1 0 0;
}
.company-desc_column {
flex: 1 0 0;
max-width: 38%;
padding-right: 20%;
position: relative;
z-index: 1;
}
.company-desc_column .section-title {
line-height: 1.1;
margin-bottom: .3em;
}
.company-desc_column p {
font-size: .875rem;
line-height: 1.4;
}
.company-desc_column .item-logo {
display: block;
margin-bottom: .8em;
}
.company-desc_column .item-img {
position: absolute;
bottom: -2em;
right: 0;
width: 65%;
z-index: -1;
text-align: right;
}
.three-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.8em;
}
.offer-unit {
display: flex;
flex-direction: column;
border-radius: 17px;
background: #F6F6F6;
}
.offer-unit p {
font-size: .75rem;
line-height: 1.35;
padding-right: 8%;
}
.offer-unit:hover .offer-unit_title {
color: #FFDF3D;
}
.offer-unit:hover .unified-item_arrow {
background: #000;
}
.offer-unit:hover .unified-item_arrow:before {
filter: brightness(0) saturate(100%) invert(88%) sepia(88%) saturate(3971%) hue-rotate(319deg) brightness(107%) contrast(99%);
}
.offer-unit_img {
padding-top: 70%;
border-radius: 17px 17px 0 0;
overflow: hidden;
position: relative;
}
.offer-unit_img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
.offer-unit_desc {
padding: 1.3em 1em 2em;
display: flex;
flex-direction: column;
flex: 1 0 0;
position: relative;
gap: .7em;
z-index: 1;
}
.offer-unit_title {
font-size: 1.375rem;
font-weight: 600;
text-transform: uppercase;
transition: color .3s;
}
.wrapper_unified-item_arrow {
display: block;
position: absolute;
right: 25px;
bottom: 25px;
z-index: -1;
}
.unified-item_arrow {
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 50%;
background: #FFDF3D;
height: 36px;
width: 36px;
z-index: 1;
transition: background .3s;
}
.unified-item_arrow:before {
content: '';
display: block;
background: url(/img/icons/arrow.svg) no-repeat center;
background-size: contain;
height: 18px;
flex: 12px 0 0;
width: 12px;
transition: filter .3s;
}
/**category-section**/
.category-section {
padding: 6em 0 1.5em;
}
.category-mod_section {
padding-top: 0;
padding-bottom: 7em;
}
.category-top_section {
padding-top: 4.7em;
padding-bottom: 0;
}
.category-row {
display: grid;
grid-template-columns: 24.5% 23.7% 24.2% 24.2%;
gap: 1em 1.1%;
}
.category-item {
overflow: hidden;
background: #F6F6F6;
border-radius: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 17px;
font-weight: 500;
font-size: 1.75rem;
position: relative;
transition: background .3s;
z-index: 1;
}
.category-item:hover {
background: #FFDF3D;
}
.category-item:hover .unified-item_arrow {
background: #000;
}
.category-item:hover .unified-item_arrow:before {
filter: brightness(0) saturate(100%) invert(88%) sepia(88%) saturate(3971%) hue-rotate(319deg) brightness(107%) contrast(99%);
}
.category-item .item-img img {
max-width: inherit;
}
.category-item .item-title {
padding: 1em;
padding-bottom: 0;
letter-spacing: .02em;
}
.category-item .wrapper_unified-item_arrow {
z-index: 2;
}
.category-item .unified-item_arrow {
height: 56px;
width: 56px;
}
.category-item .unified-item_arrow:before {
height: 26px;
flex: 17px 0 0;
background: url(/img/icons/arrow-2.svg) no-repeat center;
filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(12%) hue-rotate(170deg) brightness(94%) contrast(99%);
background-size: contain;
width: 17px;
}
.category-high_item {
justify-content: flex-start;
grid-column: span 1;
grid-row: 1 / 3;
}
.all-catalog_btn {
background: #484848;
flex-direction: column;
color: #fff;
transition: background .3s;
}
.all-catalog_btn:hover {
background: #ffd70a;
}
.category-long_item {
grid-column: span 2;
}
.category-long_item .item-img {
display: flex;
align-items: flex-end;
}
.category-last_item .item-img {
left: .6em;
}
/**products-section**/
.products-section {
padding: 5.5em 0 1.2em;
}
.products-section.products-section_mod {
padding-top: 1em;
}
.products-section:last-child {
padding-bottom: 0;
}
.products-mod_section {
padding-bottom: 1em;
}
.unified-section_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2em;
margin-bottom: 2em;
}
.unified-section_header h2, .unified-section_header .section-title {
margin-bottom: 0;
}
.unified-section_header .right-cell {
font-size: 2.25rem;
font-weight: 600;
}
.unified-top_menu {
display: flex;
gap: .4em;
font-size: .935rem;
}
.unified-top_menu li.active {
pointer-events: none;
background: #FFDF3D;
border: 1px solid #FFDF3D;
}
.unified-top_menu li {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: inherit;
min-height: 43px;
border-radius: 16px;
padding: 0.15em 1.1em 0;
min-width: 75px;
border: 1px solid #B2B2B2;
text-align: center;
transition: background .3s, color .3s;
}
.unified-top_menu li:hover {
background: #FFDF3D;
border: 1px solid #FFDF3D;
}
.six-columns {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 2.2em 1.4em;
}
.no-padding-top {
padding-top: 0;
}
.product-item {
display: flex;
flex-direction: column;
position: relative;
}
.product-item p {
font-size: .875rem;
color: #848484;
line-height: 1.4;
}
.product-item_fav {
background-image: url(/img/icons/fav.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
right: 1.1em;
top: .7em;
height: 18px;
width: 21px;
transition: all .3s;
cursor: pointer;
z-index:3;
}
.product-item_fav.is-active {
background-image: url(/img/icons/fav-2.svg);
filter: none;
}
.product-item_label {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 0.875rem;
position: absolute;
left: .7em;
top: .7em;
z-index: 2;
}
.product-item_label li {
min-height: 24px;
display: flex;
align-items: center;
padding: .2em .5em;
border-radius: 40px;
}
.product-item_label .new {
background: #000106;
color: #fff;
text-transform: uppercase;
}
.product-item_img {
/*height: 220px;*/
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
overflow: hidden;
border: 1px solid #F5F7F9;
object-fit: cover;
transition: all .625s;
}
/*
@media only screen and (max-width: 1599px) {
.product-item_img {
height: 180px;
}
}
@media only screen and (max-width: 1279px) {
.product-item_img {
height: 230px;
}
}
@media only screen and (max-width: 1110px) {
.product-item_img {
height: 210px;
}
}
@media only screen and (max-width: 1024px) {
.product-item_img {
height: 230px;
}
}
*/
.product-item:hover .product-item_img {
border: 1px solid #ffdf3d;
transition: all .3s;
}
.product-item_desc {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 0 0;
gap: .4em;
padding-top: 3px;
}
.product-item_price-row {
display: flex;
align-items: center;
/*font-family: 'PT Root UI';*/
gap: .2em .5em;
}
.product-item_price {
font-size: 1.35rem;
font-weight: 700;
color: #E82794;
white-space: nowrap;
}
.product-item_price.promo-hidden {
color: #427DFE;
}
.product-item_title {
/*font-family: 'PT Root UI';*/
font-size: 0.935rem;
font-weight: 500;
line-height: 1.3;
}
.product-item_title a {
color: inherit;
border-bottom-color: transparent;
transition: border-bottom-color .3s, color .3s;
}
.product-item_title a:hover {
color: #585B5F;
border-bottom-color: #585B5F;
}
.product-item_old-price {
color: #B0B1B2;
font-size: 1rem;
white-space: nowrap;
}
.product-item_discount {
margin-left: auto;
color: #fff;
background: #000;
border-radius: 40px;
font-size: 0.75rem;
padding: .2em .3em .1em;
}
.product-item_code-quantity {
display: flex;
align-items: center;
gap: 1em;
justify-content: space-between;
margin-bottom: .7em;
}
.product-item_code {
color: #585B5F;
/*font-family: 'PT Root UI';*/
font-size: 0.875rem;
font-weight: 500;
margin-top: auto;
margin-bottom: .4em;
}
.product-item_code.text-cut {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.product-item_counter-btn .wrapper-counter-btn {
display: none;
}
.product-item_counter-btn.is-active .wrapper-counter-btn {
display: flex;
}
.product-item_counter-btn.is-active .product-item_btn {
display: none;
}
.product-item_btn {
height: 44px;
background: #FFDF3D;
border-radius: 40px;
gap: .7em;
/*font-family: 'PT Root UI';*/
font-weight: 500;
width: 100%;
}
.product-item_btn.not-available {
background: #CCCCCD;
color: #fff;
pointer-events: none;
}
.product-item_btn.not-available:before {
filter: brightness(0) invert(1);
}
.product-item_btn:before {
content: '';
display: block;
height: 24px;
flex: 24px 0 0;
background: url(/img/icons/cart-2.svg) no-repeat center;
background-size: contain;
width: 24px;
}
.wrapper-counter-btn {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
gap: 10px;
width: 100%;
flex: 1 0 0;
height: 43px;
}
.wrapper-counter-btn .counter-back, .wrapper-counter-btn .counter-forward {
border: none;
width: 43px;
flex: 43px 0 0;
height: 100%;
border: none;
background-color: #E3EBEC;
border-radius: 8px;
position: relative;
transition: background .25s, border-color .25s;
}
.wrapper-counter-btn .counter-back:hover, .wrapper-counter-btn .counter-forward:hover {
background: #FF9900;
}
.wrapper-counter-btn .counter-forward {
background: #FFDF3D;
}
.wrapper-counter-btn .counter-back {
border: 1px solid #EBEDEE;
background: #fff;
}
.wrapper-counter-btn .counter-back:before {
content: '';
display: block;
width: 12px;
height: 2px;
background: #919A9E;
border-radius: 2px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.wrapper-counter-btn .counter-forward:after, .wrapper-counter-btn .counter-forward:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #38393A;
border-radius: 2px;
transition: background .3s;
}
.wrapper-counter-btn .counter-forward:after {
height: 12px;
width: 2px;
}
.wrapper-counter-btn .counter-forward:before {
height: 2px;
width: 12px;
}
.wrapper-counter-btn .product-count {
width: 100%;
flex: 1 0 0;
background: #F8F8F8;
font-weight: 700;
border: none;
border-radius: 8px;
height: 100%;
text-align: center;
}
.load-btn {
background: #F6F6F6;
height: 54px;
border-radius: 16px;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
min-width: 206px;
}
.product-list_content {
display: flex;
flex-direction: column;
gap: 2em;
padding-right: 2em;
}
.product-mod_item {
flex-direction: row;
padding: 0;
padding-bottom: 1em;
border-bottom: 1px solid #eeeeee;
}
.product-mod_item .product-item_img {
flex: 230px 0 0;
}
.product-mod_item .product-item_desc {
flex-direction: row;
gap: 1em;
}
.product-mod_item .product-item_fav {
position: relative;
left: 0;
top: 0;
}
.product-mod_item .product-item_code-quantity {
justify-content: flex-start;
gap: 2em;
}
.product-mod_item .product-item_title {
font-size: 1.125rem;
}
.product-mod_item p {
max-width: 300px;
}
.product-mod_item .product-item_price-row {
font-size: 1.8125rem;
gap: .5em;
}
.product-mod_item .product-item_price-row .rouble, .product-mod_item .product-item_price-row .things {
font-size: 90%;
}
.product-mod_item .product-item_old-price {
font-size: 1.35rem;
}
.product-mod_item .product-item_btn {
height: 45px;
min-width: 231px;
background: #FFC000;
font-size: 1.021875rem;
}
.product-item_left-column {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: .1em;
}
.product-item_right-column {
flex: 0 0 auto;
max-width: 272px;
display: flex;
flex-direction: column;
padding-top: 1.4em;
gap: .8em;
}
.product-item-wrapper-btns {
display: flex;
align-items: center;
gap: 1.3em;
}
/* стили для обертки слайдера внутри плитки */
.wrapper_slide-column {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
}
.wrapper_slide-column .slide-column {
flex: 1 0 0;
}
.product-item_img-slider {
height: 100%;
max-height:230px;
width: 100%;
z-index: 1;
}
.product-item_img-slider .slick-list {
height: 100%;
padding: 0
}
.product-item_img-slider .slick-track {
display: flex;
height: 100%
}
.product-item_img-slider .slick-slide {
height: auto;
padding: 0
}
.product-item_img-slider .slick-slide > div {
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.product-item_img-slider .slick-dots {
bottom: .35rem;
display: flex;
justify-content: center;
gap: 4px
}
.product-item_img-slider .slick-dots li {
height: 2px;
width: 13px;
margin: 0;
background: #abbbce;
border-radius: 2px
}
.product-item_img-slider .slick-dots .slick-active {
background: #000
}
.product-item_img-slider img {
/* width: auto!important */
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
/* Фиксим слайдер внутри сетки */
.three-columns .product-item_img-slider,
.six-columns .product-item_img-slider,
.fourth-columns .product-item_img-slider {
width: 100% !important;
max-width: 100% !important;
}
/* Убиваем ширину, которую slick проставляет */
.three-columns .product-item_img-slider .slick-slide,
.six-columns .product-item_img-slider .slick-slide,
.fourth-columns .product-item_img-slider .slick-slide {
width: 100% !important; /* переопределяем встроенные стили */
}
.three-columns .product-item_img-slider .slick-track,
.six-columns .product-item_img-slider .slick-track,
.fourth-columns .product-item_img-slider .slick-track {
width: 100% !important;
transform: translate3d(0,0,0) !important; /* отключаем трансформацию */
}
/* Заставляем все слайды быть в одной строке и занимать всю ширину */
.three-columns .product-item_img-slider .slick-slide,
.six-columns .product-item_img-slider .slick-slide,
.fourth-columns .product-item_img-slider .slick-slide {
float: none !important;
display: inline-block !important;
vertical-align: top;
}
/* Если не поможет - отключаем transform у track */
.three-columns .product-item_img-slider .slick-track,
.six-columns .product-item_img-slider .slick-track,
.fourth-columns .product-item_img-slider .slick-track {
transform: none !important;
width: 100% !important;
display: flex !important;
}
.three-columns .product-item_img-slider .slick-slide,
.six-columns .product-item_img-slider .slick-slide,
.fourth-columns .product-item_img-slider .slick-slide {
flex: 0 0 100% !important;
width: 100% !important;
}
/**marketplaces-section**/
.marketplaces-section {
padding: 6em 0;
text-align: center;
}
.marketplaces-section .section-title {
margin-bottom: .5em;
}
.marketplaces-section .top-text {
display: block;
margin-bottom: 1em;
font-size: 1.5rem;
}
@media (min-width: 1199px) {
.marketplaces-section .section-title {
font-size: 2.25rem;
}
}
.marketplaces-list {
display: flex;
align-items: center;
gap: 1em;
justify-content: center;
}
.marketplace-item {
transition: opacity .3s;
}
.marketplace-item:hover {
opacity: .8;
}
.marketplace-item .item-btn {
display: none;
}
.marketplaces-mod_section {
padding-top: 4.2em;
padding-bottom: 0;
}
.marketplaces_pad-mod_section {
padding-top: 4.5em;
}
/**calc-section**/
.calc-section {
background: #FFDF3D;
border-radius: 17px;
display: flex;
gap: 1em;
}
.calc-section p {
letter-spacing: .02em;
font-size: 1.125rem;
max-width: 500px;
}
.calc-section .section-title {
margin-bottom: .5em;
}
@media (min-width: 1199px) {
.calc-section .section-title {
font-size: 2rem;
}
}
.calc-mod_section {
margin-bottom: 1em;
}
.calc-left_column {
padding: 1.7em 0 2.2em 2.3em;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 37% 0 0;
position: relative;
z-index: 1;
}
.calc-left_column .section-title {
max-width: 420px;
}
.calc-right_column {
flex: 1 0 0;
display: flex;
align-items: flex-end;
justify-content: center;
}
.calc-btn {
min-width: 162px;
height: 50px;
border-radius: 16px;
margin-top: 1.6em;
}
.calc-img {
display: block;
}
/**articles-section**/
.articles-section {
padding: 6.7em 0;
}
@media (min-width: 1199px) {
.articles-section .section-title {
font-size: 2.25rem;
}
}
.see-all_btn {
display: flex;
align-items: center;
justify-content: center;
color: inherit;
min-height: 43px;
border-radius: 16px;
padding: 0 1.4em;
min-width: 75px;
border: 1px solid #B2B2B2;
text-align: center;
transition: background .3s, color .3s;
}
.see-all_btn:hover {
background: #FFDF3D;
border: 1px solid #FFDF3D;
}
.articles-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: .7em;
}
.article-item {
display: flex;
flex-direction: column;
gap: .8em;
}
.article-item p {
line-height: 1.5;
padding-right: 7%;
}
.article-item:hover .article-item_title {
color: #FF9900;
}
.article-item_tag {
background: #fff;
border-radius: 8px;
min-height: 24px;
padding: .3em 1em;
display: flex;
align-items: center;
justify-content: center;
font-size: .875rem;
font-weight: 500;
position: absolute;
left: 1.2em;
top: 1.2em;
text-align: center;
z-index: 1;
}
.article-item_img {
position: relative;
padding-top: 61%;
}
.article-item_img .item-img {
position: absolute;
height: 100%;
object-fit: cover;
border-radius: 17px;
left: 0;
top: 0;
width: 100%;
}
.article-item_desc {
display: flex;
flex-direction: column;
gap: 1em;
}
.article-item_date {
color: rgba(0, 0, 0, 0.5);
font-size: 1.205rem;
}
.article-item_title {
font-size: 1.4rem;
line-height: 1.25;
font-weight: 600;
transition: color .3s;
}
.timer-discount_row {
position: absolute;
left: 1em;
bottom: 1em;
display: flex;
gap: 5px;
}
.timer {
display: flex;
align-items: center;
gap: 2px;
min-height: 24px;
border-radius: 8px;
background: #FFDF3D;
font-size: .875rem;
font-weight: 500;
padding: .3em .9em;
text-transform: uppercase;
}
.timer.is-ended:before {
display: none;
}
.timer:before {
content: '';
display: block;
height: 16px;
flex: 16px 0 0;
background-image: url(/img/icons/fire.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: 5px;
width: 16px;
}
.action-item_discount {
display: flex;
align-items: center;
position: absolute;
left: 1.2em;
top: 1.2em;
min-height: 24px;
border-radius: 40px;
background: #E82794;
color: #fff;
font-size: .875rem;
font-weight: 700;
padding: .3em .4em;
z-index: 2;
}
.time_number {
display: flex;
align-items: center;
gap: 2px;
}
.unified-mobile_btn {
height: 50px;
background: #F6F6F6;
display: none;
align-items: center;
justify-content: center;
border-radius: 16px;
font-weight: 500;
font-size: .935rem;
margin-top: 1em;
text-align: center;
}
/**dealer-section**/
.dealer-section {
display: flex;
gap: 2.3em;
margin-bottom: 7em;
}
.dealer-section:last-child {
margin-bottom: 0;
}
.dealer-section .column-unit {
display: flex;
flex-direction: column;
gap: 1em;
}
.dealer-section .column-mobile_unit {
display: none;
}
.dealer-mod_section {
margin-bottom: 0;
}
.dealer-left_column {
flex: 37.8% 0 0;
background: #F6F6F6;
padding: 2.2em;
display: flex;
flex-direction: column;
gap: 2.3em;
justify-content: space-between;
border-radius: 24px;
}
.dealer-left_column .top-text {
font-size: 1.125rem;
}
.dealer-left_column .section-title {
margin-bottom: 0;
max-width: 260px;
}
@media (min-width: 1199px) {
.dealer-left_column .section-title {
font-size: 2.25rem;
}
}
.unified_form-policy {
font-size: .75rem;
}
.unified_form-policy .checkbox-text {
padding-top: 2px;
}
.form-group {
margin-bottom: 1em;
display: flex;
flex-direction: column;
position: relative;
gap: 10px;
}
.form-control {
border: none;
border: 1px solid #fff;
background: #fff;
height: 52px;
border-radius: 16px;
font-size: 17px;
padding: 0 1.4em;
display: block;
resize: none;
outline: none;
overflow: hidden;
position: relative;
z-index: 1;
width: 100%;
transition: border .3s;
}
.form-control:focus {
border: 1px solid #FFDF3D;
}
.form-control::-webkit-input-placeholder {
color: #909090;
}
.form-control::input-placeholder {
color: #909090;
}
.form-control::-moz-input-placeholder {
color: #909090;
}
.wrapper_unified-submit_btn {
margin-top: 1.2em;
}
.unified-submit_btn {
height: 54px;
border-radius: 16px;
background: #FED74C;
width: 100%;
}
.unified-submit_btn.is-disabled {
background: gray;
column-span: not-allowed;
}
.wrapper_password-input {
position: relative;
}
.wrapper_password-input .ico-view {
display: block;
height: 15px;
background-image: url(/img/icons/view.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(97%) saturate(13%) hue-rotate(234deg) brightness(97%) contrast(103%);
cursor: pointer;
position: absolute;
right: 1.4em;
top: 1.7em;
width: 30px;
transition: all .2s;
z-index: 2;
}
.wrapper_password-input .ico-view.is-active {
background-image: url(/img/icons/view-2.svg);
top: 1.4em;
}
.wrapper_password-input .form-control {
padding-right: 2em;
}
.unified-form_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
margin-top: 1em;
}
.unified-form_row:last-child {
margin-bottom: 0;
}
.unified-form_row .unified-checkbox {
padding-left: 2em;
}
.unified-form_btn {
color: inherit;
border-bottom: none;
transition: color .3s;
}
.unified-form_btn:hover {
color: #FFDF3D;
}
.dealer-right_column {
flex: 1 0 0;
position: relative;
z-index: 1;
}
.advantages-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
height: 100%;
}
.advantages-list li {
position: relative;
background: #FFDF3D;
border-radius: 24px;
padding: 1.35em;
padding-left: 1.7em;
display: flex;
align-items: center;
}
.advantage-main_item {
display: flex;
align-items: flex-start;
gap: 1.4em;
}
.advantage-main_item .item-desc {
display: flex;
flex-direction: column;
gap: .3em;
}
.advantage-main_item .item-icon {
flex: 40px 0 0;
width: 40px;
margin-top: 10px;
}
.advantage-main_item .item-title {
display: block;
font-weight: 600;
font-size: 1.75rem;
padding-right: 1em;
margin-bottom: .08em;
}
.advantage-main_item p {
font-size: 1.125rem;
line-height: 1.4;
}
/**mailing-form_section**/
.mailing-form_section {
display: flex;
gap: 2.8em;
}
.mailing-form_mod-section {
margin-bottom: 5.2em;
}
.mailing-form_left-column {
flex: 57.5% 0 0;
background: url(/img/bg/email-bg.jpg) no-repeat center;
background-size: cover;
border-radius: 24px;
min-height: 444px;
}
.mailing-form_right-column {
flex: 1 0 0;
border-radius: 24px;
background: #F6F6F6;
padding: 2.3em;
}
.mailing-form_right-column .section-title {
line-height: 1.1;
margin-bottom: .3em;
}
.mailing-form_right-column .top-text {
display: block;
font-size: 1.125rem;
margin-bottom: 4em;
}
@media (min-width: 1199px) {
.mailing-form_right-column .section-title {
font-size: 2.25rem;
}
}
.mailing-form {
display: flex;
flex-direction: column;
gap: 1em;
}
.mailing-form .form-group {
margin-bottom: 0;
}
.mailing-form .form-control {
font-size: 1.125rem;
padding: 0 1em;
border-radius: 16px;
}
.mailing-form_submit {
height: 54px;
font-weight: 600;
padding: 0 1.5em;
width: 100%;
}
.mailing-form_img {
position: absolute;
bottom: -5.9em;
right: 18%;
z-index: -1;
}
.watched-section {
padding-top: 6.7em;
}
.watched-section:last-child {
padding-bottom: 0;
}
@media (min-width: 1199px) {
.watched-section .section-title {
font-size: 2.25rem;
}
}
.watched-mod_section {
padding-top: 4em;
}
/**catalog-section**/
.breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .3em 1.6em;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 2.5em;
font-weight: 400;
position: relative;
z-index: 1;
}
.breadcrumbs li {
position: relative;
}
.breadcrumbs li:after {
content: '';
display: block;
height: 4px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
position: absolute;
top: 7px;
right: -1em;
width: 4px;
}
.breadcrumbs li:last-child:after {
display: none;
}
.breadcrumbs .first-child:after {
display: none;
}
.breadcrumbs a {
font-weight: 500;
color: #000;
border-bottom: none;
transition: color .3s;
}
.breadcrumbs a:hover {
color: #FFDF3D;
}
.breadcrumbs a:hover:before {
filter: brightness(0) saturate(100%) invert(97%) sepia(48%) saturate(2878%) hue-rotate(318deg) brightness(104%) contrast(105%);
}
.breadcrumbs .home-link {
display: flex;
align-items: center;
gap: 12px;
}
.breadcrumbs .home-link:before {
content: '';
display: none;
background: url(/img/icons/arrow-3.svg) no-repeat center;
background-size: contain;
flex: 16px 0 0;
height: 14px;
width: 16px;
transition: filter .3s;
}
.wrapper-main-title {
display: flex;
align-items: center;
gap: 10px;
}
.back-page_btn {
display: none;
background: url(/img/icons/arrow-3.svg) no-repeat center;
background-size: contain;
flex: 16px 0 0;
height: 14px;
width: 16px;
transition: filter .3s;
}
.back-page_btn:hover {
filter: brightness(0) saturate(100%) invert(97%) sepia(48%) saturate(2878%) hue-rotate(318deg) brightness(104%) contrast(105%);
}
.breadcrumbs_nowrap {
flex-wrap: nowrap;
}
.quantity-goods {
font-weight: 400;
font-size: 1rem;
color: rgba(0, 0, 0, 0.5);
position: relative;
display: inline-block;
vertical-align: middle;
top: -.1em;
}
.catalog-content {
display: flex;
}
.catalog_left-column {
flex: 400px 0 0;
}
.catalog-mod_left-column {
padding-left: 5px;
}
.catalog_right-column {
flex: 1 0 0;
max-width: calc(100% - 400px);
padding-left: 3.3em;
}
.catalog-sidebar {
position: sticky;
top: 6em;
}
.category-mod_row {
grid-template-columns: 25.5% 36.3% 36.3%;
}
.category-mod_row .category-long_item {
grid-column: span 1;
}
.category-mod_row .category-long_item .item-img {
align-items: start;
margin-top: -2em;
position: relative;
right: 1em;
}
.category-mod_row .category-item .item-title {
padding: 1em;
padding-left: 1.5em;
padding-top: 0;
}
.category-mod_row .category-item .item-img {
margin-bottom: -1.8em;
text-align: center;
}
.category-mod_row .category-long_item {
overflow: hidden;
flex-direction: row;
}
.category-mod_row .category-long_item .item-title {
align-self: flex-end;
}
.category-mod_row .category-high_item .item-img {
margin-bottom: 0;
}
.category-mod_row .category-high_item .item-title {
max-width: 140px;
padding-left: 1.5em;
}
@media (min-width: 1599px) {
.category-mod_row .category-item .item-title {
font-size: 1.5rem;
}
}
.category-long_mod-item .item-img {
position: relative;
right: 1em;
top: -1.5em;
}
.catalog-menu {
display: flex;
flex-direction: column;
font-size: 1.25rem;
font-weight: 600;
margin-top: -1em;
}
.catalog-menu li {
border-bottom: 1px solid #e8e8e8;
}
.catalog-menu .a {
display: flex;
align-items: center;
justify-content: space-between;
gap: .7em;
min-height: 55px;
color: inherit;
border-bottom: none;
transition: color .3s;
cursor: pointer;
}
.catalog-menu li.active .parent {
color: #FF9900;
}
.catalog-menu .a.is-active:after {
transform: rotate(-180deg);
}
.catalog-menu .a.parent:after {
content: '';
display: inline-block;
background: url(/img/icons/arrow-6.svg) no-repeat center;
margin-left: .7em;
background-size: contain;
height: 24px;
flex: 24px 0 0;
width: 24px;
vertical-align: middle;
transition: transform .2s;
}
.catalog-menu .a:hover {
color: #FFDF3D;
}
.catalog-submenu {
display: none;
flex-direction: column;
font-size: 1.3125rem;
padding: 1em;
padding-top: .5em;
}
.catalog-submenu li {
margin-bottom: .3em;
border-bottom: none;
}
.catalog-submenu li:last-child {
margin-bottom: 0;
}
.catalog-submenu .a {
display: inline-block;
font-size: 1rem;
font-weight: 500;
color: #2c2c2c;
min-height: auto;
border-bottom: none;
transition: color .3s;
}
.catalog-submenu .active .a {
color: #FF9900;
}
.catalog-submenu .a:after {
content: '';
display: inline-block;
background: url(/img/icons/arrow.svg) no-repeat center;
margin-left: .7em;
background-size: contain;
filter: brightness(0) saturate(100%) invert(97%) sepia(48%) saturate(2878%) hue-rotate(318deg) brightness(104%) contrast(105%);
height: 14px;
width: 8px;
vertical-align: middle;
}
.catalog-submenu .a:hover {
color: #FFDF3D;
}
.filter_top-panel {
margin-bottom: 1.1em;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.7em;
}
.filter_top-panel .left-column {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1em;
}
.filter_top-panel .selectric-items {
min-width: 170px;
}
.selectric {
height: 43px;
border: 1px solid #D0D0D0;
border-radius: 12px;
background: transparent;
}
.selectric .label {
font-size: inherit;
height: 100%;
line-height: 43px;
margin-left: 1.8em;
margin-right: 3.2rem;
color: inherit;
}
.selectric .button {
height: 100%;
width: 1rem;
right: 1rem;
background-color: transparent;
}
.selectric .button:after {
width: 11px;
height: 11px;
border: none;
background: url(/img/icons/arrow-2.svg) no-repeat center top;
background-size: contain;
filter: brightness(0) saturate(100%) invert(2%) sepia(15%) saturate(4831%) hue-rotate(250deg) brightness(103%) contrast(105%);
transform: rotate(90deg);
}
.selectric-open .selectric {
border-color: #D0D0D0;
}
.selectric-items ul {
padding: 0;
margin: 0;
font-size: inherit;
}
.selectric-items li {
margin-bottom: 0 !important;
}
.selectric-items .selectric-scroll {
scrollbar-color: #FFDF3D #DADFE8;
scrollbar-width: thin;
}
.selectric-items .selectric-scroll::-webkit-scrollbar-track {
background-color: transparent;
}
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #cccccc;
}
.selectric-items .selectric-scroll::-webkit-resizer {
width: 3px;
height: 0px;
}
.selectric-items .selectric-scroll::-webkit-scrollbar {
width: 3px;
}
@-moz-document url-prefix() {
.selectric-items {
scrollbar-color: #FF9900 #DADFE8;
scrollbar-width: thin;
}
}
.selectric-items {
border: none;
padding: 0 .7em;
font-size: inherit;
background: #fff;
box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.15);
border: none;
padding: 0;
border-radius: 17px;
}
.selectric-items li {
font-size: inherit;
padding: .5em .7em;
color: inherit;
border-bottom: none;
transition: background .3s, color .3s;
}
.selectric-items li:hover {
background: #f0f0f0;
color: inherit;
}
.selectric-items li.highlighted {
color: #FF9900;
background: transparent;
}
.selectric-open .button {
transform: rotate(180deg);
}
.view-mode_list {
display: flex;
padding: .25em;
background: #FFDF3D;
border-radius: 16px;
}
.view-mode_item {
display: flex;
align-items: center;
justify-content: center;
height: 37px;
flex: 47px 0 0;
border-radius: 16px;
width: 47px;
transition: background .3s;
}
.view-mode_item.active {
background: #fff;
pointer-events: none;
}
.filter-middle_panel {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1em;
margin-bottom: 2.1em;
}
.filter-middle_panel .left-column form {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.filter-middle_panel .selectric-wrapper {
max-width: 260px;
}
.filter-middle_panel .selectric-items {
min-width: 240px;
}
.filter-middle_panel .selectric {
font-size: .935rem;
}
.filter_instock_btn {
display: flex;
align-items: center;
gap: 19px;
height: 44px;
border: none;
font-weight: 500;
font-size: .935rem;
padding: 0.15em 1.7em 0 1.7em;
border-radius: 12px;
transition: background .3s, color .3s;
}
.filter_instock_btn.is-active {
background: #FFDF3D;
}
.filter_instock_btn:hover {
background: #FF9900;
color: #000;
}
.filter_instock_btn:hover:after {
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(20%) hue-rotate(24deg) brightness(105%) contrast(105%);
}
.filter_instock_btn.is-active:after {
content: '';
display: block;
height: 12px;
flex: 12px 0 0;
background: url(/img/icons/close.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(2%) sepia(15%) saturate(4831%) hue-rotate(250deg) brightness(103%) contrast(105%);
width: 12px;
transition: filter .3s;
}
.reset-filter_btn {
display: flex;
align-items: center;
gap: 10px;
background-color: transparent;
border: none;
font-weight: 500;
margin-left: 1.7em;
transition: color .3s;
}
.reset-filter_btn:hover {
color: #FF9900;
}
.fourth-columns {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2.2em 1.3em;
}
.sort-by {
font-weight: 500;
padding-left: .1em;
}
.sort-by .selectric-wrapper {
max-width: 100%;
}
.sort-by .selectric {
height: 20px;
border-radius: 0;
font-size: inherit;
border: none;
}
.sort-by .selectric .label {
line-height: 20px;
margin-right: 2em;
margin-left: 0;
}
.sort-by .selectric .button {
right: 0;
}
.sort-by_mod .selectric {
border-color: #FF9900;
}
.sort-by_mod .selectric .label {
color: #FF9900;
}
.sort-by_mod .selectric .button {
filter: brightness(0) saturate(100%) invert(55%) sepia(54%) saturate(976%) hue-rotate(360deg) brightness(104%) contrast(105%);
}
.main-pagination {
display: flex;
align-items: center;
font-size: 1.4375rem;
font-weight: 600;
margin-top: 1.7em;
}
.main-pagination li.active {
pointer-events: none;
}
.main-pagination li.active a {
background: #FFC000;
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
}
.main-pagination li.disabled {
display: none;
}
.main-pagination a {
display: block;
padding: 0 .6em;
border-bottom: none;
color: inherit;
transition: color .3s;
}
.main-pagination a:hover {
color: #FFDF3D;
}
.main-pagination .next-page, .main-pagination .prev-page {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #F6F6F6;
height: 48px;
width: 48px;
transition: background .3s;
}
.main-pagination .next-page:hover, .main-pagination .prev-page:hover {
background: #FFDF3D;
}
.main-pagination .next-page:before, .main-pagination .prev-page:before {
content: '';
display: block;
background: url(/img/icons/arrow-2.svg) no-repeat center top;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(20%) hue-rotate(24deg) brightness(105%) contrast(105%);
height: 22px;
width: 20px;
}
.main-pagination .prev-page:before {
transform: rotate(-190deg);
}
.main-pagination .dots {
display: flex;
align-items: flex-end;
font-weight: 700;
padding: 0 .5em;
font-size: 1.25rem;
}
.mobile-pagination {
display: none;
justify-content: center;
gap: 10px;
margin-top: 1em;
}
.mobile-pagination .main-btn {
max-width: 237px;
flex: 1 0 0;
}
.mobile-pagination .main-btn.is-hidden {
display: none;
}
.catalog_text-box {
padding: 3.7em 0 2.7em;
line-height: 1.4;
}
/**product-card_section**/
.product-card_content {
display: flex;
margin-bottom: 3em;
}
.product-card_left-column {
flex: 38.8% 0 0;
max-width: 38.8%;
display: flex;
align-items: flex-start;
position: relative;
}
.product-card_right-column {
flex: 1 0 0;
display: flex;
gap: 1.7em;
padding-left: 1.2em;
}
.product-card_small-slider {
flex: 114px 0 0;
max-width: 114px;
border-radius: 17px;
background: #F6F6F6;
padding: 1.5em 1em;
}
.product-card_small-slider .slick-list {
width: 100%;
}
.product-card_small-slider .slick-track {
width: 100%;
}
.product-card_small-slider .slick-slide {
padding: 5px 0;
}
.product-card_small-slider .slick-slide > div {
width: 100%;
}
.product-card_small-slider .slick-current .product-card_small-item {
box-shadow: 0 0 0 1px #FFDF3D;
}
.product-card_small-slider .slick-arrow {
width: 17px;
height: 17px;
border: none;
background: none;
left: 0;
right: 0;
transform: none;
transition: color .3s;
}
.product-card_small-slider .slick-arrow:before {
display: inline-block;
background: url(/img/icons/arrow-5.svg) no-repeat center;
background-size: contain;
position: relative;
}
.product-card_small-slider .slick-arrow:hover {
color: #FFDF3D;
}
.product-card_small-slider .slick-next {
top: auto;
bottom: .7rem;
transform: rotate(-180deg);
}
.product-card_small-slider .slick-prev {
bottom: auto;
top: .7rem;
}
.product-card_small-item {
display: flex !important;
cursor: pointer;
overflow: hidden;
border-radius: 13px;
position: relative;
height: 83px;
width: 100%;
transition: box-shadow .3s;
}
.product-card_small-item:hover {
box-shadow: 0 0 0 1px #FFDF3D;
}
.product-card_small-item img {
height: 100%;
display: block;
/*object-fit: contain;*/
width: 100%;
}
.product-card_small-item .ico-play {
position: absolute;
top: 50%;
left: 50%;
height: 41px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5) url(/img/icons/play.svg) no-repeat center;
background-size: 19px 19px;
width: 41px;
transform: translate(-50%, -50%);
}
.product-card_small-item a {
border-bottom: none;
}
.product-card_slider {
flex-basis: calc(100% - 114px);
max-width: calc(100% - 114px);
padding-left: 1em;
}
.product-card_slider .slick-track {
display: flex;
margin:0 auto;
}
.product-card_slider .slick-slide {
height: auto;
}
.product-card_slider .slick-slide > div {
height: 100%;
}
.product-card_item {
display: block !important;
height: 418px;
}
.product-card_item img {
height: 100%;
object-fit: contain;
border-radius: 17px;
width: 100%;
}
.product-card_item a {
display: flex;
align-items: center;
justify-content: center;
border-bottom: none;
height: 100%;
position: relative;
}
.product-card_item a:hover:after {
opacity: 1;
}
.product-card_item a:after {
content: '';
display: block;
width: 100px;
height: 100px;
background: rgba(255, 255, 255, 0.5) url(/img/icons/loop-icon.svg) no-repeat center center;
background-size: 50%;
border-radius: 50%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: opacity .3s;
}
.product-card_item iframe {
height: 100%;
width: 100%;
}
.product-card_item .youtube {
border-radius: 17px;
overflow: hidden;
}
.review-video_btn {
gap: 10px;
font-size: .75rem;
height: 30px;
background: #FED74C;
display: none;
align-items: center;
border-radius: 11px;
min-width: 82px;
padding: 0 1em;
cursor: pointer;
position: absolute;
bottom: 0.8em;
left: 0;
z-index: 10;
}
.review-video_btn:before {
content: '';
display: block;
background: url(/img/icons/play.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(13%) hue-rotate(318deg) brightness(95%) contrast(98%);
height: 12px;
flex: 12px 0 0;
width: 12px;
}
.review-video_btn + span {
display: none;
}
.youtube {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
}
.youtube img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.youtube iframe {
width: 100%;
height: 100%;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5) url(/img/icons/play.svg) no-repeat 1.2em center;
background-size: 40%;
width: 60px;
transform: translate(-50%, -50%);
}
.product-card_desc-column {
flex: 1 0 0;
}
.product-card_total-column {
flex: 358px 0 0;
}
.product-card_desc-header {
display: flex;
align-items: center;
gap: 1.5em;
margin-bottom: 1.7em;
}
.product-card_quantity {
border-radius: 11px;
font-size: 11px;
background: #FFDF3D;
min-height: 30px;
display: flex;
align-items: center;
justify-content: center;
min-width: 82px;
text-align: center;
}
.product-card_article {
font-size: 1rem;
font-weight: 500;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
gap: .4em;
}
.product-card_article:after {
content: '';
display: block;
background: url(/img/icons/article.svg) no-repeat center;
background-size: contain;
height: 16px;
flex: 16px 0 0;
width: 16px;
}
.article_prompt-text {
display: none;
background: #fff;
padding: .3em 1em;
box-shadow: 0 4px 26px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: absolute;
left: 0;
bottom: calc(100% + 1em);
}
.product-card_title {
font-size: 1.875rem;
font-weight: 600;
line-height: 1.1;
margin-bottom: .7em;
}
.product-card_features {
display: flex;
flex-direction: column;
gap: 1em;
}
.product-card_features .right-cell {
font-weight: 600;
}
.product-card_features .right-cell a {
color: #000;
border-bottom-color: #000;
transition: all .3s;
}
.product-card_features .right-cell a:hover {
color: #FF7A00;
border-bottom: 1px solid #FF7A00;
}
.product-card_total-unit {
background: #F6F6F6;
border-radius: 17px;
padding: 1em 1.7em 1.5em;
display: flex;
flex-direction: column;
gap: .7em;
margin-bottom: 1em;
}
.product-card_total-unit.mod-unit {
padding-top: 1.7em;
}
.product-card_total-unit:last-child {
margin-bottom: 0;
}
.product-card_total-unit .bottom-text {
color: #1B32E2;
font-weight: 500;
font-size: .75rem;
}
.product-card_total-unit .title {
display: block;
font-weight: 600;
font-size: 1rem;
margin-bottom: .8em;
}
.product-card_price-btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
}
.product-card_price-btn .left-column {
display: flex;
flex-direction: column;
gap: .5em;
}
.product-card_price-btn .right-column {
display: flex;
align-items: center;
gap: 10px;
padding-top: 5px;
}
.product-card_price {
font-size: 2rem;
font-weight: 600;
white-space: nowrap;
}
.product-card_price .rouble {
font-size: 72%;
}
.product-card_old-price {
font-size: 1.125rem;
color: #adadad;
white-space: nowrap;
}
.product-card_fav {
cursor: pointer;
height: 44px;
flex: 44px 0 0;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
transition: background .3s;
}
.product-card_fav.is-active {
background: #FFDF3D;
}
.product-card_fav:before {
content: '';
display: block;
background-image: url(/img/icons/fav.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 22px;
width: 22px;
}
.product-card_share {
cursor: pointer;
position: relative;
height: 44px;
flex: 44px 0 0;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
}
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__badge_more {
display: none!important;
}
.product-card_bonus {
display: flex;
align-items: center;
gap: .4em;
color: #2688EB;
margin-bottom: 1.2em;
font-weight: 500;
}
.product-card_bonus .number-bonuses {
font-size: 1.125rem;
font-weight: 600;
color: #2688EB;
}
.product-card_timer .timer:before {
background-image: url(/img/icons/clock.svg);
height: 14px;
flex: 12px 0 0;
width: 12px;
}
.product-card_timer-mod {
display: flex;
align-items: center;
gap: 9px;
min-height: 34px;
border-radius: 12px;
background: #FF3628;
color: #fff;
font-size: .8125rem;
font-weight: 600;
padding: .3em .9em;
}
.product-card_timer-mod:before {
content: '';
display: block;
height: 14px;
flex: 12px 0 0;
background-image: url(/img/icons/clock.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: brightness(0) invert(1);
width: 12px;
}
.product-card_timer-pos {
position: absolute;
left: 130px;
top: 1em;
z-index: 10;
}
.product-card_counter-btn .wrapper-counter-btn {
display: none;
}
.product-card_counter-btn .product-count {
background: #fff;
}
.product-card_counter-btn.is-active .wrapper-counter-btn {
display: flex;
}
.product-card_counter-btn.is-active .product-card_btn {
display: none;
}
.product-card_btn {
font-size: 1rem;
width: 100%;
}
.marketplaces-mod_list {
flex-direction: column;
gap: 1em;
}
.marketplaces-mod_list .item-btn {
display: flex;
min-width: 114px;
}
.marketplaces-mod_list .marketplace-item {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
width: 100%;
}
.marketplaces-mod_list .item-img {
flex: 0 0 auto;
}
.marketplaces-mod_list .marketplace-item_yd .item-img {
max-width: 128px;
}
.product-card_tabs-box {
margin-bottom: 6.5em;
}
.product-card_tabs-box .tab-decs_content {
max-width: 990px;
}
.product-card_tabs-box p {
line-height: 1.5;
margin-bottom: .3em;
}
.product-card_tabs-box ul:not([class]) {
margin-bottom: .3em;
}
.product-card_tabs-box ul:not([class]) li::marker {
font-size: 70%;
}
.product-card_tab-names {
display: flex;
gap: 10px;
font-weight: 500;
margin-bottom: 1.8em;
}
.product-card_tab-names li {
display: flex;
align-items: center;
justify-content: center;
color: inherit;
min-height: 44px;
border-radius: 16px;
padding: 0.15em 1.5em 0;
border: 1px solid #B2B2B2;
text-align: center;
transition: all .3s;
}
.product-card_tab-names li.active {
background: #FFDF3D;
border-color: #FFDF3D;
pointer-events: none;
}
.product-card_tab-names li:hover {
background: #FFDF3D;
border-color: #FFDF3D;
}
.section-mod_title {
font-size: 2.25rem;
}
.calculation-box {
background: #F6F6F6;
border-radius: 17px;
padding: 2.36em;
margin-bottom: 1em;
}
.calculation-box_content {
display: flex;
gap: 1em;
}
.calculation-box_left-column {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: 2em;
}
.calculation-box_right-column {
flex: 370px 0 0;
}
.calculation-sidebar {
position: sticky;
top: 6em;
display: flex;
flex-direction: column;
gap: 1em;
}
.wrapper_calculation-form {
border-top: 1px solid #d3d3d3;
padding: 2em 0 0;
padding-right: 2.3em;
position: relative;
}
.delete-form_btn {
width: 20px;
height: 20px;
padding: 0;
background: url(/img/icons/close.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%);
cursor: pointer;
position: absolute;
top: 1em;
right: 0;
transition: filter .3s;
}
.delete-form_btn:hover {
filter: brightness(0) saturate(100%) invert(81%) sepia(76%) saturate(439%) hue-rotate(338deg) brightness(101%) contrast(99%);
}
.calculation-form {
display: flex;
flex-direction: column;
gap: 2em;
}
.calculation-form .form-group {
font-size: 1.3125rem;
margin-bottom: 0;
}
.calculation-form .error {
position: absolute;
top: 100%;
}
.calculation-top_fields {
display: flex;
align-items: flex-end;
gap: 1.7em;
}
.calculation_left-fields {
flex: 1 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 13px;
}
.calculation_left-fields .form-label {
flex: 1 0 0;
}
.calculation_right-fields {
flex: 388px 0 0;
}
.calculation_three-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 13px;
}
.calculation_two-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
width: fit-content;
}
.calculation-select_item {
display: block;
position: relative;
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
color: inherit;
}
.calculation-select_item input[type="radio"] {
position: absolute;
margin-left: -20px;
display: none;
}
.calculation-select_item input[type="radio"]:checked + .item-content {
box-shadow: inset 0 0 0 4px #FFDF3D;
font-weight: 700;
}
.calculation-select_item input[type="radio"]:checked + .item-mod_content {
box-shadow: none;
}
.calculation-select_item input[type="radio"]:checked + .item-mod_content .item-icon {
box-shadow: inset 0 0 0 4px #FFDF3D;
}
.calculation-select_item .item-content {
display: flex;
align-items: center;
justify-content: center;
min-height: 59px;
background: #fff;
padding: .2em 1em;
border-radius: 14px;
text-align: center;
transition: all .25s;
}
.calculation-select_item .item-mod_content {
background-color: transparent;
display: flex;
align-items: center;
padding: 0;
gap: 7px;
}
.calculation-select_item .item-icon {
height: 59px;
flex: 59px 0 0;
background: #fff;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
width: 59px;
transition: box-shadow .3s;
}
.calculation-middle_fields {
display: flex;
align-items: flex-end;
gap: 1em 5em;
margin-bottom: 1.2em;
}
.calculation-two_mod-columns {
gap: 1em 1.7em;
display: flex;
}
.calculation-form_footer {
display: flex;
gap: 1em;
}
.calculation-form_submit {
height: 59px;
font-size: 1.125rem;
font-weight: 600;
padding: 0 1em;
white-space: normal;
width: 100%;
}
.add-form_btn {
height: 59px;
font-size: 1.125rem;
font-weight: 600;
padding: 0 1em;
white-space: normal;
width: 100%;
}
.unified-produt_section {
padding: 5em 0;
}
.tool-checkbox {
margin-left: auto;
margin-right: auto;
font-size: 1rem;
width: fit-content;
}
.tool-checkbox .unified-checkbox {
font-weight: 600;
}
.unified-checkbox {
display: inline-block;
position: relative;
cursor: pointer;
font-weight: 400;
margin-bottom: 0;
padding-left: 27px;
color: inherit;
}
.unified-checkbox.is-red {
color: #ec617a;
}
.unified-checkbox input[type="checkbox"] {
position: absolute;
margin-left: -20px;
display: none;
}
.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:before {
opacity: 1;
}
.unified-checkbox input[type="checkbox"]:checked + .checkbox-text:after {
background: #FFDF3D;
border-color: #FFDF3D;
}
.unified-checkbox input[type="checkbox"]:checked + .checkbox-text {
color: #000;
}
.unified-checkbox input[type="checkbox"] + .checkbox-text:before {
content: '';
display: block;
width: 5px;
height: 9px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
position: absolute;
top: 2px;
left: 6px;
opacity: 0;
transform: rotate(45deg);
transition: opacity .2s;
z-index: 1;
}
.unified-checkbox input[type="checkbox"] + .checkbox-text:after {
content: "";
display: block;
width: 16px;
height: 16px;
border: 1px solid #CBC5D1;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
margin: auto;
transition: border-color .3s, background .3s;
}
.unified-checkbox .checkbox-text {
display: inline-block;
transition: color .2s;
}
.tab {
cursor: pointer;
}
.tab-item {
height: 0;
overflow: hidden;
opacity: 0;
transition: opacity .2s;
}
.tab-item.is-visible {
height: auto;
overflow: visible;
animation: fadein 1s forwards;
}
.points-section .tab-item.is-visible {
/*text-align:center;*/
padding:1em 0 3em;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/**cart-section**/
.cart-content {
display: flex;
gap: 1.2em;
padding-bottom: 2.1em;
}
.cart_left-column {
flex: 1 0 0;
}
.cart_right-column {
flex: 358px 0 0;
}
.cart-item {
display: flex;
border-radius: 17px;
background: #F6F6F6;
padding: 1em;
gap: 2em;
margin-bottom: 1em;
}
.cart-item:last-child {
margin-bottom: 0;
}
.cart-item_left {
display: flex;
gap: 1.2em;
flex: 1 0 0;
}
.cart-item_img {
background: #fff;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
flex: 107px 0 0;
height: 101px;
transition: opacity .3s;
}
a.cart-item_img:hover {
opacity: .8;
}
.cart-item_desc {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 7px;
padding: 10px 0;
flex: 1 0 0;
}
.cart-item_title {
font-size: 0.965rem;
}
.cart-item_title a {
color: inherit;
border-bottom: none;
transition: color .3s;
}
.cart-item_title a:hover {
color: #FFDF3D;
}
.cart-item_code {
font-size: 0.84rem;
font-weight: 600;
margin-bottom: 10px;
}
.cart-item_price {
white-space: nowrap;
font-size: 1.44625rem;
font-weight: 600;
margin-top: auto;
}
.cart-item_price small {
font-size: 1.056875rem;
white-space: nowrap;
}
.cart-item_right {
flex: 39% 0 0;
display: flex;
justify-content: space-between;
gap: 1.2em;
align-items: center;
}
.cart-counter_btn {
flex: 150px 0 0;
}
.cart-counter_btn .counter-back, .cart-counter_btn .counter-forward {
background-color: transparent;
border: 1px solid #A4A4A4;
border-radius: 16px;
transition: background .3s, border-color .3s;
}
.cart-counter_btn .counter-back:hover, .cart-counter_btn .counter-forward:hover {
background: #FFDF3D;
border-color: #FFDF3D;
}
.cart-counter_btn .product-count {
background-color: transparent;
font-size: 1.5rem;
}
.cart-item_last-column {
display: flex;
align-items: center;
gap: 2em;
padding-right: 1.4em;
}
.cart-price_column {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
}
.cart-item_old_price {
color: #7B7C7E;
font-size: 0.965rem;
position: relative;
}
.cart-item_old_price:before {
content: '';
display: block;
position: absolute;
border-bottom: 1px solid #7B7C7E;
height: 50%;
width: 100%;
transform: rotate(9deg);
}
.cart-item_old_price small {
font-size: 0.715rem;
}
.cart-item_new-price {
white-space: nowrap;
font-size: 1.625rem;
font-weight: 600;
}
.cart-item_new-price small {
font-size: 1.056875rem;
position: relative;
top: -1px;
white-space: nowrap;
}
.cart-item_delete-btn {
flex: 20px 0 0;
height: 22px;
border: none;
background: url(/img/icons/delete.svg) no-repeat center;
background-size: contain;
width: 20px;
transition: filter .3s;
}
.cart-item_delete-btn:hover {
filter: brightness(0) saturate(100%) invert(20%) sepia(97%) saturate(7407%) hue-rotate(359deg) brightness(98%) contrast(108%);
}
.cart-total_box {
background: #F6F6F6;
padding: 1.5em 1.6em;
border-radius: 17px;
position: sticky;
top: 6em;
}
.cart-total_box .h3 {
margin-bottom: 10px;
}
.cart-total_box .bottom-text {
color: #717171;
font-size: .75rem;
}
.h3 {
font-size: 1.375rem;
font-weight: 700;
margin-bottom: 1em;
}
.cart-total_table {
color: #717171;
font-size: 1.125rem;
font-weight: 500;
margin-bottom: .7em;
width: 100%;
}
.cart-total_table tr {
border-bottom: 1px solid #e8e8e8;
}
.cart-total_table td {
padding: 11px;
}
.cart-total_table td:first-child {
padding-left: 0;
}
.cart-total_table td:last-child {
padding-right: 0;
text-align: right;
}
.cart-total_table tr:first-child td {
padding-top: 0;
}
.cart-total_table .pad-row td {
padding-top: 0;
}
.cart-total_table .item-sum {
white-space: nowrap;
}
.cart-total_table .discount-row {
color: #E82794;
font-weight: 600;
border-bottom: 0;
}
.cart-total_table .h3 {
margin-bottom: 0;
color: #000;
}
.cart-total_table .small-text {
font-size: .75rem;
}
.cart-total_table .no-border {
border-bottom: none;
}
.cart-total_mod-table {
color: #000106;
}
.cart-total_mod-table td {
padding: 7px 11px;
}
.promo-code_form {
position: relative;
margin-bottom: 1.5em;
}
.promo-code_form .form-control {
padding-right: 3em;
padding-left: 1em;
height: 56px;
font-size: 1.125rem;
}
.promo-code_form-submit {
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 8px 8px 0;
height: 100%;
width: 3em;
transition: background .3s;
z-index: 2;
}
.promo-code_form-submit:hover {
background: #FFDF3D;
}
.promo-code_form-submit:before {
content: '';
display: block;
background: url(/img/icons/arrow-2.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(0%) hue-rotate(80deg) brightness(93%) contrast(107%);
height: 17px;
width: 17px;
}
.promo-code_form-submit .submit-btn {
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.total-price_row {
display: flex;
gap: 5px 1.4em;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1.8em;
}
.order-total_sum {
font-size: 1.8125rem;
font-weight: 600;
white-space: nowrap;
}
.order-total_sum small {
font-size: 1.1875rem;
}
.order-total_old_sum {
color: #7B7C7E;
position: relative;
top: .1em;
white-space: nowrap;
}
.order-total_old_sum:before {
content: '';
display: block;
position: absolute;
border-bottom: 1px solid #7B7C7E;
height: 50%;
width: 100%;
transform: rotate(8deg);
}
.order-total_old_sum small {
font-size: 0.75rem;
}
.proceed-checkout_btn {
margin-bottom: .7em;
font-weight: 600;
border-radius: 16px;
background: #FFDF3D;
height: 54px;
width: 100%;
}
.order-form_submit {
margin-bottom: .7em;
font-weight: 600;
border-radius: 16px;
background: #FFDF3D;
height: 54px;
width: 100%;
}
/***order-form**/
.order-form {
display: flex;
display: flex;
gap: 1.2em;
padding-bottom: 4.5em;
}
.order-form .error {
position: absolute;
top: 100%;
}
.order-form:last-child {
padding-bottom: 0;
}
.order-form_main-content {
flex: 1 0 0;
}
.log-in_box {
border: 1px solid #FF9900;
padding: 1.5em 3.7em;
border-radius: 17px;
display: flex;
align-items: center;
gap: 2em;
margin-bottom: 1.5em;
}
.log-in_box .left-column {
display: flex;
align-items: center;
flex: 1 0 0;
gap: 10px;
}
.log-in_box .text {
font-size: 1.1525rem;
}
.log-in_box .right-column {
display: flex;
align-items: center;
gap: 1em;
}
.log-in_box .main-btn {
min-width: 168px;
padding: 0 3.5em;
}
.attenion-icon {
height: 41px;
border-radius: 50%;
background: #FFDF3D;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
flex: 41px 0 0;
font-weight: 600;
width: 41px;
}
.order-form_unit {
background: #F6F6F6;
border-radius: 17px;
padding: 1.8em 3.8em 2em;
margin-bottom: 1.7em;
}
.order-form_unit:last-child {
margin-bottom: 0;
}
.order-form_unit .form-group {
font-size: 1.125rem;
margin-bottom: 0;
}
.order-form_unit .selectric {
background: #fff;
height: 56px;
border-radius: 8px;
border: none;
}
.order-form_unit .selectric .label {
line-height: 56px;
margin-left: 1.2em;
margin-right: 2.7rem;
}
.order-form_unit .selectric .button {
width: 2.5rem;
}
.order-form_unit .selectric .button:after {
width: 20px;
background: url(/img/icons/arrow-2.svg) no-repeat center;
background-size: contain;
bottom: 7px;
filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(0%) hue-rotate(80deg) brightness(93%) contrast(107%);
height: 22px;
}
.order-form_unit .selectric-open .button:after {
bottom: -6px;
}
.order-form_unit .form-control {
height: 56px;
border-radius: 8px;
}
.order-form_unit .bonus-text {
display: block;
font-size: 1.1525rem;
margin-bottom: .6em;
}
.step-title {
display: flex;
align-items: center;
font-size: 1.4375rem;
font-weight: 600;
gap: 10px;
margin-bottom: 1.5em;
}
.step-title:last-child {
margin-bottom: 0;
}
.step-title .item-number {
height: 41px;
border-radius: 50%;
font-size: 1.625rem;
background: #FFDF3D;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
flex: 41px 0 0;
font-weight: 600;
width: 41px;
}
.form-group_city {
max-width: 458px;
}
.wrapper_form-control_city {
position: relative;
}
.wrapper_form-control_city .form-control {
padding-right: 3.5em;
}
.wrapper_form-control_city:before {
content: '';
display: block;
height: 19px;
background: url(/img/icons/search.svg) no-repeat center;
background-size: contain;
position: absolute;
bottom: 0;
right: 1em;
margin: auto;
top: 0;
width: 19px;
z-index: 2;
}
.delivery-list {
display: flex;
flex-direction: column;
gap: 2.5em;
padding-left: 7px;
}
.delivery-list li {
display: flex;
flex-direction: column;
gap: .7em;
}
.delivery-list .item-img img {
max-height: 40px;
}
.delivery-list .main-btn {
margin-left: 3em;
padding: 0 2.2em;
}
.unified-radio {
display: block;
position: relative;
cursor: pointer;
margin-bottom: 0;
font-size: 1.1525rem;
font-weight: 400;
padding-left: 2.5em;
color: inherit;
}
.unified-radio input[type="radio"] {
position: absolute;
margin-left: -20px;
display: none;
}
.unified-radio input[type="radio"]:checked + .radio-text:after {
box-shadow: inset 0 0 0 4px #FFDF3D;
border-color: #FFDF3D;
}
.unified-radio input[type="radio"] + .radio-text:after {
content: "";
display: block;
width: 22px;
height: 22px;
border-radius: 50%;
border: 1px solid #616161;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
transition: all .3s;
}
.unified-radio .radio-text {
display: flex;
align-items: center;
justify-content: space-between;
gap: .8em;
}
.unified-radio .left-column {
display: flex;
align-items: center;
gap: 13px;
}
.unified-radio .item-price {
display: flex;
align-items: center;
background: #E8E8E8;
padding: 4px 17px;
font-size: 0.84rem;
border-radius: 6px;
}
.ib {
display: inline-block;
}
.order-form_payment {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2em;
padding-left: 7px;
}
.payment_right-column {
display: flex;
align-items: center;
gap: 1.7em;
}
.order-form_fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em 1.3em;
margin-bottom: 2em;
}
.order-form_fields .form-group {
margin-bottom: 0;
}
.order-form_bonus-row {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
padding-top: 10px;
font-size: 23px;
margin-bottom: .8em;
}
.order-form_bonus-row .item-number {
background: #FFDF3D;
border-radius: 8px;
font-size: 1.875rem;
font-weight: 600;
padding: 1px 14px;
}
.form-control_bonus {
max-width: 459px;
}
/**account section***/
.personal-account_header {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: .8em;
gap: 1em;
margin-bottom: 1.65em;
}
.personal-account_menu {
display: flex;
align-items: center;
gap: 1em;
font-weight: 600;
font-size: .935rem;
}
.personal-account_menu li.active {
pointer-events: none;
}
.personal-account_menu li.active a {
border-color: #FFDF3D;
background: #FFDF3D;
}
.personal-account_menu a {
display: flex;
align-items: center;
border-radius: 12px;
border: 1px solid #D0D0D0;
color: inherit;
gap: 1em;
padding: 0 1.6em;
min-height: 44px;
transition: border-color .3s, color .3s, background .3s;
}
.personal-account_menu a:hover {
border-color: #FFDF3D;
background: #FFDF3D;
}
.personal-account_menu a .item-icon {
display: flex;
align-items: center;
transition: filter .3s;
}
.personal-account_menu a img {
max-height: 20px;
}
.logout-btn {
border-radius: 16px;
padding: 0 1.5em;
}
.personal-account_content {
display: flex;
gap: 1.8em;
}
.account_left-column {
flex: 1 0 0;
}
.account_left-column .section-title {
font-size: 1.75rem;
margin-bottom: 1.2em;
}
.account_right-column {
flex: 34.2% 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.3em;
}
.account-box {
background: #F6F6F6;
border-radius: 17px;
padding: 1.7em 3.5em;
}
.account-form .form-group {
font-size: 1.1525rem;
}
.account-form .form-control {
font-weight: 600;
border-radius: 8px;
font-size: 1rem;
}
.account-form .error {
position: absolute;
top: 100%;
}
.account-form .form-group {
margin-bottom: 1.1em;
}
.account-form .form-group:last-child {
margin-bottom: 0;
}
.account-form_fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.4em 1.1em;
margin-bottom: 2.4em;
}
.account-form_fields .form-group {
margin-bottom: 0;
}
.account-form_submit {
height: 49px;
min-width: 348px;
font-size: 1.1rem;
}
.account_sidebar-unit {
background: #F6F6F6;
border-radius: 17px;
padding: 1.4em 2.4em;
font-size: 1.1525rem;
}
.account_sidebar-unit:last-child {
margin-bottom: 0;
}
.account_sidebar-unit .title {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: .5em;
}
.account_sidebar-unit .discount-text {
font-size: 23px;
font-weight: 600;
display: block;
margin-bottom: 4px;
}
.account_sidebar-unit .bottom-text {
line-height: 1.4;
}
.account_sidebar-unit .item-img {
margin-top: -2.4em;
margin-bottom: -4em;
margin-right: -1.7em;
text-align: right;
}
.account_sidebar-unit .main-btn {
height: 49px;
font-size: 1.05rem;
min-width: 228px;
}
.bonus-details_link {
display: block;
color: #FF9900;
border-bottom: 1px solid #FF9900;
margin-bottom: 2.2em;
width: fit-content;
transition: border-bottom-color .3s;
}
.bonus-details_link:hover {
border-bottom-color: transparent;
}
.account_bonus-row {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
padding-top: 10px;
font-size: 1.625rem;
margin-bottom: .5em;
}
.account_bonus-row .item-number {
background: #FFDF3D;
border-radius: 8px;
font-size: 2.4375rem;
font-weight: 600;
padding: 3px 12px;
}
.order-item {
background: #F6F6F6;
border-radius: 17px;
padding: 1.5em 1em;
display: flex;
gap: 1.7em;
margin-bottom: 3.3em;
}
.order-item:last-child {
margin-bottom: 0;
}
.order-item_left_column {
flex: 27% 0 0;
display: flex;
flex-direction: column;
gap: 1em;
padding: 1.2em 1em 0;
justify-content: space-between;
}
.order-item_header {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 1.375rem;
}
.order-item_header .item-number {
font-size: 1.4375rem;
font-weight: 600;
}
.order-item_header .item-status {
display: flex;
align-items: center;
gap: 10px;
}
.order-item_header .item-status:before {
content: '';
display: block;
border-radius: 50%;
height: 10px;
width: 10px;
}
.order-item_header .not-paid:before {
background: gray;
}
.order-item_header .paid:before {
background: #2D73D9;
}
.order-item_header .assembly:before {
background: #8000FF;
}
.order-item_header .in-delivery:before {
background: #1D976C;
}
.order-item_header .ready:before {
background: #00FF00;
}
.order-item_header .completed:before {
background: #FF8040;
}
.order-item_header .cancelled:before {
background: #D7081F;
}
.order-item_header_mobile {
display: none;
}
.order-item_footer {
display: flex;
flex-direction: column;
gap: 1.5em;
}
.order-item_info {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 1.375rem;
}
.order-item_info li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
color: #717171;
}
.order-item_info .total-child {
font-weight: 600;
color: #000;
}
.order-item_info .right-cell {
font-size: 1.5rem;
}
.order-item_price {
font-size: 1.625rem;
white-space: nowrap;
}
.order-item_price small {
font-size: 1.1875rem;
}
.order-pay_btn {
border: 2px solid #FFDF3D;
background-color: transparent;
height: 49px;
font-size: 1.05rem;
width: 100%;
}
.repeat-order_btn {
height: 49px;
font-size: 1.05rem;
width: 100%;
gap: 10px;
}
.repeat-order_btn:before {
content: '';
display: block;
height: 17px;
flex: 17px 0 0;
background: url(/img/icons/load.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(0%) hue-rotate(347deg) brightness(100%) contrast(106%);
width: 17px;
}
.order-item_right_column {
flex: 1 0 0;
background: #fff;
border-radius: 17px;
padding: 1.2em 1.8em;
}
.order-item_right_column .title {
display: block;
font-size: 1.4375rem;
font-weight: 600;
margin-bottom: 1.45em;
}
.orders-quantity {
font-weight: 400;
}
.orders-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.7em 2em;
}
.order-unit {
display: flex;
gap: 1.4em;
transition: color .3s;
}
.order-unit:hover .order-unit_title {
color: #FF9900;
}
.order-unit_img {
flex: 107px 0 0;
height: 101px;
}
.order-unit_desc {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: 1em;
}
.order-unit_title {
font-size: 1.1525rem;
padding-right: 10%;
transition: color .3s;
}
.order-unit_code {
font-size: 0.9025rem;
font-weight: 600;
}
/**actions page***/
.actions-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.7em 1.5em;
}
.discounted-products_section {
padding: 7em 0;
}
.action-detailed_box {
display: flex;
gap: 4em;
margin-bottom: 6em;
}
.action-detailed_img {
flex: 44.8% 0 0;
}
.action-detailed_img img {
border-radius: 23px;
width: 100%;
}
.action-detailed_desc {
display: flex;
flex-direction: column;
font-size: .935rem;
gap: 1.7em;
}
.action-detailed_desc p {
padding-right: 15%;
line-height: 1.4;
}
.action-detailed_desc h2 {
font-size: 1.875rem;
padding-right: 17%;
margin-bottom: 0;
}
.action_detailed_header {
display: flex;
align-items: center;
font-size: 1.205rem;
color: rgba(0, 0, 0, 0.5);
}
.action_detailed_header .timer {
min-height: auto;
border-radius: 0;
background-color: transparent;
font-size: inherit;
font-weight: inherit;
text-transform: none;
}
.action_detailed_header .timer:before {
display: none;
}
/***calculator-top_section*/
.calculator-top_section {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2em;
margin-top: -5em;
margin-bottom: -1.7em;
padding-right: 2em;
}
.calculator-top_section .left-column {
flex: 1 0 0;
max-width: 458px;
padding-top: 4em;
padding-bottom: 4em;
}
.calculator-top_section .right-column {
flex: 0 0 auto;
}
.product-other_item {
padding: 1em 2.4em;
}
.product-other_item .cart-item_right {
flex: 62.5% 0 0;
}
.product-other_item .cart-item_price {
margin-top: 0;
}
@media (min-width: 1279px) {
.product-other_item .cart-item_delete-btn {
flex: 25px 0 0;
height: 29px;
width: 25px;
}
.product-other_item .cart-item_title {
font-size: 1.1525rem;
}
.product-other_item .cart-item_code {
font-size: 0.9025rem;
}
.product-other_item .cart-item_price {
font-size: 1.625rem;
}
.product-other_item .cart-item_price small {
font-size: 1.1875rem;
}
.product-other_item .cart-item_new-price {
font-size: 1.625rem;
}
.product-other_item .cart-item_new-price small {
font-size: 1.1875rem;
}
}
.product-other_item-last_column {
flex: 30% 0 0;
justify-content: space-between;
}
.need-section {
padding-top: 2em;
}
.need-section.is-hidden {
display: none;
}
.counter-mod_btn {
flex: 192px 0 0;
}
.add-cart_btn {
margin-left: auto;
margin-right: auto;
margin-top: 1.8em;
min-width: 212px;
gap: .7em;
}
.add-cart_btn:before {
content: '';
display: block;
height: 12px;
flex: 12px 0 0;
background: url(/img/icons/plus.svg) no-repeat center;
background-size: contain;
width: 12px;
}
/**brand-detailed**/
.brand-detailed {
border-radius: 17px;
overflow: hidden;
background: #F6F6F6;
display: flex;
}
.brand-detailed_img {
flex: 35% 0 0;
}
.brand-detailed_logo {
max-width: 260px;
}
.brand-detailed_img img {
display: block;
height: 100%;
object-fit: cover;
border-radius: 17px 0 0 17px;
width: 100%;
}
.brand-detailed_desc {
flex: 1 0 0;
padding: 2.5em 4em;
display: flex;
flex-direction: column;
gap: 1.7em;
font-size: .875rem;
}
.brand-detailed_desc p {
line-height: 1.4;
}
.brand-detailed_title {
font-size: 1.125rem;
font-weight: 600;
}
.watch-video_btn {
gap: 17px;
font-size: 1.021875rem;
padding: 0 2.3em;
cursor: pointer;
}
.watch-video_btn:before {
content: '';
display: block;
background: url(/img/icons/play.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(13%) hue-rotate(318deg) brightness(95%) contrast(98%);
height: 19px;
flex: 19px 0 0;
width: 19px;
}
.watch-video_btn + span {
display: none;
}
.brands-products_section {
padding-top: 3.2em;
}
.brands-products_section .section-title {
margin-bottom: .7em;
}
/**blog page**/
.articles-header_box {
display: grid;
grid-template-columns: 45% 53%;
gap: 2%;
margin-bottom: 5.5em;
}
.articles-mod_row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3em 1em;
}
.articles-mod_row .unified-item_arrow {
height: 48px;
width: 48px;
}
.articles-mod_row .unified-item_arrow:before {
height: 25px;
flex: 17px 0 0;
width: 17px;
}
.articles-mod_row .wrapper_unified-item_arrow {
bottom: -17px;
padding: 22px;
padding-bottom: 0;
}
.article-item_high .unified-item_arrow {
height: 48px;
width: 48px;
}
.article-item_high .unified-item_arrow:before {
height: 25px;
flex: 17px 0 0;
width: 17px;
}
.article-item_high .wrapper_unified-item_arrow {
right: 17%;
bottom: -17px;
padding: 22px;
padding-bottom: 0;
}
.articles-sidebar {
display: flex;
flex-direction: column;
gap: 1.7em;
}
.articles-sidebar .article-item {
flex: 1 0 0;
}
.articles-sidebar .unified-item_arrow {
height: 48px;
width: 48px;
}
.articles-sidebar .unified-item_arrow:before {
height: 25px;
flex: 17px 0 0;
width: 17px;
}
.articles-sidebar .wrapper_unified-item_arrow {
bottom: -17px;
padding: 22px;
padding-bottom: 0;
}
.article-item_gorizontal {
flex-direction: row;
gap: 1.7em;
}
.article-item_gorizontal .article-item_img {
flex: 53.2% 0 0;
padding-top: 20%;
}
/***article-page**/
.article-detailed {
padding-bottom: 2.5em;
}
.article-header_unit {
display: flex;
border-radius: 17px;
overflow: hidden;
background: #F6F6F6;
display: grid;
grid-template-columns: 51.5% 48.5%;
}
.article-header_img img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.article-header_desc {
padding: 2.7em;
padding-bottom: 6em;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.3em;
}
.article-header_desc p {
line-height: 1.5;
color: rgba(0, 0, 0, 0.5);
padding-right: 10%;
}
.article-header_desc .item-date {
font-size: 1.1425rem;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 1em;
}
.article-header_desc .item-title {
font-size: 1.656875rem;
font-weight: 600;
margin: 0;
}
.article-detailed_body {
padding: 3em 2.4em 0 2em;
display: flex;
flex-direction: column;
gap: 3.5em;
}
.article-detailed_body h2, .article-detailed_body .section-title {
font-size: 1.656875rem;
margin-bottom: .7em;
}
.article-detailed_body p {
line-height: 1.7;
}
.article-unit_row {
display: flex;
gap: 2.7em;
padding-top: 1.7em;
margin-bottom: 2em;
}
.article-unit_row .left-column {
flex: 43% 0 0;
display: flex;
flex-direction: column;
gap: 1em;
margin: 0;
}
.article-unit_row .right-column {
flex: 1 0 0;
}
.article-unit_row p {
text-align: justify;
}
.article-unit_row .unit-img {
border-radius: 17px;
}
.article-unit_row .unit-caption {
font-size: 1.1425rem;
color: rgba(0, 0, 0, 0.5);
}
.gallery-slider {
padding: 1.4em 2em 0;
}
.gallery-slider .slick-slide {
padding: 0 .8em;
height: auto;
}
.gallery-slider .slick-slide > div {
height: 100%;
}
.gallery-slider .slick-track {
display: flex;
}
.gallery-slider .slick-arrow {
height: 48px;
width: 48px;
}
.gallery-slider .slick-arrow:hover {
background: #FFDF3D;
}
.gallery-slider .slick-arrow:before {
height: 25px;
width: 25px;
}
.gallery-slider .slick-prev {
left: -2rem;
}
.gallery-slider .slick-next {
right: -2rem;
}
.gallery-item {
height: 100%;
max-height: 400px;
}
.gallery-item img {
height: 100%;
object-fit: cover;
width: 100%;
border-radius: 17px;
}
.articles-mod_section {
padding-bottom: 0;
}
/**contacts-section**/
.contact-section {
margin-bottom: 2.7em;
}
.wrapper-map {
border-radius: 17px 17px 0 0;
overflow: hidden;
}
#map {
height: 382px;
}
#map canvas {
filter: grayscale(100%);
}
.map-balun {
display: flex;
align-items: center;
z-index: 100;
}
.map-balun_icon {
flex: 51px 0 0;
height: 67px;
background: url(/img/icons/marker.svg) no-repeat center top;
background-size: contain;
position: relative;
z-index: 1;
}
.map-balun_text {
white-space: nowrap;
background: #fff;
font-weight: 600;
padding: .3em;
padding-left: 1em;
margin-left: -.7em;
border-radius: 3px;
}
.contact-panel {
background: #F6F6F6;
padding: 3em 5.3em 5em;
display: flex;
justify-content: space-between;
gap: 4em;
position: relative;
padding-right: 30%;
border-radius: 0 0 17px 17px;
}
.contact-panel.address {
grid-template-columns: repeat(1, 1fr);
padding: 3em 5.3em 3em 3.5em;
border-radius: 17px;
}
.contact-column {
display: flex;
flex-direction: column;
gap: 1em;
font-size: 1.1875rem;
}
.contact-column .item-subtitle {
font-size: 1.656875rem;
font-weight: 600;
}
.contact-img {
width: 26%;
position: absolute;
top: -7em;
right: 1em;
}
.contact-phone, .contact-email {
border-bottom: 1px solid #000;
transition: border-bottom-color .3s, color .3s;
width: fit-content;
}
.contact-phone:hover, .contact-email:hover {
border-bottom-color: transparent;
color: #FF9900;
}
.callback-static_form {
background: #F6F6F6;
border-radius: 17px;
padding: 2.2em 4.8em 3em;
margin-bottom: 5.5em;
}
.callback-static_form .top-text {
display: block;
margin-bottom: 2.3em;
font-size: 1.125rem;
}
.callback-static_form .form-group {
font-size: 1.1525rem;
margin-bottom: 1.8em;
}
.callback-static_form .form-textarea {
padding-top: 1em;
height: 211px;
}
.callback-static_form .form-control {
border-radius: 8px;
}
.callback-static_form .error {
position: absolute;
top: 100%;
}
.callback-static_form .unified_form-policy {
margin-top: 12px;
font-size: .875rem;
color: #505050;
}
.callback-static_mod_form {
margin-bottom: 0;
}
.callback-static_form-fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.8em;
margin-bottom: 1.8em;
}
.callback-static_form-fields .form-group {
margin-bottom: 0;
}
.callback-static_form-submit {
height: 59px;
font-size: 1.424375rem;
min-width: 427px;
}
/**delivery-page**/
.delivery-top_row {
display: grid;
grid-template-columns: 44.7% 53.3%;
gap: 2%;
margin-bottom: 3.3em;
}
.unified-delivery_unit {
background: #F6F6F6;
border-radius: 17px;
display: flex;
flex-direction: column;
padding: 1.7em 2.6em 2.3em;
gap: 1.2em;
}
.unified-delivery_unit .item-img {
height: 50px;
display: flex;
align-items: center;
}
.unified-delivery_unit .item-title {
font-size: 2.0625rem;
font-weight: 600;
}
.unified-delivery_unit p {
font-size: .75rem;
line-height: 1.7;
margin-bottom: 0;
}
.delivery-terms_unit {
position: relative;
padding-right: 41%;
}
.delivery-terms_unit .item-img {
position: absolute;
bottom: -2em;
height: auto;
right: 0;
width: 40%;
}
.payment-methods_unit p {
padding-right: 20%;
}
.payment-methods_unit .payment_right-column {
gap: 3em;
padding-right: 18%;
}
.payment-methods_unit .item-img {
flex: 1 0 0;
}
.payment-methods_unit .item-img img {
width: 100%;
}
.payment-methods_unit .third-img {
flex: .6;
}
.delivery-methods_row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.3em;
margin-bottom: -1.7em;
}
.delivery-top_row p {
font-size: .875rem;
}
/**bonus page**/
.bonus-top_row {
display: grid;
gap: 2%;
grid-template-columns: 23% 25% 48%;
margin-bottom: 6.5em;
}
.bonus-item {
background: #F6F6F6;
border-radius: 17px;
padding: 2.1em 2.2em 0;
display: flex;
flex-direction: column;
gap: 1em;
}
.bonus-item .item-title {
font-size: 2.0625rem;
font-weight: 600;
}
.bonus-item p {
font-size: .875rem;
padding-right: 10%;
line-height: 1.55;
margin-bottom: 0;
}
.bonus-item .item-img {
margin-bottom: -5em;
}
.bonus-item .bonus-details_link {
font-size: 1.1525rem;
margin-top: -10px;
margin-bottom: 10px;
}
.bonus-third_item {
padding-right: 45%;
padding-bottom: 1.6em;
position: relative;
}
.bonus-third_item .item-img {
position: absolute;
right: 1em;
bottom: -5em;
margin-bottom: 0;
width: 53%;
}
.bonus-second_item .item-img {
position: relative;
top: 2.4em;
left: 1em;
}
.bonus-middle_row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.7em;
margin-bottom: 5em;
}
.bonus-unit {
background: #F6F6F6;
border-radius: 17px;
padding: 1.5em 2.2em;
display: flex;
align-items: center;
gap: .8em;
}
.bonus-unit .item-icon {
flex: 0 0 auto;
max-width: 65px;
}
.bonus-unit_desc {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.bonus-unit_header {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 2.0625rem;
}
.bonus-unit_header .item-number {
background: #FFDF3D;
border-radius: 8px;
font-weight: 600;
padding: 3px 9px;
}
.bonus-detailed_item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
background: #F6F6F6;
border-radius: 17px;
padding: .8em 1.8em;
font-size: 1.375rem;
margin-bottom: .7em;
}
.bonus-detailed_item:last-child {
margin-bottom: 0;
}
.bonus-detailed_item .left-column, .bonus-detailed_item .right-column {
display: flex;
align-items: center;
gap: 1.7em;
}
.bonus-detailed_item .right-column {
gap: .4em;
}
.bonus-detailed_item .item-number, .bonus-detailed_item .item-text {
font-size: 1.4375rem;
font-weight: 600;
}
.bonus-detailed_item .item-sum {
min-height: 47px;
border-radius: 8px;
padding: .1em .5em;
background: #FFDF3D;
display: flex;
align-items: center;
justify-content: center;
min-width: 143px;
font-weight: 600;
font-size: 2.0625rem;
text-align: center;
}
.bonus-detailed_item .red-item {
color: #fff;
background: #FF3636;
}
.bonus-detailed_item .item-text {
flex: 197px 0 0;
width: 197px;
}
/***about page**/
.video-box {
height: 541px;
border-radius: 17px;
background: url(/img/bg/video-bg.jpg) no-repeat center top;
background-size: cover;
overflow: hidden;
border-radius: 17px;
margin-bottom: 7.5em;
position: relative;
cursor: pointer;
}
.video-box iframe {
height: 100%;
width: 100%;
}
.video-box .play-button {
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: none;
gap: 10px;
font-size: 1.3125rem;
font-weight: 600;
text-align: center;
}
.video-box .play-button:before {
content: '';
display: block;
background: url(/img/icons/play.svg) no-repeat center;
background-size: contain;
filter: brightness(0) invert(1);
height: 65px;
flex: 65px 0 0;
width: 63px;
}
.company-desc_mod-column {
flex: 31% 0 0;
max-width: 31%;
padding-right: 0;
}
.company-desc_mod-column .section-mod_title {
margin-bottom: .1em;
}
.company-desc_mod-column p {
font-size: 1.125rem;
padding-right: 0;
line-height: 1.3;
padding-top: .6em;
}
.company_right-column {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em;
flex: 1 0 0;
}
.advantage-item {
background: #F6F6F6;
border-radius: 17px;
padding: 1.7em 3em;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 1em;
}
.advantage-item .item-title {
font-size: 1.5625rem;
font-weight: 600;
}
.advantage-item p {
font-size: .875rem;
}
.advantage-last_item {
padding-right: 60%;
position: relative;
grid-column: span 2;
}
.advantage-last_item p {
max-width: 250px;
}
.advantage-last_item .item-img {
position: absolute;
bottom: -3.5em;
right: 2.5em;
width: 56%;
}
.advantage-second_item {
justify-content: center;
}
/**production-section**/
.production-section {
padding: 5.5em 0 4.5em;
}
.production-section .bottom-text {
max-width: 497px;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
}
.production-slider {
margin-bottom: 1.5em;
}
.production-slider .slick-trach {
display: flex;
}
.production-slider .slick-slide {
height: auto;
}
.production-slider .slick-slide > div {
height: auto;
}
.production-slider .slick-arrow {
background: #fff;
}
.production-slider .slick-arrow:hover {
background: #FF9900;
}
.production-slider .slick-prev {
left: 2rem;
}
.production-slider .slick-next {
right: 2rem;
}
@media only screen and (min-width: 1280px) {
.production-slider .slick-arrow {
height: 58px;
width: 58px;
}
.production-slider .slick-arrow:before {
height: 27px;
position: relative;
left: 1px;
width: 27px;
}
.production-slider .slick-prev:before {
left: 2px;
}
}
.production-item {
display: block !important;
height: 100%;
max-height: 625px;
position: relative;
overflow: hidden;
border-radius: 24px;
}
.production-item img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.production-item_title {
position: absolute;
top: 1.8em;
left: 1.8em;
background: #fff;
border-radius: 8px;
font-size: 1.25rem;
font-weight: 500;
padding: .2em .6em;
display: flex;
align-items: center;
min-height: 40px;
}
.production-small_slider {
margin: 0 -.4em 2.7em;
}
.production-small_slider .slick-current .item-img {
border-color: #FFDF3D;
}
.production-small_slider .slick-current .item-img:after {
opacity: 0;
}
.production-small_slider .slick-track {
display: flex;
}
.production-small_slider .slick-slide {
height: auto;
padding: 0 .4em;
}
.production-small_slider .slick-slide > div {
height: 100%;
}
.production-small_slider .item-img {
position: relative;
display: block;
height: 100%;
border-radius: 24px;
border: 1px solid transparent;
cursor: pointer;
overflow: hidden;
max-height: 180px;
transition: border-bottom-color .3s;
}
.production-small_slider .item-img:after {
content: '';
display: block;
background: rgba(0, 0, 0, 0.45);
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
z-index: 1;
transition: opacity .3s;
}
.production-small_slider img {
display: block;
object-fit: cover;
height: 100%;
width: 100%;
}
.production-small_slider .item-title {
display: flex;
align-items: center;
justify-content: center;
height: 36px;
font-size: 1.25rem;
font-weight: 500;
border-radius: 50%;
background: #fff;
position: absolute;
left: .7em;
top: .7em;
width: 36px;
z-index: 2;
}
/**join-team_section**/
.join-team_section {
background: #F6F6F6;
border-radius: 17px;
padding: 3em 6em 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.join-team_left-column {
position: relative;
padding-right: 1em;
z-index: 1;
}
.join-team_left-column .section-title {
margin-bottom: .4em;
}
.join-team_left-column .text {
font-size: .875rem;
line-height: 1.5;
max-width: 270px;
display: block;
}
.join-team_left-column .item-img {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.join-team_form .form-group {
font-size: 1.1525rem;
margin-bottom: .8em;
}
.join-team_form .form-control {
border-radius: 8px;
}
.join-team_form .unified_form-policy {
margin-top: 12px;
font-size: .875rem;
color: #505050;
}
.join-team_form .callback-static_form-submit {
margin-top: 1.3em;
}
.join-team_form .error {
position: absolute;
top: 100%;
}
.join-team_right-column {
padding-bottom: 4.7em;
}
/**team-section**/
.team-section {
padding-top: 6em;
padding-bottom: 7em;
}
.team-slider {
padding: 0 5.2em;
}
.team-slider .slick-arrow {
background: #FFDF3D;
bottom: auto;
top: 33%;
}
.team-slider .slick-arrow:hover {
background: #FF9900;
}
.team-slider .slick-track {
display: flex;
}
.team-slider .slick-slide {
height: auto;
padding: 0 .4em;
}
.team-slider .slick-slide > div {
height: 100%;
}
@media only screen and (min-width: 1280px) {
.team-slider .slick-arrow {
height: 58px;
width: 58px;
top: 33%;
}
.team-slider .slick-arrow:before {
height: 27px;
position: relative;
left: 1px;
width: 27px;
}
.team-slider .slick-prev:before {
left: 2px;
}
}
.team-item {
height: 100%;
padding: .8em;
background: #F6F6F6;
border-radius: 17px;
}
.team-item_img {
position: relative;
padding-top: 96%;
border-radius: 17px;
overflow: hidden;
}
.team-item_img img {
position: absolute;
/*height: 100%;*/
left: 0;
top: 0;
width: 100%;
}
.team-item_desc {
display: flex;
flex-direction: column;
gap: 1.2em;
font-size: .875rem;
padding: 1.3em;
}
.team-item_desc p {
line-height: 1.5;
}
.team-item_name {
font-weight: 600;
font-size: 1.8125rem;
}
/**for-tilers**/
.family-box {
background: #FFDF3D;
border-radius: 17px;
bottom: 1.2em;
padding: 0 7em;
display: flex;
justify-content: center;
gap: 4em;
margin-top: 4em;
margin-bottom: 2em;
}
.family-box .left-img {
margin-top: -5.8em;
overflow: hidden;
}
.family-box .left-img img {
display: block;
margin-bottom: -2em;
}
.family-box .right-img img {
margin-top: -1px;
}
.advantages-mod_list {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, 1fr);
gap: 2em 3em;
font-size: .875rem;
max-width: 440px;
padding-top: 2em;
}
.advantages-mod_list li {
display: flex;
align-items: center;
}
.advantages-mod_list .item-icon {
flex: 70px 0 0;
width: 70px;
}
.join-team_mod_section {
padding-top: 2em;
padding-bottom: 3.5em;
}
.join-team_mod_section .section-title {
margin-top: 10px;
}
.join-team_mod_section .join-team_right-column {
padding-bottom: 0;
}
.ambassadors-section {
padding-top: 2.2em;
}
.ambassadors-row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.5em;
}
.ambassador-item {
display: flex;
flex-direction: column;
gap: .7em;
font-weight: 500;
font-size: 1.25rem;
}
.ambassador-item:hover .item-img {
opacity: .7;
}
.ambassador-item .item-img {
border-radius: 17px;
overflow: hidden;
padding-top: 176%;
position: relative;
transition: opacity .3s;
cursor: pointer;
}
.ambassador-item .item-img img {
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: cover;
width: 100%;
}
/**wholesale-section**/
.wholesale_top-section {
display: flex;
gap: 1em;
padding-top: 2.2em;
margin-bottom: 2.7em;
}
.annual-profit_box {
flex: 1 0 0;
padding: 0;
padding-left: 2em;
gap: 2em;
margin-top: 0;
margin-bottom: 0;
}
.annual-profit_box .left-img {
display: flex;
align-items: flex-end;
justify-content: center;
flex: 46% 0 0;
}
.annual-profit_box .left-img img {
margin-bottom: 0;
width: 100%;
}
.annual-profit_box .right-content {
padding: 2em;
flex: 1 0 0;
display: flex;
align-items: center;
}
.annual-profit_box .section-title {
line-height: 1.4;
}
.annual-profit {
display: block;
background: #fff;
border-radius: 8px;
margin-left: -.7em;
padding: .15em .8em .1em;
width: fit-content;
white-space: nowrap;
}
.wholesale_advantages-box {
flex: 367px 0 0;
background: #F6F6F6;
border-radius: 17px;
padding: 2.8em 3.3em;
}
.excellence-list {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.4em;
}
.excellence-item {
display: flex;
flex-direction: column;
font-size: 1.25rem;
}
.excellence-item .item-number {
font-size: 2.25rem;
font-weight: 600;
line-height: 1.1;
}
.offer-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.7em;
align-items: flex-start;
}
.offer-content p {
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 1.7em;
}
.offer-content .offer-unit {
padding: 1em 1.2em;
}
.offer-content .offer-unit p {
padding-right: 0;
}
.offer-content .offer-unit_img {
padding-top: 46%;
border-radius: 17px;
}
.offer-content .offer-unit_desc {
padding: 1.7em;
}
.offer-content .offer-unit_title {
font-size: 2.25rem;
text-transform: none;
}
.offer-content .offer-unit_submit {
margin-top: 2em;
}
.offer-unit_submit {
min-width: auto;
width: 100%;
height: 51px;
}
.offer-unit_btn {
height: 51px;
font-size: 1.424375rem;
width: 100%;
}
/**welcome-speech_box**/
.welcome-speech_box {
margin: 2.2em 0 0;
background: #F6F6F6;
border-radius: 17px;
display: flex;
gap: 1.5em;
padding: 0 4.3em;
}
.welcome-speech_box .left-column {
flex: 1 0 0;
padding-top: 3em;
padding-bottom: 3em;
}
.welcome-speech_box .right-column {
flex: 43% 0 0;
display: flex;
align-items: flex-end;
margin-top: -3em;
}
.welcome-speech_box .right-column img {
display: block;
}
.welcome-speech_box p {
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 1.3em;
padding-right: 10%;
}
.welcome-speech_box p:last-child {
margin-bottom: 0;
}
/**benefits-section**/
.benefits-section {
padding: 3em 0 3.6em;
}
.benefits-row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.7em;
}
.benefit-item {
background: #F6F6F6;
border-radius: 17px;
}
.benefit-item_img {
border-radius: 17px 17px 0 0;
overflow: hidden;
position: relative;
padding-top: 69%;
}
.benefit-item_img img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.benefit-item_desc {
padding: 1.5em;
padding-bottom: 3em;
position: relative;
display: flex;
flex-direction: column;
gap: .2em;
}
.benefit-item_desc:before {
content: '';
display: block;
background: #FFDF3D;
border-radius: 50%;
position: absolute;
left: -7px;
height: 14px;
width: 14px;
top: 1.8em;
}
.benefit-item_desc .item-title {
font-size: 1.106875rem;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
}
.benefit-item_desc p {
font-size: .75rem;
line-height: 1.7;
}
/**delivery-section**/
.delivery-section_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.3em;
margin-bottom: 1.5em;
}
.delivery-section_header .section-title {
margin-bottom: 0;
}
.map-menu {
display: flex;
align-items: center;
font-size: .935rem;
flex: 0 0 auto;
gap: 10px;
}
.map-menu li.active a {
font-weight: 700;
color: #FF9900;
border: 1px solid #FF9900;
pointer-events: none;
}
.map-menu a {
display: flex;
align-items: center;
justify-content: center;
color: inherit;
min-height: 43px;
border-radius: 16px;
padding: 0 1.5em;
min-width: 108px;
border: 1px solid #B2B2B2;
text-align: center;
transition: all .25s;
}
.map-menu a:hover {
color: #FF9900;
border: 1px solid #FF9900;
}
.delivery-map {
height: 550px;
}
.delivery-map #map {
height: 100%;
}
/**strength-section**/
.strength-section {
padding: 3.5em 0 3em;
}
.strength-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5em;
padding: 2.3em 4.5% 0;
}
.strength-column {
display: flex;
flex-direction: column;
gap: 1.6em;
}
.strength-item {
display: flex;
gap: 1.2em;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
min-height: 85px;
}
.strength-item:before {
content: '';
display: block;
background: url(/img/icons/check.svg) no-repeat center;
background-size: contain;
height: 34px;
flex: 34px 0 0;
width: 34px;
}
/**profit-content**/
.profit-content {
background: #F6F6F6;
border-radius: 17px;
padding: 1.9em 6.3em;
}
.profit-content .large-title {
font-size: 2.375rem;
font-weight: 600;
margin-bottom: .4em;
text-align: center;
}
.profit-sum {
min-height: 66px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.375rem;
font-weight: 600;
margin-left: auto;
margin-right: auto;
background: #FFDF3D;
min-width: 342px;
text-align: center;
width: fit-content;
}
.profit-sum .rouble {
position: relative;
margin-left: 3px;
top: -.1em;
}
.profit-content_body {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em 11em;
margin-bottom: 4.5em;
}
.profit-content_body .subtitle {
display: block;
font-size: 1.1525rem;
margin-bottom: 1.2em;
}
.field-number_container {
display: flex;
justify-content: space-between;
font-size: 1.1525rem;
margin-bottom: .5em;
}
.profit-content .ui-state-default {
display: inline-block;
outline: none;
width: 31px;
height: 31px !important;
background: #FFDF3D;
border: none;
border-radius: 50%;
position: relative;
display: inline-block;
z-index: 10;
}
.profit-content .ui-state-default:focus {
outline: none;
}
.profit-content .ui-slider {
margin: 0 0 .6em;
}
.profit-content .ui-widget-content {
background-color: #D9D9D9;
border: none;
border-radius: 11px;
height: 22px;
width: 99%;
}
.profit-content .ui-widget-header {
height: 100%;
top: 0;
border-radius: 11px;
background-color: #FFDF3D;
}
.profit-content .ui-slider-horizontal .ui-slider-handle {
top: -4px !important;
cursor: pointer;
margin-left: -14px;
}
.sliding-input {
position: absolute;
font-size: 1.9375rem;
font-weight: 600;
color: #000;
background-color: transparent;
width: fit-content;
left: 50%;
top: 100%;
transform: translatex(-50%);
}
/**support-section**/
.support-section {
padding: 3.8em 0 3em;
}
.support-section .section-title {
margin-bottom: .3em;
}
.support-section .top-text {
font-size: 1.25rem;
display: block;
line-height: 1.5;
margin-bottom: 2em;
max-width: 835px;
}
.support-slider {
padding: 0 4em;
}
.support-slider .slick-slide {
padding: 0 .5em;
}
.support-slider .slick-slide {
height: auto;
}
.support-slider .slick-slide > div {
height: auto;
}
.support-slider .slick-list {
padding-top: 5.5em;
}
.support-slider .slick-arrow {
background: #FFDF3D;
}
.support-slider .slick-arrow:hover {
background: #FF9900;
}
.support-item {
display: flex !important;
flex-direction: column;
gap: .2em;
background: #F6F6F6;
border-radius: 17px;
padding: 1.2em;
padding-top: 0;
}
.support-item .item-title {
font-size: 1.106875rem;
font-weight: 700;
}
.support-item_img {
height: 220px;
display: flex;
align-items: center;
justify-content: center;
margin-top: -5.5em;
}
.cooperation-section {
margin-top: 2.5em;
padding-left: 4em;
margin-bottom: 3em;
}
.cooperation-section .item-second_img {
right: 4%;
width: 100%;
}
.production-mod_section {
padding-bottom: 0;
}
.production-section_footer {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1em;
}
.become-dealer_btn {
height: 59px;
font-size: 1.424375rem;
max-width: 427px;
flex: 1 0 0;
margin-top: 10px;
}
.error {
display: block;
font-size: .875rem;
color: #ec617a;
}
.input-error {
border-color: #ec617a !important;
}
/***modal**/
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.show {
opacity: 1;
}
button.close {
width: 22px;
height: 22px;
padding: 0;
background: url(/img/icons/close.svg) no-repeat center;
background-size: contain;
border: 0;
-webkit-appearance: none;
position: absolute;
top: 1.8em;
right: 1.8em;
transition: filter .3s;
}
button.close:hover {
filter: brightness(0) saturate(100%) invert(81%) sepia(76%) saturate(439%) hue-rotate(338deg) brightness(101%) contrast(99%);
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
outline: 0;
}
.modal.fade .modal-dialog {
transition: all .2s ease;
opacity: 0;
}
.modal.show .modal-dialog {
opacity: 1;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
max-width: 761px;
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
min-height: calc(100% - (1.75rem * 2));
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #F6F6F6;
background-clip: padding-box;
padding: 3.5em;
border: none;
border-radius: 17px;
outline: 0;
}
.modal-dialog_video {
max-width: 90%;
height: 90%;
}
.modal-dialog_video .modal-content {
height: 100%;
padding: 0;
border-radius: 17px;
border: none;
background-color: transparent;
overflow: hidden;
}
.modal-dialog_video iframe {
width: 100%;
border: none;
height: 100%;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
z-index: 120;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.3;
}
.modal {
z-index: 130;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal.show .modal-dialog {
animation: animModal 300ms;
animation-fill-mode: forwards;
transition: all .2s ease;
}
@keyframes animModal {
0% {
opacity: 0;
transform: translate(25px, 10px) scale(0.92) rotateX(15deg);
}
100% {
opacity: 1;
}
}
@media (min-width: 576px) {
.modal-dialog {
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2));
}
}
.code-input {
display: block;
background-color: #fff;
border-radius: 8px;
border: 1px solid #CED4D7;
letter-spacing: .5em;
padding: 0 1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 2.25rem;
width: 260px;
height: 80px;
}
.code-input:focus {
border: 1px solid #FFDF3D;
}
.resend-code {
margin-bottom: 1.3em;
text-align: center;
}
.code-incorrect {
margin-bottom: 1.4em;
color: #E03C01;
font-size: 1.25rem;
text-align: center;
}
.send-code_again-btn {
margin-bottom: 1em;
border: 2px solid #FFDF3D;
height: 56px;
font-size: 1.375rem;
background-color: transparent;
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 280px;
}
.popup-title {
margin-bottom: .4em;
text-align: center;
}
.popup-subtitle {
font-size: 1.3125rem;
margin-bottom: 1.2em;
line-height: 1.35;
max-width: 490px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.popup-mod_subtitle {
margin-bottom: 1em;
}
.popup-bottom_btns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.2em;
margin-top: 2em;
font-size: 1.1525rem;
text-align: center;
}
.popup-bottom_btns a {
color: #FF7A00;
border-bottom: 1px solid #FF7A00;
transition: border-bottom-color .3s;
}
.popup-bottom_btns a:hover {
border-bottom-color: transparent;
}
.callback-form_fields {
display: flex;
flex-direction: column;
gap: 1em;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.callback-form_fields .form-group {
margin-bottom: 0;
}
.callback-form_fields .form-control {
border-radius: 8px;
}
.callback-form_fields .unified_form-policy {
font-size: .875rem;
color: #505050;
}
.callback-form_submit {
height: 56px;
font-size: 1.375rem;
font-weight: 600;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.fixed-width {
max-width: 280px;
}
.popup-policy {
font-size: 1.1525rem;
color: #ACACAC;
text-align: center;
}
.popup-policy a {
color: inherit;
border-bottom-color: inherit;
}
/***main-footer***/
.main-footer {
flex: 0 0 auto;
background: #38393A;
color: #fff;
padding-top: 4em;
font-family: "GothamPro";
}
.scroll-to-top {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background: #ffd70a;
cursor: pointer;
position: fixed;
right: 1.5em;
bottom: 5em;
opacity: 0;
transform: scale(0);
transition: transform 0.4s, opacity 0.6s;
z-index: 100;
}
.scroll-to-top:after {
content: "";
display: block;
height: 30%;
width: 30%;
border-top: 3px solid #000;
border-right: 3px solid #000;
position: absolute;
top: 6px;
bottom: 0;
left: -1px;
right: 0;
margin: auto;
transform: rotate(-45deg);
}
.scroll-to-top:hover {
opacity: 0.7;
}
.scroll-to-top-visible {
transform: scale(1);
opacity: 1;
}
.scroll-to-top-visible.is-hidden {
display: none;
}
.main-footer_content {
display: grid;
grid-template-columns: 23% 15% 16% 16% 22%;
gap: 1em 2%;
padding-bottom: 4em;
}
.footer-logo {
display: flex;
align-items: center;
}
.footer-first_column {
display: flex;
flex-direction: column;
gap: 2.7em;
}
.social-list {
display: flex;
gap: .8em;
align-items: center;
}
.social-list a {
border-bottom: none;
display: flex;
align-items: center;
transition: opacity .3s;
}
.social-list a:hover {
opacity: .8;
}
.social-list img {
max-width: 32px;
}
.social-color_list {
margin-top: -10px;
}
.social-color_list img {
max-width: 38px;
}
.footer-title {
margin-bottom: 1em;
font-weight: 500;
font-size: 1.25rem;
}
.footer-menu {
display: flex;
flex-direction: column;
gap: .5em;
color: #C6C6C6;
font-size: .875rem;
max-width: 200px;
}
.footer-menu a,
.footer-menu .sub-menu_link {
color: inherit;
border-bottom: none;
transition: color .3s;
}
.footer-menu a:hover {
color: #fff;
}
.footer-last_column {
display: flex;
flex-direction: column;
gap: 1.4em;
}
.contact-item {
display: flex;
flex-direction: column;
gap: .5em;
}
.contact-item .item-subtitle {
font-size: .875rem;
color: #C6C6C6;
}
.footer_phone-number {
color: #E3EBEC;
font-size: 1.625rem;
}
.footer-btns {
display: flex;
align-items: center;
gap: 1.1em;
}
.callback-btn {
height: 44px;
color: #38393A;
background: #FFDF3D;
font-weight: 700;
min-width: 205px;
}
.contact-btns {
display: flex;
align-items: center;
gap: .9em;
}
.contact-btns a {
border-bottom: none;
display: flex;
align-items: center;
transition: opacity .3s;
}
.contact-btns a:hover {
opacity: .8;
}
.contact-btns img {
max-width: 32px;
}
.footer-email {
display: flex;
align-items: center;
font-size: 1.375rem;
gap: 12px;
transition: color .3s;
}
.footer-email:hover {
color: #FFDF3D;
}
.footer-email:before {
content: '';
display: block;
background-image: url(/img/icons/phone.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: relative;
top: 1px;
height: 20px;
flex: 20px 0 0;
width: 20px;
}
.footer-adress {
display: flex;
align-items: flex-start;
gap: 15px;
letter-spacing: -.025em;
transition: color .3s;
}
.footer-adress:before {
content: '';
display: block;
background-image: url(/img/icons/adress.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 20px;
flex: 20px 0 0;
width: 20px;
}
.main-footer_bottom {
padding-top: 1.7em;
padding-bottom: 1.5em;
background: #494B4B;
}
.footer-mod_menu {
display: grid;
grid-template-columns: 33% 33% 33%;
gap: 1em 2%;
font-size: 1.125rem;
padding-bottom: 1.2em;
border-bottom: 1px solid #535656;
}
.footer-mod_menu a {
color: #E3EBEC;
border-bottom: none;
transition: color .3s;
}
.footer-mod_menu a:hover {
color: #FFDF3D;
}
.footer_copyright-text {
display: flex;
align-items: center;
gap: 1.8em;
color: #919A9E;
font-size: .875rem;
padding-top: 1.7em;
}
/* asgard */
#dev_asgard {width:30%; display:flex; justify-content: right; align-items:center; margin:10px 0;}
#dev_asgard a {position:relative; text-decoration: none; border: 0;}
#dev_asgard a:hover {text-decoration: none; border: 0;}
#dev_asgard a:hover .dev_logo, #dev_asgard a:hover .dev_lights {opacity:.8;}
#dev_asgard .dev_logo {width: 160px; opacity:.4; transition: opacity .425s;}
#dev_asgard .dev_lights {position: absolute; width: 45px; height: auto; left: -30px; top: -15px; opacity:.7; transition: opacity .425s;}
@media (max-width: 767px) {
.footer_copyright-text {flex-direction:column; align-items: flex-start;}
#dev_asgard {justify-content: center; margin: 20px 0;}
}
.footer_copyright-text .bottom-text {
font-size: 8px;
line-height: 1.7;
display: block;
}
.tablet-small_visible {
display: none !important;
}
.mobile-visible {
display: none;
}
.tablet-visible {
display: none;
}
/* модуль cookie файлов */
#popup-window-content-awz_cmp_cookies {
border-radius: 10px;
}
.awz_cookies_sett__save,
.awz_cookies_sett__save:hover {
border-radius: 6px;
background: var(--main) !important;
}
.awz_cookies_sett__detail-alert {
color: #000 !important;
}
.awz_cookies_sett__message {
font-size: 1em !important;
max-width: 670px !important;
box-shadow: 0 5px 30px rgba(34, 34, 34, 0.08);
transition: color .3s, box-shadow .3s;
}
.awz_cookies_sett__bg1 {
background: rgb(246, 246, 246, 1) !important;
}
.awz_cookies_sett__btn {
padding: 0.4em 1.2em !important;
border-radius: 10px !important;
font-weight: 500 !important;
}
/* sitemap статик страница */
.sitemap-container {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.sitemap-column {
flex: 1;
min-width: 300px;
}
.sitemap-column h2 {
margin-bottom: 20px;
font-size: 1.5em;
}
.sitemap-column ul {
list-style: none;
padding-left: 0;
}
.sitemap-column ul ul {
padding-top:20px;
padding-left: 20px;
}
.sitemap-column li {
margin-bottom: 8px;
}
.static-sections li {
margin-bottom: 15px;
}
.sitemap-column a {
color:#000;
font-weight:500;
}
.sitemap-column ul:not([class]) li:before {
content: "";
position: relative;
left: 0;
top: 11px;
background: #666;
width: 11px;
height: 1px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
/* for-tires new-code */
.brand-mod_item {
transition: border-color .3s;
}
.brand-mod_item.active {
border-color: #FF9900;
}
/* RESPONSIVE LAYOUTS */
@media only screen and (max-width: 1799px) {
.dropdown-menu {
font-size: 1.25rem;
}
.dropdown-menu_second {
font-size: 1rem;
}
.dropdown-box {
padding-top: 2em;
max-height: 470px;
}
}
@media only screen and (max-width: 1599px) {
.container {
max-width: 1270px;
}
.main-head {
padding: 1em 0;
}
.main-content {
padding: 1.3em 0 3.7em;
}
.main-section {
min-height: 430px;
}
.category-long_item .item-img {
right: 3em;
height: auto;
width: 74%;
}
.category-high_item .item-img {
height: auto;
}
.category-item .item-img img {
max-width: 100%;
}
.category-item {
font-size: 1.25rem;
}
.category-high_item .item-title {
padding-bottom: 1em;
}
.category-fourth_item .item-img {
margin-bottom: 0;
}
.category-fourth_item .item-img {
left: 0;
}
.category-five_item .item-img {
margin-bottom: 0;
}
.category-item .unified-item_arrow {
height: 45px;
width: 45px;
}
.category-item .unified-item_arrow:before {
height: 20px;
flex: 13px 0 0;
width: 13px;
}
.offer-unit_title {
font-size: 1.25rem;
}
.six-columns {
gap: 1.8em 1em;
}
.article-item_title {
font-size: 1.4rem;
}
.article-item_date {
font-size: 1.05em;
}
.brand-item {
min-height: 290px;
}
.dealer-left_column .section-title {
font-size: 1.75rem;
}
.modal-content {
padding: 3em 2em;
}
button.close {
right: 1em;
top: 1em;
}
.popup-subtitle {
font-size: 1.125rem;
}
.popup-policy {
font-size: .9rem;
}
.popup-bottom_btns {
font-size: 1rem;
margin-top: 1.3em;
}
.main-footer_content {
grid-template-columns: 20% 15% 15% 16% 27%;
}
.footer-adress {
padding-right: 18%;
}
.product-card_bonus {
margin-bottom: .3em;
}
.product-card_price-btn .left-column {
gap: .3em;
}
.cart-item_last-column {
gap: 1.2em;
padding-right: .5em;
}
.cart-item_right {
flex: 42% 0 0;
}
.log-in_box {
padding: 1em 2.2em;
}
.order-form_unit {
padding: 1.2em 2.2em 1.4em;
}
.account_sidebar-unit .title {
font-size: 1.5rem;
}
.account-form .form-group {
font-size: 1rem;
}
.account_left-column .section-title {
font-size: 1.5rem;
}
.account_bonus-row .item-number {
font-size: 2rem;
}
.account_bonus-row {
font-size: 1.3rem;
}
.account_sidebar-unit {
font-size: 1rem;
}
.account-box {
padding: 1.4em 2.4em;
}
.action-detailed_box {
gap: 4em;
}
.dropdown-box {
max-width: 1270px;
padding-top: 1.2em;
max-height: 410px;
}
.dropdown-box_title {
max-width: 1270px;
}
.wrapper_dropdown-box {
padding-top: 1.2em;
}
.wrapper_dropdown-box .dropdown-box_title {
font-size: 1.875rem;
}
.dropdown-menu .all-products_btn {
margin-top: .7em;
font-size: .75rem;
}
.dropdown-menu {
font-size: 1.125rem;
}
.dropdown-menu_second {
font-size: .9rem;
}
.dropdown-box .dropdown_right-column {
padding-bottom: 1.5em;
}
.dropdown_right-column {
flex: 300px 0 0;
}
.dropdown-menu a:after,
.dropdown-menu .sub-menu_link:after {
height: 14px;
width: 8px;
}
.dropdown-box_close-btn {
right: calc(calc(100vw - 1250px) / 2);
top: 1em;
}
.contact-panel {
/*padding: 2em 3.7em 3.5em;*/
gap: 2.7em;
}
.contact-panel.address {
padding-left: 1.5em;
padding-right: 1.5em;
}
.callback-static_form {
padding: 1.5em 3.3em 2em;
}
.bonus-second_item .item-img {
top: 0;
}
.video-box {
height: 480px;
}
.join-team_section {
padding-left: 3.2em;
padding-right: 3.2em;
}
.offer-content .offer-unit_title {
font-size: 1.75rem;
}
.offer-content p {
font-size: 1rem;
}
.offer-content .offer-unit_submit {
margin-top: 1.3em;
}
.offer-content .offer-unit_desc {
padding: .7em;
}
.excellence-item {
font-size: 1rem;
}
.excellence-item .item-number {
font-size: 2rem;
}
.welcome-speech_box p {
font-size: 1rem;
}
.benefit-item_desc .item-title {
font-size: .935rem;
}
.delivery-map {
height: 490px;
}
.strength-item {
font-size: 1rem;
}
.strength-item:before {
height: 30px;
flex: 30px 0 0;
width: 30px;
}
.support-section .top-text {
font-size: 1.125rem;
}
.advantage-main_item .item-title {
font-size: 1.5rem;
}
.advantage-main_item {
gap: 1em;
}
.dealer-section {
gap: 1.5em;
}
.discounted-products_section {
padding: 5em 0;
}
.product-item_price {
font-size: 1.125rem;
}
.product-item_old-price {
font-size: .8125rem;
}
.company-desc_mod-column p {
font-size: 1rem;
}
.advantage-item {
padding: 1.3em 2em;
}
.advantage-last_item {
padding-right: 60%;
}
.advantage-item .item-title {
font-size: 1.35rem;
}
}
@media only screen and (max-width: 1359px) {
.dropdown-box {
padding-top: 1em;
max-height: calc(100vh - 165px);
}
.article-header_desc {
padding: 1.7em;
}
.benefit-item_desc {
padding: 1em;
}
.benefit-item_desc:before {
top: 1.2em;
}
.benefits-row {
gap: 1em;
}
.six-columns {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 1279px) {
.head-logo {
max-width: 200px;
}
.category-item .item-img {
height: 225px;
}
.category-long_item .item-img {
height: auto;
}
.category-high_item .item-img {
height: auto;
}
.catalog-products {
grid-template-columns: repeat(3, 1fr);
}
.product-mod_item .product-item_btn {
min-width: 200px;
}
.product-mod_item .product-item_price-row {
font-size: 1.35rem;
}
.product-mod_item .product-item_old-price {
font-size: 1.125rem;
}
.catalog_left-column {
flex: 270px 0 0;
}
.catalog_right-column {
max-width: calc(100% - 270px);
}
.product-card_total-column {
flex: 300px 0 0;
}
.marketplaces-mod_list .item-img {
flex: 110px 0 0;
}
.calculation-form .form-group {
font-size: 1.125rem;
}
.calculation-form .form-control {
height: 50px;
}
.calculation-select_item .item-content {
min-height: 50px;
}
.calculation-form_submit, .add-form_btn {
font-size: 1.125rem;
}
.cart-item_right {
flex: 47% 0 0;
}
.account_sidebar-unit .item-img img {
max-width: 70%;
}
.order-unit_title {
font-size: 0.966875rem;
padding-right: 0;
}
.order-unit_code {
font-size: .875rem;
}
.order-unit_img {
flex: 89px 0 0;
height: 85px;
}
.timer {
font-size: .75rem;
min-height: 30px;
}
.action-item_discount {
font-size: .875rem;
border-radius: 24px;
}
.action-detailed_box {
gap: 2em;
}
.action-detailed_desc {
gap: 1em;
}
.counter-mod_btn .product-count {
font-size: 1.25rem;
}
.product-other_item .cart-item_right {
flex: 57% 0 0;
}
.dropdown-box_close-btn {
right: 1.3em;
}
.brand-detailed_desc {
padding: 2.4em 1.5em;
gap: 1em;
}
.article-unit_row .unit-caption {
font-size: .935rem;
}
.article-unit_row {
gap: 1.2em;
}
.article-detailed_body p {
line-height: 1.5;
}
.unified-delivery_unit {
padding: 1.1em 1.5em 1.5em;
}
.delivery-terms_unit {
padding-right: 41%;
}
.unified-delivery_unit .item-title {
font-size: 1.5rem;
}
.bonus-item .item-title {
font-size: 1.5625rem;
}
.bonus-unit_header {
font-size: 1.5625rem;
}
.bonus-detailed_item .item-number, .bonus-detailed_item .item-text {
font-size: 1.2675rem;
}
.bonus-detailed_item {
font-size: 1.2125rem;
}
.bonus-detailed_item .item-sum {
font-size: 1.818125rem;
min-height: 41px;
min-width: 126px;
}
.advantage-item .item-title {
font-size: 1.25rem;
}
.production-item_title {
font-size: 1rem;
min-height: 35px;
}
.join-team_section {
padding: 1.7em 3em 0;
}
.production-slider .slick-prev {
left: 1rem;
}
.production-slider .slick-next {
right: 1rem;
}
.production-item {
max-height: 50vw;
}
.team-slider {
padding: 0 3em;
}
.team-item_name {
font-size: 1.25rem;
}
.video-box {
height: 45vw;
}
.video-box .play-button {
font-size: .935rem;
}
.video-box .play-button:before {
height: 48px;
flex: 48px 0 0;
width: 48px;
}
.join-team_mod_section {
padding: 1.6em 2em 3em;
}
.calc-section p {
font-size: 1rem;
}
.advantage-main_item .item-title {
font-size: 1.25rem;
}
.advantage-main_item p {
font-size: .875rem;
}
.advantage-main_item {
gap: .8em;
}
.dealer-left_column .top-text {
font-size: .875rem;
}
.join-team_left-column .item-img {
width: 90%;
}
.production-small_slider .item-title {
font-size: .935rem;
}
}
@media only screen and (max-width: 1199px) {
.modal-dialog {
max-width: 550px;
}
.main-head {
font-size: .75rem;
}
.head-mod_menu .long-item {
min-width: auto;
}
.head-menu {
font-size: 1rem;
}
.head-city {
font-size: 1rem;
}
.head_phone-number {
font-size: 1rem;
}
.form-search_input {
height: 46px;
}
.form-search_wrapper-submit {
width: 46px;
}
.head-catalog_btn {
min-height: 46px;
}
.head-city {
gap: 1px;
padding: 3px 0;
}
.head-fav, .head-user, .head-cart {
height: 46px;
flex: 46px 0 0;
padding: 11px;
width: 46px;
}
body {
font-size: .875rem;
}
.brand-item_logo {
max-width: 70%;
}
.brand-item_logo.fourth-item {
font-size: 1.35rem;
}
.three-columns {
gap: 1em;
}
.article-item_title {
font-size: 1rem;
}
.article-item_date {
font-size: .75rem;
}
h2, .section-title, h1, .main-title, .main-slide_title {
font-size: 1.75rem;
}
.main-slide-content .main-btn {
height: 46px;
}
.main-slide-content p {
font-size: .75rem;
}
.category-item .unified-item_arrow {
height: 43px;
width: 43px;
}
.category-item {
font-size: .875rem;
}
.category-long_item .item-img {
position: relative;
width: 68%;
}
.category-row {
grid-template-columns: 25.5% 22.7% 22% 27%;
}
.category-mod_row {
grid-template-columns: 25.5% 36.3% 36.3%;
}
.category-item .item-img {
height: 170px;
}
.category-high_item .item-img {
height: 380px;
}
.category-long_item .item-img {
height: auto;
}
.marketplaces-section .top-text {
font-size: 1.25rem;
}
.main-footer_content {
grid-template-columns: repeat(4, 1fr);
gap: 2em 1em;
}
.footer-last_column {
grid-column: span 4;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2em 1em;
}
.footer-mod_menu {
grid-template-columns: repeat(2, 1fr);
}
.catalog-menu {
font-size: 1rem;
}
.catalog-submenu {
font-size: 1rem;
}
.product-mod_item .product-item_desc {
flex-direction: column;
justify-content: flex-start;
flex: inherit;
}
.product-item_left-column {
flex: inherit;
}
.product-item_right-column {
flex: inherit;
max-width: 100%;
}
.product-mod_item {
padding-bottom: 2em;
}
.product-item_right-column {
padding-top: 0;
}
.product-card_right-column {
flex-direction: column;
}
.product-card_total-column {
flex: inherit;
}
.product-card_left-column {
flex: 50% 0 0;
max-width: 50%;
}
.calculation_right-fields {
flex: inherit;
}
.cart-content {
flex-direction: column;
gap: 2.2em;
}
.cart_right-column {
flex: inherit;
}
.order-form_right-column {
flex: 350px 0 0;
}
.log-in_box {
flex-direction: column;
gap: 1em;
}
.unified-radio {
font-size: .935rem;
}
.order-form_unit .form-group {
font-size: .935rem;
}
.order-form_unit .selectric .button:after {
height: 15px;
bottom: 2px;
width: 15px;
}
.order-form_unit .selectric .button {
width: 1.5rem;
}
.actions-row .wrapper_unified-item_arrow {
right: 1em;
}
.actions-row .unified-item_arrow {
height: 40px;
width: 40px;
}
.actions-row .wrapper_unified-item_arrow {
padding: 20px;
padding-bottom: 0;
}
.actions-row .unified-item_arrow:before {
height: 20px;
flex: 12px 0 0;
width: 12px;
}
.action_detailed_header {
font-size: .875rem;
}
.action-detailed_desc {
font-size: .8125rem;
}
.action-detailed_desc p {
padding-right: 0;
}
.action-detailed_desc h2 {
font-size: 1.5rem;
padding-right: 0;
}
.counter-mod_btn {
flex: 160px 0 0;
}
.counter-mod_btn .product-count {
font-size: 1rem;
}
.contact-panel {
padding: 1.7em;
padding-right: 30%;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.contact-img {
top: -2em;
}
.delivery-methods_row {
grid-template-columns: repeat(3, 1fr);
}
.advantages-mod_list {
gap: 1.7em;
}
.ambassador-item {
font-size: 1rem;
}
.strength-row {
padding-left: 0;
padding-right: 0;
}
.profit-content .ui-widget-content {
height: 14px;
}
.profit-content .ui-state-default {
height: 20px !important;
top: -3px !important;
width: 20px;
}
.sliding-input {
font-size: 1.25rem;
}
.profit-content_body .subtitle {
font-size: .935rem;
}
.field-number_container {
font-size: .935rem;
}
.profit-content {
padding-bottom: 3em;
}
.profit-content .large-title {
font-size: 1.5625rem;
}
.profit-sum {
font-size: 1.5625rem;
min-height: 44px;
min-width: 230px;
}
.calculation-box_content {
flex-direction: column;
align-items: center;
}
.calculation-box_right-column {
flex: inherit;
max-width: 380px;
}
.calculation-box_left-column {
flex: inherit;
width: 100%;
}
.calculation-form .form-group {
font-size: 1rem;
}
.modal-dialog_video {
height: 60vw;
}
.modal-dialog_video .modal-content {
height: 60vw;
}
.calc-left_column {
flex: 45% 0 0;
}
.mailing-form_section {
gap: 1.2em;
}
.calc-section p {
font-size: .875rem;
}
.advantage-main_item .item-icon {
margin-top: 5px;
}
.product-item_price {
font-size: 1.25rem;
}
.product-item_old-price {
font-size: .875rem;
}
.category-long_item .item-img {
right: 0;
}
.category-mod_row .category-long_item .item-img {
right: 4em;
}
.reset-filter_btn {
margin-left: .5em;
}
}
@media only screen and (max-width: 1024px) {
.tablet-visible {
display: block;
}
.tablet-hidden {
display: none !important;
}
.brands-row {
grid-template-columns: repeat(2, 1fr);
}
.brand-item {
min-height: 220px;
}
.main-section {
min-height: 400px;
}
.company-section {
flex-direction: column;
}
.company-desc_column {
flex: inherit;
max-width: 100%;
padding-right: 45%;
}
.category-bottom_item .item-img {
margin-bottom: 0;
}
.category-item .item-img {
height: auto;
}
.category-mod_row .category-item .item-img {
height: 170px;
}
.category-mod_row .category-long_item .item-img {
height: auto;
position: absolute;
width: 50%;
}
.category-long_mod-item {
padding-right: 1em;
padding-left: 1em;
flex-direction: column;
align-items: flex-start;
}
.category-long_mod-item .item-img {
order: 1;
right: 0;
width: auto;
margin-left: auto;
}
.category-long_mod-item .item-title {
order: 2;
}
.six-columns {
grid-template-columns: repeat(3, 1fr);
}
.head-logo {
margin-right: 0;
}
.category-item {
font-size: 1rem;
}
.marketplaces-section {
padding: 4em 0;
}
.advantages-list .item-title {
font-size: 1.2rem;
}
.category-section {
padding: 2em 0 3em;
}
.category-mod_section {
padding-top: 0;
}
.products-section {
padding-top: 2em;
}
.products-mod_section {
padding-top: 0;
}
.articles-section {
padding: 3em 0 4em;
}
.dealer-section {
margin-bottom: 4em;
}
.mailing-form_section {
flex-direction: column;
padding-bottom: 1em;
}
.unified-section_header {
flex-direction: column;
align-items: flex-start;
}
.unified-section_mod-header {
flex-direction: row;
align-items: center;
}
.see-all_btn {
min-height: auto;
border: none;
gap: 5px;
font-size: .935rem;
padding: 0;
}
.see-all_btn:after {
content: '';
display: block;
border-top: 1px solid #000;
border-right: 1px solid #000;
height: 10px;
width: 10px;
transform: rotate(45deg);
}
.unified-top_menu li {
min-height: 44px;
border-radius: 12px;
font-size: 1rem;
}
.dealer-section {
flex-direction: column;
}
.dealer-right_column {
order: 1;
}
.dealer-left_column {
order: 2;
}
.main-footer_content {
grid-template-columns: repeat(2, 1fr);
}
.footer-last_column, .footer-first_column {
grid-column: span 2;
}
.footer-last_column {
display: flex;
gap: 1em;
}
.footer-mod_menu {
display: flex;
flex-direction: column;
}
.company-desc_column .item-img {
bottom: 0;
width: 45%;
}
.company-desc_mod-column {
padding-right: 0;
}
.dealer-section .column-mobile_unit {
display: flex;
padding-left: 4.7em;
padding-bottom: 2em;
}
.dealer-section .column-mobile_unit .section-title {
margin-bottom: 0;
}
.catalog-content {
flex-direction: column;
gap: 2em;
}
.catalog_left-column {
flex: inherit;
}
.catalog-menu {
margin-top: 0;
}
.catalog_right-column {
padding-left: 0;
max-width: 100%;
}
.product-list_content {
padding-right: 0;
}
.product-card_content {
flex-direction: column;
gap: 4em;
margin-bottom: 3em;
}
.product-card_left-column {
flex: 100% 0 0;
max-width: 100%;
}
.product-card_right-column {
flex: 100% 0 0;
max-width: 100%;
padding-left: 0;
}
.product-card_small-slider {
display: none !important;
}
.product-card_slider {
padding-left: 0;
flex: inherit;
margin-left: -5px;
margin-right: -5px;
max-width: inherit;
}
.product-card_slider .slick-slide {
padding: 0 5px;
}
.calculation-middle_fields {
flex-direction: column;
align-items: flex-start;
gap: 2em;
}
.calculation-form_submit, .add-form_btn {
padding: 0 1em;
flex: 1 0 0;
}
.product-card_counter-btn {
min-width: 307px;
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.step-title .item-number {
font-size: 1.5rem;
}
.step-title {
font-size: 1.25rem;
}
.order-form {
flex-direction: column;
gap: 2.2em;
}
.order-form_right-column {
flex: inherit;
}
.personal-account_content {
flex-direction: column;
}
.account_right-column {
flex: inherit;
}
.personal-account_header {
flex-wrap: wrap;
}
.order-item {
flex-direction: column;
}
.order-item_left_column {
flex: inherit;
order: 3;
padding-top: 0;
}
.order-item_right_column {
order: 2;
}
.order-item_header_mobile {
display: flex;
order: 1;
}
.actions-row {
grid-template-columns: repeat(2, 1fr);
}
.product-other_item {
flex-direction: column;
}
.calculator-top_section .right-column {
max-width: 40%;
}
.dropdown-box .dropdown_right-column {
display: none;
}
.dropdown-menu {
grid-template-columns: repeat(3, 1fr);
gap: 1em;
}
.dropdown-box_close-btn {
display: none;
}
.product-card_timer-pos {
left: 0;
}
.articles-mod_row {
grid-template-columns: repeat(2, 1fr);
gap: 2em 1em;
}
.articles-header_box {
flex-direction: column;
display: flex;
gap: 2em;
}
.articles-mod_row .unified-item_arrow {
height: 40px;
width: 40px;
}
.articles-mod_row .unified-item_arrow:before {
height: 22px;
flex: 14px 0 0;
width: 14px;
}
.article-item_gorizontal .unified-item_arrow {
height: 40px;
width: 40px;
}
.article-item_gorizontal .unified-item_arrow:before {
height: 22px;
flex: 14px 0 0;
width: 14px;
}
.article-item_high .unified-item_arrow {
height: 40px;
width: 40px;
}
.article-item_high .unified-item_arrow:before {
height: 22px;
flex: 14px 0 0;
width: 14px;
}
.articles-sidebar {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2em 1em;
}
.article-item_gorizontal {
flex-direction: column;
}
.article-item_gorizontal .article-item_img {
padding-top: 56%;
}
.articles-header_box {
margin-bottom: 2em;
}
.contact-column .item-subtitle {
font-size: 1.25rem;
}
.contact-column {
font-size: 0.918125rem;
}
.callback-static_form .form-group {
font-size: 1.125rem;
}
.delivery-top_row {
display: flex;
flex-direction: column;
gap: 3em;
}
.bonus-top_row {
grid-template-columns: repeat(2, 1fr);
gap: 4em 1.7em;
}
.bonus-third_item {
grid-column: span 2;
}
.bonus-item .item-img {
margin-bottom: -4em;
}
.bonus-second_item .item-img {
top: 3em;
}
.bonus-third_item .item-img {
margin-bottom: 0;
width: 37%;
}
.bonus-middle_row {
grid-template-columns: repeat(2, 1fr);
}
.bonus-detailed_item {
flex-direction: column;
align-items: flex-start;
}
.company-desc_mod-column .item-img {
bottom: auto;
top: -1em;
}
.company-desc_mod-column .item-img img {
max-height: 230px;
}
.company-desc_mod-column {
margin-bottom: 1em;
}
.production-section .bottom-text {
font-size: 1rem;
max-width: 390px;
}
.callback-static_form-submit {
min-width: auto;
width: 100%;
}
.family-box {
margin-top: 6em;
padding: 0 2em;
}
.join-team_mod_section {
padding-left: 1em;
padding-right: 1em;
}
.annual-profit_box {
margin-top: 0;
}
.wholesale_advantages-box {
flex: 230px 0 0;
padding: 1.5em 1em;
}
.offer-content {
grid-template-columns: repeat(2, 1fr);
align-items: normal;
}
.welcome-speech_box {
padding: 0 1.7em;
}
.benefits-row {
grid-template-columns: repeat(3, 1fr);
}
.delivery-map {
height: 400px;
}
.strength-row {
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.strength-row:before {
content: '';
display: block;
background: #C1C1C1;
position: absolute;
left: 0;
height: 1px;
width: 100%;
top: 50%;
}
.profit-content {
padding: 1.7em;
}
.profit-content_body {
gap: 3em;
}
.account_left-column {
display: flex;
flex-direction: column;
gap: 1.8em;
}
.account_sidebar-unit .title {
padding-right: 33%;
}
.account_sidebar-unit .title .min {
display: inline;
}
.calculation-form_submit, .add-form_btn {
flex: inherit;
}
.head-menu {
font-size: .875rem;
}
.head_phone-number {
font-size: .875rem;
display: none;
}
.head-city {
font-size: .875rem;
}
.head-controls {
padding-left: 0;
}
.mailing-form_left-column {
min-height: 52vw;
}
.category-item .wrapper_unified-item_arrow {
bottom: .5em;
right: .5em;
}
.production-small_slider .item-title {
font-size: .75rem;
height: 20px;
width: 20px;
}
}
@media only screen and (max-width: 767px) {
.tablet-small_visible {
display: block !important;
}
.tablet-small_hidden {
display: none !important;
}
.logo-loader_content {
height: 30px;
}
.loader-text {
font-size: 1rem;
}
.logo-loader {
width: 230px;
}
.mobile-logo {
display: flex;
max-width: 190px;
}
.head_city-logo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
order: 1;
}
.head_bottom-panel {
flex-direction: column;
}
.head_catalog-form {
order: 2;
display: flex;
}
.mobile-fixed_panel {
display: flex;
font-size: 11px;
}
.main-head {
display: none;
}
.ui-header {
padding: 1em 0;
}
.head-fav, .head-user, .head-cart, .mobile-home, .mobile-catalog, .head-action {
border-radius: 0;
background-color: transparent;
height: auto;
width: auto;
flex: inherit;
}
.head-fav .item-img, .head-user .item-img, .head-cart .item-img, .mobile-home .item-img, .mobile-catalog .item-img, .head-action .item-img {
height: 27px;
display: flex;
align-items: center;
}
.head-control_amount {
right: 20px;
top: 5px;
}
.main-footer_bottom {
padding-bottom: 6em;
}
.head-controls {
display: none;
}
.articles-row {
grid-template-columns: repeat(2, 1fr);
gap: 2em 1em;
}
.scroll-to-top {
bottom: 7em;
}
.category-row {
grid-template-columns: repeat(2, 1fr);
gap: 1.7em 1.2em;
}
.category-high_item {
order: 1;
margin-right: 0;
}
.category-second_item {
order: 2;
}
.category-third_item {
order: 3;
}
.category-long_item {
order: 4;
flex-direction: row;
}
.category-long_item .item-img {
position: static;
padding-right: 4em;
margin-top: -2em;
}
.category-last_item {
order: 5;
}
.all-catalog_btn {
order: 6;
}
.category-long_mod-item {
flex-direction: column;
}
.category-long_mod-item .item-img {
margin-top: -10px;
}
.selectric {
font-size: .75rem;
}
.filter_instock_btn {
font-size: .75rem;
}
.product-item {
padding-left: 0;
padding-right: 0;
}
.sort-by .selectric .label {
margin-left: 0;
}
.filter_top-panel {
gap: 1em;
}
.fixed-menu .head_city-logo {
display: none;
}
.fixed-menu .head_bottom-panel {
display: flex;
}
.fixed-menu .main-head {
display: none;
}
.calculation-form_footer {
flex-direction: column;
}
.calculation-form_submit, .add-form_btn {
flex: inherit;
width: 100%;
}
.calculation-form_submit {
order: 2;
}
.add-form_btn {
order: 1;
}
.calculation_left-fields {
flex: inherit;
display: flex;
flex-direction: column;
gap: 1.5em;
width: 100%;
}
.product-card_item {
height: 47vw;
}
.cart-item {
flex-direction: column;
}
.order-form_bonus-row .item-number {
font-size: 1.6rem;
}
.order-form_bonus-row {
font-size: 1.2rem;
}
.order-form_unit .bonus-text {
font-size: .875rem;
}
.order-form_unit .form-control {
height: 47px;
}
.order-form_unit .selectric {
height: 47px;
}
.order-form_unit .selectric .label {
line-height: 47px;
}
.order-form_fields {
display: flex;
flex-direction: column;
}
.payment_right-column {
gap: 1em;
}
.account-form_fields {
display: flex;
flex-direction: column;
}
.personal-account_menu {
font-size: .8125rem;
}
.orders-row {
display: flex;
flex-direction: column;
}
.action-detailed_box {
flex-direction: column;
gap: 1em;
}
.action-detailed_img {
flex: inherit;
}
.action-detailed_desc {
gap: .7em;
}
.action-detailed_img img {
border-radius: 8px;
}
.product-other_item {
padding: 1em;
}
.product-other_item .cart-item_desc {
padding-bottom: 1.7em;
}
.product-other_item .cart-item_right {
position: relative;
}
.product-other_item .cart-item_price {
position: absolute;
left: 100px;
top: -2em;
}
.product-other_item-last_column {
flex: auto 0 0;
}
.dropdown-box_mobile-title {
display: flex;
padding: 0 15px;
}
.unified-menu_box {
padding: 1.2em;
padding-top: 0;
display: none;
}
.unified-menu_box.is-static {
overflow: hidden;
overflow-y: auto;
}
.unified-menu_box.is-visible {
display: block;
z-index: 2;
}
.wrapper_dropdown-box {
height: calc(100vh - 135px);
box-shadow: none;
padding: 0;
overflow: hidden;
overflow-y: auto;
}
.wrapper_dropdown-box.is-fixed .dropdown-box_content {
padding-bottom: 0;
}
.dropdown-box {
display: block;
max-height: inherit;
position: relative;
padding: 0;
padding-top: 1.2em;
}
.dropdown-box.is-scroll {
overflow: hidden;
}
.dropdown-box_content {
flex-direction: column;
gap: 2.4em;
padding-bottom: 5.5em;
transition: transform .3s;
}
.dropdown-menu .min {
display: inline;
}
.dropdown-box_title {
display: none;
}
.dropdown-menu {
font-size: 1.3125rem;
display: block;
gap: 1.2em;
position: absolute;
right: -100%;
top: 0;
width: 100%;
}
.dropdown-menu > li > a:after {
display: none;
}
.dropdown-menu > li {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1em;
margin-bottom: 1em;
}
.dropdown-menu > li:last-child {
margin-bottom: 0;
}
.dropdown-menu .back-list {
display: flex;
gap: .3em;
margin-bottom: 1em;
}
.dropdown-menu_second {
font-size: 1.3125rem;
position: absolute;
right: -100%;
top: 0;
width: 100%;
background-color: #fff;
}
.dropdown-menu_second li {
margin-bottom: 1em;
}
.mobile-menu_arrow-icon {
display: block;
}
.mobile-header_box {
display: flex;
padding: 0 15px;
}
.brand-detailed {
flex-direction: column;
border-radius: 8px;
}
.brand-detailed_img {
order: 2;
flex: inherit;
}
.brand-detailed_img img {
border-radius: 0 0 8px 8px;
}
.brand-detailed_desc {
order: 1;
}
.article-header_unit {
flex-direction: column;
display: flex;
background-color: transparent;
}
.article-header_img {
order: 1;
}
.article-header_img img {
border-radius: 17px;
}
.article-header_desc .item-date {
font-size: 1rem;
margin-bottom: 7px;
}
.article-header_desc p {
font-size: 0.8325rem;
padding-right: 0;
}
.article-header_desc {
padding: 1em 0;
gap: .6em;
order: 2;
}
.article-header_desc .item-title {
font-size: 1.375rem;
}
.article-detailed_body {
padding: 1em 0;
font-size: 0.8325rem;
gap: 2em;
}
.article-unit_row {
flex-direction: column;
padding-top: 1em;
}
.article-unit_row .left-column {
flex: inherit;
}
.article-detailed_body h2, .article-detailed_body .section-title {
font-size: 1.375rem;
}
.gallery-slider {
padding-top: 0;
}
.gallery-slider .slick-prev {
left: 0;
}
.gallery-slider .slick-next {
right: 0;
}
.contact-panel {
display: flex;
flex-direction: column;
}
.contact-img {
top: auto;
bottom: -2em;
}
.callback-static_form-fields {
display: flex;
flex-direction: column;
}
.callback-static_form {
padding: 1.5em;
}
.delivery-methods_row {
grid-template-columns: repeat(2, 1fr);
}
.bonus-top_row {
display: flex;
flex-direction: column;
}
.bonus-item .item-img {
margin-top: -5em;
text-align: right;
}
.bonus-item p {
padding-right: 40%;
}
.bonus-second_item .item-img {
top: 0;
}
.bonus-third_item {
padding-right: 0;
}
.bonus-third_item .item-img {
position: relative;
right: 0;
width: 100%;
}
.bonus-third_item .item-img img {
max-width: 410px;
}
.bonus-middle_row {
display: flex;
flex-direction: column;
}
.advantage-item {
padding-left: 1.5em;
}
.advantage-last_item {
padding-right: 60%;
}
.join-team_section {
display: flex;
flex-direction: column;
position: relative;
gap: 2.5em;
}
.join-team_left-column {
position: static;
padding-right: 0;
}
.join-team_right-column {
position: relative;
padding-bottom: 2em;
z-index: 1;
}
.join-team_form .callback-static_form-submit {
margin-top: 18em;
}
.advantage-second_item {
order: 1;
}
.advantage-first_item {
order: 2;
}
.advantage-last_item {
order: 3;
}
.ambassadors-row {
overflow: hidden;
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
padding-bottom: 10px;
}
.ambassador-item {
min-width: 200px;
}
.ambassadors-row::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.ambassadors-row::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.ambassadors-row::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.join-team_mod_section .callback-static_form-submit {
margin-top: 1em;
}
.family-box {
flex-direction: column;
align-items: center;
text-align: center;
margin-top: 0;
}
.family-box .right-img {
order: 1;
}
.family-box .left-img {
order: 2;
margin-top: -8.7em;
}
.family-box .left-img img {
margin-bottom: 0;
}
.wholesale_top-section {
flex-direction: column;
}
.wholesale_advantages-box {
flex: inherit;
padding: 2.7em 2em;
padding-left: 0;
}
.excellence-item {
position: relative;
font-size: 1.25rem;
padding-left: 1.6em;
}
.excellence-item .item-number {
font-size: 2.625rem;
}
.excellence-item:before {
content: '';
display: block;
background: #FFDF3D;
border-radius: 50%;
position: absolute;
left: -7px;
height: 14px;
width: 14px;
top: 10px;
}
.offer-content .offer-unit_submit {
margin-top: 1.2em;
}
.welcome-speech_box {
flex-direction: column;
}
.benefits-row {
grid-template-columns: repeat(2, 1fr);
}
.delivery-section_header {
flex-direction: column;
align-items: flex-start;
}
.profit-content_body {
display: flex;
flex-direction: column;
}
.cooperation-section .item-second_img {
display: none;
}
.cooperation-section .callback-static_form-submit {
margin-top: 1.2em;
}
.annual-profit {
margin-left: -10px;
}
.annual-profit_box {
gap: 0;
}
.annual-profit_box .right-content {
flex: inherit;
padding: 1.7em;
padding-bottom: 0;
width: 100%;
}
.annual-profit_box .left-img {
margin-top: 0;
flex: auto;
width: 100%;
}
.annual-profit_box .section-title {
margin-bottom: 0;
text-align: left;
}
.offer-content {
display: flex;
flex-direction: column;
}
.offer-content .offer-unit_title {
font-size: 1.875rem;
}
.offer-content .offer-unit_desc {
padding: 1.8em 1.3em;
gap: 1.3em;
}
.welcome-speech_box .left-column {
padding-top: 2em;
padding-bottom: 0;
}
.welcome-speech_box .section-title {
font-size: 1.875rem;
}
.welcome-speech_box p {
font-size: 1.05rem;
}
.benefits-section {
padding: 2em 0;
}
.wrapper_calc-btn {
position: relative;
top: 1px;
}
.join-team_left-column .item-img {
left: 0;
width: 100%;
text-align: center;
}
.join-team_left-column .item-img img {
max-height: 510px;
}
.review-video_btn {
display: flex;
}
.calculation-top_fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.head-menu {
display: none;
}
.head-city .text {
display: block;
font-size: 1rem;
}
.city-name {
gap: 6px;
font-size: .8125rem;
}
.city-name:after {
height: 8px;
flex: 8px 0 0;
width: 8px;
}
.category-mod_row .category-long_item .item-img {
right: 0;
left: 0;
right: auto;
width: 70%;
}
.category-mod_row .category-item .item-img {
height: 140px;
}
.category-mod_row .category-high_item .item-img {
height: auto;
}
.discounted-products_section {
padding: 4em 0 2em;
}
.production-item {
border-radius: 8px;
}
.production-small_slider .item-img {
border-radius: 8px;
}
}
@media only screen and (max-width: 680px) {
.six-columns {
grid-template-columns: 48% 48%;
gap: 2.2em 4%;
}
.catalog-products {
grid-template-columns: 48% 48%;
gap: 2.2em 4%;
}
.production-item_title {
font-size: .75rem;
min-height: 27px;
left: 1em;
top: 1em;
}
}
@media only screen and (max-width: 600px) {
.mobile-visible {
display: block;
}
.mobile-hidden {
display: none !important;
}
.scroll-to-top {
opacity: .7;
border-radius: 100%;
width: 34px;
height: 34px;
right: 18px;
left: auto;
}
.mobile-logo {
max-width: 170px;
}
.site-map_content {
display: flex;
flex-direction: column;
gap: 0;
}
.main-section {
min-height: auto;
padding: 2.5em 1.2em;
}
.main-slide-content p {
font-size: 1rem;
}
.main-slide_img {
display: block;
}
.main-slide-content {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 1em;
}
.main-slide-content {
min-height: 452px;
justify-content: space-between;
}
.brand-item_logo.fourth-item {
font-size: 1.125rem;
}
.company_offer-row {
grid-template-columns: repeat(2, 1fr);
gap: 1.5em 1em;
}
.offer-last_unit {
grid-column: span 2;
}
.category-item {
font-size: .8125rem;
}
.category-high_item .item-title {
padding-right: 3em;
}
.category-section {
padding-bottom: 2em;
}
.category-long_item {
min-height: 127px;
}
.category-second_item {
min-height: 155px;
}
.category-last_item .item-img {
height: 140px;
}
.all-catalog_btn .item-title {
font-size: .935rem;
max-width: 190px;
}
.category-second_item .item-img {
margin-right: 0;
}
.category_right-column {
gap: 1em;
}
.marketplaces-list {
flex-direction: column;
justify-content: center;
padding: 0 2em;
gap: 1em;
}
.marketplace-item {
display: flex;
align-items: center;
}
.marketplace-item .item-btn {
display: flex;
min-width: 114px;
}
.marketplace-item .item-img {
flex: 1 0 0;
display: flex;
}
.marketplace-item_yd img {
max-width: 128px;
}
.calc-section {
flex-direction: column;
}
.calc-left_column {
padding: 2em 1.5em;
}
.calc-left_column .section-title {
font-size: 1.5rem;
}
.calc-section p {
font-size: 1rem;
}
.wrapper_calc-btn {
background: none;
padding: 0;
margin: 0;
left: 0;
}
.calc-btn {
background: #fff;
min-width: 162px;
margin-top: 1.1em;
}
.calc-img {
margin-top: -6em;
left: 0;
max-width: 100%;
}
.unified-top_menu {
font-size: .875rem;
}
.form-search_input {
border-radius: 8px;
}
.head-catalog_btn {
font-size: 0;
border-radius: 8px;
justify-content: center;
min-height: 52px;
min-width: 52px;
}
.head-catalog_btn:before {
height: 18px;
flex: 22px 0 0;
background: url(/img/icons/burger-2.svg) no-repeat center;
background-size: contain;
width: 22px;
}
.form-search_input {
height: 52px;
}
.head_bottom-panel {
gap: 1.3em;
}
.main-content {
padding-top: .7em;
}
.main-slide-content .item-subtitle {
font-size: .75rem;
}
h1, .main-title, h2, .section-title {
font-size: 1.625rem;
}
.main-slide_title {
font-size: 1.375rem;
}
.main-slide-content .main-btn {
border-radius: 6px;
margin-top: auto;
width: 100%;
}
.brands-row {
gap: .7em;
}
.brand-item_logo.third-logo {
height: 32px;
}
.brand-item_logo.second-logo {
max-width: 50%;
}
.brand-item {
font-size: .75rem;
border-radius: 14px;
padding: 1em .8em;
min-height: 195px;
}
.brand-item_icon {
height: 24px;
flex: 24px 0 0;
border-radius: 9px;
align-self: flex-end;
width: 24px;
}
.brand-item_icon:before {
height: 13px;
flex: 7px 0 0;
width: 7px;
}
.brands-section {
padding-bottom: 2em;
}
.company-desc_column .section-title {
margin-bottom: .5em;
}
.company-desc_column p {
font-size: .75rem;
max-width: 189px;
}
.company-desc_mod-column p {
max-width: 100%;
}
.company-desc_column .item-img {
width: 55%;
}
.offer-unit_title {
font-size: .935rem;
}
.wrapper_unified-item_arrow {
right: 1em;
}
.product-item {
padding: 0;
}
.products-mod_section {
padding-top: 2.8em;
}
.marketplaces-section {
padding: 3em 0;
}
.marketplaces-section .section-title {
font-size: 1.75rem;
text-align: left;
}
.marketplaces-section .top-text {
font-size: 1.125rem;
margin-bottom: 2em;
text-align: left;
}
.articles-section {
padding: 4em 0;
}
.article-item_date {
font-size: 1.125rem;
}
.article-item_tag {
min-height: 27px;
font-size: .75rem;
min-width: 80px;
border-radius: 6px;
}
.article-item_img .item-img {
border-radius: 13px;
}
.dealer-right_column {
border-radius: 13px 13px 0 0;
}
.min {
display: inline;
}
.dealer-section .column-mobile_unit {
padding-left: 55px;
}
.dealer-section .column-mobile_unit .top-text {
font-size: .75rem;
max-width: 200px;
}
.dealer-section .column-mobile_unit .section-title {
max-width: 200px;
}
.form-control {
font-size: 1.125rem;
}
.wrapper_unified-submit_btn {
background: none;
padding: 0;
margin: 0;
margin-top: 1em;
}
.dealer-left_column {
padding: 1.5em;
}
.dealer-left_column .section-title {
max-width: 200px;
}
.dealer-left_column .top-text {
font-size: 1.125rem;
}
.dealer-section {
margin-bottom: 1.2em;
}
.mailing-form_img {
bottom: auto;
width: 230px;
top: -4em;
right: 1em;
}
.mailing-form {
flex-direction: column;
}
.mailing-form_section {
padding: 2.7em 0 1em;
gap: .2em;
}
.mailing-form_section .section-title {
max-width: 350px;
font-size: 1.75rem;
margin-bottom: .7em;
}
.mailing-form_section .top-text {
font-size: 1rem;
margin-bottom: 2.4em;
}
.mailing-form_left-column {
border-radius: 14px;
}
.mailing-form_right-column {
padding: 2.5em 1.3em;
}
.mailing-form_submit {
font-size: 1rem;
border-radius: 16px;
height: 54px;
width: 100%;
}
.watched-section {
padding-top: 2.5em;
}
.footer-first_column {
gap: 2em;
}
.footer-title {
margin-bottom: .7em;
}
.main-footer_content {
gap: 2.3em;
}
.footer_phone-number {
margin-bottom: 7px;
}
.callback-btn {
height: 49px;
flex: 1 0 0;
}
.footer-email {
font-size: 1.5rem;
}
.footer-adress {
font-size: 1.125rem;
padding-right: 0;
}
.footer-mod_menu {
gap: 1.2em;
}
.footer_copyright-text {
padding-top: 2em;
}
.copyright {
font-size: .935rem;
}
.category-row {
gap: .8em;
}
.category-long_item {
padding-right: 5em;
}
.category-long_item .item-img {
padding-right: 0;
}
.selectric {
height: 35px;
border-radius: 8px;
}
.selectric .label {
line-height: 35px;
margin-left: 10px;
margin-right: 28px;
}
.selectric .button {
right: 5px;
}
.selectric .button:after {
height: 11px;
width: 11px;
}
.filter-middle_panel {
margin-bottom: 1em;
}
.filter-middle_panel .selectric-items {
min-width: 130px;
}
.filter-middle_panel .selectric-wrapper {
max-width: 45%;
}
.selectric-items {
font-size: .75rem;
}
.filter_instock_btn {
height: 35px;
border-radius: 8px;
}
.reset-filter_btn {
margin-left: 4px;
}
.view-mode_list {
border-radius: 8px;
}
.view-mode_item {
border-radius: 8px;
height: 32px;
width: 41px;
}
.selectric-items {
border-radius: 8px;
}
.breadcrumbs {
margin-bottom: 10px;
}
.quantity-goods {
font-size: .75rem;
display: block;
margin-bottom: 1.3em;
}
.product-item_btn {
font-size: 1rem;
gap: .5em;
}
.main-pagination {
justify-content: center;
margin-top: 1.3em;
gap: 6px;
}
.mobile-pagination {
display: flex;
}
.main-pagination .next-page, .main-pagination .prev-page {
display: none;
}
.catalog_text-box {
padding: 2.5em 0;
font-size: .75rem;
}
.catalog_left-column {
padding-left: 0;
}
.catalog-menu {
font-size: 1.3125rem;
}
.catalog-submenu {
font-size: 1.3125rem;
}
.quantity-goods {
top: 0;
}
.product-mod_item {
padding-bottom: 1em;
gap: 1.3em;
}
.product-list_content {
gap: 1em;
}
.product-mod_item .product-item_img {
flex: 160px 0 0;
}
.product-mod_item .product-item_title {
max-width: 100%;
font-size: 0.9025rem;
}
.product-mod_item .product-item_code-quantity {
font-size: .75rem;
margin-bottom: 0;
}
.product-mod_item p {
max-width: 100%;
font-size: .75rem;
display: none;
}
.product-mod_item .product-item_btn {
min-width: 175px;
height: 35px;
font-size: .78rem;
}
.product-mod_item .product-item_fav {
position: absolute;
left: 140px;
top: .5em;
}
.product-mod_item .product-item_desc {
padding-top: 10px;
gap: 10px;
}
.product-item_right-column {
gap: 5px;
}
.product-mod_item .product-item_old-price {
font-size: 1rem;
}
.calculation-form .form-control {
height: 40px;
border-radius: 14px;
}
.calculation-select_item .item-content {
min-height: 40px;
border-radius: 14px;
}
.product-card_slider:after {
content: '';
display: block;
background: linear-gradient(to left, #fff, transparent);
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 20%;
}
.product-card_slider .slick-list {
padding-right: 30%;
}
.product-card_item {
height: 63vw;
}
.product-card_item a:after {
height: 70px;
width: 70px;
background-size: 50%;
}
.product-card_content {
padding-top: 0;
margin-bottom: 1.3em;
gap: 3.3em;
}
.slick-dots li {
height: 6px;
width: 6px;
}
.product-card_title {
font-size: 1.525rem;
}
.product-card_desc-header {
margin-top:2em;
margin-bottom: .7em;
}
.product-card_title {
margin-bottom: 0;
}
.product-card_total-unit {
padding: 1em 1.3em 1.5em;
}
.product-card_bonus {
font-size: 1rem;
margin-bottom: 1em;
}
.marketplaces-mod_list {
padding: 0;
}
.product-card_features {
gap: 1.5em;
margin-bottom: 1.3em;
}
.product-card_tabs-box {
margin-bottom: 2.3em;
}
.calculation-box {
padding: 1.7em 1.4em;
}
.calculation-select_item {
min-width: 115px;
}
.calculation_three-columns {
display: flex;
flex-wrap: wrap;
}
.calculation-middle_right .calculation-select_item .item-content {
min-width: 150px;
}
.calculation-form_submit {
font-size: 1.125rem;
height: 49px;
}
.add-form_btn {
font-size: .935rem;
height: 40px;
}
.product-card_item img {
border-radius: 8px;
}
.product-card_item .youtube {
border-radius: 8px;
}
.watched-mod_section {
padding-top: 2em;
}
.cart-item_img {
height: 80px;
flex: 84px 0 0;
}
.cart-item_title {
font-size: .75rem;
}
.cart-item_code {
font-size: .625rem;
}
.cart-item_price {
font-size: 1.125rem;
}
.cart-item_price small {
font-size: .8125rem;
}
.cart-item_desc {
padding: 5px 0;
}
.cart-counter_btn {
height: 33px;
flex: 118px 0 0;
}
.cart-counter_btn .counter-back, .cart-counter_btn .counter-forward {
flex: 33px 0 0;
border-radius: 12px;
width: 33px;
}
.cart-item {
gap: 1em;
border-radius: 8px;
}
.cart-item_new-price {
font-size: 1.25rem;
}
.cart-item_new-price small {
font-size: .935rem;
top: -1px;
}
.cart-item_old_price {
font-size: .75rem;
}
.cart-item_old_price small {
font-size: 0.5625rem;
}
.cart-item_delete-btn {
height: 17px;
flex: 17px 0 0;
width: 17px;
}
.cart-total_box {
border-radius: 8px;
padding: 2.5em 1.5em;
}
.cart-total_box .h3 {
font-size: 1.5rem;
}
.cart-total_table {
font-size: 1.0625rem;
}
.promo-code_form .form-control {
height: 47px;
}
.order-total_sum {
font-size: 1.97rem;
}
.order-total_sum small {
font-size: 1.25rem;
}
.order-total_old_sum {
font-size: 1.25rem;
top: -4px;
}
.order-total_old_sum small {
font-size: .8125rem;
}
.proceed-checkout_btn {
height: 47px;
font-size: 1.125rem;
}
.cart-content {
padding-bottom: 1em;
}
.order-form {
padding-bottom: 1em;
}
.unified-radio {
font-size: .8rem;
}
.unified-radio .left-column {
order: 2;
}
.unified-radio .item-img {
order: 1;
}
.unified-radio .radio-text {
justify-content: flex-start;
gap: 1em;
}
.unified-radio .item-price {
font-size: .7rem;
}
.delivery-list {
padding-left: 5px;
}
.order-form_payment {
padding-left: 5px;
}
.attenion-icon {
height: 30px;
flex: 30px 0 0;
font-size: 1rem;
width: 30px;
}
.log-in_box .text {
font-size: .875rem;
}
.log-in_box {
padding: 1.4em .7em;
align-items: flex-start;
margin-bottom: 1em;
}
.log-in_box .left-column {
gap: 7px;
}
.log-in_box .main-btn {
height: 31px;
min-width: 132px;
font-size: .75rem;
padding: 0 2.7em;
}
.order-form_unit {
padding: 1.4em .7em;
}
.step-title {
font-size: 0.913125rem;
gap: 7px;
margin-bottom: 1.2em;
}
.step-title .item-number {
height: 30px;
flex: 30px 0 0;
font-size: 1rem;
width: 30px;
}
.order-form_unit .form-group {
font-size: .75rem;
gap: 5px;
}
.order-form_unit {
margin-bottom: 1em;
border-radius: 8px;
}
.order-form_unit .selectric {
height: 36px;
}
.order-form_unit .selectric .label {
line-height: 36px;
}
.unified-radio input[type="radio"] + .radio-text:after {
height: 18px;
width: 18px;
}
.unified-radio .radio-text {
min-height: 18px;
}
.unified-radio .item-img {
max-width: 76px;
}
.unified-radio .item-price {
padding: 2px 10px;
}
.unified-radio .item-price .rouble {
position: relative;
top: -2px;
}
.delivery-list .main-btn {
margin-left: 2.2em;
height: 30px;
font-size: .75rem;
padding: 0 1.5em;
border-radius: 5px;
}
.order-form_unit .form-control {
height: 36px;
font-size: .75rem;
}
.order-form_fields {
gap: 10px;
margin-bottom: 10px;
}
.order-form_bonus-row {
padding-top: 0;
}
.order-form_bonus-row {
font-size: .9rem;
}
.order-form_bonus-row .item-number {
font-size: 1.1rem;
border-radius: 5px;
}
.order-form_unit .bonus-text {
font-size: .75rem;
max-width: 300px;
}
.personal-account_menu li.active a {
box-shadow: 0 0 0 1px #FFDF3D;
padding: 0 10px;
}
.personal-account_menu {
font-size: .75rem;
flex: 1 0 0;
}
.personal-account_menu li {
flex: auto;
}
.personal-account_menu a {
padding: 0 10px;
justify-content: center;
gap: 5px;
min-height: 33px;
border-radius: 10px;
}
.personal-account_menu a img {
max-height: 13px;
}
.account_left-column .section-title {
font-size: 1.375rem;
}
.account-form .form-group {
font-size: 0.92875rem;
}
.account-box {
padding: 1.3em 1em;
}
.account-form_submit {
height: 43px;
min-width: auto;
width: 100%;
}
.account_sidebar-unit {
padding: 1em;
font-size: 0.926875rem;
}
.account_sidebar-unit .title {
font-size: 1.375rem;
}
.account_bonus-row {
font-size: 1.25rem;
}
.account_bonus-row .item-number {
font-size: 1.96rem;
}
.account_sidebar-unit .discount-text {
font-size: 1.155625rem;
}
.account_sidebar-unit .main-btn {
height: 43px;
margin-top: 1.7em;
width: 100%;
}
.account-form .form-control {
padding: 0 .7em;
font-size: .8125rem;
}
.account_sidebar-unit .item-img img {
max-width: 56%;
}
.account_sidebar-unit .item-img {
margin-bottom: -7em;
}
.logout-btn {
margin-left: auto;
margin-right: auto;
border-radius: 8px;
font-size: 1.05rem;
width: calc(100% - 2.5em);
}
.order-item {
border-radius: 8px;
margin-bottom: 1.7em;
}
.order-item_header .item-date, .order-item_header .item-status {
font-size: .875rem;
}
.order-item_header .paid:before {
height: 7px;
width: 7px;
}
.order-item_right_column {
border-radius: 8px;
padding: 1.1em 1.2em;
}
.order-item_right_column .title {
font-size: 1.43rem;
}
.actions-row {
display: flex;
flex-direction: column;
gap: 1.7em;
}
.actions-row .article-item_title {
font-size: 1.375rem;
}
.actions-row .wrapper_unified-item_arrow {
right: 3.3em;
}
.mailing-form_mod-section {
margin-bottom: 0;
}
.counter-mod_btn {
flex: 140px 0 0;
}
.counter-mod_btn .product-count {
font-size: 1.21625rem;
}
.marketplaces-mod_section, .marketplaces-pad_section {
padding: 2em 1em;
background: #F6F6F6;
border-radius: 8px;
margin-top: 2em;
}
.marketplaces-mod_section .marketplaces-list, .marketplaces-pad_section .marketplaces-list {
padding: 0;
}
.category-top_section {
padding-top: 3em;
padding-bottom: 1em;
}
.calculator-top_section {
align-items: flex-start;
margin-top: -2em;
margin-bottom: 0;
position: relative;
overflow: hidden;
padding-bottom: 2em;
z-index: 1;
}
.calculator-top_section .left-column {
padding: 0;
padding-top: 3em;
flex: 63% 00;
}
.calculator-top_section .right-column {
position: absolute;
top: 1em;
right: -3em;
max-width: 65%;
width: 100%;
z-index: -1;
}
.calculator-top_section .right-column img {
max-height: 250px;
}
.filter_top-panel_mod {
flex-direction: column;
align-items: flex-end;
}
.filter_top-panel_mod .left-column {
width: 100%;
order: 2;
}
.filter_top-panel_mod .view-mode_list {
order: 1;
}
.brand-detailed_logo {
max-width: 170px;
}
.brand-detailed_desc {
padding: 1.4em 1em;
}
.articles-sidebar {
display: flex;
flex-direction: column;
}
.article-item_high .wrapper_unified-item_arrow {
right: 3em;
}
.articles-mod_row {
display: flex;
flex-direction: column;
}
.article-header_img {
height: 52vw;
}
.gallery-slider {
padding: 0;
margin-left: -.5em;
}
.gallery-slider:after {
content: '';
display: block;
background: linear-gradient(to left, #fff, transparent);
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 20%;
}
.gallery-slider .slick-list {
padding-right: 30%;
}
.gallery-slider .slick-slide {
padding: 0 .5em;
}
.article-detailed {
padding-bottom: 0;
}
.products_two-rows {
grid-auto-flow: column;
grid-template-rows: repeat(2, 1fr);
overflow: hidden;
overflow-x: auto;
padding-bottom: 10px;
}
.products_two-rows .product-item {
min-width: 190px;
}
.products_two-rows::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.products_two-rows::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.products_two-rows::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.products_one-row::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.products_one-row::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.products_one-row::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.products_one-row {
display: flex;
overflow: hidden;
overflow-x: auto;
padding-bottom: 10px;
}
.products_one-row .product-item {
min-width: 190px;
}
.articles-row, .articles-mobile_row {
display: flex;
flex-direction: row;
overflow: hidden;
overflow-x: auto;
padding-bottom: 1em;
}
.articles-row .article-item, .articles-mobile_row .article-item {
min-width: 348px;
}
.articles-row::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.articles-row::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.articles-row::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.articles-mobile_row::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.articles-mobile_row::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.articles-mobile_row::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.articles-mobile_row .wrapper_unified-item_arrow {
display: none;
}
.articles-mobile_row .article-item p {
display: none;
}
.articles-mod_section {
padding-bottom: 0;
}
.callback-static_form-submit {
min-width: auto;
height: 49px;
font-size: 1.175rem;
width: 100%;
}
#map {
height: 214px;
}
.map-balun_icon {
flex: 39px 0 0;
height: 53px;
}
.map-balun_text {
font-size: .75rem;
}
.contact-panel {
padding: 1em 2em;
padding-right: 30%;
padding-bottom: 4em;
gap: 1.5em;
}
.social-color_list img {
max-width: 30px;
}
.contact-img {
bottom: -2em;
width: 52%;
}
.callback-static_form .form-group {
margin-bottom: 1.2em;
}
.callback-static_form {
padding: 2em 1.6em 1em;
margin-bottom: 1.4em;
}
.callback-static_form-fields {
gap: 1em;
margin-bottom: 1em;
}
.callback-static_form-fields .form-group {
margin-bottom: 0;
}
.callback-static_form .form-textarea {
height: 236px;
}
.advantage-main_item .item-title {
font-size: 1.5rem;
}
.advantage-main_item p {
font-size: 1rem;
}
.advantages-list {
display: flex;
flex-direction: column;
}
.dealer-mod_section {
margin-bottom: .7em;
}
.unified-delivery_unit .item-title {
font-size: 1.25rem;
}
.delivery-top_row p {
font-size: .75rem;
}
.delivery-terms_unit .item-img {
bottom: -1em;
}
.delivery-top_row {
gap: 1.2em;
}
.payment-methods_unit p {
padding-right: 10%;
}
.payment-methods_unit .payment_right-column {
padding-right: 0;
}
.unified-delivery_unit {
border-radius: 8px;
padding: 1.2em 1em;
}
.delivery-terms_unit {
padding-right: 40%;
}
.delivery-methods_row {
gap: 1em .5em;
margin-bottom: 0;
}
.back-page_btn {
display: block;
}
.wrapper-main-title {
margin-bottom: 1.5em;
display: flex !important;
}
.wrapper-main-title h1,
.wrapper-main-title .section-title {
margin-bottom: 0;
}
.bonus-detailed_item {
gap: 1.9em;
padding-top: 1.3em;
padding-right: 1em;
padding-bottom: 1.5em;
}
.bonus-detailed_item .left-column {
gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.bonus-detailed_item .right-column {
justify-content: space-between;
width: 100%;
}
.bonus-detailed_item .item-number {
order: 2;
}
.bonus-detailed_item .item-date {
order: 1;
}
.bonus-detailed_item .item-text {
flex: inherit;
width: auto;
}
.bonus-third_item .item-img img {
max-width: 100%;
}
.bonus-first_item {
padding-right: 0;
}
.bonus-first_item .item-img {
margin-right: -1em;
margin-top: -4em;
margin-bottom: -5em;
}
.bonus-item {
padding-left: 1.7em;
}
.bonus-item .item-title {
max-width: 200px;
}
.bonus-item .account_bonus-row {
font-size: 1.5625rem;
}
.bonus-item .account_bonus-row .item-number {
font-size: 2.3125rem;
}
.bonus-second_item .item-img {
margin-top: -4em;
}
.bonus-item .bonus-details_link {
font-size: 1.111875rem;
}
.bonus-item p {
font-size: 0.84375rem;
}
.bonus-third_item p {
padding-right: 27%;
}
.bonus-third_item .item-img {
margin-top: -6em;
padding-left: 10%;
margin-bottom: -7em;
}
.bonus-top_row {
margin-bottom: 12em;
}
.bonus-unit .item-icon {
max-width: 53px;
}
.bonus-middle_row {
gap: 10px;
margin-bottom: 3.7em;
}
.advantage-item {
position: relative;
border-radius: 14px;
}
.advantage-item:before {
content: '';
display: block;
height: 14px;
border-radius: 50%;
background: #FFDF3D;
position: absolute;
top: -7px;
left: 1em;
width: 14px;
}
.company_right-column {
gap: .8em;
}
.production-slider {
padding: 0;
margin-left: -5px;
margin-bottom: 1em;
}
.production-slider .slick-list {
padding-right: 20%;
}
.production-slider .slick-slide {
padding: 0 5px;
}
.production-small_slider {
display: none !important;
}
.production-section .bottom-text {
font-size: .75rem;
padding-right: 20%;
}
.join-team_section {
border-radius: 14px;
padding: 2.4em 1em 0;
}
.join-team_form .callback-static_form-submit {
margin-top: 14em;
}
.join-team_left-column .text {
font-size: .75rem;
}
.team-slider {
padding: 0;
}
.team-slider .slick-list {
padding-right: 15%;
}
.team-item_name {
font-size: .875rem;
}
.team-item_desc {
font-size: .75rem;
padding: .5em;
padding-top: .7em;
gap: 10px;
}
.team-item {
border-radius: 8px;
padding: .6em;
}
.team-item_img {
border-radius: 8px;
}
.video-box {
border-radius: 8px;
margin-bottom: 2.2em;
}
.company-desc_mod-column {
margin-bottom: 1em;
}
.company-desc_mod-column .item-img {
top: 5em;
width: 60%;
}
.company_right-column {
display: flex;
flex-wrap: wrap;
}
.advantage-first_item {
flex: 59.7% 0 0;
}
.advantage-second_item {
flex: 37% 0 0;
}
.advantage-last_item {
flex: 100%;
}
.advantage-item {
padding: 1.5em 1em;
overflow: visible;
}
.advantage-last_item {
padding-right: 0;
padding-bottom: 0;
margin-bottom: 3em;
}
.advantage-last_item .item-img {
position: static;
margin-top: -2em;
margin-bottom: -4em;
width: 80%;
}
.production-section {
padding-top: .7em;
padding-bottom: 2em;
}
.team-section {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.callback-static_form .top-text {
font-size: .75rem;
}
.join-team_form .form-policy {
font-size: .75rem;
}
.callback-static_mod_form .top-text {
max-width: 260px;
}
.advantages-mod_list {
display: flex;
flex-direction: column;
max-width: 320px;
gap: 2em;
}
.join-team_mod_section .callback-static_form-submit {
margin-top: 1.2em;
}
.family-box {
border-radius: 8px;
}
.family-box .right-img {
max-width: 85%;
}
.join-team_mod_section {
padding: 1.5em 1.1em;
}
.join-team_mod_section .section-title {
margin-top: 0;
}
.breadcrumbs {
gap: 5px;
}
.breadcrumbs li {
margin-right: 13px;
}
.breadcrumbs li:after {
right: -11px;
}
.cooperation-section .callback-static_form-submit {
margin-top: 1.2em;
}
.offer-content .offer-unit_submit {
margin-top: 1.2em;
}
.offer-content .offer-unit_submit {
font-size: 1.21rem;
height: 43px;
}
.benefits-row {
display: flex;
overflow: hidden;
overflow-x: auto;
padding-left: 8px;
padding-bottom: 10px;
}
.benefits-row .benefit-item {
min-width: 212px;
}
.benefits-row::-webkit-scrollbar {
height: 2px;
-webkit-appearance: none;
}
.benefits-row::-webkit-scrollbar-track:horizontal {
background: #E9E5DF;
border-radius: 6px;
border-width: 2px;
}
.benefits-row::-webkit-scrollbar-thumb:horizontal {
min-height: 2px;
border-radius: 6px;
background-color: #FFDF3D;
}
.benefit-item_desc .item-title {
font-size: 0.893125rem;
}
.delivery-map {
height: 215px;
}
.strength-item {
font-size: .75rem;
}
.strength-item:before {
height: 20px;
flex: 20px 0 0;
width: 20px;
}
.support-slider {
padding: 0;
}
.support-slider .slick-list {
padding-top: 3em;
padding-right: 20%;
}
.support-item .item-title {
font-size: .75rem;
}
.support-item_img {
height: 140px;
margin-top: -2.6em;
}
.support-section .top-text {
font-size: 1.05rem;
margin-bottom: 0;
}
.production-section_footer {
flex-direction: column;
gap: 0;
}
.become-dealer_btn {
flex: inherit;
height: 43px;
font-size: 1.05rem;
margin-top: 0;
}
.wholesale_top-section {
padding-top: 0;
margin-bottom: 1.4em;
}
.annual-profit_box .right-content {
padding-left: 0;
padding-right: 0;
}
.map-menu {
font-size: .8325rem;
width: 100%;
}
.map-menu li {
flex: 1 0 0;
}
.map-menu a {
padding: 0 .7em;
}
.strength-row {
padding-top: 10px;
}
.strength-item {
min-height: 60px;
}
.strength-column {
gap: .5em;
}
.strength-second_column {
margin-bottom: 1.8em;
}
.profit-content_body .subtitle {
margin-bottom: 10px;
font-size: .77rem;
}
.field-number_container {
font-size: .75rem;
}
.profit-content_body {
gap: 4em;
}
.profit-content {
padding-bottom: 2.7em;
}
.support-section {
padding: 2.2em 0;
}
.support-section .section-title {
max-width: 220px;
margin-bottom: 1em;
}
.cooperation-section {
margin-top: 1em;
padding: 1.7em 1.5em;
}
.cooperation-section .text {
font-size: 1.125rem;
}
.unified-section_header .right-cell {
font-size: 1.5625rem;
display: none;
}
.production-mod_section {
padding-bottom: 0;
}
.category-third_item .item-img {
max-height: 24.5vw;
}
.category-second_item .item-img {
max-height: 30vw;
}
.error {
font-size: .625rem;
}
.order-form .error {
position: static;
margin-top: -2px;
}
.account-form .error {
position: static;
margin-top: -7px;
}
.callback-static_form .error {
position: static;
margin-top: -7px;
}
.popup-title {
font-size: 1.5rem;
}
.popup-subtitle {
font-size: .75rem;
}
.callback-form_submit {
height: 46px;
font-size: 1.05rem;
}
.popup-policy {
font-size: .625rem;
}
.see-all_btn:after {
height: 8px;
width: 8px;
}
.join-team_left-column .item-img img {
max-height: 333px;
}
.account_sidebar-unit .title {
padding-right: 0;
}
.account_sidebar-unit .title .min {
display: block;
}
.callback-static_form .unified_form-policy {
font-size: .75rem;
}
.calculation-top_fields {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.calculation-top_fields .form-group {
width: 100%;
}
.send-code_again-btn {
font-size: 1.05rem;
}
.category-item .unified-item_arrow {
height: 32px;
width: 32px;
}
.category-item .unified-item_arrow:before {
height: 15px;
flex: 10px 0 0;
width: 10px;
}
.category-item {
border-radius: 14px;
}
.category-item .wrapper_unified-item_arrow {
bottom: 1em;
right: 1em;
}
.unified-top_menu li {
font-size: .875rem;
}
.load-btn {
height: 50px;
margin-top: 1em;
width: 100%;
}
.calc-right_column {
flex: inherit;
justify-content: flex-end;
}
.unified-mobile_btn {
display: flex;
}
.article-item_title {
font-size: 1.625rem;
}
.footer_copyright-text .bottom-text {
font-size: .75rem;
}
.sort-by .selectric-wrapper {
max-width: 100%;
}
.category-mod_row .category-item .item-title {
padding: 1em;
}
.category-mod_row .category-item .item-img {
margin-bottom: -1em;
}
.product-item_price {
font-size: 1rem;
}
.product-item_old-price {
font-size: .75rem;
}
.product-item_discount {
font-size: .625rem;
}
.production-item_title {
font-size: .65rem;
min-height: 22px;
left: -1px;
top: -1px;
border-radius: 8px 0 8px 0;
}
}
@media only screen and (max-width: 412px) {
.company_offer-row {
gap: 1.5em .6em;
}
.unified-top_menu li {
flex: auto 0 0;
padding: 0 .5em;
}
.sort-by .selectric {
font-size: .75rem;
}
.product-mod_item .product-item_img {
flex: 130px 0 0;
}
.product-mod_item .product-item_fav {
left: 115px;
}
.product-mod_item .product-item_price-row {
font-size: 1.125rem;
}
.product-mod_item .product-item_old-price {
font-size: .875rem;
}
.cart-counter_btn .product-count {
font-size: 1.125rem;
}
.personal-account_menu {
font-size: .625rem;
}
.counter-mod_btn {
flex: 140px 0 0;
}
.counter-mod_btn .product-count {
font-size: 1rem;
}
.product-card_timer-pos {
top: 0;
}
.product-card_timer .timer {
border-radius: 8px;
}
.marketplaces_pad-mod_section {
margin-top: 2.5em;
}
.contact-img {
right: -10px;
}
.bonus-detailed_item {
padding-left: 1.2em;
}
.advantage-item .item-title {
font-size: 1rem;
}
.team-slider .slick-list {
padding-right: 7%;
}
.bonus-first_item .item-img img {
max-width: 67%;
}
.calculation-select_item .item-content {
font-size: .875rem;
}
.calculation-two_mod-columns {
gap: .7em;
}
.calculation-select_item .item-icon {
height: 45px;
flex: 45px 0 0;
padding: .5em;
width: 45px;
}
.modal-content {
padding-left: 1em;
padding-right: 1em;
}
.mobile-fixed_panel {
gap: 1em;
justify-content: space-between;
}
.unified-radio {
font-size: .67rem;
}
}
/**new-cose_2**/
.wholesale-section_header {
background-image: url(/img/bg/purple-bg.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
display: flex;
flex-direction: column;
color: #fff;
border-radius: 32px;
padding: 2.5em;
padding-bottom: 4.7em;
overflow: hidden;
padding-right: 45%;
margin-bottom: 2.5em;
min-height: 616px;
position: relative;
z-index: 1;
}
.wholesale-section_header .top-tag {
font-size: 1.5rem;
font-weight: 600;
}
.wholesale-section_header .item-body {
flex: 1 0 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1em 0;
}
.wholesale-section_header h1 {
font-size: 3rem;
margin-bottom: .2em;
text-transform: uppercase;
}
.wholesale-section_header p {
font-size: 1.25rem;
padding-right: 10%;
font-weight: 500;
margin-bottom: 2em;
}
.wholesale-section_header .item-img {
position: absolute;
right: -6.8em;
bottom: -5.5em;
max-width: 62%;
z-index: -1;
}
.wholesale-section_header .main-btn {
height: 52px;
padding: 0 2em;
font-size: 1.125rem;
border-radius: 16px;
}
/**wholesale-advantages_section**/
.wholesale-advantages_section {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1em;
}
.wholesale-advantage_item {
background: #F6F6F6;
border-radius: 24px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: .5em;
padding: 1.6em;
padding-bottom: 0;
font-size: 1.25rem;
}
.wholesale-advantage_item .item-title {
font-weight: 600;
line-height: 1.3;
font-size: 1.75rem;
}
.wholesale-advantage_item .item-text {
margin-bottom: auto;
}
.wholesale-advantage_item .item-mod_text {
font-size: 1.125rem;
}
.wholesale-advantage_item .item-img {
margin-top: .7em;
text-align: center;
line-height:0;
}
.wholesale-advantage_long-item {
grid-row: 1 / 3;
padding-bottom: 2.5em;
}
.produce-section {
padding: 7.2em 0;
}
.produce-content {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
}
.produce-item {
padding: 1.4em;
border: 1px solid #D7D7D7;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 24px;
gap: 1.2em;
}
.produce-item .item-title {
font-size: 1.6rem;
font-weight: 500;
/*font-family: 'PT Root UI';*/
}
.produce-item .item-img {
min-height: 223px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
/**quality-section**/
.quality-item {
display: flex;
gap: 2em;
font-size: 1.375rem;
margin-bottom: 2.5em;
}
.quality-item:last-child {
margin-bottom: 0;
}
.quality-item .item-desc {
display: flex;
flex-direction: column;
gap: .5em;
flex: 1 0 0;
}
.quality-item p {
margin-bottom: 0;
}
.quality-item .item-title {
font-size: 1.75rem;
font-weight: 500;
}
.quality-item .item-img {
flex: 61.7% 0 0;
}
.quality-item .item-img img {
border-radius: 24px;
width: 100%;
}
/**calc-other_section**/
.calc-other_section {
display: flex;
gap: 3em;
padding: 7em 0;
}
.calc-other_section .left-column {
flex: 1 0 0;
}
.calc-other_section .right-column {
flex: 40.7% 0 0;
}
.calc-other_section .top-text {
display: block;
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 3em;
}
.calc-other_section .ui-state-default {
display: inline-block;
outline: none;
width: 36px;
height: 36px !important;
background: #FFDF3D;
border: none;
border-radius: 50%;
position: relative;
display: inline-block;
z-index: 10;
}
.calc-other_section .ui-state-default:focus {
outline: none;
}
.calc-other_section .ui-slider {
margin: 0 0 1.3em;
}
.calc-other_section .ui-widget-content {
background-color: #DFE0E5;
border: none;
border-radius: 11px;
height: 8px;
width: 99%;
}
.calc-other_section .ui-widget-header {
height: 100%;
top: 0;
border-radius: 11px;
background-color: #FFDF3D;
}
.calc-other_section .ui-slider-horizontal .ui-slider-handle {
top: -1em;
cursor: pointer;
margin-left: -14px;
}
.calc-other_section .sliding-input {
top: auto;
display: flex;
font-size: 1.5rem;
font-weight: 600;
font-family: "Montserrat";
text-align: center;
bottom: calc(100% + .3em);
white-space: nowrap;
}
.digit-bottom_row {
display: flex;
justify-content: space-between;
gap: 10px;
font-weight: 600;
color: #6E6E76;
}
[class*="ymaps-2"][class*="-ground-pane"] {
filter: grayscale(1);
}
.our-offer_box {
background: #F6F6F6;
border-radius: 24px;
padding: 2.3em;
display: flex;
flex-direction: column;
gap: 1.1em;
}
.our-offer_box .title {
font-size: 2rem;
font-weight: 600;
margin-bottom: .5em;
}
.our-offer_box .main-btn {
height: 54px;
border-radius: 16px;
font-size: 1.125rem;
width: 100%;
}
.our-offer_box .bottom-text {
color: #7D7E7F;
}
.our-offer_body {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.4em .6em;
margin-bottom: 1.5em;
}
.our-offer_item {
display: flex;
gap: .7em;
}
.our-offer_item .item-icon {
height: 52px;
flex: 52px 0 0;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: .2em;
width: 52px;
}
.our-offer_item .item-desc {
flex: 1 0 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.our-offer_item .item-title {
color: #4B4B4B;
font-size: 1.125rem;
}
.our-offer_item .item-text {
font-size: 1.5rem;
font-weight: 500;
}
.stand-section {
background: #FFDF3D;
border-radius: 32px;
display: flex;
gap: 3em;
font-size: 1.125rem;
}
.stand-section .item-title {
font-weight: 600;
font-size: 2.5rem;
}
.stand-section p {
max-width: 688px;
}
.stand-section .item-logo {
margin-bottom: .8em;
}
.stand-desc {
flex: 1 0 0;
padding: 2em;
display: flex;
flex-direction: column;
gap: .7em;
}
.stand-img {
flex: 42% 0 0;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
}
.produce-mod_section {
padding: 7em 0;
}
.produce-mod_section .video-box {
margin-bottom: 0;
}
.contact-mod_section {
border-radius: 17px;
overflow: hidden;
margin-bottom: 6em;
}
.contact-mod_panel {
padding: 1.7em 2.5em;
}
.contact-warehouse {
line-height: 1.5;
}
.social-black_list a {
background: #00090D;
display: flex;
align-items: center;
justify-content: center;
padding: .1em;
border-radius: 50%;
height: 28px;
width: 28px;
}
.contact-inst {
font-size: 1.25rem;
font-weight: 600;
}
.contact-inst a {
color: inherit;
border-bottom: none;
transition: color .3s;
}
.contact-inst a:hover {
color: #FF7A00;
}
.advantages-start_list li {
align-items: normal;
}
.dealer-left_column.mod-column {
gap: 1em;
}
.dealer-left_column.mod-column .section-title {
max-width: 100%;
}
/**master-section_header**/
.master-section_header {
background-image: url(/img/bg/master-bg.svg);
margin-bottom: 5em;
}
.master-section_header .item-img {
bottom: 0;
right: 0;
}
.tg-btn {
gap: .3em;
}
.tg-btn:before {
content: '';
display: block;
background: url(/img/icons/tg.svg) no-repeat center;
background-size: contain;
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7493%) hue-rotate(356deg) brightness(100%) contrast(100%);
height: 20px;
flex: 20px 0 0;
width: 20px;
}
/**steps-section**/
.steps-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1em;
}
.step-item {
display: flex;
flex-direction: column;
gap: 1.4em;
font-size: 1.25rem;
}
.step-item a:not([class]) {
color: #427DFE;
border-bottom-color: #427DFE;
font-weight: 700;
}
.step-item a:not([class]):hover {
border-bottom-color: transparent;
}
.step-item_img {
position: relative;
overflow: hidden;
border-radius: 24px;
padding-top: 122%;
}
.step-item_img img {
height: 100%;
/*object-fit: cover;*/
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.step-item_desc {
position: relative;
display: flex;
flex-direction: column;
gap: .5em;
/*padding-left: 65px;*/
}
.step-item_desc .item-number {
border-radius: 16px;
background: #FFDF3D;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem;
font-weight: 700;
/*font-family: 'PT Root UI';*/
position: absolute;
left: 0;
top: -0.3em;
flex: 48px 0 0;
height: 48px;
width: 48px;
}
.step-item_desc .item-title {
font-size: 1.5rem;
font-weight: 500;
}
.step-item_desc p {
padding-right: 2%;
}
.blue-color {
color: #427DFE;
}
/**.ambassadors-section**/
.ambassadors-section {
padding: 7em 0;
}
.ambassadors-slider {
margin: -0.9em -.6em 0;
}
.ambassadors-slider .slick-list {
padding-top: .8em;
}
.ambassadors-slider .slick-slide {
padding: 0 .6em;
}
.ambassadors-slider .slick-prev {
left: -5rem;
}
.ambassadors-slider .slick-next {
right: -5rem;
}
.ambassadors-slider .slick-arrow {
bottom: 2.6rem;
height: 60px;
width: 60px;
}
.ambassadors-slider .slick-disabled {
opacity: .6;
pointer-events: none;
}
.ambassador-item {
gap: .5em;
display: flex !important;
}
.ambassador-item .item-img {
position: relative;
padding-top: 144%;
border: 4px solid #427DFE;
border-radius: 40px;
overflow: visible;
}
.ambassador-item .item-img img {
top: 8px;
left: 8px;
height: calc(100% - 16px);
width: calc(100% - 16px);
border-radius: 32px;
}
.ambassador-item .item-link {
color: #C13584;
font-weight: 600;
transition: color .3s;
}
.ambassador-item .item-link:hover {
color: #FF7A00;
}
.ambassador-item .item-link:hover .item-text {
border-bottom-color: transparent;
}
.ambassador-item .item-yt {
display: flex;
align-items: center;
gap: 10px;
color: #FC0027;
}
.ambassador-item .item-yt:before {
content: '';
display: block;
background: url(/img/icons/yt-4.svg) no-repeat center;
background-size: contain;
flex: 17px 0 0;
height: 12px;
width: 17px;
}
.ambassador-item .item-yt .item-text {
border-bottom: 1px solid #FC0027;
transition: border-bottom-color .3s;
}
.tg-mod_btn {
margin-top: 2.8em;
padding: 0 2.1em;
margin-left: auto;
margin-right: auto;
height: 52px;
font-size: 1.125rem;
border-radius: 16px;
}
/**points-section**/
.brands-mod_row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
margin-bottom: 1.7em;
}
.brand-mod_item {
border-radius: 24px;
border: 3px solid #FFDF3D;
display: flex;
align-items: center;
justify-content: center;
padding: .3em;
height: 111px;
}
.brand-mod_item.black-item {
background: #000106;
}
/**preference-section**/
.preference-section {
padding: 7em 0;
}
.preference-row {
display: grid;
grid-template-columns: 38% 29.8% 29.8%;
gap: 1em 1.3%;
}
.preference-long_item {
grid-row: 1/3;
}
.preference-long_item .preference-item_img {
padding-top: 90%;
}
.preference-item {
display: flex;
flex-direction: column;
border-radius: 24px;
overflow: hidden;
}
.preference-item .play-button {
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: none;
gap: 10px;
font-size: 1.3125rem;
font-weight: 600;
text-align: center;
z-index: 2;
}
.preference-item .play-button:before {
content: '';
display: block;
background: url(/img/icons/play.svg) no-repeat center;
background-size: contain;
filter: brightness(0) invert(1);
height: 65px;
flex: 65px 0 0;
width: 63px;
}
.preference-item_img {
position: relative;
padding-top: 46%;
}
.preference-item_img img {
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.preference-item_desc {
background: #F6F6F6;
padding: .9em .8em .7em;
display: flex;
flex-direction: column;
font-size: 1.5rem;
flex: 1 0 0;
gap: .5em;
}
.preference-item_desc .item-title {
font-size: 1.75rem;
font-weight: 600;
}
/**vip-section**/
.vip-section {
padding: 6.5em 0;
background: #191919;
color: #fff;
}
.vip-section .section-title {
font-size: 2.75rem;
text-align: center;
}
.vip-section .bottom-btn {
margin-left: auto;
margin-right: auto;
margin-top: 2.5em;
height: 52px;
font-size: 1.125rem;
border-radius: 16px;
min-width: 305px;
}
.yellow-color {
color: #FFDF3D;
}
.vip-row {
display: grid;
grid-template-columns: 41.5% 57.2%;
gap: 1em 1.5%;
}
.vip-item {
display: flex;
gap: 3em;
font-size: 1.375rem;
background: #272727;
border-radius: 32px;
padding: 1.6em;
padding-bottom: .1em;
}
.vip-item .item-desc {
display: flex;
flex-direction: column;
gap: .7em;
flex: 1 0 0;
}
.vip-item .item-img {
max-width: 37%;
flex: 0 0 auto;
}
.vip-item .item-title {
font-size: 1.75rem;
font-weight: 700;
}
.vip-item .item-list {
display: flex;
flex-direction: column;
gap: .7em;
line-height: 1.1;
}
.vip-item .item-list li {
display: flex;
align-items: flex-start;
gap: 5px;
}
.vip-item .item-list li:before {
content: '';
display: block;
flex: 23px 0 0;
height: 1px;
background: #fff;
position: relative;
top: .5em;
width: 23px;
}
.vip-high_item {
grid-row: 1/3;
flex-direction: column;
gap: .3em;
padding-bottom: 1em;
grid-column: span 1;
}
.vip-high_item .item-img {
flex: inherit;
max-width: inherit;
text-align: center;
}
.vip-mod_item {
gap: 1em;
border-radius: 0;
background-color: transparent;
padding: 0;
}
.vip-mod_item .item-desc {
padding: 1.3em;
border-radius: 32px;
background: #272727;
}
.vip-mod_item .item-img {
border-radius: 32px;
overflow: hidden;
}
.vip-mod_item img {
height: 100%;
object-fit: cover;
width: 100%;
}
/**about-us_section**/
.about-us_section {
padding: 7em 0;
}
.video-slider {
margin: -0.9em -.6em 0;
}
.video-slider .slick-list {
padding-top: .8em;
}
.video-slider .slick-slide {
padding: 0 .6em;
}
.video-slider .slick-prev {
left: -5rem;
}
.video-slider .slick-next {
right: -5rem;
}
.video-slider .slick-arrow {
bottom: auto;
top: 38%;
height: 60px;
width: 60px;
}
.video-slider .slick-disabled {
opacity: .6;
pointer-events: none;
}
.video-item {
display: flex !important;
flex-direction: column;
gap: .3em;
font-size: 1.5rem;
}
.video-item p {
margin-bottom: 0;
}
.video-item_img {
position: relative;
overflow: hidden;
border-radius: 32px;
padding-top: 116%;
margin-bottom: .2em;
width: 100%;
}
.video-item_img:before {
content: '';
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
width: 100%;
z-index: 1;
}
.video-item_img img {
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.video-item_img .play-button {
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: none;
gap: 10px;
font-size: 1.3125rem;
font-weight: 600;
text-align: center;
z-index: 2;
}
.video-item_img .play-button:before {
content: '';
display: block;
background: url(/img/icons/play.svg) no-repeat center;
background-size: contain;
filter: brightness(0) invert(1);
height: 65px;
flex: 65px 0 0;
width: 63px;
}
.video-item_btn {
color: #C13584;
font-weight: 600;
font-size: 1.25rem;
transition: color .3s;
}
.video-item_btn:hover {
color: #FF7A00;
}
.for-tilers__wide_img {
width:100%; border-radius:60px;
}
/* RESPONSIVE LAYOUTS */
@media (max-width: 1699px) {
.ambassadors-slider {
padding: 0 4em;
}
.ambassadors-slider .slick-next {
right: 0;
}
.ambassadors-slider .slick-prev {
left: 0;
}
.ambassadors-slider .slick-arrow {
height: 43px;
width: 43px;
}
.video-slider {
padding: 0 4em;
}
.video-slider .slick-next {
right: 0;
}
.video-slider .slick-prev {
left: 0;
}
.video-slider .slick-arrow {
height: 43px;
width: 43px;
}
.ambassador-item {
font-size: 1rem;
}
}
@media (max-width: 1599px) {
.wholesale-section_header .top-tag {
font-size: 1.25rem;
}
.wholesale-section_header h1 {
font-size: 2.5rem;
}
.wholesale-section_header p {
font-size: 1rem;
}
.wholesale-section_header {
min-height: 500px;
}
.wholesale-section_header {
padding-right: 47%;
}
.wholesale-section_header .main-btn {
font-size: 1rem;
height: 48px;
padding: 0 1.3em;
}
.wholesale-advantage_item {
font-size: 1rem;
}
.wholesale-advantage_item .item-title {
font-size: 1.5rem;
padding-right: 5%;
}
.produce-item .item-title {
font-size: 1.7rem;
}
.quality-item {
font-size: 1.125rem;
}
.quality-item .item-title {
font-size: 1.5rem;
}
.our-offer_item .item-title {
font-size: 1rem;
}
.our-offer_item .item-text {
font-size: 1.35rem;
}
.our-offer_box {
padding: 1.7em;
}
.stand-section .item-title {
font-size: 2rem;
}
.stand-section {
font-size: 1rem;
}
.contact-column .item-subtitle {
font-size: 1.4rem;
}
.contact-column {
font-size: 1rem;
}
.contact-inst {
font-size: 1.05rem;
}
.produce-section {
padding: 5em 0;
}
.calc-other_section {
padding: 5em 0;
}
.produce-mod_section {
padding: 5em 0;
}
.contact-mod_section {
margin-bottom: 4em;
}
.step-item_desc .item-number {
height: 44px;
flex: 44px 0 0;
border-radius: 15px;
width: 44px;
}
.step-item_desc .item-title {
font-size: 1.375rem;
}
.step-item_desc {
padding-left: 58px;
}
.step-item {
font-size: 1.125rem;
}
.ambassadors-section {
padding: 5em 0;
}
.preference-item_desc .item-title {
font-size: 1.5rem;
}
.preference-item_desc {
font-size: 1.25rem;
}
.vip-item {
font-size: 1.125rem;
}
.vip-item .item-title {
font-size: 1.375rem;
}
.preference-section {
padding: 5em 0;
}
.vip-section {
padding: 5em 0;
}
.about-us_section {
padding: 5em 0;
}
.video-item {
font-size: 1.375rem;
}
}
@media only screen and (max-width: 1279px) {
.wholesale-section_header {
min-height: 40vw;
}
.produce-item .item-title {
font-size: 1.5rem;
}
.quality-item .item-title {
font-size: 1.375rem;
}
.quality-item {
font-size: 1rem;
}
.video-item {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 1199px) {
.wholesale-section_header h1 {
font-size: 2rem;
}
.wholesale-section_header .item-img {
right: -4em;
bottom: -3em;
}
.wholesale-section_header .item-img {
bottom: 0;
right: 0;
}
.vip-section .section-title {
font-size: 1.75rem;
}
}
@media only screen and (max-width: 1024px) {
.wholesale-advantages_section {
grid-template-columns: repeat(2, 1fr);
}
.produce-content {
grid-template-columns: repeat(2, 1fr);
}
.quality-item {
flex-direction: column;
}
.quality-item .item-desc {
flex: inherit;
order: 1;
width: 100%;
}
.quality-item .item-img {
order: 2;
flex: inherit;
width: 100%;
}
.calc-other_section {
flex-direction: column;
}
.preference-item_desc .item-title {
font-size: 1.25rem;
}
.preference-item_desc {
font-size: 1rem;
}
.step-item_desc .item-title {
font-size: 1.25rem;
}
.step-item {
font-size: 1rem;
}
.vip-item {
font-size: 1rem;
}
.vip-item .item-title {
font-size: 1.25rem;
}
.video-item {
font-size: 1.125rem;
}
.steps-content {
overflow: hidden;
overflow-x: auto;
display: flex;
}
.steps-content .step-item {
flex: 350px 0 0;
}
.steps-content::-webkit-scrollbar {
height: 0;
display: none;
}
.for-tilers__wide_img {
border-radius:24px;
}
}
@media only screen and (max-width: 768px) {
.wholesale-section_header .item-img {
position: static;
max-width: 100%;
}
.wholesale-section_header {
padding: 1.3em;
}
.stand-section {
flex-direction: column;
gap: 0;
}
.contact-mod_panel {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.preference-row {
grid-template-columns: repeat(2, 1fr);
gap: 1em;
}
.preference-long_item {
grid-row: 1/1;
grid-column: span 2;
}
.vip-row {
display: flex;
flex-direction: column;
}
.ambassadors-slider {
padding: 0;
}
.ambassadors-slider .slick-list {
padding-right: 15%;
}
.ambassador-item {
font-size: 1.25rem;
}
.brand-mod_item {
height: 64px;
border-radius: 12px;
}
.video-slider {
padding: 0;
}
.video-slider .slick-list {
padding-right: 15%;
}
.video-item {
font-size: 1.25rem;
}
.produce-content {
gap: .5em;
}
}
@media only screen and (max-width: 600px) {
.wholesale-section_header {
border-radius: 24px;
padding: 2.2em 1.3em 3em;
margin-bottom: 3em;
}
.wholesale-section_header .top-tag {
font-size: .875rem;
}
.wholesale-section_header h1 {
font-size: 1.375rem;
max-width: 330px;
}
.wholesale-section_header .main-btn {
position: absolute;
bottom: 1.8em;
font-size: 1.125rem;
height: 52px;
left: 15px;
right: 15px;
width: auto;
}
.wholesale-section_header .item-img {
margin-left: -2em;
margin-right: -2em;
max-width: inherit;
}
.wholesale-advantages_section {
display: flex;
flex-direction: column;
gap: .5em;
}
.wholesale-advantage_item {
padding: 1.8em 1.1em 0;
font-size: 1.125rem;
}
.wholesale-advantage_item .item-img {
/*height: 130px;*/
display: flex;
align-items: center;
justify-content: center;
}
.wholesale-advantage_item .item-title {
padding-right: 15%;
}
.produce-section {
padding: 4.2em 0;
}
.produce-item .item-title {
font-size: 1.25rem;
line-height: 1.4;
}
.produce-item .item-img {
min-height: 180px;
}
.quality-item .item-desc {
gap: .5em;
}
.quality-item {
gap: 1.2em;
margin-bottom: 1em;
}
.quality-item .item-title {
margin-bottom: .7em;
}
.calc-other_section {
gap: 1.3em;
}
.calc-other_section .ui-widget-content {
margin-bottom: 1.6em;
}
.our-offer_body {
display: flex;
flex-direction: column;
}
.our-offer_box {
padding: 2.2em 1.2em;
gap: 1.7em;
}
.our-offer_box .title {
max-width: 200px;
}
.our-offer_item .item-title {
font-size: 1.125rem;
}
.our-offer_item .item-text {
font-size: 1.5rem;
}
.calc-other_section {
padding: 4.7em 0;
}
.stand-desc {
padding: 1.8em 1.2em;
}
.stand-section .item-logo {
margin-bottom: .3em;
}
.produce-mod_section .video-box {
border-radius: 32px;
height: 131vw;
}
.contact-mod_panel {
display: flex;
flex-direction: column;
padding: 1.3em 1em;
}
.contact-mod_panel .contact-column {
gap: .5em;
}
.social-black_list {
gap: 1.7em;
margin-bottom: 10px;
}
.contact-inst {
font-size: 1.3rem;
}
.master-section_header .item-img {
margin-left: -15px;
margin-right: -15px;
}
.steps-content {
flex-direction: column;
overflow: visible;
gap: 2.2em;
}
.step-item {
font-size: 1.25rem;
gap: .5em;
}
.step-item_desc .item-title {
font-size: 1.275rem;
}
.step-item_desc .item-number {
top: 0;
}
.ambassadors-slider .slick-list {
padding-right: 10%;
}
.tg-mod_btn {
margin-top: 1.7em;
width: 100%;
}
.brands-mod_row {
display: flex;
overflow: hidden;
overflow-x: auto;
}
.brands-mod_row::-webkit-scrollbar {
height: 0;
display: none;
}
.brand-mod_item {
flex: 261px 0 0;
}
/*.screen-img {
margin-left: -15px;
margin-right: -15px;
}*/
.preference-section {
padding: 4em 0;
}
.preference-item_desc .item-title {
font-size: 1.5rem;
}
.preference-item_desc {
font-size: 1.125rem;
}
.preference-item_desc p {
line-height: 1.35;
}
.preference-row {
display: flex;
flex-direction: column;
}
.preference-item_img {
padding-top: 71%;
}
.vip-section {
padding: 4em 0;
}
.vip-section .section-title {
font-size: 1.625rem;
}
.vip-item {
flex-direction: column;
padding: 1em;
font-size: 1.25rem;
}
.vip-item .item-img {
order: 1;
max-width: 100%;
height: 165px;
text-align: center;
}
.vip-item .item-desc {
padding: 0;
order: 2;
}
.vip-item .item-title {
font-size: 1.375rem;
}
.vip-item .item-list li:before {
flex: 19px 0 0;
width: 19px;
}
.vip-mod_item {
padding: 0;
}
.vip-mod_item .item-img {
height: auto;
width: 100%;
}
.vip-mod_item .item-desc {
padding: 1em;
}
.vip-section .bottom-btn {
margin-top: 1.7em;
width: 100%;
}
.video-slider .slick-list {
padding-right: 10%;
}
.ambassadors-section {
padding: 4em 0;
}
.advantages-list {
gap: .7em;
}
.wholesale-section_header .top-tag {
font-weight: 500;
}
.wholesale-section_header p {
font-weight: 400;
}
}
@media only screen and (max-width: 400px) {
.wholesale-advantage_item .item-title {
padding-right: 0;
}
.digit-bottom_row {
font-size: .8rem;
}
.produce-item .item-title {
font-size: 1.1rem;
}
}
/**new-code**/
.main-section {
position: relative;
padding: 0;
border-radius: 0;
background: none;
min-height: auto;
}
.main-slider {
display: flex;
border-radius: 25px;
overflow: hidden;
}
.main-slider:after {
content: '';
display: block;
background: url(/img/bg/svg/02.svg) no-repeat center;
background-size: 100% 100%;
position: absolute;
height: 50px;
width: 177px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
.main-slider .slick-track {
display: flex;
}
.main-slider .slick-slide {
height: auto;
}
.main-slider .slick-slide > div {
height: 100%;
}
.main-slider .slick-slide .wrapper-slide {
display: block !important;
height: 100%;
}
.main-slider .slick-arrow {
top: auto;
}
.main-slider .slick-arrow:before {
height: 23px;
width: 17px;
}
.main-slider .slick-prev {
left: calc(50% - 3rem);
}
.main-slider .slick-next {
right: calc(50% - 3rem);
}
.main-slide {
height: 100%;
min-height: 540px;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
padding: 4.5em;
padding-top: 7.7em;
width: 100%;
z-index: 1;
}
@media only screen and (max-width: 600px) {
.main-section {
background: none;
}
.main-slide {
padding: 1.2em;
border-radius: 12px;
overflow: hidden;
display: block !important;
background-image: none !important;
background: #010101;
min-height: auto;
}
.main-slider:after {
display: none;
}
.main-slide_img {
display: block;
}
.main-slider {
border-radius: 0;
margin-left: -10px;
}
.main-slider .slick-list {
padding-right: 20%;
padding-bottom: 2px;
}
.main-slider .slick-slide {
padding: 0 10px;
}
.main-slide-content p {
font-size: .75rem;
}
.main-slide-content {
min-height: auto;
}
}
/**new-code_2***/
.gallery-popup {
display: block;
height: 0;
overflow: hidden;
}
.gallery-popup.show {
height: auto;
}
.gallery-popup button.close {
height: 36px;
border-radius: 50%;
background: #515252;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
transition: background .3s;
}
.gallery-popup button.close:hover {
background: #000;
filter: none;
}
.gallery-popup button.close:before {
content: '';
display: block;
background: url(/img/icons/close.svg) no-repeat center;
background-size: contain;
height: 40%;
width: 40%;
filter: brightness(0) invert(1);
}
.modal-content_stories {
background-color: transparent;
padding: 0;
}
.popup-slider {
padding: 0 4em;
}
.popup-slider .slick-track {
display: flex;
}
.popup-slider .slick-slide {
height: auto;
}
.popup-slider .slick-slide > div {
height: 100%;
}
.popup-slider .slick-arrow {
height: 36px;
background: #515252;
width: 36px;
}
.popup-slider .slick-arrow:hover {
background: #000;
}
.popup-slider .slick-arrow:before {
filter: brightness(0) invert(1);
height: 47%;
width: 47%;
}
.modal-dialog_stories {
max-width: 525px;
}
.popup-slide {
display: none !important;
position: relative;
height: 100%;
}
.popup-slide.slick-initialized {
display: inline-block !important;
}
.popup-slide .slick-arrow {
background-color: transparent;
height: 100%;
border-radius: 0;
width: 4rem;
z-index: 20;
}
.popup-slide .slick-arrow:hover {
background-color: transparent;
}
.popup-slide .slick-arrow:before {
display: none;
}
.popup-slide img {
width: 100%;
}
.popup-slide video {
width: 100%;
}
.popup-slide .slick-list {
border-radius: 16px;
}
.popup-slide .slick-dots {
bottom: auto;
display: flex;
gap: 5px;
top: 1em;
left: 0;
right: 0;
margin: auto;
width: calc(100% - 1em);
}
.popup-slide .slick-dots li {
height: 4px;
margin: 0;
border-radius: 2px;
flex: 1 0 0;
background: rgba(255, 255, 255, 0.65);
transition: background .3s;
}
.popup-slide .slick-dots .slick-active {
background: #fff;
}
.wrapper_slide-column {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
z-index: 10;
}
.wrapper_slide-column .slide-column {
flex: 1 0 0;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.popup-slider {
padding: 0;
margin: 0 -.5em;
}
.popup-slider .slick-list {
padding: 0 .5em;
}
.popup-slider .slick-slide {
padding: 0 .5em;
}
.modal-dialog_stories {
max-width: 100%;
margin: 4rem 0 1rem;
}
.popup-slide .slick-slide {
padding: 0;
}
}
@media only screen and (max-width: 370px) {
.mobile-fixed_panel {
font-size:9px;
gap:.8em;
}
}
.js-tab-item {
display: none;
}
.js-tab-item.is-visible {
display: block;
}
.hidden {
display: none !important;
}
.wait,
.disabled,
.loader {
opacity: 0.5;
}
input[disabled] {
cursor: not-allowed !important;
}
.error-text {
display: block;
font-size: .875rem;
color: #ec617a;
}
.js-form .success-text,
.js-modal .success-text {
color: #18a514;
}
.js-form .error-box,
#login .error-box {
margin-top: 1rem;
}
.required-radio .error-radio {
color: #ec617a;
font-size: .875rem;
font-weight: 500;
display: none;
}
.fancybox-image {
background: #fff;
}
.slick-prev, .slick-next {
z-index: 1
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}
.anim-loader {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
margin: 0 auto;
left: 0;
right: 0;
top: 0;
z-index: 10000;
animation: fadeIn .3s forwards;
}
.anim-loader::before {
content: '';
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
width: 50px;
height: 50px;
border-left: 4px solid #fff;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 50%;
animation: rotate .8s linear infinite;
}
.anim-loader.load-btn {
height: 40px;
width: auto;
margin: 0;
background: #136fcb;
position: relative;
animation: none;
pointer-events: none;
z-index: 1;
color: transparent !important;
opacity: 1 !important;
}
.anim-loader.load-btn::before {
top: calc(50% - 12px);
left: calc(50% - 12px);
width: 24px;
height: 24px;
}
.anim-loader-btn {
background: #FFDF3D;
animation: none;
pointer-events: none;
z-index: 1;
color: transparent !important;
opacity: 1 !important;
position: relative;
}
.anim-loader-btn::before {
top: calc(50% - 12px);
left: calc(50% - 12px);
width: 24px;
height: 24px;
content: '';
position: absolute;
border-left: 4px solid #fff;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 50%;
background-image: none;
animation: rotate .8s linear infinite;
}
/* loader */
.lds-ring {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #FFDF3D;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #FFDF3D transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}